@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1200px;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}


.header{ width: 100%; height: 90px; z-index:10; background: #f0ffff;}
.logo{ height:90px; }
.logo img{ display: block; height:100%;}

.nav{ margin-left:30px;}
.nav ul li{ float: left; color:#000; position: relative; }
.nav ul li>a{ height:90px; line-height:90px; font-size: 16px; padding:0 25px; display: block;}

.nav ul li.on>a,.nav ul li:hover>a{ background:#16a7a2; color:#ffffff;}

.nav ul li .xiala{ position: absolute; left: 0; top: 90px; width:170px; display: none; background-color: rgba(0,0,0,.8); z-index:100; }
.nav ul li .xiala a{ color: #ffffff; display: block; padding:10px; font-size: 14px; line-height:1.5; }
.nav ul li .xiala .tit{ position: relative;}
.nav ul li .xiala .tit:hover>a{ background:#4ab3af; }

.nav ul li .xiala2{ position: absolute; left:100%; top:0; width:170px; background-color: rgba(0,0,0,.8); display: none;}
.nav ul li .xiala2 a:hover{ background:#4ab3af; }

/* .lang{ padding:20px 0;}
.lang a{ display: block; height:20px;}
.lang a.en{ margin-top:10px;}
.lang img{ height:20px; display: block;} */

.lang{font-size: 16px; color:#000; line-height:90px;}
.lang a:hover{ color:#4ab3af; text-decoration: underline;}
.lang a.on{color:#4ab3af; }

.nav_btn{ display:none; }

.banner{ width:100%; }
.banner img{ display: block; width:100%; }

.banner .swiper-pagination{ line-height:0; bottom:30px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 6px; opacity:1; border:1px solid #ffffff; background:none; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff;  }



.htit01{ border-bottom: 1px solid #e0e0e0; height:50px; line-height:50px; overflow: hidden; margin:30px 0;}
.htit01 .name h3{font-size:18px; color: #16a7a2; display: inline-block; font-weight: normal;}
.htit01 .name span{font-size:12px; color: #666; margin-left:6px; text-transform: uppercase; }
.htit01 .more{color: #666;font-size:14px;}
.htit01 .more:hover{ color: #16a7a2;}

.home_top{ overflow: hidden; }
.home_about{ width:55%; }
.ha_info{ overflow: hidden; padding:9px 0; }
.ha_info .img{ width:270px; }
.ha_info .img img{ display: block; width:100%; }
.ha_info .txt{ padding-left:300px; }
.ha_info .txt h3{ font-weight: normal; font-size:16px; color:#000000; line-height:30px; }
.ha_info .txt p{ line-height: 24px; font-size:14px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; }
.ha_info .txt .more{ margin-top:10px; color: #ffffff; background: #686868; display: block; width: 120px; height: 36px; text-align: center;line-height: 36px; }
.ha_info .txt .more:hover{ background: #16a7a2; color: #ffffff; }

.home_news{ width:40%;}
.hnlist{ overflow: hidden;}
.hnlist li{ float: left; height:28px; line-height:28px; width:100%; }
.hnlist li a{ overflow: hidden; display: block;}
.hnlist li a .tit{ float: left; position: relative; padding-left:10px; width:75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hnlist li a .tit:after{ content:""; width:4px; height:4px; background:#666666; position: absolute; left:0; top:50%; margin-top:-2px; }
.hnlist li a .time{ float: right;}

.hnlist li:hover a{ color:#16a7a2; }
.hnlist li:hover .tit:after{ background:#16a7a2; }


.htit02{ text-align: center; margin:50px 0 25px 0; }
.htit02 .en_name{ text-transform: uppercase; position: relative; }
.htit02 .en_name:after{ content:""; width:100%; top:50%; height:1px; background:#e0e0e0; position: absolute; left:0; }
.htit02 .en_name h3{ line-height:30px; height:30px; color: #303030; display: inline-block; background:#ffffff; position: relative; z-index:1; padding:0 12px; font-size:24px; }
.htit02 .en_name h3 span{ color:#16a7a2; }
.htit02 .cn_name{ font-size: 18px; color: #16a7a2; line-height:30px; height:30px; }


.prodlist{ overflow: hidden;}
.prodlist li{ float: left; width:23.5%; margin-right:2%; border:1px solid #e0e0e0; }
.prodlist li a{ padding:20px; display: block; }
.prodlist li .img{}
.prodlist li .img img{ width:100%; display: block;}
.prodlist li .tit{ color: #333; font-size: 16px; text-align: center; line-height:60px; border-bottom:1px solid #e0e0e0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.prodlist li .more{ width:70px; text-align: center; height:30px; border:1px solid #e0e0e0; line-height:28px; font-size:12px; margin:20px auto 0 auto; }

.prodlist li:hover{ background:#16a7a2; color:#ffffff;}
.prodlist li:hover .tit{ border-color:#ffffff; color:#ffffff;}

.prodlist2 li{ margin-top:2%; }


.hmore{}
.hmore a{ display: block; width:140px;background:#686868; color:#ffffff;height:40px; text-align: center;  line-height:40px; text-align: center; margin:25px auto 0 auto; }
.hmore a:hover{ background:#16a7a2; }

.videolist{ overflow: hidden; }
.videolist li{ float:left; width: 32%; margin-right:2%; }
.videolist li video{ display: block; width: 100%; height:220px; }

.videolist li .vtit{ font-size:16px; color:#333333; margin-top:16px; text-align: center; }


.partner_list{ overflow: hidden; }
.partner_list li{ width:15%; margin-right:2%; float: left; border:1px solid #e0e0e0; }
.partner_list li img{ display: block; width:100%;}

.footer{ margin-top:50px; background: #f9fafc; border-top: 1px solid #E3E3E3; overflow: hidden; }

.dbnav{ overflow: hidden; text-align: center; border-right: 1px solid #e0e0e0; margin:35px 0; display: none;}
.dbnav li{ float: left; width:20%; border-left: 1px solid #e0e0e0; height:226px;}
.dbnav li a{ display: block;}
.dbnav li>a{ font-size: 16px; color:#666666; line-height:1; }
.dbnav li .sub{ margin-top:14px;}
.dbnav li .sub a{ color:#666666; font-size:14px; line-height:2;  }
.dbnav li .sub a:hover{ text-decoration: underline; color:#16a7a2;}

.dbmain{ overflow: hidden; border-bottom: 1px solid #E3E3E3; padding:10px 0;}
.dbcontact{ overflow: hidden; width:50%;  }
.dbcontact li{ float: left; padding-left:35px; line-height:40px; font-size:14px; color: #666666; width:100%; }
.dbcontact li.ico01{ background: url(../images/ico01.png) no-repeat left center; }
.dbcontact li.ico02{ background: url(../images/ico02.png) no-repeat left center; }
.dbcontact li.ico03{ background: url(../images/ico03.png) no-repeat left center; }

.dblogo{ height:80px; }
.dblogo img{ display: block; height:100%;}

.copy{ text-align: center; color: #666666; padding:20px 0; font-size:14px; }
.copy a:hover{ text-decoration: underline; color:#16a7a2;}



/*关于我们*/
.nyban{ width:100%; overflow: hidden;}
.nyban img{ display: block; width:100%;}

.weizhi{ height:42px; line-height:42px; color:#333333; background: #f9fafc; margin-bottom:30px; }
.weizhi span{ margin:0 7px; }
.weizhi a:hover{ color: #16a7a2; text-decoration: underline; }

.main{ overflow: hidden; }
.mainleft{ width:22%; }
.column{ background:#16a7a2; color:#ffffff; text-align: center; padding:20px 0; position: relative; }
.column h3{ font-size:20px; font-weight: normal;}
.column span{ display: block; font-size:18px; font-weight: bold; text-transform: uppercase;}
.column span:after{ content:""; width:60px; height:5px; display: block; margin:5px auto 0 auto; background:#ffffff;}
.column:after{ content:""; position: absolute; left:50%; top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #ffffff; margin-left:-8px;}

.nynav{width:100%; margin-top: 25px; border-top:1px solid #e0e0e0;}
.nynav ul li{width: 100%;float:left; border-bottom:1px solid #e0e0e0;}
.nynav ul li>a{ position: relative; width:100%; padding-left: 35px; height: 46px; line-height:46px; display:block; color: #666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.nynav ul li>a:after{ content:""; position: absolute; left:14px; top:50%; border-left:6px solid #cccccc; border-bottom:5px solid transparent; border-top:5px solid transparent; margin-top:-5px; }

.nynav ul li.on>a,.nynav ul li>a:hover{ color: #fff; background:#16a7a2;}
.nynav ul li.on>a:after,.nynav ul li>a:hover:after{ border-left-color:#ffffff;}
.nynav ul li .sub{ display: block; padding:5px 5px 5px 35px; background:#f9fafc; }
.nynav ul li .sub a{ display: block; width:100%; padding:10px 0;  font-size:14px; color:#666666; }
.nynav ul li .sub a.on,.nynav ul li .sub a:hover{color: #16a7a2;}

.mainright{ width:75%;}

.pagetit{ text-align: center; color: #4ab3af; line-height:1.3; padding-bottom:20px; border-bottom: 1px solid #e0e0e0;}
.pagetit span{ display: block; font-weight: bold; text-transform: uppercase; font-size:22px;}
.pagetit h3{ font-weight: normal; font-size:22px;}

.showtxt{ font-size:16px; line-height:1.8; color: #333333; margin-top:20px;}
.showtxt img{ max-width:100%; height: auto !important;}

/*关于我们*/


/*内容样式设置*/
/* .showtxt table {width: 100%;background: #dcdcdc;margin: 10px auto;border-collapse: collapse;}
.showtxt th,.showtxt td { border: 1px solid #dcdcdc;}	
.showtxt tr {background: #fff;}
.showtxt td{ padding:10px;} */

.showtxt table {width: 100% !important;margin: 10px auto;border-collapse: collapse;}
.showtxt th,.showtxt td { }	
.showtxt tr {}
.showtxt td{ padding:5px;}

.showtxt ul{ padding-left:20px;}
.showtxt ul li{list-style-type: disc;}
/*内容样式设置*/


/*公司荣誉*/
.honorlist{ overflow: hidden;}
.honorlist li{ width:31%; float: left; margin-right:3.5%; margin-top:3.5%;}
.honorlist li .img{ border: 1px solid #e0e0e0; width:100%; padding:5%;}
.honorlist li img{ width:100%; display: block; margin:0 auto;}
.honorlist li .tit{ height:50px;  line-height:50px; font-size:14px; color:#666666; text-align:center; background:#f9fafc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.honorlist li .tit a{ padding:0 5px; }

.honorlist li:hover .img{ border-color:#16a7a2;}
.honorlist li:hover .tit{ background:#16a7a2; color:#ffffff; }
/*公司荣誉*/


/*发展历程*/
.fazhan{width: 810px; margin:35px auto 0 auto; overflow: hidden; }
.fa_left{width: 280px;  min-height: 300px; }
.fa_cen{width: 190px; min-height: 300px; margin: 0 30px; position: relative; z-index:10; }
.fa_right{width: 280px;min-height: 300px;padding-top: 125px; }


.nianfen1{background: url(../images/lic_07.png) no-repeat center center; background-size:cover; color: #fff; width: 120px; height: 110px; margin-top: -15px;}
.nianfen1 span{width: 80px; height:80px; text-align: center; line-height: 80px; font-size:20px; display: inline-block;}

.nianfen2{background: url(../images/faz_07.png) no-repeat center center; background-size:cover; color: #fff; width: 120px; height: 110px; margin-top: -15px;}
.nianfen2 span{width: 80px; height:80px; text-align: center; line-height: 80px; font-size:20px; display: inline-block; float: right;}

.nianfen3{background: url(../images/qiu_03.png) no-repeat center center; background-size:cover; color: #fff; width: 120px; height: 110px; margin-top: -15px;}
.nianfen3 span{width: 80px; height:80px; text-align: center; line-height: 80px; font-size:20px; display: inline-block;}

.nianfen4{background: url(../images/qiu_04.png) no-repeat center center; background-size:cover; color: #fff; width: 120px; height: 110px; margin-top: -15px;}
.nianfen4 span{width: 80px; height:80px; float:right; text-align: center; line-height: 80px; font-size:20px; display: inline-block;}

.feiji{ width:250px; margin:0 auto; }
.feiji img{ display: block;  }

.div_wen{width: 280px; height: 160px; margin-top:30px; position: relative;}
.jiao{position: absolute; top: 0; right: -15px;}
.fa_wen{background: #f9f9f9; border-radius: 10px 0 10px 10px; border: 1px solid #ededed; color: #666; font-size: 13px; line-height: 1.6; padding: 10px 12px 8px 15px; text-align: justify;}
.duanlu{display: -webkit-box; -webkit-line-clamp: 5; overflow: hidden; -webkit-box-orient: vertical;width: 250px;}


.div_wen1{width: 280px; height: 160px; position: relative; margin-bottom: 30px;}
.jiao1{position: absolute; top: 0; left: -15px;}
.fa_wen1{background: #f9f9f9; border-radius: 0px 10px 10px 10px; border: 1px solid #ededed; color: #666; font-size: 13px; line-height: 1.6; padding: 10px 12px 8px 15px; text-align: justify;}
.duanlu1{display: -webkit-box; -webkit-line-clamp: 5; overflow: hidden; -webkit-box-orient: vertical;width: 250px;}


.history{ overflow: hidden; display: none; }
.history li{ float: left; overflow: hidden; width:100%; margin-top:15px; position: relative; padding-left:80px; }
.history li .time{ width:60px; height:60px; position: absolute; left:0; top:50%; margin-top:-30px; background: #16a7a2; border-radius:50%; border:5px solid #77dfdb; text-align: center; line-height:50px; font-size:16px; color:#ffffff; }
.history li .info{ position: relative; background: #f9f9f9; min-height:70px; border-radius:10px; border: 1px solid #ededed; color: #666; font-size: 13px; line-height: 1.6; padding: 10px; text-align: justify;}
.history li .info:after{ content:""; width:20px; height:2px; background:#77dfdb; position: absolute; top:50%; margin-top:-1px; left:-20px; }

/*发展历程*/

/*人才招聘*/
.recruit_tit{ margin-top:25px; }
.recruit_tit span{ font-size: 18px; color: #fff; background: #16a7a2; display: inline-block; padding: 0 25px; height: 40px; text-align: center; line-height: 40px; }

.recruit_email{ margin-top:25px; color: #16a7a2; font-size: 16px; font-weight: bold; }
/*人才招聘*/



/*联系我们*/
.contact_table{ margin-top:30px; }
.contact_table th{ height: 48px; font-weight: normal; border-bottom: 1px solid #e3e3e3; line-height: 48px; color: #fff; text-align: center; font-size: 18px; background: #4ab3af; }
.contact_table td{ border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; font-size: 16px; color: #000; padding:10px 20px;  }
.contact_table .tit{ border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; text-align: center; width:170px;}
.contact_table .info{ border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }
/*联系我们*/


/*新闻列表*/
.newslist{ overflow: hidden; margin-top:30px;}
.newslist li{ float: left; height:48px; line-height:48px; width:100%; border-bottom: 1px dotted #a7a7a7;}
.newslist li a{ overflow: hidden; display: block;}
.newslist li a .tit{ float: left; position: relative; padding-left:10px; width:85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist li a .tit:after{ content:""; width:4px; height:4px; background:#666666; position: absolute; left:0; top:50%; margin-top:-2px; }
.newslist li a .time{ float: right;}

.newslist li:hover a{ color:#16a7a2; }
.newslist li:hover .tit:after{ background:#16a7a2; }

.paging{ overflow:hidden; text-align:center; margin-top:30px; }
.paging span,.paging a{ display:inline-block; font-size:14px; color:#666666; padding:10px 12px; line-height:1; margin:0 3px; border:1px solid #e0e0e0;  }
.paging a:hover,.paging span{ background:#16a7a2; color:#ffffff;  }
/*新闻列表*/

/*新闻详情*/
.showtle{ overflow: hidden; text-align: center; border-bottom: 1px solid #dcdcdc; }
.showtle h1{font-size: 24px; font-weight: normal; color:#333333; line-height:1.4; padding-bottom:10px; }
.showtle p{ font-size: 16px; line-height: 1.6; padding-bottom:10px; }
.showtle p span{ margin:0 16px; }
.showtle p span.size a{ margin:0 10px;}
.showtle p span.size a.on{ color:#16a7a2;}

.showpage{ overflow: hidden;font-size: 16px; line-height: 1.4; border-top: 1px solid #dcdcdc; padding-top:15px; margin-top:20px; }
.showpage p{ padding:5px 0; }
.showpage p a{ color: #333333; }
.showpage p a:hover{ color: #16a7a2; }

/*新闻详情*/


.animated{opacity: 0;}

.nav a,.htit01 .more,.ha_info .txt .more,.hnlist li a,.hnlist li .tit:after,.prodlist li,.prodlist li .tit,.hmore a,.weizhi a,.nynav ul li>a,.nynav ul li>a:after,.nynav ul li .sub a,
.honorlist li .img,.honorlist li .tit,.newslist li a,.newslist li .tit:after,.paging a,.showpage a{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.ssaimg{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.ssaimg:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}