@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.woff2") format("woff2"),
       url("../fonts/Helvetica.woff") format("woff"),
       url("../fonts/Helvetica.ttf") format("truetype"),
       url("../fonts/Helvetica.eot") format("embedded-opentype"),
       url("../fonts/Helvetica.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica-Roman-SemiB";
  src: url("../fonts/Helvetica-Roman-SemiB.woff2") format("woff2"),
       url("../fonts/Helvetica-Roman-SemiB.woff") format("woff"),
       url("../fonts/Helvetica-Roman-SemiB.ttf") format("truetype"),
       url("../fonts/Helvetica-Roman-SemiB.eot") format("embedded-opentype"),
       url("../fonts/Helvetica-Roman-SemiB.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body,button, input, select, textarea {font:16px/1.5 Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB";-webkit-text-size-adjust:none;color:#333;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#333;transition:all 0.3s;}
a:hover {color:#00565a;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.wrap {width:1200px;margin:0 auto;}

/*header*/
.logo {float:left;padding:13px 5px 6px;}
.h_share {float:right;padding-top:35px;padding-right:5px;}
.h_share a {margin-left:30px;}
.nav {background-color:#00565a;height:40px;line-height:40px;}
.nav li {float:left;margin-right:5px;}
.nav li a {display:block;color:#fff;padding:0 48px;text-transform:uppercase;}
.nav li a:hover,.nav li a.active {background-color:#008c5c;}

#banner_slide{ position:relative;}
#banner_slide .hd{ width:100%;height:30px; overflow:hidden; position:absolute;left:0;bottom:0; z-index:2;}
#banner_slide .hd ul{ overflow:hidden; zoom:1;text-align:center;}
#banner_slide .hd ul li{ display:inline-block;vertical-align:top;margin-right:8px; width:10px; height:10px;border-radius:10px; text-indent:-9999px;background:#999; cursor:pointer;transition:all 0.3s;}
#banner_slide .hd ul li.on{ background-color:#00565a;width:30px;}
#banner_slide .bd{ position:relative;}
#banner_slide .bd li img {width:100%;}
#banner_slide .prev,#banner_slide .next{ position:absolute;left:10px;top:50%; margin-top:-48px; display:block;width:42px;height:74px;padding:15px 6px;border-radius:6px; background:url(../images/slider_left.png) no-repeat center;}
#banner_slide .next{ background:url(../images/slider_right.png) no-repeat center;right:10px;left:auto;}
#banner_slide .prev:hover,#banner_slide .next:hover{background-color:#00565a;}


/*index*/
.secpad {padding:60px 0;overflow:hidden;}
.index_tit {text-align:center;color:#00565a;font-size:48px;font-family:"Helvetica-Roman-SemiB";}
.index_tit_des {font-size:16px;color:#999;text-align:center;6}

.about {background-color:#f7f7f7;}
.about .about_tit {font-size:48px;font-family:"Helvetica-Roman-SemiB";line-height:1;color:#00565a;}
.about .about_tit span {display:block;font-size:72px;font-family:"Helvetica-Roman-SemiB";}
.about_text {float:left;width:690px;margin-top:35px;}
.about_text p {color:#4c4c4c;text-indent:2em;margin-bottom:20px;line-height:1.6;}
.about_text .amore {width:140px;height:40px;line-height:40px;text-align:center;background-color:#00565a;color:#fff;display:block;margin-top:40px;}
.about_text .amore:hover {background-color:#008c5c;}
.about_img {float:right;width:484px;margin-right:5px;}
.about_img img {transition:all 0.3s;}
.about_img a:hover img {transform:scale(0.98);}


.pro_list {margin-top:30px;}
.pro_list li {float:left;width:380px;margin:0 10px 20px 10px;}
.pro_list li a {display:block;background-color:#d9d9d9;height:400px;}
.pro_img {width:380px;height:280px;overflow:hidden;}
.pro_img img {width:380px;height:280px;transition:all 0.5s;}
.pro_line {width:100px;height:5px;background-color:#00565a;margin:0 auto;}
.pro_list li h6 {text-align:center;font-size:18px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:15px 0 5px;}
.pro_list li p {line-height:1.3;color:#666;font-size:14px;padding:0 10px 15px 10px;}
.pro_list li a:hover {background-color:#00565a;}
.pro_list li a:hover h6,.pro_list li a:hover p {color:#fff;}
.pro_list li a:hover .pro_img {border-color:#00565a;}
.pro_list li a:hover img {transform:scale(1.1);}

.client {background:url(../images/client_bg.jpg) no-repeat 50% 0;height:600px;}
.client_wrap {width:1050px;margin:0 auto;padding-top:20px;}
.client_tit {float:left;width:670px;}
.client_tit h3 {font-size:48px;color:#fff;font-family:"Helvetica-Roman-SemiB";}
.client_tit p {font-size:16px;color:#fff;line-height:1.2;}
.client_1 {float:right;}
.client_1 li {float:left;width:150px;height:150px;}
.client_1 li a {display:table-cell;vertical-align:middle;text-align:center;background-color:#a0a0a0;color:#fff;font-size:16px;font-weight:bold;font-style:italic;width:150px;height:150px;padding:0 5px;line-height:1.2;}
.client_1 li:nth-child(2) a {background-color:#fff;color:#00565a;}
.client_1 li a:hover {background-color:#008c5c;color:#fff;}
.client_2 {font-size:0;text-align:center;}
.client_2 li {display:inline-block;vertical-align:top;}
.client_2 li a {display:table-cell;vertical-align:middle;text-align:center;background-color:#a0a0a0;color:#fff;font-size:16px;font-weight:bold;font-style:italic;width:150px;height:150px;padding:0 5px;line-height:1.2;}
.client_2 li:nth-child(2n) a {background-color:#fff;color:#00565a;}
.client_2 li a:hover {background-color:#008c5c;color:#fff;}


.news_wrap {margin-top:40px;}
.news_img {float:left;width:350px;}
.news_img img {transition:all 0.3s;}
.news_img a:hover img {transform:scale(0.98);}
.news_text {float:right;width:800px;}
.news_text ul {float:left;padding:25px 0;}
.news_text ul li {float:left;width:50%;}
.news_text ul li:first-child {padding-right:30px;}
.news_text ul li h6 {font-size:18px;}
.news_text ul li .news_line {width:30px;height:3px;background-color:#00565a;margin:15px 0 12px;transition:all 0.5s;}
.news_text ul li p {font-size:14px;color:#999;line-height:1.2;}
.news_text ul li span {display:block;font-size:14px;color:#000;margin-top:10px;}
.news_text ul li span i {background:url(../images/time.png) no-repeat;width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:10px;}
.news_text ul li a:hover p {color:#000;}
.news_text ul li a:hover .news_line {width:100%;}
.news_line2 {float:left;width:100%;height:1px;background-color:#d9d9d9;}


/*footer*/
.footer {background-color:#00565a;color:#fff;}
.footer a:hover {text-decoration:underline;}
.f_friends {background-color:#ccc;height:100px;line-height:100px;text-align:center;color:#00565a;font-size:36px;}
.f_fast {padding:40px 0 25px;}
.f_cont {float:left;width:520px;}
.f_cont h6 {font-size:30px;font-family:"Helvetica-Roman-SemiB";}
.f_cont p {margin-top:10px;padding-left:10px;}
.f_cont p b {font-weight:normal;display:inline-block;vertical-align:top;width:70px;}
.f_cont p span {display:inline-block;vertical-align:top;width:420px;}
.f_nav {float:left;width:270px;margin-left:130px;}
.f_nav h6 {font-size:18px;line-height:2;}
.f_nav li {line-height:2;}
.f_nav li a {color:#fff;font-size:14px;text-transform:uppercase;}
.f_form {float:right;width:260px;}
.f_form h6 {font-size:18px;line-height:1.3;}
.f_form p {margin-top:10px;}
.f_form p input {width:100%;border:none;border-bottom:1px solid #d9d9d9;background-color:transparent;outline:none;padding:5px 10px;color:#fff;}
.f_form p button {width:100px;height:36px;line-height:36px;text-align:center;background-color:#fff;color:#00565a;font-size:14px;border:none;border-radius:36px;margin-top:15px;}
.f_form p button:hover {background-color:#008c5c;color:#fff;}
.f_copy {text-align:center;color:#fff;padding:12px 0;border-top:1px solid #a0a0a0;}
.f_copy a {color:#fff;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:50px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;background:url(../images/backtop.png) no-repeat center top;height:16px;width:100%;margin-top:8px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}


/*news*/
.secpad2 {padding:25px 0;overflow:hidden;}
.breadnav {color:#999;font-size:18px;}
.breadnav img {display:inline-block;vertical-align:bottom;margin-right:10px;}
.breadnav a {color:#00565a;}
.breadnav a:hover {text-decoration:underline;}
.breadnav .bread_home {color:#999;}
.breadnav .bread_home:hover {color:#00565a;}
.cat_des {font-size:24px;color:#00565a;padding:25px 35px;line-height:1.3;}
.catname {font-size:36px;color:#00565a;text-align:center;text-transform:capitalize;}
.list {margin-top:30px;}
.list li {border-bottom:1px solid #7d7d7d;padding:20px 0;}
.list li a {display:block;overflow:hidden;}
.list_img {float:left;width:150px;}
.list_text {float:right;width:1010px;padding-right:20px;}
.list li a h6 {font-size:18px;margin-right:20px;}
.list li a span {float:right;color:#000;font-size:14px;}
.list li a span i {background:url(../images/time.png) no-repeat;width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:10px;}
.list li .news_line3 {width:30px;height:3px;background-color:#00565a;margin:10px 0 6px;transition:all 0.5s;}
.list li a p {font-size:14px;color:#999;}
.list li:hover {border-color:#00565a;}
.list li:hover p {color:#000;}
.list li:hover .news_line3 {width:360px;}

/*pages*/
#pages {margin:40px 0;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:3px 12px;margin:0 2px;color:#000;border-radius:3px;border:1px solid #00565a;}
#pages span,#pages a:hover {background-color:#00565a;color:#fff;}
#pages a.a1 {display:none;}

.show {margin-top:30px;}
.show_tit {font-size:36px;text-align:center;color:#00565a;}
.show_des {color:#999;text-align:center;}
.show_con {padding:30px;}
.show_con p,.show_con div {margin-bottom:15px;}
.show_con img {max-width:100%;height:auto !important;}
.spage p {margin-top:6px;}
.spage p a {color:#999;}
.spage p a:hover {color:#333;}

/*products*/
.subnav li {float:left;width:280px;height:40px;line-height:40px;text-align:center;margin:10px;}
.subnav li a {display:block;background-color:#a0a0a0;color:#fff;}
.subnav li a:hover,.subnav li a.active {background-color:#00565a;}

.showp_imgs {float:left;width:510px;position: relative;border:1px solid #dcdddd;padding:4px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showbox img {float:left;}
#showsum { left:33px;margin-top:10px;}
#showsum span {border:1px solid #ddd;}
#showsum span.sel {border:1px solid #f60;}
.showpage { width:500px; position:relative;}
.showpage a { display:block; width:20px; border:1px solid #ddd; height:88px; line-height:88px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-88px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.showp_text {float:right;width:640px;}
.showp_text .show_tit {text-align:left;padding:20px 0;border-bottom:1px dashed #ddd;}
.showp_text p {font-size:15px;color:#666;padding:15px 0;text-indent:2em;}
.showp_ctit {background-color:#646466;font-size:20px;color:#fff;padding:10px 20px;margin-top:30px;}

/*client*/
.client_list {width:1080px;margin:20px auto 0;}
.client_list li {float:left;margin:5px 10px;}
.client_list li a {display:table-cell;vertical-align:middle;width:160px;height:140px;border:1px solid #00565a;padding:0 10px;text-align:center;color:#00565a;font-weight:bold;font-style:italic;line-height:1.2;}
.client_list li a:hover {background-color:#00565a;color:#fff;}


/*contact*/
.c_con {width:980px;margin:30px auto;}
.c_text {float:left;width:500px;}
.c_text h6 {font-size:24px;font-family:"Helvetica-Roman-SemiB";margin-bottom:20px;}
.c_text p {margin-bottom:10px;}
.c_text p b {font-weight: normal;display: inline-block;vertical-align: top;width:70px;text-align:right;margin-right:10px;}
.c_text p span {display:inline-block;vertical-align:top;width:390px;}
.c_form {float:right;width:360px;padding-top:70px;}
.c_form p {margin-bottom:15px;}
.c_form p input,.c_form p textarea {width:100%;padding:6px 10px;color:#000;border:1px solid #00565a;}
.c_form p textarea {height:100px;outline:none;}
.c_form p button {width:100%;height:30px;line-height:30px;text-align:center;float:right;background-color:#00565a;color:#fff;border:none;}
.c_form p button:hover {background-color:#008c5c;}