@CHARSET "UTF-8";
/* 头部 */
.mob-head {
  background: #fff;
  padding: 10px 0;
  position: relative;
}

.mob-head .logo {
 width:78%;margin-left:10px;
}

.mob-head .logo img {
  width: 100%;
}

.mtel{margin-right:10px;background: url(../../images/t.png) no-repeat left center;padding-left:50px;}
.teltt{color:#666666;font-size:14px;}
.tels{color:#1648a9;font-size:16px;font-weight:bold;}


/*header css style*/
#nav{text-align: left;
width: 100%;
padding: 5px 0 5px 0px;
background: #e33b3d;
display: -webkit-box;}
#nav li{height: 28px;
line-height: 28px;
font: 400 14px/28px '微软雅黑';
-webkit-box-flex: 1;}
#nav li a{display:block; color:#fff; width:100%; font-weight:bold;}

/*网站头部返回按钮样式*/
.header_return{position:absolute;right:15px;top:2px;}
.header_return img{width:43px;height: 40px;}

 /*banner css style*/
.out_b{overflow:hidden; margin:0 auto; width:320px; padding-top:10px; padding-bottom:10px;}
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:320px; height:150px; }
.slide a img{width:320px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;}
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}

.scroll{width:320px;height:auto;margin:0 auto 0 auto; position:relative;overflow:hidden;}
.mod_01{float:left;width:320px;}
.mod_01 img{display:block;width:100%;height:auto;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:50%;z-index:11;width:80px;margin-right:-40px;}
#slide_01_dot{text-align:center;margin:1px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 2px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}

 /*product css style*/

.products{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.contentss{padding:10px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:"微软雅黑";}
.products_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font: 400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}


 /* news css style*/
.news{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.news_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font: 400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.news ul{}
.news ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
.news ul li a{font: 400 12px/35px "微软雅黑"; padding-left:28px; text-align:left; display:block;}

/* product_cate css style*/
.product_cate{width:99.5%; margin:0 auto;margin-top:20px;}
.product_cate_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font: 400 16px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.product_cate ul{}
.product_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/abcd.png) 95% center no-repeat; background-size:20px 20px;}
.product_cate ul li a{font: 400 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}

/* footer css style*/
.distraction{height:58px; width:100%;}
/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #242d34;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 25px;
  font-size: 0;
  padding: 5px 0;
}
.footer ul li+li{border-left:1px solid #000;}
.footer ul li.active {
  background: #1648a9;
}



.footer ul li a {
  display: block;
}

.footer ul li .iconfont {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
}

.footer ul li span {
  display: block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;font-weight:bold;
}



.icon-home:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../images/f1.png)no-repeat;
  background-size:100% 100%;
}

.icon-phone:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../images/f2.png)no-repeat;
  background-size:100% 100%;
}

.icon-fang:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../images/f3.png)no-repeat;
  background-size:100% 100%;
}

.icon-contact:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../images/f4.png)no-repeat;
  background-size:100% 100%;
}



/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
.share-weixin {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-weixin i{background:url(../../images/share_icon2.png) no-repeat;background-size:32px 32px;
	width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-weixin span{display:inline-block;}
body{width:100%; height:100%; overflow-x:hidden; position:relative;}



.dao{background:#1648a9;line-height:3;text-align:center;}
.dao li{display:inline-block;width:18%;}
.dao li+li{background: url(../../images/x.png) no-repeat left center;}
.dao li a{color:#fff;font-size:14px;}




.box1{margin-top:8%;}
.bt{color:#1648a9;font-size:25px;text-align:center;font-weight:bold;}
.ads{margin-top:8%;}
.ads li{width:25%;float:left;text-align:center;}
.ads li .img{width:70%;margin:0 auto;}
.ads li .img img{width:100%;margin:0 auto;}
.ads li h3{color:#333333;font-size:16px;margin-top:12px;text-align: center;font-weight: normal;}


.box2{background:#f2f2f2;padding:8% 0 0;margin-top: 5%;}
.bten{color:#999999;font-size:13px;text-align:center;text-transform:uppercase;background: url(../../images/tt.png) no-repeat center center;}

.product-list1{width:92%;margin:0 auto;margin-top:5%;}
.product-list1 li{width:48%;float:left;position:relative;text-align:center;}
.product-list1 li:nth-child(2n){float:right;}
.product-list1 li .img{width:100%;margin:0 auto;}
.product-list1 li .img img{width:100%;margin:0 auto;}
.product-list1 li h4{background: url(../../images/pm.png) no-repeat;width:44px;height:44px;display:block;position:absolute;left:50%;margin-left:-22px;bottom:58px;z-index:99;}
.product-list1 li h3{color:#444444;font-size:14px;line-height:80px;text-align: center;font-weight: normal;}





.box3{margin-top:8%;}
.box3 .cont{width:92%;margin:0 auto;margin-top:5%;}
.slideTxtBox .hd li{width:33%;float:left;background:#1648a9;color:#ffffff;font-size:14px;font-weight:bold;text-align:center;line-height:35px;border-radius:5px;position:relative;cursor:pointer;}
.slideTxtBox .hd li+li{margin-left:1px;}
.slideTxtBox .hd li.on{background:#fda807;}
.slideTxtBox .hd li.on:after{content: "";position: absolute;width: 0;height: 0;border-left:10px solid transparent;border-top:10px solid #fda807;border-right:10px solid transparent;top:35px;right:38%;}

.slideTxtBox .bd{margin-top:8%;}
.slideTxtBox .bd li{}
.slideTxtBox .bd li .img{margin-bottom:6%;}
.slideTxtBox .bd li .img img{width:100%;margin:0 auto;}
.slideTxtBox .bd li .img2{width:10%;float:left;}
.slideTxtBox .bd li .img2 img{width:100%;margin:0 auto;}
.slideTxtBox .bd li .det{width:88%;float:right;}
.slideTxtBox .bd li h3{color:#333333;font-size:16px;font-weight:bold;}
.slideTxtBox .bd li h3 span{font-size:14px;font-weight:normal;padding-left:12px;}
.slideTxtBox .bd li h4{font-size:14px;color:#666666;margin-top:10px;line-height:20px;font-weight: normal;}




.box4{margin-top:10%;background:#f2f2f2;padding:8% 0;}
.slideTxtBox2{width:92%;margin:0 auto;margin-top:5%;}
.slideTxtBox2 .hd{border-radius:5px;border:1px solid #1648a9;font-size:0;}
.slideTxtBox2 .hd li{width:50%;display:inline-block;color:#1648a9;font-size:16px;font-weight:bold;text-align:center;line-height:35px;position:relative;cursor:pointer;}
.slideTxtBox2 .hd li.on{background:#1648a9;color:#fff;}

.slideTxtBox2 .bd{margin-top:5%;}
.xlist1{}
.xlist1 li{}
.xlist1 li .img{width:45%;float:left;}
.xlist1 li .img img{width:100%;}
.xlist1 li .det{width:50%;float:right;margin-top:6px;}
.xlist1 li h3 a{color:#000338;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display:block;text-align: left;}
.xlist1 li span{display:block;color:#666;font-size:12px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:3;margin-top:6px;text-align: left;}


.xlist2{margin-top:10px;}
.xlist2 li{border-bottom:1px dashed #c3c3c3;line-height:40px;background: url(../../images/nt.png) no-repeat left center;}
.xlist2 li a{color:#666666;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display:block;padding-left:20px;text-align:left;display:block;}
a.nm{display:block;margin:0 auto;text-align:center;color:#fff;font-size:16px;line-height:35px;background:#1648a9;border-radius:25px;width:40%;margin-top:8%;}





.box5{margin-top:10%;}
.abpic{width:92%;margin:0 auto;margin-top:8%;}
.abpic img{width:100%;margin:0 auto;}
.abtt{color:#333333;font-size:20px;text-align:center;margin:5% 0;}
.about{width:90%;margin:0 auto;color:#666666;font-size:15px;text-align:center;line-height:22px;}
a.am{display:block;margin:0 auto;text-align:center;color:#fff;font-size:16px;line-height:35px;background:#1648a9;border-radius:25px;width:30%;margin-top:8%;}


.box6{margin-top:8%;background:#f2f2f2;padding:5% 0;}
.ads2{width:92%;margin:0 auto;}
.ads2 li{width:48%;float:left;}
.ads2 li:nth-child(2){float:right;}
.ads2 li .img{width:20%;margin-top:5px;}
.ads2 li .img img{width:100%;}
.ads2 li .det{width:78%;}
.ads2 li h3{color:#666666;font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display:block;font-weight: normal;}
.ads2 li span{display:block;color:#333333;font-size:14px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;font-weight:bold;text-align: left;}



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