@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
img{ border:0px; vertical-align:middle;}
body{ text-align:left; background:#fff; font-size:12px; width:expression(document.body.clientWidth <= 1170? "1170px": "auto");  min-width:1170px; font-family:"microsoft YaHei"; }
ul,dl{ list-style:none; text-align:left; margin:0px; padding:0px;}
a{ text-decoration:none;}
body,html{ width:100%; height:100%;}
.clearfix:after{content:"\20"; display:block; height:0; clear:both;}
.clearfix{*zoom:1; _zoom:1}

.header{ width:100%; height:90px; background:#FFF;}
.logo{ float:left; margin:18px 0 0 2%;}
.nav{ float:right;}
.nav ul li{ float:left; font-size:18px; padding-left:19px;}
.nav ul .line{ display:inline-block; float:left; _float:none; color:#cecece; padding-left:19px; margin-top:35px; _margin-top:0;font-size:18px; _font-size:inherit;}
.nav ul li a{ display:inline-block; padding:35px 18px 0 18px; color:#343434}
.nav ul li a:hover{ border-top:4px solid #00a179; padding-top:31px; color:#00a179;}
.nav .now_sel{display:inline-block; padding:31px 18px 0 18px; border-top:4px solid #00a179; color:#00a179;}

.banner{ width:100%; }
.banner_inner{position:relative;width:100%;margin:0 auto}


.banner_img li{float:left; position:relative}
.banner_img li.bgli01{ background:url(../images/01.jpg) no-repeat center top; background-size:100% 100%;}
.banner_img li.bgli02{ background:url(../images/02.jpg) no-repeat center top; background-size:100% 100%;}
.banner_img li.bgli03{ background:url(../images/03.jpg) no-repeat center top; background-size:100% 100%;}

.banner .child1{position:absolute;width:100%;height:50%;left:0;top:20%; background:url(../images/b_txt_bg.png) repeat left top;}
.banner .child2{position:absolute;width:33%;left:33.5%;top:28%}
.banner .child3{position:absolute;width:38%;left:31%;top:18%}
.banner .child4{position:absolute;width:30%;left:35%;top:30%}
.banner_common{position:relative;width:990px;margin:0 auto}
.banner .chi_txt{ position:absolute; left:0; top:10%; color:#FFF; text-align:center; width:100%;}
.banner .chi_txt_01{ position:absolute; left:0; top:20%; color:#FFF; text-align:center; width:100%;}
.txt_01{ font-size:2.5em; margin-bottom:25px;}
.txt_02{ font-size:1.4em; line-height:30px; margin-top:10px;}

.banner .control{width:165px;position:absolute;bottom:15%;left:50%;margin-left:-85px}
.banner .control li{float:left;margin-left:10px;width:43px;height:4px;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#00dfb9}

footer{width:100%; background:#222222; opacity:0.8; filter:alpha(opacity=80);height:80px;}
footer.fixed_b{position:fixed; left:0; bottom:0; }
.f_left{ display:inline-block; font-size:18px; color:#FFF; padding-left:2%; line-height:80px;}
.f_right{float:right; color:#FFF; font-size:13px; vertical-align:middle; text-align:right; margin-right:2%;}
.f_right p{ padding:20px 0 10px 0;}
.f_right a{ display:inline-block; margin:0 8px; color:#FFF;}
.f_right a:hover{ color:#00dfb9;}

.center{ width:92%; padding-left:8%; min-height:600px; height:auto; _height:600px; padding-bottom:20px;}
.c_left{ float:left; width:161px; position:relative; margin-top:-57px}
.eName{ width:100%; height:73px; padding-top:40px; background:#24af8c; color:#FFF; font-size:24px; text-transform:uppercase; text-align:center;}
.c_left ul li{ border-bottom:1px solid #FFF; text-align:center;  font-size:18px; color:#24af8c; background:#e5e5e5;}
.c_left a{ display:inline-block; width:100%; color:#212121; padding:20px 0;}
.c_left a:hover,.postion a:hover{ color:#24af8c;}
.pos_sel{ display:inline-block; padding:20px 0;}


.c_right{ float:left;  width:100%;}
.postion{ width:90%;background:#e6e6e6; text-align:right; padding-right:10%; height:56px; line-height:56px; font-size:14px; color:#4c4c4c;}
.postion a{ color:#4c4c4c}
.title{ border-bottom:1px solid #c3c3c3; width:87%; margin-left:42px; height:89px; color:#4c4c4c; font-size:28px; line-height:89px; font-weight:normal;}

.about_con,.contact_con,.join_con,.tys_con{ width:87%; margin-left:42px; color:#000; font-size:18px; line-height:31px;}
.about_con p{ padding-top:35px;}

.partner_lists{width:90%;}
.partner_lists ul li{ float:left; width:230px; margin:37px 10px 0 42px; height:142px; overflow:hidden; position:relative;}
.partner_lists span{ display:inline-block; width:100%; height:142px; cursor:pointer; }
.partner_01{ background:url(../images/partner_01.png) no-repeat 0 0;  transition: all 0.8s ease-in-out 0s;}
.partner_01.active{background:url(../images/partner_01.png) no-repeat 0 -142px;}
.partner_02{ background:url(../images/partner_02.png) no-repeat 0 0; transition: all 0.8s ease-in-out 0s;}
.partner_02.active{background:url(../images/partner_02.png) no-repeat 0 -142px;}
.partner_03{ background:url(../images/partner_03.png) no-repeat 0 0; transition: all 0.8s ease-in-out 0s;}
.partner_03.active{background:url(../images/partner_03.png) no-repeat 0 -142px;}
.partner_04{ background:url(../images/partner_04.png) no-repeat 0 0; transition: all 0.8s ease-in-out 0s;}
.partner_04.active{background:url(../images/partner_04.png) no-repeat 0 -142px;}
.partner_05{ background:url(../images/partner_05.png) no-repeat 0 0; transition: all 0.8s ease-in-out 0s;}
.partner_05.active{background:url(../images/partner_05.png) no-repeat 0 -142px;}


.contact_con p{ float:left; font-size:16px; line-height:26px;}
.map_pic{ float:right; width:50%; margin-top:2%;}
.join_con h3,.tys_con h3{ font-size:22px; color:#24af8c; font-weight:normal; margin-top:20px;}
.join_con p{ padding:10px 0;}
.tys_con p{ padding-top:20px}
.tys_con h3{ width:100%; overflow:hidden; clear:both; margin-top:50px;}
.xtb{ display:inline-block; float:left; width:6px; height:6px; background:url(../images/xtb_01.gif) no-repeat; margin-top:12px; margin-right:1%;}
.cc_p{ display:inline-block; float:left; width:97%;}

.news_lists{ width:87%; margin-left:42px; padding-top:5px;}
.news_lists ul li{ border-bottom:1px dashed #c2c2c2; color:#000; font-size:18px; text-align:right; height:59px; line-height:59px;}
.ntitle{ float:left; background:url(../images/xtb_02.gif) no-repeat left center; padding-left:15px;}
.ntitle a{ color:#000;}
.ntitle a:hover{ color:#24af8c;}
.showPage{ width:100%; text-align:center; font-size:18px; padding:20px 0;}
.showPage a{ display:inline-block; width:32px; height:32px; background:#e7e7e7; line-height:32px; color:#000;}
.showPage a:hover{ background:#24af8c; color:#FFF;}
.page_sel{display:inline-block; width:32px; height:32px; background:#24af8c; line-height:32px; color:#FFF;}


.news_info{ width:87%; margin-left:42px;}
.new_title{ color:#24af8c; font-size:22px; text-align:center; border-bottom:1px dashed #c2c2c2; padding:30px 0  20px 0}
.news_con{ font-size:16px; color:#000; text-align:center;}
.news_con p{ margin-top:20px; text-align:left;}


animation_slideUp{ animation:slideUp ease-in 0.3s; -webkit-animation:slideUp ease-in 0.3s; -moz-animation:slideUp ease-in 0.3s;}

.erorr_div{ width:100%; background:#f4f4f4;}
.erorr_con{ width:60%; margin:auto; padding:10% 0; position:relative;}
.erorr_txt{ position:absolute; left:38%; top:55%; font-size:18px; color:#5c5c5c;}
.erorr_txt a{ color:#24af8c; text-decoration:underline; margin:0 3px}
.erorr_txt a:hover{ color:#fb1026}