html,body{padding:0;margin:0;}
*{padding:0;margin:0;}
ul, ol ,li,dl{ list-style:none;margin:0; padding:0;}
body{ margin: 0 auto;font-size: 14px;font-family: "microsoft yahei";background-color: #fff;}
a{ text-decoration:none; color: #444444;}
a:hover{color: #444444;}
img{max-width: 100%;}
body{min-width:320px;width:100%;max-width:640px;margin:0 auto;padding:0;font-size: 14px;font-family:"Microsoft Yahei";}
.wap{width: 100%;max-width: 640px;min-width: 320px;padding-bottom: 60px;margin: 0 auto;}


/*footer*/
.footer{text-align: center;color: #999;padding-top: 10px;}
.footer a{color: #999;}
.footer_fixed{min-width:320px; width:100%; max-width:640px;margin: 0 auto; height:48px; position: fixed;
bottom: 0; background: #007fea;color:#fff;z-index: 99;}
.footer_fixed ul{display:-webkit-box; width: 100%;list-style: none; height:48px;}
.footer_fixed li{color:#fff;vertical-align: middle; text-align: center; -webkit-box-flex:1.0; list-style:none;}
.footer_fixed li img{display: block; height: 22px;margin: 0 auto;  border:0;color:#fff; margin-top: 5px;}
.footer_fixed li span{display: block; width: 100%;text-align: center; font:  12px/16px "Microsoft Yahei"; }
.footer_fixed li a,.footer_fixed li a:hover{display: block; color: #fff; text-decoration:none}


/*header*/
.header{width: 100%; }
.header .logo{padding: 0 10px; }
 .header .logo img{ max-height: 100%;max-width: 100%;}

/*nav*/
.nav{ background: #007fea;width: 100%;height: 80px;}
.nav li{ width: 25%;height: 40px;line-height: 40px; text-align: center;float: left;
border-left:1px solid #0375d4;border-right:1px solid #0186f6;
border-top: 1px solid #0375d4; border-bottom: 1px solid #0186f6;  box-sizing: border-box;}
.nav li a{ display: block;width: 100%;color: #fff;font-size: 12px;}


/*banner*/
.flash{width: 100%;overflow: hidden;}
.flash img{ width:100%;vertical-align: middle;}
.box_swipe{width:100%; float:left; overflow:hidden; position:relative;}
.box_swipe>ol{width:100%; box-sizing:border-box; height:20px; position: absolute; z-index:10; bottom: 0px; text-align:right; padding-right:20px; background-color:rgba(0,0,0,0.5);}
.box_swipe>ol>li{display:inline-block; margin:5px; width:10px; height:10px; background-color:#d7d4d4; border-radius: 10px;}
.box_swipe>ol>li.on{background-color:#f3ac00;}

.search-box{padding: 10px;background: #fff;overflow: hidden;}
.search-box .search{background: #f5f5f5;height: 40px;border-radius:5px;}
.search-box .search .search-text{background: none;border:0; width: 80%;float: left;
line-height: 40px;box-sizing: border-box;padding-left: 20px;}
.search-box .search .search-btn{background: none;border:0;width: 15%;float: right; line-height: 40px;border-radius: 0 5px 5px 0;
background:#ff4600 url(../images/ico-btn.png) center no-repeat;background-size: 20px 20px;box-sizing: border-box;padding-left: 20px;}

.tit{text-align: center;}
.tit h3{color: #007fea;font-size: 20px;line-height: 22px;}
.tit .inner{font-size: 18px;line-height: 20px; color: #868686; display: inline-block; vertical-align: top; position: relative;}
.tit .inner:before, .tit .inner:after {
    display: inline-block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #ff4600;
    position: absolute;
    top: 10px;}
.tit .inner:before{left: -30px;}
.tit .inner:after{right: -30px;}

 /*产品分类*/
.cp-class{text-align: center;padding: 4px 10px 0px 10px;overflow: hidden;}
.cp-class li{ width: 48%; margin: 0 1%; float: left; margin-top:6px;}
.cp-class li a{font-size: 12px; display: block; background: #fff; color: #333333;line-height: 35px; border-radius: 10px; 
width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.cp-class li a:hover{ color: #666666; background: #fff;}
.cp-class li a.p-hov{background-color: #007fea;color: #fff;}

/*cpzs*/
.cpzs{padding: 15px 0px;background:#f5f5f5; overflow: hidden;}
.cpzs .cpzs-list ul{padding-top: 10px;overflow: hidden;}
.cpzs .cpzs-list ul li{width: 44%;float: left;margin: 10px 3%;background: #fff; border: 1px solid #ddd;padding: 5px 10px;
box-sizing: border-box;}
.cpzs .cpzs-list .cp-bg{width: 100%; height: 160px;line-height: 160px;vertical-align: middle; text-align: center; }
.cpzs .cpzs-list .cp-bg img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.cpzs .cpzs-list  span{display: block; text-align: center;line-height: 30px;background: #007fea;color: #fff;height: 30px; overflow: hidden;}
.cpzs .cpzs-list .cp-txt{text-align: left;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.more{ text-align: center; margin: 10px 0;}
.more a{color: #fff;font-size: 14px;background: #ff4600;border-radius: 20px;padding: 5px 20px;}

.tel{overflow: hidden;}

/*swiper*/
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
  }
/*cpys*/
.cpys{padding-top: 15px;background:#fff; overflow: hidden;
position: relative;
width: 100%;
/*height: 300px;*/}
.cpys .swiper-button-prev, .cpys .swiper-button-next {
    width: 30px;
    height: 31px;
    background-size: 30px 31px;}
.cpys .swiper-button-prev {
    left: 5px;
    background-image: url(../images/prev.png);}

.cpys .swiper-button-next {
    right: 5px;
    background-image: url(../images/next.png);}
.cpys .ys-img{width: 100%;margin-top: 20px;}
.cpys .ys-img img{max-width: 100%;}
/*cgal*/
.cgal{padding: 15px 0px;background:#fff; overflow: hidden;}
.cgal .tit{margin-bottom: 20px;}
.anli{width: 100%;height: 120px;line-height: 120px;vertical-align: middle;}
.anli img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.anli-name{display: block;width: 100%; font-size: 14px;line-height: 22px;height: 44px;
display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cgal .swiper-slide { padding-bottom: 30px;}

/*gsjj*/
.gsjj{background: #007fea;color:#fff;padding-top: 15px;position: relative;}
.gsjj .tit{color: #fff;}
.gsjj .video-box{margin: 10px 0;padding: 0 10px;}
.gsjj .gsjj-txt{padding:0 15px;
font-size: 14px;line-height: 22px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.gsjj .gsjj-more{position: relative;bottom: -10px;text-align: center; margin: 10px 0;}
.gsjj .gsjj-more a{color: #fff;font-size: 14px;background: #ff4600;border-radius: 20px;padding: 5px 20px;}


/*qiehuan2*/
.qh-xinwen{width: 100%; float: left;overflow: hidden;margin-right: 44px;}

.qh-xinwen .tit{ overflow:hidden;height: 40px; background: #f5f5f5;}
.qh-xinwen .tit ul{ overflow:hidden;}
.qh-xinwen .tit ul li{  height:40px; float:left; text-align: center;margin-right: 15px;}
.qh-xinwen .tit ul li.mr0{ margin-right:0px;}
.qh-xinwen .tit ul li a{ font-size:18px;font-weight: normal; color:#333333; line-height: 40px;
padding: 0 10px; background: none;}
.qh-xinwen .tit ul li.cur{height:40px;color: #fff;background: #007fea;}
.qh-xinwen .tit ul li.cur a{ text-decoration:none;color: #fff;}


.qh-xinwen .tit2{ overflow:hidden;height: 40px; background: #f5f5f5;}
.qh-xinwen .tit2 ul{ overflow:hidden;}
.qh-xinwen .tit2 ul li{  height:40px; float:left; text-align: center;margin-right: 15px;}
.qh-xinwen .tit2 ul li.mr0{ margin-right:0px;}
.qh-xinwen .tit2 ul li a{ font-size:18px;font-weight: normal; color:#333333; line-height: 40px;
padding: 0 10px; background: none;}
.qh-xinwen .tit2 ul li.cur{height:40px;color: #fff;background: #007fea;}
.qh-xinwen .tit2 ul li.cur a{ text-decoration:none;color: #fff;}

.dtzx{padding: 0px 20px;}
.dtzx ul li{ height: 40px;line-height: 40px;vertical-align: middle;}
.dtzx ul li a{width: 100%;display: block;font-size: 14px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

/*lxwm*/
.lxwm{width: 100%; overflow: hidden;background: #f5f5f5;padding: 20px 0;}
.lxwm ul{color: #4c4b4b;padding: 10px 20px;}
.lxwm ul li{width: 50%;float: left;line-height: 30px;}

.banquan{  text-align: center;background: #fff;  color: #333333;   padding-top: 10px;}
.banquan a{color: #333333;}

/*sub*/
.sub{padding:0px 20px;position: relative;z-index: 99;height: 53px;}
.sub h3{font-size: 18px;line-height: 50px; font-weight: normal;color: #0066cc; border-bottom: 1px solid #0066cc;float: left;}

/*sub cp*/
.sub-cpzs{ overflow: hidden;}
.sub-cpzs .cpzs-list ul{padding-top: 10px;overflow: hidden;}
.sub-cpzs .cpzs-list ul li{width: 44%;float: left;margin: 10px 3%;background: #fff; border: 1px solid #ddd;padding: 5px 10px;
box-sizing: border-box;}
.sub-cpzs .cpzs-list .cp-bg{width: 100%; height: 160px;line-height: 160px;vertical-align: middle; text-align: center; }
.sub-cpzs .cpzs-list .cp-bg img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.sub-cpzs .cpzs-list  span{display: block; text-align: center;line-height: 30px;background: #007fea;color: #fff;height: 30px; overflow: hidden;}
.sub-cpzs .cpzs-list .cp-txt{text-align: left;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 20px;height: 40px;}


/*jianjie*/
.sub-jianjie{font-size: 14px;line-height: 28px;padding: 20px;}
.sub-jianjie img{max-width: 100%;}

/*news*/
.sub-news{padding:10px 20px;}
.sub-news ul li{ height: 40px;line-height: 40px;vertical-align: middle;}
.sub-news ul li a{width: 100%;display: block;font-size: 14px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

/*picture*/
.sub-picture{overflow: hidden;padding: 10px 0;}
.sub-picture li{position: relative; width: 46%; float: left; margin: 0px 2% 3px 2%; border-radius: 5px; box-sizing: border-box;}
.sub-picture em{font-style: normal;display: block;font-style: normal; text-align: center;height: 30px;
    font-size: 14px; line-height: 30px; width: 100%;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.sub-picture .picture-box{width: 100%;height: 132px;line-height: 132px;text-align: center; vertical-align: middle;}
.sub-picture img{max-width: 100%;max-height: 100%;vertical-align: middle;}   

/*product-details*/
.product-details{padding: 40px 10px 0 10px;}.sub-picture ul{padding-top: 10px;overflow: hidden;}
.product-details h1.title{font-size: 20px;font-weight: bold;text-align: center;line-height: 20px;}
.product-details .date{font-size: 14px;line-height: 30px; color: #666;text-align: center;margin-top: 10px;border-bottom: 1px solid #ddd;}
.product-details .details{font-size: 14px;line-height: 28px;padding-top:10px;}
.product-details .details img{max-width: 100%;}

.turn{color: #999999;padding-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.turn li{line-height: 36px;width: 100%;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.turn a{color: #333333;}
.turn a:hover{color: #999;}

.other{padding-top: 20px;}
.other h2{font-size: 20px;margin-left: 20px;}

/*other cpzs*/
.other-cpzs ul{padding-top: 10px;overflow: hidden;}
.other-cpzs ul li{width: 44%;float: left;margin: 10px 3%;background: #fff; border: 1px solid #ddd;padding: 5px 10px;
box-sizing: border-box;}
.other-cpzs .cp-bg{width: 100%; height: 160px;line-height: 160px;vertical-align: middle; text-align: center; }
.other-cpzs .cp-bg img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.other-cpzs  span{display: block; text-align: center;line-height: 30px;background: #007fea;color: #fff;height: 30px; overflow: hidden;}
.other-cpzs .cp-txt{text-align: left;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}


/*picture-details*/
.picture-details{padding: 40px 10px 0 10px;}
.picture-details h1.title{font-size: 20px;font-weight: bold;text-align: center;line-height: 20px;}
.picture-details .date{font-size: 14px;line-height: 30px; color: #666;text-align: center;margin-top: 10px;border-bottom: 1px solid #ddd;}
.picture-details .details{font-size: 14px;line-height: 28px;padding-top:10px;}
.picture-details .details img{max-width: 100%;}

/*other picture*/
.other-picture{overflow: hidden;}
.other-picture li{position: relative; width: 46%; float: left; margin: 0px 2% 3px 2%; border-radius: 5px; box-sizing: border-box;}
.other-picture em{font-style: normal;display: block;font-style: normal; text-align: center;height: 30px;
    font-size: 14px; line-height: 30px; width: 100%;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.other-picture .picture-box{width: 100%;height: 132px;line-height: 132px;text-align: center; vertical-align: middle;}
.other-picture img{max-width: 100%;max-height: 100%;vertical-align: middle;}   



/*news-details*/
.news-details{padding: 40px 10px 0 10px;}
.news-details h1.title{font-size: 20px;font-weight: bold;text-align: center;line-height: 20px;}
.news-details .date{font-size: 14px;line-height: 30px; color: #666;text-align: center;margin-top: 10px;border-bottom: 1px solid #ddd;}
.news-details .details{font-size: 14px;line-height: 28px;padding-top:10px;}
.news-details .details img{max-width: 100%;}

/*other news*/
.other-news{padding:10px 20px;overflow: hidden;}
.other-news ul li{ height: 40px;line-height: 40px;vertical-align: middle;}
.other-news ul li a{width: 100%;display: block;font-size: 14px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}