@charset "utf-8";
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { text-decoration: none; color: #666; }
div{display:block;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl{float:left;}
.fr{float:right;}

.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar { width: 6px; height: 12px; }
::-webkit-scrollbar-button:vertical { display: none; }
::-webkit-scrollbar-track:vertical { background-color: black; }
::-webkit-scrollbar-track-piece { background: #fff; }
::-webkit-scrollbar-thumb:vertical { background-color: #8e8e8e; border-radius: 5px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color: #3b3b3b; }
::-webkit-scrollbar-corner:vertical { background-color: #535353; }
::-webkit-scrollbar-resizer:vertical { background-color: #ff6e00; }

/* 拖选文字样式 20160628 */
::selection { background: #0096d5; color: #fff; }
::-moz-selection { background: #0096d5; color: #fff; }


.bannerslide { height:600px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

.cen01{height:35px; line-height:35px; border-bottom:1px solid #dddddd; color:#666; font-family:Microsoft yahei; font-size:13px;}
.cen01 span{color:#018b7c;}
.cen01 .topsz{width:163px;}
.cen01 .topsz li{float:left; width:80px; border-left:1px solid #dddddd; border-right:1px solid #ddd; text-align:center;}
.cen01 .topsz li:nth-child(2){border-left:0px;}
.wrapper{width:1200px; margin:0 auto;}

.cen02 .fr{line-height:98px; color:#666; font-size:16px;}
.cen02 .fr img{float:left; margin-top:36px; margin-right:10px;}
.cen02 .fr span{color:#018b7c;}

.cen03{background-color:#018b7c; height:54px; line-height:54px;}
.cen03 .menuul{width:880px; float:left; margin-right:74px;}
.cen03 .menuul li{float:left;}
.cen03 .menuul li a{color:#fff; font-family:Microsoft yahei; font-size:15px; text-decoration:none; width:110px; text-align:center; display:block;}
.cen03 .menuul li a:hover{color:#fff; text-decoration:none; background-color:#fe720e;}
.cen03 .search{float:left;}
.cen03 .searchaa{border-radius:20px; width:246px; height:34px; margin-top:12px; border:0px none; text-indent:15px; background:url(../images/sss.png) no-repeat 210px #fff; color:#777;}

.cen04{background-color:#eeeeee; padding:50px 0;}
.cen04 .title{color:#444444; font-family:Microsoft yahei; font-weight:bold; font-size:25px; text-align:center;}
.cen04 .titlea{color:#666; font-family:Microsoft yahei; font-size:14px; text-align:center; margin-top:15px;}
.cen04 .prolistul{margin-top:25px;}
.cen04 .prolistul li{float:left; margin:0 2px;}
.cen04 .prolistul li a{background-color:#018b7c; width:126px; height:38px; line-height:38px; text-align:center; display:block; color:#fff; font-family:Microsoft Yahei; font-size:14px; }

.cen04 .ppp{margin-top:25px;}
.cen04 .ppp li{float:left; margin:8px 5px;}
.cen04 .titleb{color:#444444; font-family:Microsoft yahei; font-size:18px; text-decoration:none;}
.cen04 .titlec{color:#444; font-family:Microsoft Yahei; font-size:14px; text-decoration:none;}
.cen04 .ppp .ttt{background-color:#fff; padding:20px; width:280px; height:50px;}
.cen04 .titled{color:#018b7c; font-family:Microsoft Yahei; text-decoration:none; font-size:16px; font-weight:bold;}
.cen04 .titlee{color:#666666; font-family:Microsoft Yahei; text-decoration:none; line-height:20px; font-size:13px; margin-top:15px;}
.cen04 .ppp .ttta{background-color:#fff; padding:20px; width:237px; height:84px;}


.cen05{background-color:#f0f6fb; padding:50px 0;}
.cen05 .title{color:#666666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px; text-transform:uppercase; text-align:center;}
.cen05 .titlea{color:#444444; font-family:Microsoft yahei; text-decoration:none; font-weight:bold; font-size:25px; text-align:center;}
.cen05 .jsttt{background-color:#d5e4e3; padding:35px; margin-top:25px; color:#666666; font-family:Microsoft Yahei; text-decoration:none; font-size:14px; box-sizing:border-box;}
.cen05 .zyul{margin-top:35px;}
.cen05 .zyul li{float:left; width:200px; text-align:center;}
.cen05 .titleb{font-family:Microsoft yahei; font-size:20px; color:#018b7c; text-decoration:none; font-weight:bold; margin:10px 0 8px;}
.cen05 .titlec{font-family:Microsoft yahei; font-size:13px; color:#666666; text-decoration:none; line-height:18px;}

.cen06{background:url(../images/innerbanner.jpg) no-repeat center top; height:200px;}

.cen07{background-color:#f3f3f3; padding:50px 0;}
.cen07 .dddul li{float:left; margin:0 2px;}
.cen07 .dddul li .dddttt{background-color:#fff; padding:10px 12px 25px; box-sizing:border-box;}
.cen07 .title{font-family:Microsoft yahei; text-decoration:none; font-size:20px; color:#555555; text-align:center; margin:15px 0 8px;}
.cen07 .titlea{font-family:Microsoft yahei; text-decoration:none; font-size:13px; color:#888888; line-height:20px; text-align:center;}

.cen08{background-color:#555555; padding:40px 0;}
.cen08 .footerlogo{width:304px; float:left; margin-right:126px;}
.cen08 .footermenu{width:770px; float:left;}
.cen08 .footerzz{color:#bbbbbb; font-family:Microsoft yahei; text-decoration:none; font-size:14px; line-height:22px;}
.cen08 .footerlogo .footerlogoii{margin-right:12px;}
.cen08 .footerlogo .footerlogoyy{margin-top:8px;}

.cen08 .footerlogo .footerss{margin-top:20px; width:310px;}
.cen08 .footerlogo .ffsearch{background-color:#fff; width:212px; height:40px; border:0px none; color:#888; font-family:Microsoft Yahei; font-size:12px; text-decoration:none; text-indent:10px;}

.cen08 .footermenu .footertitle{font-family:Microsoft yahei; font-size:15px; font-weight:bold; color:#ddd; margin-bottom:12px;}
.cen08 .footermenu a.footermmm{color:#bbbbbb; font-family:Microsoft Yahei; font-size:13px; text-decoration:none; display:block; line-height:22px;}
.cen08 .footermenu a.footermmm:hover{color:#ffe764; text-decoration:underline;}
.cen08 .footermenu ul li{float:left; margin:0 28px;}
.cen08 .footermenu .footertitleaa{color:#bbbbbb; font-family:Microsoft Yahei; font-size:13px; line-height:22px; text-decoration:none;}

.cen09{border-top:1px solid #717171; background-color:#555555; padding:30px 0; color:#bbbbbb; font-size:13px; font-family:Microsoft yahei; overflow:hidden;}

.sshidden{display:none;}
.cen03 .menuul li.current-nav a{background:#FE720E;}
/*2018.4.17 bao 内页通用模板2*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol,i { list-style:none;font-style: normal; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { text-decoration: none;}
div{display:block;}
.container{max-width:1100px;margin:0 auto;}
.fixTop{position:fixed !important;top:0;z-index: 999;max-width:1100px;margin: 0 auto;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl{float:left;}
.fr{float:right;}

.inner-banner{max-width:1920px;margin:0 auto;height:300px;background-position:center;position:relative;}
#sitemap{  width:100%;  height:350px;  border:1px solid #ccc;  }
.inner-title{position:absolute;left:50%;bottom:30%;margin-left:-185px;}
.inner-title span{display:block;color:#fff;font-size:40px;line-height:80px;width:370px;text-align: center;}
.inner-title i{display:block;font-size:14px;line-height:24px;color:#fff;width:370px;text-align: center}
#sitemap label{  max-width:none !important;  }

.inpageBtn{position:relative;margin-top: -32.5px;height: 65px;}
.inpageBtn ul{display: table;width: 100%;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);overflow: hidden;height: 65px;background: #fff;}
.inpageBtn ul li {display: table-cell;  position: relative;  text-align: center;  vertical-align: middle;  height: 100%;  background: #fff;}
.inpageBtn ul li a{display: block;  height: 100%;  line-height: 24px;  padding: 20.5px 10px;  position: relative;  font-size: 16px;  font-weight: 700;  cursor: pointer;  -webkit-transition: color .4s;  transition: color .4s;  color: #666;}
.inpageBtn ul li a:after{content: '';  display: block;  width: 100%;  height: 3px;  position: absolute;  left: 0;  bottom: 0;  background: #ed0e00;  -webkit-transition: -webkit-transform 0.4s;  transition: -webkit-transform 0.4s;  transition: transform 0.4s;  transition: transform 0.4s, -webkit-transform 0.4s;  -webkit-transform: translateY(3px);  transform: translateY(3px);}
.inpageBtn ul li a:hover:after,.inpageBtn ul li.pro-current a:after{bottom:3px; transition: all 0.4s; }
.inpageBtn ul li a:hover{color:#ed0e00;}
.inpageBtn li.pro-current a{color:#ed0e00;}

.pageNav{display:block;  color: #ed0e00;  border-bottom: 3px solid #ed0e00;  font-size: 30px;  line-height: 60px;font-weight:bold;text-align: center;width:120px;margin:0 auto;margin-top:40px;}
.product-ul{position:relative;margin-top:20px;overflow:hidden}
.product-ul li{float: left;width: 23%;margin: 0 1% 20px;}
.product-ul li a{display: block;border: 1px solid #dedede;padding:2px;text-align: center;color: #666;}
.product-ul li a .imgBox{overflow:hidden;}
.imgBox img{transition: all .2s;display: block;max-width: 80%;margin:0 auto;height:280px;}
.product-ul li a span{display:block;line-height: 40px;height:40px;overflow: hidden;text-align: center}
.product-ul li{margin-top:20px;}
.product-ul li a:hover .imgBox{border:2px solid #ed0e00;border-bottom:none;}
.product-ul li a:hover img{transform:scale(1.1)}
.product-ul li a:hover{padding:0;padding-bottom:2px;}
.product-ul li a:hover span{background:#ed0e00;color:#fff;}
.product-ul li .imgBox{overflow:hidden;	}
/*分页*/
.pageNavi {  padding: 10px 0 25px 0;  margin: 10px auto 0;  width: 100%;  text-align: center;  color:#6f6f6f;  }
.pageNavi li{display:inline-block}
.pageNavi li a{ display:inline-block;  color:#6f6f6f;  }
.pageNavi li strong{  font-weight:bold;  }
.pageNavi li a:hover{  color:#d41919;  }
.met_page a,.met_page i{  color:#666;  display:inline-block;  height:22px;  overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.met_page a:hover{  color:#d41919;  }

.news-detail-title {  font-size: 24px;  width: 100%;  text-align: center;  display: inline-block;  margin-top: 10px;  line-height: 30px; /* height: 60px; */  overflow: hidden;  }
.news-detail-second-t {  color: #666666;  width: 100%;  text-align: center;  padding-bottom:10px;  border-bottom:1px dotted #ccc;  margin-bottom:15px;  }

.news-list-r img{  display:block;  margin:auto;  }
.news-list-r{  padding-bottom:30px;  margin-top:20px;  }

.met_page{overflow:hidden;color:#666;margin:30px 10% 0 0%;width:100%;}
/*product-detail*/
.proDetail-t{margin:40px 0 20px 0;text-align: center}
.product-detail h1{text-align: center;color:#ed0e00;display:inline-block;border-bottom:3px solid #ed0e00;padding-bottom:10px;}
.product-detail p{font-size:16px;color:#666;line-height:24px;}
.newsbackline {  height: 30px;  line-height: 30px;  border-top: 1px solid #dedede;  padding-top: 10px;  margin: 30px 0 50px;  }
.newsbackline ul {  width: 100%;  }
.newsbackline ul li.prev {  text-align: left;  }
.newsbackline ul li {  width: 33.333333%;  float: left;  text-align: center;  display: block;  height: 33px;}
.newsbackline ul li.prev a {  text-align: center;  }
.newsbackline ul li a {  display: inline-block;  width: 120px;  border-width: 1px;  border-style: solid;  border-color: #dedede;  text-decoration: none;  color: #666;  font-size: 12px;  }
.newsbackline ul li.next {  text-align: right; float:right;}
.newsbackline ul li.next a {  text-align: center;  }
.newsbackline ul li a:hover{color:#ed0e00;border:1px solid #ed0e00;}

/*news list*/
.news-ul{width:80%;padding:0 10%;}
.news-ul li{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #DEDEDE;}
.news-ul li a{display:block;overflow:hidden;}
.news-ul li a .news-img{width:20%;border: 1px solid #dedede;padding: 2px;float:left;}
.news-ul li a .news-box{width:75%;float:right;}
.news-img img{display:block;max-width:100%;}
.news-box span{font-weight:normal;display:block;font-size:20px;color: #023589;margin-top:10px;height:26px;line-height:26px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.news-box p{font-size: 14px;color: #666;line-height: 24px;margin-top:10px;height:72px;overflow:hidden;}
.news-ul li a:hover .news-img{border:1px solid #FE720E;transition: all .8s;}
.news-ul li a:hover span{color:#FE720E;font-weight:bold;transition: all .8s;}
.news-ul li a:hover p{color:#023589;}
.product-detail img{display:block;margin:0 auto;}
.news-t{margin:40px 0 20px 0;text-align: center}
.news-t h1{text-align: center;border-bottom:none;}
.news-tBox span{display:inline-block;margin-right:17px;font-size:13px;color:#666;}
.news-tBox{border-bottom:1px dashed #ccc;padding-bottom:10px;}
.news-tCon{width:250px;margin:0 auto;}

.contact-box p{color:#333;font-size:16px;text-align: center;line-height:30px;}
.contact-box{margin-bottom:50px;margin-top:40px;}
.contact-box p strong{font-weight:bold;color:#ed0e00;}
.contact-box img{display:block;margin:0 auto;margin-top:30px}
.product-detail img{display:block;margin:0 auto;max-width:100%;}
.cen04 .prolistul li{margin-top:4px;}

.ppp li img{max-width:70%;margin:0 auto;display:block;height:230px;}
.ppp li div:first-child{background:#fff;}

.cen04 .ppp .ttt{height:84px;}
.cen04 .prolistul li{margin-top:4px !important;}
.news-img img{height:220px;display:block;margin:0 auto;}
/*end 2018.4.17 bao*/

@media (max-width: 1200px) {
	.wrapper{width:100%;}
	.cen01{display:block;}
	.cen03 .search{display:none;}
	.cen03 .menuul{width:100%;}
	.cen03 .menuul li{float:left; width:12.5%; text-align:center;}
	.cen03 .menuul li a{width:100%;}
	.cen04 .prolistul li{width:10.5%; margin:0 0.3%;}
	.cen04 .prolistul li a{width:100%;}
	.cen04 .ppp li{width:23%; margin:1%; overflow:hidden; height:270px;}
	.cen04 .ppp li img{width:100%;}
	.cen04 .ppp .ttt{width:100%; box-sizing:border-box; height:110px;}
	.cen04 .ppp .ttta{width:100%;  box-sizing:border-box; height:110px;}
	.cen04 .titlee{margin-top:10px;}
	
	.cen05 .zyul{width:100%;}
	.cen05 .zyul li{float:left; width:16.6%;}
	.cen05 .zyul li img{width:70%; display:block; margin:0 auto;}
	
	.cen07 .dddul li{width:24%; margin:0 0.5%; float:left;}
	.cen07 .dddul li img{width:100%;}
	.cen07 .title{font-size:18px;}
	.cen07 .titlea{height:44px; overflow:hidden;}
	
	.cen08 .footerlogo{width:30%; margin-right:10%;}
	.cen08 .footermenu{width:60%;}
	.cen08 .footermenu ul li{margin:0 1%;}
	
	.bannerslide { height:400px;}
}


@media (max-width: 1000px) {
	.cen02{height:80px;}
	.cen02 .fl{width:50%;}
	.cen02 .fl img{width:auto; height:74px;}
	.cen02 .fr{height:80px; line-height:80px;}
	.cen02 .fr img{margin-top:28px; margin-right:5px;}
	.cen04 .titlee{height:44px; overflow:hidden;}
	.cen04 .ppp li{height:240px;}
	.bannerslide { height:300px;}
	.cen05 .zyul li{width:31%; margin:1.5% 1.1%;}
	.cen06{background-size:cover; background-position:30%;}
	.cen08{display:none;}
	
}

@media (max-width: 720px) {
	.cen01{display:none;}
	.cen02{width:96%; margin:0 2%;}
	.cen02 .fl{width:80%;}
	.cen02 .fl img{width:auto; height:74px;}
	.cen02 .fr{display:none;}
	.cen03{display:none;}
	
	.bannerslide { height:200px;}
	.cen04{padding:30px 0;}
	.cen04 .title{font-size:20px;}
	.cen04 .titlea{height:38px; overflow:hidden;}
	.cen04 .prolistul li{width:31%; margin:0.5% 1.1%;}
	.cen04 .ppp li:nth-child(1){width:96%; margin:0 2%; height:350px;}
	.cen04 .ppp li:nth-child(1) img{height:250px; width:100%;}
	.cen04 .ppp .ttt{height:90px;}
	.cen04 .ppp li{width:31%; margin:0.5% 1.1%; height:210px;}
	.cen04 .ppp li img{display:block;}
	.cen04 .ppp .ttta{height:110px;}
	.cen04 .titled{font-size:14px;}
	.cen04 .ppp li:nth-child(8){width:96%; margin:0 2%; height:360px;}
	.cen04 .ppp li:nth-child(8) img{height:250px; width:100%;}
	.cen05 .jsttt{display:none;}
	.cen05 .zyul li{width:31%; margin:1.5% 1.1%;}
	.cen05 .titlec{height:36px; overflow:hidden;}
	
	.cen06{background-size:cover; background-position:30%;}
	.cen07{padding:30px 0;}
	.cen07 .dddul li{width:46%; margin:2%;}
	.cen08{display:none;}
	
	.cen09 .fr{display:none;}
	.cen09 .fl{text-align:center;}
	
	.sshidden{display:block; float:right;}
	.sshidden img{margin-top:25px;}
	
	.mm-menu { width: 50%; }
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }

	.cen02 .fl img{max-width:100%;height:auto;}

	/*2018.3.17 bao*/
	/*首页*/
	.cen02 .fl img{margin-top:2%;}
	.cen02{height:auto;}
	.bannerslide .swiper-slide{background-position:30% center;}
	/*内页*/
	.inner-banner{background-size:100% 160px;height:160px;}
	.inner-title span{font-size:32px;}
	.inner-title i{max-width:80%;margin:0 auto;}
	.inpageBtn{margin-top:0;}
	.inner-title{bottom:15%;}
	.inpageBtn ul li a{font-size:12px;}
	.pageNav{margin-top:15px;}
	.product-ul li{margin-top:15px;margin-bottom:0;width:48%;}
	.product-detail{padding:15px;}
	.proDetail-t{margin:15px 0;}
	.product-detail h1{font-size:24px;}
	.newsbackline{margin:15px;}
	.newsbackline ul li{width:auto;}
	.news-ul li a .news-img{float:none;width:90%;margin:0 auto;}
	.news-ul li a .news-box{float:none;width:100%;margin-top:15px;}
	.news-img img{width:100%;}
	.news-box p{height:48px;}
	.news-ul li{padding:15px 0;}
	.contact{padding:0 15px;}
	.contact-box{margin-top:30px;margin-bottom:30px;}
	.contact-box img{max-width:100%;min-height:120px;}
	.ppp li img{height:140px;max-width:90%;}

}