/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; font-family:Pmingliu; font-size:13px;}
h1,h2,h3,h5,h6{ font-weight:normal; font-size:100%; }

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.333em; color:#747474;}
input, select {vertical-align:middle; font-weight:normal;}


a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {font-size:1.083em; line-height:1em; color:#148DB3; padding-bottom:12px;}


.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.col-1,
.col-2,
.col-3,
.col-4 {float:left;}
.col-5 {font-size:1.25em;padding:30px 0 0 0;color:#fff;font-weight: bold;}


/*************** header ***************/
#header {background:url(../images/page-tail.jpg) left top repeat-x;}

.logo {float:left; padding:29px 0 21px 28px;}

.menu { padding:0 0 0 0;background:url(../images/menu-bg.png) 3px top no-repeat;}

.menu li {float:left; background:url(../images/menu-border.jpg) left top no-repeat; padding:0 0 0 2px;}
.menu .first {background:none;}

.menu li a {display:block; font-family:Pmingliu, Geneva, sans-serif; font-size:1.2em; font-weight:bold; color:#FFF; cursor:pointer; text-decoration:none;}
.menu li a span {display:block; padding:19px 27px 21px 26px;}
.menu li a span {display:block; padding:19px 30px 21px 28px;}
.menu li a:hover, .menu .act {color:#148DB3; background:url(../images/menu-tail-un.jpg) left top repeat-x;}

.menu .first a:hover span, .menu .first .act span {background:url(../images/menu-left-un.jpg) left top no-repeat;}
.menu .last a:hover span, .menu .last .act span {background:url(../images/menu-right-un.jpg) right top no-repeat;}


.slogan {text-align:right;}

/*************** content ***************/
.wrapper {width:100%; overflow:hidden; margin-bottom:2px;}
.img-indent {float:left; margin:2px 27px 0 0;}
.phone {float:right; margin-right:135px;}
.box2 .phone {margin-right:2px;}
cite {font-style:normal; display:block; padding-bottom:16px;}
li a.selected{color:#3f97b3; font-size:1.1em; text-decoration:none;}
.layout01{float:left; padding:30px 0 0 0; width:130px;}
.layout02{float:left; padding:25px 0 0 10px;}
.layout03{float:left; width:600px; padding:25px 0 0 15px;}
.layout04{float:left; padding:25px 0 0 15px;}
.layout05{float:left;width:750px}
.layout06{float:left;width:750px}
.layout07{float:left;width:260px; padding-top:20px;}
.layout08{float:left;width:750px; padding:25px 0 0 15px;}
.layout09{width:280px; padding:0 0 0 0;}
.layout10{width:280px; padding:0 0 0 0;}
.layout11{float:left;width:280px}
.layout12{float:left; width:780px; padding:25px 0 0 15px;}
.layout13{float:left; width:450px; padding:25px 0 0 15px;}


#banners {background:#69C3D6 url(../images/banners-tail.jpg) left top repeat-x; font-size:1.083em; line-height:1.231em; font-style:Pmingliu; color:#204B55;}

#content {background:url(../images/content-tail.jpg) left top repeat-x; padding:37px 0 61px;}
#content .col-1 {padding-left:31px;}
#content .col-2 {padding-left:26px;}
#content .col-3 {padding-right:31px;}
#content .col-4 {padding-left:31px;}


.text {padding:0 3px 0 ;}
.text01 {padding:30 20px 0 20px; font-weight:bold; font-size:1.9em; font-style:Pmingliu; color:#008080}
.text02 {font-style:Pmingliu; font-weight:bold; color:#008080; padding-left:20px; font-size:18px;}

.text03 {font-style:Pmingliu; color:#292929;  line-height:1.5em; font-size:14px; padding:10px 0 0 20px;}
.text04 {font-style:Pmingliu; color:#494949; line-height:1.5em; padding:10px 0 0 20px;}
.text05 {font-style:Pmingliu; color:#494949; line-height:1.5em; font-size:13px;}
.text06{padding:30 20px 0 20px; font-style:Pmingliu; color:#494949; line-height:1.5em; padding:10px 0 0 30px; font-size:14px; width:700px;}
.text07 {font-style:Pmingliu; color:#18acd0; line-height:1.5em;  float:left; font-size:14px;}
.text08 {font-style:Pmingliu; color:#ffffff; line-height:1.5em;  float:left; font-size:14px; width:30px;}
.text09 {font-style:Pmingliu; color:#494949; line-height:1.5em;  float:left; font-size:14px; width:300px;} 
.text10 {font-style:Pmingliu; color:#494949; line-height:1.5em;  float:left; font-size:14px; width:500px;} 

.img-border {border:1px solid #E6E6E6; padding:3px;}

.border1 {background:url(../images/banners-border.jpg) left top no-repeat;}

.border3 {background:url(../images/border3-tail.gif) left top repeat-y;}
.border4 {background:url(../images/sub/line01.jpg) 0 33px no-repeat; padding-top:10px;}

.border4 p{position:relative;color:#3F95B2;
font-size:1.9em;
font-weight:bold;}
.border4 p span{ position:absolute; right:52px; top:0; display:inline-block; font-size:16px;}
.border4 a{color:#343434;text-decoration:none;font-weight:normal;}
.border4 a:hover{color:#3F95B2;text-decoration:underline;}
/*************** titles ***************/
.title {margin:7px 0 23px;}
.title-un {margin:30px 0 26px;}
#banners .title {margin:18px 0 6px;}
.box2 .title {margin:0 0 10px;}

.title-img1, .title-img2 {padding-left:26px;}
.title-img1 {background:url(../images/title-img1.gif) left 9px no-repeat;}
.title-img2 {background:url(../images/title-img2.gif) left 9px no-repeat;}

h2 {font-size:1.083em; color:#384245; font-weight:normal; font-style:italic; padding-bottom:16px;}
h2 a {font-size:0.923em; color:#747474; font-style:normal;}

h3 {color:#1D1D1D; padding-bottom:10px;}
h3 a {font-size:1.083em; color:#69C2D5;}

h4 {font-size:1.083em; color:#69C2D5;}

h5 {text-align:right;}

.text-style1 {font-size:1.083em; line-height:1.462em; padding-bottom:7px;}
.text-style2 {font-size:1em;}
.text-style3 {font-size:1.1em; color:#343434;}

/*************** links ***************/
.link, .link a {color:#1D1D1D;}
.link a {font-weight:bold;}

#banners .link {color:#FFF; background:url(../images/link-marker.gif) left 5px no-repeat; text-decoration:underline; font-weight:bold; padding-left:11px;}
#banners .link:hover {text-decoration:none;}

.button {display:block; color:#1D1D1D; text-decoration:none; line-height:1em; float:left; cursor:pointer; background:url(../images/button-tail.gif) left top repeat-x;}
.button span {display:block; background:url(../images/button-left.gif) left top no-repeat;}
.button strong {display:block; background:url(../images/button-right.gif) right top no-repeat; padding:9px 12px 10px;}
.button:hover {text-decoration:none; color:#69C2D5;}

.list li {padding-bottom:17px;}

.link-un {color:#148DB3;}
.mail {color:#232323;}




/*************** boxes ***************/
.box {background:#F6F6F6 url(../images/box-tail.gif) left bottom repeat-x;}
.box .box-left {background:url(../images/box-tail.gif) left top repeat-y;}
.box .box-top {background:url(../images/box-tail.gif) left top repeat-x;}
.box .box-right {background:url(../images/box-tail.gif) right top repeat-y;}
.box .box-top-left {background:url(../images/box-top-left.gif) left top no-repeat;}
.box .box-top-right {background:url(../images/box-top-right.gif) right top no-repeat;}
.box .box-bot-left {background:url(../images/box-bot-left.gif) left bottom no-repeat;}
.box .box-bot-right {background:url(../images/box-bot-right.gif) right bottom no-repeat; width:100%;}
.box .inner {padding:23px 10px 25px 23px;}

.box2 {background:url(../images/box2-bg.jpg) left top no-repeat; color:#585858; line-height:19px; padding:26px 22px 28px 24px;}
.box2 strong, .box2 strong a {color:#1D1D1D;}

/*************** form ***************/
#searchForm {float:right; padding:59px 28px 0 0;}
#searchForm input {margin-right:2px; border:none; background:url(../images/search-input.jpg) left top no-repeat; color:#FFF; padding:3px 0 0 20px; font-size:1em;}
#searchForm a {float:left; text-decoration:none; font-size:0.917em; font-weight:bold; color:#148DB3; background:url(../images/search-button.jpg) left top no-repeat;
	padding:2px 10px;}
#searchForm a:hover {color:#FFF;}

#contactForm {padding:3px 0 0 0px;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; color:#FFF; background:#99CBDB; border:1px solid #A2D5E7; border-top:1px solid #298AA6; padding:1px 0 0 7px;}
#contactForm textarea {overflow:hidden; margin-bottom:26px;}
#contactForm a {float:right; margin:0 2px 0 14px;}

/*************** positioning ***************/
#banners p {padding-bottom:9px;}
p {padding-bottom:22px;}

.margin1 {margin:2px 0 20px;}

.padding1 {padding:0 10px 27px 31px;}
.padding2 {padding-bottom:28px;}
.padding3 {padding-bottom:22px;}
.padding4 {padding-bottom:0;}
.padding5 {padding-bottom:16px;}
.padding6 {padding-left:12px;}
.padding7 {padding-bottom:40px !important;}
.padding8 {padding-right:56px;}
.padding9 {padding-bottom:12px;}
.padding10{padding:0 10px 27px 31px;}
.padding11{padding:5px 0 0 5px; float:left;}
.padding12{padding:25px 0 0 50px; float:left;}
.padding13{padding:0 0 0 0; float:left;}


/*************** page-3 ***************/
#page-3 #content .col-1 {padding-right:26px;}
#page-3 #content .col-2 {padding-left:19px;}

/*************** page-4 ***************/
#page-4 #content .col-1 {padding-right:26px;}
#page-4 #content .col-2 {padding-left:19px;}

/*************** page-5 ***************/
#page-5 #content .col-1 {padding-right:31px;}
#page-5 #content .col-2 {padding-left:19px;}

/*************** page-7 ***************/
#page-7 #content .col-1 {padding:0 31px 0 0;}
#page-7 #content .col-2 {padding-left:31px;}
#page-7 #content .col-3 {padding-right:0px;}
#page-7 #content .col-4 {padding-left:40px;}

#page-7 .phone {margin-right:80px;}

/*************** footer ***************/
#footer {background:url(../images/main/bottom_bg01.jpg) left top repeat-x; color:#204B55; padding:20px 0 0px; margin:35px 0;}
#footer02 {background:url(../images/main/bottom_bg01.jpg) left top repeat-x; color:#204B55; padding:20px 0 0px; margin-top:-2px; *margin-top:0;}
#footer a {border-left:1px solid #204B55; padding-left:4px; margin:0 1px 0 4px; text-decoration:underline; color:#204B55; font-weight:bold;}
#footer02 a {border-left:1px solid #204B55; padding-left:4px; margin:0 1px 0 4px; text-decoration:underline; color:#204B55; font-weight:bold;}
#footer a:hover {text-decoration:none;}
/*
a.link01:link {font-size:1.1em;text-decoration:none;FONT-WEIGHT: normal;color:#343434;}
a.link01:visited {font-size:1.1em;text-decoration:none;FONT-WEIGHT: normal;color:#343434;font-family: "Pmingliu";}
a.link01:active {font-size:1.1em;text-decoration:none;FONT-WEIGHT: normal;color:#343434;}
a.link01:hover {font-size:1.1em;color:#3f97b3;FONT-WEIGHT: normal;text-decoration:none;}
*/
/*side-bar*/
ul.side-bar li{
	padding-bottom:18px;}
	
ul.side-bar li a{
	color:#343434;
	text-decoration:none;
	font-size:14px;}
	
ul.side-bar li a:hover{
	text-decoration:underline;
	color:#3f97b3}
	
ul.side-bar li.selected a{
	color:#3f97b3;
	text-decoration:none;
	}
	
ul.side-bar li.selected a:hover{
	text-decoration:underline;}


	
.regeister-mid-l form input.text,.regeister-mid-l form textarea{
	background-image:url(../images/input.gif);
	background-color:#fff;
	border:1px solid #d8d5d5;
	width:500px;}
.t2{ padding:5px 5px;}
	
	
/*contact-us*/

.pic-contact{
	float:left;
	margin-right:20px;
	width:219px;
	height:500px;}
	
.pic-contact img{
	padding:5px;
	border:1px solid #e6e5e5;}
.contact-us{
	float:left;}
	
.regeister-mid-l table td{
	color:#666;}
	
.regeister-mid-l .t1{
	text-align:right;
	width:80px;}
	
.regeister-mid-l span.star{
	color:#FF5D3A;
	padding-right:3px;}
	
/*infor*/
.infor{
	padding-left:50px;
	line-height:18px;
	padding-bottom:20px;
	font-size:12px;}
	
.infor h2{
	font-style:normal;
	font-weight:bold;
	font-size:15px;
	color:#3F95B2;
	margin:0;
	padding:0;}
	
.name{
	float:right;
	width:250px;
	height:48px;
	padding:29px 90px 21px 28px;
}
	
/*====================================== new index ========================================*/
body{ background:url(../images/newheader_bg.gif) top repeat-x;}
.clear {clear: both !important; float: none !important; font-size: 0 !important; height: 0 !important;line-height: 0 !important; overflow: hidden !important;}
.col-1, .col-2, .col-3, .col-4{float:left;}
.OWT{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.BScover{background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}

/* header */
.header{height:74px; width:960px; margin:0 auto; border-bottom:2px solid #fff;}
.header h1.logo{ float:left; height: 60px; padding:7px 0;}
.header h1.logo a{height:60px;}
.header h1.logo img{ max-height:60px;}

/* menu */
.menu_new {padding:18px 0; height:38px;  position:relative; float:right;}
.menu_new li{ float:left; margin-left:15px; height:38px;}
.menu_new li a{ display:block; text-decoration:none; background-color:#77b53c; color:#fff; border-bottom: 1px solid #61982d; border-radius:19px; border-right: 1px solid #61982d;font-size: 18px;line-height: 18px; padding:10px 15px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; transition:all 0.5s ease 0s;}
.menu_new li a:hover, .menu_new li.current a{ color:#77b53c; background-color:#f2f7fa;border-bottom: 1px solid #c4cad0; border-right: 1px solid #c4cad0;}

/* banner */
.banner{ clear:both; height:380px; position:relative; width:960px; margin:0 auto;}
.mainslider{width:100%;height:380px; position:relative; list-style:none; padding:0; background:url(../images/loading.svg) center no-repeat; }
.mainslider li{width:100%; height:380px; position:relative; overflow:hidden; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover; padding:0;}
.mainslider li .group{position:absolute; bottom:50px; right:30px; width:300px; text-align:right; display:block; text-decoration:none;margin-right:-450px; -moz-opacity:0; -webkit-opacity:0; opacity:0;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; padding:10px; border-radius:10px; background:url(../images/mask_bg.png);}
.mainslider li .link{width:100%; height:380px; display:block; overflow:hidden;}
.mainslider li .group p{font-size:14px;  line-height:20px; color:#999; }
.mainslider li .group h4.title{ font-size:20px; color:#77b53c; line-height:30px; margin-bottom:10px; display:none;}
.mainslider li.rslides1_on .group{-webkit-animation-name: sliderLeft;-webkit-animation-duration:1s; -webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s;animation-name: sliderLeft;animation-duration:1s;animation-iteration-count: 1;animation-delay: 0s;-moz-opacity:1; -webkit-opacity:1; opacity:1;margin-right:0;}
@-webkit-keyframes sliderLeft {
    0% { margin-right:-450px;opacity:0;}
	80% {margin-right:50px;opacity:0.8;}
    100% {margin-right:0;opacity:1;}
}
@keyframes sliderLeft {
    0% { margin-right:-450px;opacity:0;}
	80% {margin-right:50px;opacity:0.8;}
    100% {margin-right:0;opacity:1;}
}
.rslides_nav{ width:40px; height:40px; text-align:center; line-height:40px; position:absolute; z-index:1; bottom:20px; background:url(../images/pop_side.png); font-size:16px; color:#fff; text-decoration:none; border-radius:50%;}
.rslides_nav:hover{ background:#77b53c; color:#fff;}
.rslides_nav.next{ left:80px;}
.rslides_nav.prev{ left:30px;}

/* ----------  footer ---------- */
.footer {clear:both; border-top:2px solid #008080;}
.copyright{ padding:20px 0 40px 0; color:#666; line-height:24px; position:relative; font-weight:bold;}
.copyright p{ line-height:20px; padding:0;}
.copyright a{ color:#008080; transition:all 0.5s ease 0s; text-decoration:none;}
.copyright a:hover{color:#77b53c;}
.copyright .gray{ color:#999;}
.copyright .gray:hover{color:#008080;}

/* index group */
.maingroup{ background-color:#77b53c;padding:25px 0; position:relative; height:328px; overflow:hidden;}

.maingroup .tab{ display:none; height:53px; position:absolute; left:50%; margin-left:-310px;top:0; background: url(../images/menu-border.jpg) top repeat-x; overflow:hidden; border-radius:0 0 10px 10px;}
.maingroup .tab li{ height:53px; float:left;}
.maingroup .tab li a{ display:block; color:#fff; text-decoration:none; font-weight:bold; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-size:18px; line-height:33px; padding:10px 30px; transition:all 0.5s ease 0s;}
.maingroup .tab li a:hover{ color:#005e5f; background:url(../images/menu-border-hover.jpg) top repeat-x;}
.maingroup .tab li.current a, .maingroup .tab li.current a:hover{ color:#005e5f; background:url(../images/menu-tail-un.jpg) top repeat-x;}


.groupslider{ width:960px; height:328px; position: absolute; top:25px; left:50%; margin-left:-480px;}
.groupslider .group-prev, .groupslider .group-next{width:30px; height:60px; text-align:center; line-height:60px; position:absolute; z-index:1; top:134px; background:url(../images/page-tail02.jpg) top repeat-x; font-size:16px; color:#008080; text-decoration:none; border-radius:5px;}
.groupslider .group-prev:hover, .groupslider .group-next:hover{color:#77b53c;}
.groupslider .group-prev{ left:-40px;}
.groupslider .group-next{ right:-40px;}
.slider{ height:328px; width: 960px;}
.slider li{ width:220px; height:300px; margin:10px; float:left; background:#fff url(../images/newgroup_bg.jpg) bottom repeat-x; border-radius:15px;}
.slider li:hover{ background:#fff;}
.slider li .title{ color:#005e5f; font-size: 20px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; line-height:20px; margin:10px;}
.slider li .title a{color:#005e5f; display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-decoration:none;}
.slider li .title a:hover{color:#008080;}
.slider li .photo{ width:220px; height:155px;}
.slider li .photo span{display: inline-block; height: 100%; vertical-align: middle;}
.slider li .photo img{max-height: 100%;max-width: 100%;vertical-align: middle;}
.slider li p{ color:#008080; line-height:20px; height:60px; overflow:hidden; text-align:left; margin:10px; padding:0; font-size:13px;}
.slider li .readmore{ text-align:right; margin-right:10px; line-height:20px; color:#6d777e; font-size:11px; font-weight:bold; text-decoration:none; display:block; font-family:Tahoma, Geneva, sans-serif;}
.slider li .readmore .font_icon{ padding-left:5px;}
.slider li .readmore:hover{color:#008080;text-decoration: underline;}

/*news */
.news-list td{ line-height:20px; padding:16px 5px 14px 5px; border-bottom:1px dashed #999; font-size:16px;}
.news-list td ul li{ padding:0;}
.news-list td ul li a{line-height:20px; font-size:16px; color:#333;}
.news-list td ul li a:hover{color:#77b53c;}
.PagerWrap{ margin:0 auto;}
.PagerWrap a{ color:#666; font-weight:bold; padding:0 10px;font-size:14px;}
.PagerWrap a:hover{color:#77b53c;}
.PagerWrap td{ border:0;}