*{ padding: 0px; margin: 0px; }
body{
font-family: "";
color: #333;
margin: 0;
padding: 0;
background:#fff;	
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span { margin:0;padding:0;}
img{ border:0;}
ul,li,ol,ul {list-style:none;}

a{ text-decoration:none; color:#333; }
.clear:after {content: '';clear: both;display: block;font-size: 0;height: 0;}
.clear {*zoom:1; clear:both;}
.fl {float: left;}
.fr {float: right;}
a {text-decoration: none;color: #626262;}
a:visited, a:active, a:focus {outline: none;}
input:focus, textarea:focus {outline: none;}
/*--------------------------- 顶部 ---------------------------*/

.comomon_tit{ position: relative; height: 60px; }
.hr{ position: absolute; left: 50%; top: 47px; border-bottom: 1px solid #e7e7e7; height: 1px; width: 100%; }
.common_en{ position: absolute; top: 0px; left: 50%; font-family: "FZLTXHK GBK1 0",""; font-size:30px;  color: #018997;  height: 28px; line-height: 28px;}
.common_cn{ position: absolute; top: 32px; left: 50%;  padding-left: 18px; padding-right: 18px; color: #999999; font-size: 16px;  height: 25px; line-height: 25px; margin-top: 5px;  
	background: #fff;font-family: "AvantGarde BK  Bt" ;text-transform: uppercase; }

.product{ /*margin-top: 35px; */ height: 700px;  position: relative; }
.productbg{background: #f6f6f6; position: absolute; height: 100%; top: 0; left: 0px; width: 100%;}
.productbg .center{ position: relative; }
.product_left{ float: left; width: 257px;   border: 1px solid #cccccc; position: absolute; top: 20px;  left: 0px;}
.product .product_tit{  background: #018997;padding-left: 22px; width: 235px; height: 56px; padding-top: 28px;}
.tit_cn_bg{background: url(../images/icon.png) -3px -102px  no-repeat;  width: 30px; height: 30px; float: left; margin-right: 10px;}
.product_tit .prod_cn{ color: #fff; font-size: 16px;   line-height: 15px; margin-bottom: 5px;}
.p_t_a{ float: left; width: 172px; }
.product_tit .prod_en{ color: #fff;  text-transform: uppercase; font-size: 13px; height: 16px; line-height: 16px;}
.prod_series{  width: 257px; float:left; padding-top: 5px;  }
.product_tit a{ display: block; width: 92px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 13px; border: 1px solid #fff; margin-top: 26px; }
.p_one { display: block;   width: 239px;margin-left: 10px;}
.p_one li{  display: block; display: block; width: 100%; position: relative;  }
.p_one li a{  color: #ffffff; font-size: 16px;  line-height: 40px;  display: block; height: 40px;background: #018997; width: 239px; border-radius: 6px;  }
.p_one li a span{background: url(../images/icon.png) -7px -147px no-repeat; width: 19px; height: 19px; float: left; display: block;  margin-top: 11px; margin-right: 8px; margin-left: 55px;}
.p_one li:hover{ }
.p_one li:hover a{ }
.p_one li ul li a{background:none; color: #555555; font-size: 13px;background: url(../images/icon.png) no-repeat  -8px -207px; padding-left: 0 !important; height: auto !important; line-height: 23px !important; width: 100% !important;}
.p_one li ul li a:hover{ color: #018997;background:url(../images/icon.png) no-repeat  -8px -167px;  }
.p_one li ul li{ margin-left: 25px !important; width:calc(100% - 25px) !important; margin-bottom: 5px !important; height: auto !important; }

.honor{ width:806px;  overflow:hidden; position:relative; margin-top: 50px; height: 100%; float:right;right: 0px; top: -25px;  }
.pList {  width: 830px;  position: relative;float: left; border-top: 1px solid #018997; padding-top: 28px; }
.pList ul li{ position: relative; float: left; width:260px; height: 230px;  margin-right: 13px; margin-bottom: 25px;}
.pList ul li .img{ width:100%; height: 200px; position:relative;}
.pList ul li img{ max-width:100%; max-height:100%; position: absolute; top:0; right:0; /*bottom:0;*/ left:0; margin:auto auto;z-index: 1; }
.pList ul li a{top: 0; left: 0px; display: block; position: absolute;  width: 100%; height: 230px;}
.pList  ul .num3,.product_list ul .num6{ margin-right: 0px; }
.pList  ul li a .p_name{ position: absolute; bottom: 0px; left: 0px; text-align: center; height: 30px; line-height: 30px;background: #666666;color: #fff;font-size: 13px; width: 100%; padding: 0px 10px; width: 240px;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	overflow: hidden;}
.pList  ul li a:hover .p_name{ background: #57afb8; }
.Plist_d div{color: #ffffff; font-size: 13px; height: 120px; overflow: hidden; width: 188px; margin: 0px auto;}
.Plist_d{background: #2c2c2c;opacity: 0.9;filter: alpha(opacity=90); width: 260px; height: 130px; position: absolute; top: 0px;left:0px; z-index: 5; display: none; padding-top: 70px; }
.pList  ul li a:hover .Plist_d{ display: block; }
.product .product_showtit{ color: #018997; font-size: 19px; line-height: 24px; margin-left: 10px; width: 267px; float: left;}
.product .product_showtit span{ color: #aaaaaa; font-size: 13px; text-transform: uppercase;}
.product .product_more { float: right; width: 90px; display: block; text-align: right; }
.product .product_more  a{ display: block;	background: url(../image/icon.png)  70px -245px; padding-right: 25px; width: 70px;height: 30px;   font-size: 13px; height: 30px; line-height: 30px;color: #018997;text-transform: uppercase;  }


.why{ margin-bottom: 85px;  margin-top: 40px;overflow: hidden;width: 100%;}
.why_hr{ width: 442px; margin-left: -221px; }
.why_tit{  margin-left: -103px; }
.why_tit_en{ margin-left: -307px; }
.why_list{   margin-top:30px;}
.when_then{ position: relative; }
.why_1{ margin-left: 25px; width:  1075px;  position: relative; height: 366px;}
.why_num{ width: 95px; height: 60px; position: absolute; left: 0px; top: 0px}
.why_num1{background: url(../images/num1.jpg) no-repeat;}
.why_num2{background: url(../images/num2.jpg) no-repeat;}
.why_num3{background: url(../images/num3.jpg) no-repeat;}
.why_num4{background: url(../images/num4.jpg) no-repeat;}
.why_t1{ position:absolute;  width: 270px; height: 150px; overflow: hidden; left:270px; top:0px;}
.why_t{ position:absolute;  width: 270px; height: 150px; overflow: hidden; left:0px; top:0px;}
.why_t3{ width:  350px;  margin-left: 35px; position:absolute; left:393px; top:0px;}
.why_t4{ width: 300px; position:absolute; left:780px; top:0px; }
.why_t_t{ margin-top: 110px; }
.why_t_1{ margin-top: 130px; }
.why_c{ position: absolute; left: 50px; top: 25px; }
.why_c_cn{ font-size:20px ; color: #018997; font-weight: bold;  line-height: 24px;}
.why_c_en{ font-size: 13px; color: #cccccc; line-height: 30px; text-transform: uppercase;line-height: 20px; }
.why_l{ margin-top: 15px; width: 199px; color: #555; font-size: 14px; line-height: 24px;position: absolute;top: 65px; left: 0px; }
.why_i1{ float: right; position: absolute; right: -140px; width: 633px; }
.why_i1 img{ width: 636px; height: 366px;}
.why_i2{  float: left;}
.why_i2 img{ width: 393px; height: 348px;}
.why_i2{ width: 393px; height: 348px; position:absolute; left:0px; top:0px;}
.why_2{ margin-left: 10px; height: 358px; margin-top: 40px; position: relative;}
.why_b1{ width: 847px; height: 1px; border-bottom: 1px solid #cccccc;position: absolute;  bottom: 15px;}
.why_b2{ width: 409px; height: 1px; border-bottom: 1px solid #cccccc;position: absolute; bottom: 10px;}
.why_b1_d1{ left: 70px; }
.why_b2_d1{ right: 190px; }
.why_b1_d2{ right: 70px; bottom: 25px ; z-index: 1;  }
.why_b2_d2{ left: 190px; bottom: 21px; }

.join{ width: 100%; height: 264px;padding-bottom: 65px; }
.join_tit_cn{ margin-left: -195px; }
.join_tit_en{ margin-left: -74.5px; }
.join_list{background: url(../images/join.png); width: 1100px; height: 171px; position: relative; margin-top: 42px; }
.join_common span{ font-size: 14px; color: #555; border: 1px solid #aaaaaa; height: 26px ;  display: block; line-height: 26px; text-align: center; } 

.join_one{ width: 286px; position: absolute; top: 0px; left: 5px; }
.join_five{ width:288px; position: absolute; bottom: 0px; left: 164px; }
.join_three{ width: 180px; position: absolute; top: 0px; left: 375px; }
.join_two{ width: 128px; position: absolute; bottom: 0px; left: 562px; }
.join_four{ position: absolute; top: 0px; right: 271px; width: 90px; }
.join_six{ position: absolute; bottom: 0px;  right: 113px; width: 90px; }


.want{   margin-top: 40px;  height: 360px;}
.want .center{ position: relative; }
.message{ height: 308px;  width: 1032px; border: 1px solid #ccc; padding-top: 33px; padding-left: 33px; padding-right: 33px; position: relative; top: 17px; left: 0px; z-index: 1;}


.message_tits{ font-size: 18px; color: #018997; line-height: 33px; height: 33px;  border-left: 1px solid #ccc; 
	border-right:1px solid #ccc; width: 116px;  left: 50%; top: 0px; margin-left: -58px; position: absolute;z-index: 5;  text-align: center;background: #fff;}
.message_row input{ width: 270px; height: 35px; float: left; line-height: 35px; }
.message_row3 input{ height: 35px;float: left; line-height: 35px; width: 237px; }
.message_row{ float: left;margin-top: 14px; margin-left: 55px; height: 37px; }
.message_row2 textarea,.message_row input,.message_row3 input{background: #fff; padding-left: 10px; font-size: 14px; color: #555555; width: 271px; float: left;border: 1px solid #cccccc; line-height: 35px;}
.message_row2 textarea{ width: 665px; height: 127px;  float: left;}
.message_row2{overflow: hidden; padding-top: 14px; height: 129px;margin-left: 55px; display: block;  width: 768px;}
.message_btn,.message_ret{ background: #35b3c0; width: 100px; height: 35px; border: 0px; margin-top: 14px; display: block; color: #ffffff; font-size: 14px; 
	text-align: center; cursor: pointer;float: left; border-radius: 5px; }
.message_btn{ margin-left: 30px;background: #018997; }
.message_ret{ background: #444444; margin-left: 20px;}
.message_row span,.message_row2 span,.message_row3 span{  font-size: 14px; color: #555555; float: left;display: block;line-height: 30px;  width: 56px;}
.message_row3{ float: left; margin-left: 55px; margin-top: 14px; }
.message_row3 a{ color: #cccccc; font-size: 14px; line-height: 35px; margin-right: 10px;  display: block; float: left;}
.woman{ width: 240px; height:281px; float: left;   }
.my_form{ width: 790px; float: right; }
.message_row3 img{ margin-top: 10px; margin-left: 10px; float: left; width:54px; height:18px; }

.linkList form{ width:447px; margin: 20px auto; }
.common_link input{ width: 300px; height: 30px; line-height: 30px;  border: 1px solid #ccc; display: block; float: left;padding-left: 10px}
.common_link { height: 32px; margin-bottom: 10px; }
.common_link span{ width: 122px; display: block;  float: left; line-height: 32px; font-size: 12px;}
.common_link select{ float: left; height: 30px; width: 100px;}
.common_link div{ float: left;display: block;line-height: 32px; }
.link_row3 textarea{  width: 300px; height: 80px; line-height: 30px;  border: 1px solid #ccc; display: block; float: left;padding-left: 10px;  font-size: 12px;color: #333;}
.link_row3{ margin-bottom: 10px; height: 80px; }
.message_btn1{ cursor: pointer; background: rgb(0, 121, 194); margin-left:120px;width: 110px;height: 34px;text-align: center;line-height: 34px;color: #fff;font-size: 14px;border: 0px;margin-top: 21px;}
.message_reset{  width: 110px; height: 34px; text-align: center; line-height: 34px; color: #fff; font-size: 14px; border: 0px; margin-top: 21px; cursor: pointer;}
.message_reset{ background: #555555;  margin-left: 51px; cursor: pointer;}

.about{ padding-top: 50px;background: #f6f6f6; padding-bottom: 42px; margin-bottom: 50px;  }
.about_tit_cn{ margin-left: -94px; }
.about_tit_en{background:#f6f6f6; }
.about_detail{ text-align: center; font-size: 13px; color: #666666; margin-bottom: 35px; margin-top: 5px; }
.about .about_us{overflow: hidden;}
.about_l{float: left;width: 415px;height:264px;margin-right: 45px;display:block }
.about_l img{width: 415px;height:264px}
.about .about_us .words{width: 638px;float: left;margin-bottom: 21px;}
.about .about_us .words .tit{display: block;font-size:18px;color: #555555;width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: bold; line-height: 30px;}
.about .about_us .words .con{ font-size: 13px; color: #666666;  line-height: 26px; }
.about .about_us .words .con a{ color: #018997; }
.about_more{ width: 90px; height: 29px;background: #63b5bd; display: block; text-align:center; color: #ffffff;  font-size: 13px; line-height: 29px;
 text-transform: uppercase; position: absolute; left: 50%; top: 0px; margin-left: 120px;}

.picScroll_left{ overflow:hidden; position:relative;width: 638px; }
.picScroll_left  .tempWrap{width: 607px !important;}
.picScroll_left .hd{ overflow:hidden;position: absolute;right: 0px;top: 0px;}
.picScroll_left .hd .prev,.picScroll_left .hd .next{ display:block;width:36px;height:36px;overflow:hidden;cursor:pointer;background:url(../images/arrow.png) no-repeat; margin-bottom: 1px;}
.picScroll_left .hd .prev{background:url(../images/arrow.png) no-repeat #777777 0 1px;}
.picScroll_left .hd .prev:hover{background:url(../images/arrow.png) no-repeat #018997 0px 1px;}
.picScroll_left .hd .next{ background:url(../images/arrow.png) no-repeat #777777 -34px 1px}
.picScroll_left .hd .next:hover{ background: url(../images/arrow.png) no-repeat #018997 -34px 1px;}
.picScroll_left .bd{ width: 601px;  position: relative; height: 166px;}
.picScroll_left .bd ul{ overflow:hidden; zoom:1; }
.picScroll_left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;margin-right: 18px; width: 188px;position: relative; height:136px; }
.picScroll_left .bd ul li a{ text-align:center; display: block; position: absolute; top: 0px; left: 0px; height: 136px; width: 188px; }
.picScroll_left .bd ul li .pic img{ width:188px; height:136px; display:block; position: absolute; top: 0px; left: 0px;}
.picScroll_left .bd ul li .pic a:hover img{}
.picScroll_left .bd ul li a:hover span{ background: #35b3c0; }
.picScroll_left .bd ul li span{ z-index: 5; height: 30px; display: block; width: 100%;  background: #444444; opacity: 0.8;filter: alpha(opacity=80); color: #ffffff;
 font-size: 13px; text-align: center; overflow: hidden; line-height: 30px;position: absolute; bottom: 0px; left: 0px;}




.new_item {width: 365px;/*height: 288px*/;display: block; float: left; border: 1px solid #cccccc; background: #ffffff; height: 384px;}
.new_detail {height: 122px;overflow: hidden;}
.new_pic {float: left;width: 340px;height: 122px; margin-left: 12px; margin-top: 10px;}
.new_pic a {display: block;}
.new_pic img {width:340px;height: 122px;}
.news_info {float: right;width: 367px;height: 181px;}
.news_info a {display: block;width: 452px;height: 181px;}
.new_info_tit {height: 18px;line-height: 18px;font-size: 16x;color: #555555; font-weight: bold;}
.new_info_ctent {margin-top: 16px;font-size: 13px;line-height: 24px;color: #555555;}
.new_info_ctent div {height: 96px;overflow: hidden;}
.news_list {margin-top: 18px;width: 340px;/*height: 144px;*/overflow: hidden; margin-left: 10px;}
.news_list li {height: 30px;font-size: 13px;color: #5b5b5b;background: url(../images/icon.png) 0 -300px no-repeat;vertical-align: middle;}
.news_list li a {position: relative;display: block;width: 340px;height: 30px;font-size: 13px;color: #5b5b5b;background: url(../images/new_item_bg.jpg) center left repeat-x; line-height: 30px; }
.news_list li a:hover .news_item_tit,.news_info a:hover .new_info_tit {color: #35b3c0;}
.news_item_tit, .news_date {position: absolute;top: 0;height: 30px;line-height: 30px;background: #ffffff;cursor: pointer;}
.news_item_tit {left: 0;padding-right: 16px; font-size: 14px; color: #555555;  padding-left:13px;background: url(../images/icon.png) -11px -266px no-repeat #fff;}
.news_date {right: 0px;padding-left: 10px;font-size: 14px; color: #aaa;background: #ffffff; line-height: 30px;}
.md_tit_ctn {display: block;float: left;margin-right: 50px;height: 24px; line-height: 24px; margin-left: 30px;}
.new_tit_i{  background: url(../images/icon.png) no-repeat -144px -166px; width: 9px; height: 17px; float: left; display: block;margin-top: 5px; }
.news_info a .company_m{ margin-top: 10px; font-size: 13px; }
.common_t1{ border-bottom: 1px solid #cccccc; height:45px; width: 100%; }
.new_ind{ color: #555555; font-size: 16px; font-weight: bold;  padding-left: 10px; line-height: 45px; float: left; width: 120px; }
.new_more{ font-size: 14px; color: #555555;  float: left; width: 100px; float: right; padding-right: 10px; line-height: 45px; text-align: right; text-transform: uppercase;}
.new_c_1{background: url(../image/icon.png) no-repeat -7px -309px; }
.new_ind i{width: 27px; height: 27px; display: block; float: left;  margin-top: 8px; margin-right: 12px;}
.new_c_2{background: url(../images/icon.png) no-repeat -6px -349px; }
.new_c_3{background: url(../images/icon.png) no-repeat -6px -390px; }

#ques_ctn{ height: 320px; overflow: hidden; }
.ques {float: right;width: 366px;height: 384px;border: 1px solid #cccccc; border-left: 0px;}
.ques_ctn {position: relative;height: 355px;overflow: hidden;margin-top: 7px; width: 319px; margin-left: 20px;}
.ques_ctn ul {}
.ques_ctn ul li {height: 115px;border-bottom: 1px dashed #e7e7e7;}
.ques_ctn ul .num3{ border-bottom: 0px; }
.ques_ctn ul li a {display: block;font-size: 13px;color: #5b5b5b; padding-top: 25px;}
.ques_ctn ul li a:hover {zoom: 1;}
.ques_q {height: 20px;line-height: 20px;background: url(../images/icon.png) -178px -133px no-repeat;cursor: pointer; font-size: 14px; color: #555555; 
	font-weight: bold; overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	}
.ques_q span{ background: #777777; }
.ques_a span{background: #018997;}
.ques_a div{ height: 36px; overflow: hidden; width:260px; float:left;}
.ques_q span,.ques_a span{display: block; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 30px; border-radius: 5px; font-size: 12px; color: #fff;}
.ques_a {margin-top:10px;line-height: 18px;background: url(../images/icon.png) -178px -165px no-repeat; font-size: 13px; color: #555555;}
.ques_ctn ul li a:hover .ques_q {color: #35b3c0;}

.link{height: 90px;  line-height: 28px; }
.link_tit {float: left;color: #555555;font-size: 14px; overflow: hidden; font-weight: bold; width: 80px; text-align: right; }
.link ul {border:1px solid #cccccc; padding:10px 0px;}
.link ul li {float: left;height: 28px;font-size: 13px;display: block; }
.link ul li a {color: #555555;font-size: 14px;line-height: 28px; font-weight: normal; float: left;   display:block; padding-left: 15px; white-space:nowrap}
.link ul li a:hover{ color: #0669c7; }
.link_more {color: #aaaaaa;font: 13px/48px "";float: right;line-height: 60px;height: 45px;display: block;}