@charset "utf-8";
body{font-size:16px; color:#333333; font-family:microsoft yahei; cursor:default; max-width:768px; margin:0 auto;}
*{padding:0px; margin:0px;box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:14px; font-family:microsofe yahei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{ border:none; display:inline-block;vertical-align:bottom;}
i{ font-style:normal;}
li{list-style:none;}
a{color:#333333; text-decoration:none; margin: 0;padding: 0;}
.clear{overflow:hidden; clear:both; height:0px;}

input[type=button],input[type=text],input[type=password],textarea{-webkit-appearance:none;outline:none}

.con{width:94%;margin: 0 auto;}

.header{
	width:100%;
	height:60px; 
	background-color:#fff; 
	padding:10px 0; 
	box-shadow:0 0 5px #bbb;
	z-index:99; 
	position:fixed;
	top:0; left:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
}
.header.on{margin-left:0%;}
.header .logo{width:auto;height: 36px; position:absolute; float:left;left: 20px;top:10px;}
.header .logo img{width:auto; height:100%; display:block;}
.header .ss{float:right; width:30px; height:30px; border-radius:100%; text-align:center; font-size:16px; line-height:26px; margin-right:4%; margin-top:11px; color: #3a76ac;}
.header .an{width:40px; height:40px; margin-top:15px; float:right; position:relative; margin-right:2%;}
.header .an span{width:20px; height:1px; background-color:#333; display:block; position:absolute;
	margin-top: -10px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .an span.a1{top:6px; left:0;}
.header .an span.a2{top:14px; left:0;}
.header .an span.a3{top:22px; left:0;}
.header.on .an span.a2{display:none;}
.header.on .an span.a1{top:18px; width:40px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header.on .an span.a3{top:18px; width:40px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
}

.nav{
	width:80%; 
	height:100%; 
	background:#337c8b;
	position:fixed; 
	top:0;
	right:-80%; 
	z-index:999; 
	overflow:scroll;
	z-index:999999999999999;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.nav.on{right:20%;}
.nav ul{margin-bottom:80px; margin-top:20px; overflow:hidden;}
.nav ul li{
	width:100%;
	float:left; 
	border-bottom:1px solid #378893;
}
.nav ul li a.y_j{width:100%; height:46px; font-size:15px; color:#fff; line-height:46px; text-indent:10%; display:block; position:relative;}
.nav ul li a.y_j.on{
	background:#296e77;}
.nav ul li i{display:inline-block; width:0; height:0; margin-left:5px; vertical-align:middle; border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; position:absolute; top:50%; right:10%;}
.nav .e_j{display:none; margin-bottom:10px;}
.nav .e_j a{display:block; font-size:12px; line-height:32px; color:#fff; text-indent:10%;}

.head_h{width:100%; height:60px;}
/*********************************banner*************************************/
.gallery-top{width:100%; height:auto; position: relative !important;left:0; z-index:9999;}
.gallery-top .swiper-slide{width:100%; height:auto; position:relative;background: #333;}
.gallery-top .swiper-slide img {width:100%; height:100%;opacity: .8;}
.gallery-top .swiper-slide .hb{width:100%; height: auto;  position:absolute; left:0; top:0;}
.gallery-top .swiper-slide .dxs { display:block;}
.gallery-top .swiper-slide .sxs { display:none;}
.gallery-top .swiper-slide .wz{width:80%; color:#fff; text-shadow:2px 2px 2px #666; position:absolute; left:10%; transform: translateY(-50%);top:50%; text-align:center}
.gallery-top .swiper-slide .wz h3{font-size:20px;line-height:40px;}
.gallery-top .swiper-slide .wz p{font-size:14px;  text-transform:uppercase; text-transform:uppercase;color: #fff; line-height:24px;}

/*********************搜索************************/
.searchbox{width: 100%;height: auto;overflow: hidden;background-image: linear-gradient(to bottom right,#337c8b,#8dbd1a);padding: 20px;display: flex;flex-direction: column;align-items: center; justify-content: space-between;}
.sobox{background-color: rgba(255,255,255,0.3);border: solid 1px #eeeeee;width: 100%;height: 46px;margin: 0 auto;display: flex;align-items: center;border-radius: 23px;}
.sobox input{flex: 1; font-size: 14px;color: #FFFFFF;line-height: 46px;padding-left: 10px;}
.sobox a{width: 38px;height:38px;background-color: #EEEEEE; overflow: hidden;margin-right: 4px;border-radius: 19px;}
.sobox a img{display: block;width: 50%;height: 50%;margin: 0 auto;margin-top: 9px;}

/****************************************************关于我们*************************************************/
/************首页标题公共样式结束************/
.sy-ywjs{width: 100%;height:auto;padding: 60px 0 ;margin-bottom: 220px;}
/*首页标题和选项卡*/
.sydbt{margin-bottom: 20px;}
.sydbt h1{font-size: 18px;text-align: center;letter-spacing: 2px;margin-bottom: 10px;}
.sydbt h1 span{font-size: 18px;color: #89bb12;}
.sydbt h2{font-size: 12px;font-weight: 100;display: flex;align-items: center;justify-content: center;}
.sydbt h2 em{display: inline-block;width: 5px;height: 5px;background-color: #666666;border-radius: 50%;margin: 0 10px;}
.sydbt .xxk{display: flex;flex-wrap: wrap;margin-top: 20px;justify-content: center;}
.sydbt .xxk a{padding: 10px;border: solid 1px #ABABAB;margin:5px;font-size: 14px;background-color: #fff;}
.sydbt .xxk a.on{background-color: #89bb12;border-color: #89bb12;color: #fff; }
.sydbt .xxk a:hover{background-color: #89bb12;border-color: #89bb12;color: #fff; transition: all 0.3s;}
/**/
.sy-ywjscon{display: flex; position: relative;flex-direction: column;}
h1.syabout-bt{font-size:20px;font-weight: 400;}
.sy-ywjscon .tt{position: absolute;width: 80px;height: 80px;overflow: hidden;left: 20px;top: 20px;z-index: 1;}
.sy-ywjscon .tt img{display: block;width: 100%;height: 100%;}

.sYwjs-dtimg{width: 100%; position: relative;height:460px;overflow: hidden;}
.sYwjs-dtimg img{width: auto;height: 100%;transform: translateX(-50%);margin-left: 50%;}

.sYwjs-txt{width: 94%;overflow: hidden; background-color: #fff;transform: translateX(-50%);left: 50%; position: absolute;top: 300px;box-shadow: 0 0 5px #eee;padding: 20px;box-sizing: border-box;}
.about-p{width: 100%;height: 210px;overflow: hidden;margin-top: 20px;}
.about-p p{font-size:14px;font-weight: 100;line-height: 28px;margin-top: 10px; overflow:hidden;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:5;
}
.sYwjs-txt .sz{display: flex;height:60px; justify-content: space-between;background-color:rgba(0,34,38,.9);width: 100%; align-items: center;box-sizing: border-box;}
.sYwjs-txt .sz .wrap{width: 100%;}
.sYwjs-txt .sz .wrap .row{width: 100%; display:flex; align-items:center; justify-content:space-between;}
.sYwjs-txt .sz .wrap .row li{width: 25%;}
.wrap .row .n_r{display: flex;flex-direction: column;align-items: center;}
.wrap .row .n_r p{color: #89bb12;font-size: 12px;}
.wrap .row .n_r .s_z{color: #89bb12;font-size: 12px;}
.wrap .row .n_r .s_z b{color: #89bb12;font-size:16px}
.sYwjs-txt a{display: block;background-color: #7e7e7e;width: 100%;height:46px;background-color: #89bb12;color: #fff; line-height: 46px;text-align: center;margin-top: 20px;}
/*******************************产品推荐**********************************/
.sy_hz{padding: 60px 0 20px;background-color: #f8f8f8;}
.swiper-js2{width:96%; padding:0; margin:0 auto; padding-bottom:20px;}
div.swiper-js2 .swiper-slide{border: solid 1px #eee;}
div.swiper-js2 .swiper-slide a img{width:100%;display:block;}
.swiper-js2 .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; margin:0 3px !important; box-shadow:0 1px 4px #999;}
.swiper-js2 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:0;}

/*********************新闻动态************************/
.synews{padding: 60px 0;width: 100%;height: auto;overflow: hidden;background: url("../images/gybj.jpg") no-repeat;background-size: 100% 100%;background-attachment: fixed;}
.tab-block {width: 100%;height: auto;margin: 20px auto 0;background-color: #FFF;border-top: 1px solid #e5e5e5;box-sizing: border-box;}
.tab-block.information-tab {}
.tab-block.information-tab .tabs {height: auto;}
.tab-block .tab-buttons {width: 100%;height: 50px;background-color: #fafafa;display: flex;}
.tab-block .tab-buttons .tab-button {flex: 1; height: 50px;text-align: center;font-size: 16px;color: #ababab;border-bottom: solid 1px #eeeeee; line-height: 50px;position: relative;cursor: pointer;background-color: #ffffff;box-sizing: border-box;}
.tab-block .tab-buttons .tab-button.cur {background-color: #89bb12;color: #ffffff;}
.tab-block .tab-buttons .tab-button.cur:after {content: '';position: absolute;top: -1px;left: 0;width: 100%;height: 2px;background-color: #89bb12;box-sizing: border-box;}
.tab-block .tabs {width: 100%;height: 528px;box-sizing: border-box;}
.tab-block .tabs .tab-item {width: 100%;height: 100%;display: none;padding: 10px;box-sizing: border-box;}
.tab-block .tabs .tab-item.active {display: block;}

.sytd{}
.sytd li{width: 100%;height: auto;overflow: hidden;border-bottom: solid 1px #eee;margin-bottom: 10px;padding: 10px 0;}
.sytd li img{display:inline-block;width: 100%;height:auto;margin-bottom: 10px;border-radius: 10px;}
.sytd-txt{margin-left: 10px; flex: 1;}
.sytd-txt h1{color: #333;font-size: 16px;font-weight: bold;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:1;}
.sytd-txt p{color: #333;font-size: 14px;line-height: 24px;font-weight: 100; margin-top: 5px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.sytd-txt h2{font-size: 14px;font-weight: 100;margin-top: 10px;}
.sytd-txt em{display: inline-block;width: 40px;height: 20px;line-height: 20px;margin-right: 5px; background-color: #FF4700;color: #fff;text-align: center;border-radius: 10px 0;font-size: 12px;}
/************************************底部*******************************************/
.dibu{width: 100%;height: auto;padding: 60px 0;background-color: #f4f4f4;margin-bottom: 60px;}
.dibu .content{height: auto; display: flex;flex-direction: column;align-items:center;justify-content: center;}
.dibulogo{width: auto;height: 50px; margin-bottom: 40px;}
.dibulogo img{display: block;width: auto;height: 100%;}
.dibuyl{display: flex;flex-wrap: wrap;justify-content: center;}
.dibuyl a{border-right: solid 1px #ababab;color: #666666;padding: 0 10px;margin-bottom: 10px;}
.dibuyl a:first-child{border-left: solid 1px #ababab;}
.dibu .content p{margin-top: 20px;color: #666666;padding: 0 10px;text-align: center;line-height: 24px;font-size: 14px;}
.dibu .content p a{display: inline-block;color: #666666;}

.db-A{width: 100%;display: flex;justify-content: center;margin-top: 30px;}
.db-A a{width: 40px;height: 40px;border-radius: 35px;border: solid 1px #ababab;margin-right: 20px;}
.db-A a:last-child{margin-right: 0;}
.db-A a img{display: block;width: 50%;margin-left: 50%;margin-top: 50%;transform: translateX(-50%) translateY(-50%);}

/**************************************列表页*************************************/
/*内页banner*/
.nyban{width: 100%;height: auto;overflow: hidden;position: relative;background-color: #337c8b;}
.nyban img{display: block;width: 100%;height:auto;opacity: .2;}
.nyban .nybantxt{position: absolute;width: 60%;max-width: 350px; transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;}
.nyban .nybantxt h1{font-size: 20px;font-weight: bold;text-align: center;color: #fff;letter-spacing: 4px;line-height: 40px;}
.nyban .nybantxt p{font-size: 12px;color: #fff;text-align: center;line-height: 22px;}
/***选项卡**/
.lb-xxk{width: 100%;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;margin-top: 20px;justify-content: center;border-top:  solid 1px #eee;padding-top: 20px;}
.lb-xxk a{width: auto;padding: 10px 15px; margin-right: 10px; background-color:#3097a5; text-align: center;border-radius: 20px;font-size: 14px;color: #fff;margin-bottom: 10px;}


/*************************************图文列表*******************************************/
.rmcp-ul{width: 100%;background-color: #f8f8f8;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 10px;box-sizing: border-box;}
.rmcp-ul a{width: 49%;height: auto;background-color: #fff; margin-top: 10px;border: solid 1px #eee;padding-bottom: 20px;}
.rUimg{width: 100%;height: auto;overflow: hidden;}
.rUimg img{display: block; width: 100%;height: auto;transform: scale(1);transition: all 0.3s;}
.rUtxt{width: 100%;padding: 0 5px;}
.rUtxt h2{color: #666;font-size: 14px;line-height: 32px;transform: translatey(0px);transition: all 0.3s;margin-top: 10px;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:1;}
.rUtxt p{color: #ABABAB;font-size: 12px;line-height: 24px; transform: translatey(0px);transition: all 0.3s;padding-right: 10%;
	overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;
}
.rUAn{width: 100%;height: auto;display: flex;align-items: center;transform: translatey(0px);transition: all 0.3s;margin-top: 10px;}
.rU-jt{width: 10%;height: auto;transform: translateX(0px);opacity: 1;transition: all 0.3s;}
.rU-jt img{width: 100%;height: auto;}
.rUAn span{margin-left: 5%;font-size: 14px;font-weight: 100;color: #666;opacity: 0;}/**/

.rmcp-ul a:hover{border-bottom: solid 1px #eee;transition: all 0.3s;}
.rmcp-ul a:hover .rUimg img{transform: scale(1.03);transition: all 0.3s;}
.rmcp-ul a:hover .rUtxt h2{color: #0f6dc5;}
.rmcp-ul a:hover .rUtxt h2,.rmcp-ul a:hover .rUtxt p,.rmcp-ul a:hover .rUAn{transform: translatey(5px);transition: all 0.3s;}
.rmcp-ul a:hover .rU-jt{transform: translateX(30px);opacity: 0;transition: all 0.3s;}
.rmcp-ul a:hover .rUAn span{opacity: 1;transform: translateX(-40%);transition: all 0.3s;}

/**********翻页**********/
.fanye{width: 100%;height: auto;overflow: hidden;display: flex;justify-content: center;padding: 40px 0;}
.fanye a{width: 40px;height: 40px;background-color: #f8f8f8;border-radius: 50%;font-size: 14px;line-height: 40px;text-align: center;margin-right: 5px;}
.fanye a:last-child{margin-right: 0;}
/**************************************详情页*******************************************/
.xqContent{background-color: #FFFFFF;width: 98%;margin: 0 auto; margin-top:20px; font-size:14px}
.xqContent h1{font-size: 18px;line-height: 34px;margin-top: 40px;text-align: center;}
.xqContent h2{font-size: 12px;font-weight: 100;margin-top: 40px;border-bottom: solid 1px #eee;margin-bottom: 10px;padding-bottom: 5px;}
.xqnr{}
.xqnr img{width: 100%;height: auto;border-radius: 3px;margin: 10px 0;}
.xqnr h3{font-size: 15px;margin: 10px 0;}
.xqnr p{font-size: 12px; line-height: 22px;font-weight: 100;margin: 10px 0;}

/*分享*/
.xqdb{background-color: #f8f8f8;margin-top: 40px;}
.xqdb-An{display: flex;height: 40px;align-items: center;padding-left: 20px;border-bottom: solid 1px #eee;}
h4.fl{font-size: 14px;font-weight: 100;margin-right: 10px;}
.xqdb-An a{width: 20px;height: auto;position: relative;margin-right: 10px;}
.xqdb-An a img{display: block;width: 100%;}
.xqdb-An a img:last-child{position: absolute;top: 0;left: 0;opacity: 0;}

.xqdb-An a:hover img:last-child{opacity: 1;}

/*下一篇*/
.xqdb-next{width: 100%;height: 46x;overflow: hidden;padding: 10px;display: flex;box-sizing: border-box;display: flex;margin-bottom: 40px;}
.xqdb-next a{flex: 1; color: #fff;height: 44px;text-align: center;line-height: 44px;border-radius: 3px; margin-right: 10px;background-color: #337c8b;font-size: 16px;}
.xqdb-next a:last-child{margin-right: 0;}
.xq-xian{width: 100%;height: 1px;background-color: #eee;margin-top: 40px;}

/****************************在线客服*********************************/
.zxkf{width: 100%;height: 60px;background-color: #fff;position: fixed;bottom: 0;left: 0;box-shadow: 0 0 10px #ddd;display: flex;}
.zxkf a{flex: 1;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold}
.zxkf a img{display: inline-block;width: 30px;height: 30px;margin-right: 5px;}