/* Write your styles */
body {
    font-family: 微软雅黑;
}

ul,
li {
    list-style: none;
    margin-top: 0;
    padding: 0;
}

*+dl,dt+dd {
    margin-top: 0;
}

a {
    color: #000;
}

.wp {
    max-width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.top {
    height: 55px;
    background: #efefef;
    line-height: 55px;
    font-size: 14px;
    overflow: hidden;
}
.top .fr img{color:#FF6600;margin:0px 5px;margin-top:-2px;}
.top .fr b{font-weight:bold;color:red;font-size:18px;}
.header {
    width: 100%;
    height: 80px;
    background: #FFF;
}

.logo {
    margin-top: 10px;
}

.menu {
    margin: 10px 0;
}

.menu ul li {
    float: left;
    line-height: 60px;
    margin-left: 10px;
}

.menu ul li a {
    display: block;
    padding: 0px 20px;
    border-radius: 3px;
}

.menu ul li.on a,.menu ul li:hover a{
    background: #444;
    color: #FFF;
}

.index-about {
    margin-top: 40px;
}

.ia-left {
    width: 250px;
    float: left;
}

.ia-l2 {
    width: 250px;
    height: 118px;
    background: #4d4d4d;
    font-size: 12px;
}

.ia-l2 p {
    padding: 10px;
    color: #FFF;
    text-align: justify;
}

.ia-mid {
    width: 608px;
    height: 312px;
    background: #f4f4f4;
    float: left;
    margin-left: 16px;
}

.padd20 {
    padding: 20px;
}

.ia-mid h2 {
    font-weight: bold;
    font-size: 18px;
}

.ia-mid .box {
    font-size: 14px;
    text-indent: 2em;
}
.ia-mid .box p{margin:5px 0;}
.ia-mid .more a {
    font-size: 14px;
    color: #FFF;
    background: #4d4d4d;
    line-height: 35px;
    border-radius: 3px;
    display: inline-block;
    padding: 0 20px;
    float: right;
}

.ia-right {
    float: right;
    width: 308px;
}

.ia-r1 {
    height: 150px;
    padding: 5px;
    background: #4d4d4d;
}

.ia-r1 h3 {
    color: #FFF;
    margin-bottom: 0;
}

.ia-r1 p {
    font-size: 13px;
    color: #FFF;
    margin: 5px 0;
}

.ia-r2 {
    margin-top: 15px;
}

.ia-r2 dl dt {
    font-weight: normal;
    width: 49%;
    float: left;
    background: #efefef;
    height: 146px;
}

.ia-r2 dl dt h2 {
    font-size: 17px;
    margin-bottom: 0;
}

.ia-r2 dl dt p {
    margin: 0;
    font-size: 12px;
    text-align: justify;
}

.ia-r2 dl dt div {
    padding: 5px;
}

.ia-r2 dl dd {
    width: 49%;
    float: left;
    background: #efefef;
    margin-left: 2%;
    height: 146px;
}

.ia-r2 dl dd img {
    width: 100%;
}

.ia-r2 dl dd div {
    padding: 5px;
}

.bt {
    font-size: 23px;
    text-align: center;
}

.bt h2 {
    margin: 0;
}

.bt h2 span {
    color: #FF6600;
}

.bt p {
    margin: 0;
    font-size: 13px;
}

.index-product {
    margin-top: 30px;
}

.product-list ul li {
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.product-list ul li img {
    width: 96%;
    border: 15px solid rgb(244, 244, 244);
}

.product-list ul li div.title {
    width: 80%;
    border: 1px solid #CCC;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    bottom: -20px;
    background: #FFF;
    left: 10%;
}

.product-list ul li div.title:hover {
    background: #FF6600;
    border: 1px solid #FF6600;
    color: #FFF;
}

.index-case {
    margin-top: 50px;overflow: hidden;
}
.index-case .mySwiper,.index-case .mySwiper1{position: relative;
    margin-top: 30px;}
.index-case .mySwiper-wap,.index-case .mySwiper1{position: relative;
    margin-top: 30px;}
.swiper-slide {
	width: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.index-case .swiper-slide div{border: 1px solid #CCC;}
.mySwiper1 .swiper-slide div{border: none;}
.swiper-slide img {
    display: block;
    width: 100%;
    
}
.index-case .swiper-slide h3{display: block;font-weight: normal;width: 100%;margin: 0;margin-bottom:20px;}

.index-news{margin-top: 50px;}
.news-dl{margin-top: 30px;}
.news-dl dl{width: 48%;float: left;margin-left: 4%;border-bottom: 1px solid #CCC;margin-top: 20px;}
.news-dl2 dl{width: 98%;float: left;border-bottom: 1px solid #CCC;margin-top: 20px;margin-left: 0;}
.news-dl dl:nth-child(1),.news-dl dl:nth-child(3){margin-left: 0;}
.news-dl dl dt{width: 84px;float: left;height: 90px;text-align: center;font-weight: normal;line-height: 35px;background: #efefef;}
.news-dl dl dt b{display: block;margin-top: 10px;font-size: 20px;}
.news-dl dl dd{float: left;margin-left: 30px;width: 80%;height: 150px;}
.news-dl dl dd a{font-size: 18px;}
.news-dl dl dd p{font-size: 13px;margin: 5px 0;color: #666;}
.partner{margin-top: 50px;}
.picMarquee-left{ width:100%;  overflow:hidden; margin-top: 30px; position:relative;   }
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:200px; height:150px; display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;}

.footer{width: 100%;padding: 40px 0 20px;background: #333333;margin-top: 30px;}
.foot-nav{text-align: center;}
.foot-nav ul li{display: inline-block;margin: 0 20px;}
.foot-nav ul li a{color: #aaa;}
.foot-nav ul li a:hover{color: #FFF;}
.foot-logo{text-align: center;}
.copyright{color: #aaa;font-size: 13px;text-align: center;margin-top: 20px;}
.copyright span{margin: 0px 10px;}
.location{border: 1px solid #CCC;height: 40px;line-height: 40px;padding: 0 10px;font-size: 13px;}
.pageshow{padding: 30px 0;}
.recommend{margin-top: 30px;}
.rt{height: 43px;background: url(../i/xt.jpg);}
.recom-list{background: #f4f4f4;padding: 10px 20px;}
.recom-list ul li{font-size: 13px;width: 48%;float: left;line-height: 35px;border-bottom: 1px solid #CCC;margin:0 1%;}

.recom-list ul li span{float: right;margin-right: 20px;}
.catname{margin-top: 20px;}
.catname ul li{width: 24%;line-height: 45px;background: #efefef;text-align: center;line-height: 45px;float: left;margin: 0.5%}
.catname ul li a{display: block;}
.catname ul li:hover,.catname ul li.on{background: #333;}
.catname ul li:hover a,.catname ul li.on a{color: #FFF;}

.pro-info-left{width: 100%;max-width:350px;}
.pro-info-right{width: 100%;max-width: 800px;}
.pro-info-tt{border-bottom:1px solid #CCC;}
.news-page{margin-top:20px;text-align:center;}
.news-page a{display:inline-block;border:1px solid #CCC;padding:3PX;font-size:13px;margin:0px 10px}
.pro-content{margin-top:30px;}
.pro-tit{border-bottom:1px solid #CCC;}
.pro-tit span{display:inline-block;padding:3px 10px;margin-bottom:-1px;}
.pro-tit span.tabcon{border:1px solid #CCC;border-bottom:1px solid #FFF;}
.pro-tel{text-align:center;margin-top:20px;}
.pro-tel b{font-size:24px;color:red;}
.am-gallery-imgbordered .am-gallery-title{font-size:18px;}
.am-gallery-imgbordered .am-gallery-desc{font-size:14px;}
.am-avg-lg-4>li{width:25%;padding:1%;}
.flink{color:#999;font-size:14px;}
.flink a{color:#999;margin:0 10px;}
#kefu{width:80px; position:fixed;right:5px;bottom:50px;background:#fff;text-align:center;box-shadow: 0 0 5px #999;font-size: 13px;z-index: 99999;
}
#kefu ul{margin:0;}
#kefu ul li{padding:5px 0;border-bottom:1px solid #efefef;position:relative;}
#kefu ul li span{font-size:30px;}
#kefu ul li p{margin:0;}
#kefu ul li .weixin{position:absolute;right:100%;top:0;display:none;}
#kefu ul li:first-child:hover span{color:#FF6600;}
#kefu ul li:first-child:hover .weixin{display:block;}
.show-content{margin-top:30px;}

.show-tab{display:none;}
.show-tab p{margin:0;}
.tabcon{display:block;}
#pages {
    text-align: center;
    margin: 20px auto;
}

#pages a {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}

#pages span {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgb(10, 123, 195);
    color: #fff;
    display: inline-block;
}

#pages a:hover {
    background: rgb(10, 123, 195);
    color: #fff;
}


.jdc-side {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 300;
    width: 60px;
}
.pro-info-des img{max-width:100%;}
.am-header,.mySwiper-wap,.am-cf{display:none;}
.am-with-fixed-navbar{padding-bottom:0;}
@media (max-width: 750px){
    .am-header{position:fixed;z-index:1080;top:0;width:100%;}
    .am-header,.mySwiper-wap,.am-cf{display:block;}
    .top,.mySwiper{display:none;}
    .header{display:none;}
    .banner{margin-top:50px;}
    .am-offcanvas{top:50px;}
    .index-about{margin-top:0;}
    .ia-left,.ia-l2,.ia-mid{width:100%;}
    .ia-l1 img{height:150px;}
    .ia-l1,.ia-l2{width:50%;float:left;height:150px;}
    .ia-left img{width:100%;}
    .ia-mid{margin-left:0;height:auto;}
    .ia-right{width:100%;margin-top:5px;}
    .ia-r1{height:auto;}
    .ia-r2 dl dd div,.ia-r2 dl dd img{height:100%;}
    .product-list ul li{width:50%;}
    .product-list ul li div.title{font-size:13px;overflow:hidden;}
    .index-case .swiper-slide h3{font-size:13px;}
    .news-dl dl{width:98%;margin:1%;}
    .news-dl dl dd{width:70%; height:180px;}
    .news-dl dl dd a{font-size:14px;}
    .news-dl dl:nth-child(2), .news-dl dl:nth-child(4){margin:0;}
    #kefu{width:60px;display:none;}
    .wap-nav{margin:10%;}
    .wap-nav ul li{line-height:35px;border-bottom:1px solid #444;}
    .wap-nav ul li a{color:#FFF;font-size:16px;}
    .show-content{margin:1%;}
    .show-content img{max-width:100%;}
    .recom-list ul li{width:100%;}
    .catname ul li{width:49%;}
    .pro-info-left{max-width:100%;}
    .news-page a{margin-bottom:10px;font-size:13px;}
    .am-avg-lg-4>li{width:100%;}
    .show-content video{max-width:100%;}
    .copyright span{display:inline-block;}
    .am-with-fixed-navbar {
    padding-bottom: 54px;}
    .tab-scroll{overflow-x:scroll;}
}