@font-face {
    font-family: 'wu';
    src: url('../font/MSTIFFHEIPRC-ULTRABOLD.TTF');
    src:
            url('../font/MSTIFFHEIPRC-ULTRABOLD.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.banner img{ max-width:100%;}
.about{ height: auto; overflow: hidden; margin-top: 30px;}
.fitment{ height: auto; overflow: hidden; text-align: center; position: relative; }
.fitment h1{ font-size: 76px; line-height: 80px;color:#333333;opacity:0.08;
    filter:Alpha(opacity=8);font-family:'wu';}
.fitment h2{ font-size: 36px; color:#333333;font-family:'wu'; position:relative;    top: -30px; }
.fitment span{ background: url(../images/green.png) no-repeat center; width: 66px; height: 5px; display: block; margin: 0 auto;margin-top: -14px;}

.about_in{ height: auto; margin-top: 34px;}
.about_left{ float: left; width: 600px; position: relative;}
.about_left h1{ width: 545px; height: 447px; border:1px solid #b8b8b8;}
.about_left img{ display: block; width: 562px; height: 449px; position: absolute; top:22px; left:20px;}

.about_right{ float: right; width: 580px;}
.about_right h1{ color:#2c2c2c; font-size: 26px;}
.about_right i{ font-size: 12px; color:#b9b9b9; line-height: 30px; }
.about_right span{margin:15px 0; display: block;}
.about_p{ height: auto; overflow: hidden; }
.about_p p{ font-size: 14px;color:#666666; line-height: 30px; margin-bottom: 10px;}


.photo{ height: auto; overflow: hidden; width: 100%; background: #f5f5f5; margin-top:45px; padding-top: 50px;}
.container1{ width: 1300px; height: auto; margin:0 auto;}
.leftLoop2{position: relative; width:1200px; margin:45px auto;}

.leftLoop2 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop2 .hd a{position:absolute; display:block;  width:54px; height:54px; cursor:pointer;}
.leftLoop2 .hd .prev{left:-70px; top:97px;  background:url("../images/about_left.png") no-repeat left top;}
.leftLoop2 .hd .prev:hover{ background:url("../images/about_left1.png") no-repeat left top;}
.leftLoop2 .hd .next{right:-70px; top:97px;  display:block;  background:url("../images/about_right.png") no-repeat right top;}
.leftLoop2 .hd .next:hover{ background:url("../images/about_right1.png") no-repeat right top;}


.leftLoop2 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop2 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop2 .bd ul li{ float:left; overflow:hidden; width:288px;  margin-right:15px;   position: relative;}
.leftLoop2 .bd ul li div{ width:280px; height: 255px;  margin:0 auto;padding:2px;border:1px solid #e4e4e4; background: #fff;}
.leftLoop2 .bd ul li img{width:100%;}
.leftLoop2 .bd ul li p{ font-size:16px;height: 39px;  line-height: 39px; color:#333333;}

.honor{ height: auto; overflow: hidden; margin-top: 20px; padding-top:45px;}
.leftLoop3{position: relative; width:1200px; margin:0px auto; margin-top: 36px;}
.leftLoop3 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop3 .hd a{position:absolute; display:block;  width:54px; height:54px; cursor:pointer;}
.leftLoop3 .hd .prev{left:-70px; top:180px;  background:url("../images/about_left.png") no-repeat left top;}
.leftLoop3 .hd .prev:hover{ background:url("../images/about_left1.png") no-repeat left top;}
.leftLoop3 .hd .next{right:-70px; top:180px;  display:block;  background:url("../images/about_right.png") no-repeat right top;}
.leftLoop3 .hd .next:hover{ background:url("../images/about_right1.png") no-repeat right top;}

.leftLoop3 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop3 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop3 .bd ul li{ float:left; overflow:hidden; width:282px;  text-align:center; margin-right: 23px;}
.leftLoop3 .bd ul li div{ width:280px;   margin:0 auto; height: 390px;border:1px solid #e4e4e4;}
.leftLoop3 .bd ul li img{width:100%;}
.leftLoop3 .bd ul li p{ margin-top:10px; font-size:18px; color: #5a5a5a;}

.recommed{ height: auto; overflow: hidden; background:#fafafa; margin-top: 65px; padding-bottom: 45px;}
.recommed .recom_title{ line-height: 65px; border-bottom: 1px solid #e8e8e8;}
.recommed .recom_title span{ font-weight: bold; font-size: 20px; color: #0b6fcc; border-bottom: 1px solid #0b6fcc; display: inline-block; line-height: 65px;}
.reco_ul{ height: auto; overflow: hidden;}
.reco_ul li{ float: left; width: 567px; border-bottom: 1px dashed #bababa; padding:30px 0px; margin-right: 66px;}
.reco_ul li:nth-child(2n){ margin-right: 0px;}
.reco_ul li .date_num{ float: left; width: 133px; text-align: center;}
.reco_ul li .date_num h5{ font-size: 50px; color: #333333; line-height: 50px;}
.reco_ul li .date_num span{ font-size: 17px; color: #777777;}
.reco_ul li .date_info{ float: left; width: 428px;}
.reco_ul li .date_info h5 a{ font-size: 16px; color: #333333;}
.reco_ul li .date_info p{ line-height: 18px; margin-top: 10px;}
.reco_ul li .date_info p a{ font-size: 14px; color: #666666; }


.product-con{ height: auto; overflow: hidden; margin:30px 0px; }
.product-con .pro_left{ float: left; width: 230px;}
.product-con .pro_left h1{ height: 81px; background: url(../images/blue_bg.jpg) no-repeat center; color:#fff; text-align: center; font-size: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 20px; line-height: 25px;}
.product-con .pro_left h1 i{ font-weight: normal; font-style: normal; color:#fff; font-size:13px;}
.wike-ul{position:relative; padding:15px;background: url(../images/xu.jpg) repeat center; }
.wike-ul li{ height: 40px; overflow: hidden; background: #ffffff; text-align: center; margin-bottom: 10px; font-size:16px; line-height: 40px;}
.wike-ul li a{ display: block; color:#333333;}
.wike-ul li a.cur{ background: #117dc2;color:#fff;}
.con-one{border:1px solid #e1e1e1;margin-top:30px; height: auto; overflow: hidden;width: 230px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.cn-title{text-align: center;  color: #1e1e1e; font-size: 26px; font-weight: normal; border-top:7px solid #117dc2; padding-top: 12px;}
.con-one .box{ padding:10px;}
.con-one .box p{ height:46px; line-height:46px; color:#666; border-bottom:1px dashed #d7d7d7; padding-left:25px; font-size: 13px;}
.con-one .box .p1{ height:70px; line-height:24px; color:#d61f1f; padding-left:50px; font-size:20px; background:url(../images/p1.png) no-repeat left 15px; padding-top:10px; font-weight: bold;}
.con-one .box .p1 .span{ font-size:13px; color:#666666; font-weight: normal; }
.con-one .box .spann{ color:#222222;}
.con-one .box .p2{ background:url(../images/p2.png) no-repeat left center;}
.con-one .box .p3{ background:url(../images/p3.png) no-repeat left center;}
.con-one .box .p4{ background:url(../images/p4.png) no-repeat left center;}



.product-con .pro_right{ float: right; width: 940px;}

/* 鑱旂郴鏂瑰紡 */
.contact_in{ height: auto; overflow: hidden; }
.contact{ height: auto; overflow: hidden; margin-top: 10px; }
.contact .address{width:100%;  float:left;}
.contact .address h2{font-size:20px; line-height:20px; font-weight: normal; background: url(../images/green_line.png) no-repeat left bottom; padding-bottom: 16px; margin-bottom: 15px; color: #333333; }
.contact .address h4{ background: url(../images/sdh.png) no-repeat left center; font-size: 26px; color: #117dc2; line-height: 28px; padding-left: 40px;}
.contact .address p{ line-height:23px; color:#333333; font-size: 15px; margin-top: 10px; }
.contact .address p span{ float: right;}

.contact .wechat{ float:right; text-align:center; }
.contact .wechat li{ }

.contact .wechat img{ width: 116px; height: 116px; display: block; margin:0 auto;}
.contact .wechat p{ font-size: 13px; color:#333; margin-top: 5px;}

.mapp{ margin: 40px 0px; height: auto; overflow: hidden;}
.message{ height: auto; overflow: hidden;}
.message h1{ font-size: 18px; color: #42a40d; margin-bottom: 10px;}
.message .sub_left{ float: left; width: 301px;}
.message .sub_left p{width: 100%;height: 46px;margin-bottom: 28px;}
.message .sub_left p input {width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #d8d8d8;text-indent: 14px;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;}
.message .sub_mid{ float: left;width: 448px;margin-left: 20px;}
.sub_mid textarea {width: 100%;height: 120px;border: 1px solid #d8d8d8;text-indent: 14px; padding-top: 5px;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;}
/*修改的内容*/
.sub_mid textarea{width: 730px;}
/*修改的内容*/
.message .sub_btn{ float: right; width: 146px;}
.sub_btn input {width: 100%;height: 46px;background: #676767;color: #fff;margin-bottom: 28px;
    text-align: center; border:none; font-size: 16px;-webkit-appearance: none;}
.sub_btn input:last-child {margin-bottom: 0;background: #42a40d;}



.leftmenu{position:relative; padding:15px; background:url(../images/xu.jpg) repeat center; }
.leftmenu dd {height: auto; overflow: hidden; margin-bottom: 10px;}
.leftmenu dd .m-title1{position:relative;height:40px; line-height:40px;  font-size:16px; }
.leftmenu dd .m-title1 a{ color:#333333; display: block; text-align: center; cursor: default;}
.leftmenu dd .m-title1 span{ margin-right: 5px;}
.leftmenu dd .m-title1{background:#fff; cursor: pointer;}
.leftmenu dd.cur .m-title1{background:#117dc2;}
.leftmenu dd.cur .m-title1 a{ color:#fff;}
.leftmenu dd .menuson{ margin:0 auto;  padding:10px 0; display: none;}
.leftmenu dd .menuson li{ position:relative;height:30px; line-height:30px; font-size: 14px; overflow: hidden; }
.leftmenu dd .menuson li a{ color:#333; display: block; text-align: center; overflow: hidden;}
.leftmenu dd .menuson li:hover a{ color:#117dc2;}
.pro_ul{ height: auto; overflow: hidden;}
.pro_ul li{ float: left; width: 280px; margin-right: 50px; margin-bottom: 10px;}
.pro_ul li:nth-child(3n){ margin-right: 0px;}
.pro_ul li img{ display: block; width: 278px; height: 278px; border:1px solid #d0d0d0;}
.pro_ul li p{ text-align:  center; font-size: 16px; color:#393939; margin-top:20px;}

.pro-info{ height: auto; overflow: hidden;}
.pro-info-left{ float: left; width: 375px; height: 375px; border:1px solid #f2f2f2;}
.leftLoop4{position: relative; width:375px; margin:0px auto;}
.leftLoop4 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop4 .hd a{position:absolute; display:block;  width:38px; height:59px; cursor:pointer;}
.leftLoop4 .hd .prev{left:0px; top:156px;  background:url("../images/proi-left.png") no-repeat left top;}
.leftLoop4 .hd .next{right:0px; top:156px;  display:block;  background:url("../images/proi-right.png") no-repeat right top;}
.leftLoop4 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop4 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop4 .bd ul li{ float:left; overflow:hidden; width:373px;  text-align:center; }
.leftLoop4 .bd ul li div{ width:373px;  height: 373px;}
.leftLoop4 .bd ul li img{width:100%;}

.pro-info-right{ float: right; width: 524px;}
.pro-info-p{ color: #333333; font-size: 20px;  margin-bottom: 16px;  border-bottom:1px solid #117dc2; height: 45px; background: #ededed; border-left:12px solid #117dc2; padding-left: 36px; line-height: 45px;}
.pro-info-p1 p{ margin-bottom: 10px;}
.pro-info-p1{ color: #666666; line-height: 25px;padding:30px 0px; font-size: 13px; border-bottom:1px dashed #cecece;}
.pro-info-p1 span{ color:#117dc2; font-size: 13px; }
.coall{ font-size: 24px; color:#333333; margin-top:26px;background: url(../images/p1.png) no-repeat left center; line-height: 40px; padding-left: 57px;}
.coall span{ font-size: 26px; color:#ef8339; font-weight: bold;}

.product_detail{ height: auto; overflow: hidden; margin-top: 42px;}
.pro_detal_title{ border-bottom: 1px solid #D5D2D2; height: 45px; line-height: 45px; font-size: 18px; background: #ededed; }
.pro_detal_title span{ display: inline-block; color:#fff; font-size: 18px; width: 157px;  background-color: #117dc2; text-align: center;}
.pro_detail_in{ height: auto; overflow: hidden; margin-top: 20px; padding-left: 15px; }


.case_ul{ height: auto; overflow: hidden;}
.case_ul li{ float: left; width: 448px; border:1px solid #d4d4d4; margin-right: 38px; margin-bottom: 40px; padding:18px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.case_ul li:nth-child(2n){ margin-right: 0px;}
.case_ul li h1{ font-size: 18px; color: #2b2b2b; font-weight: normal;}
.case_ul li img{ display: block; margin: 10px auto;}
.case_ul li p{ font-size: 13px; color: #666666;}
.case_ul li span{ display: block; width: 122px; height: 30px; background:#fff; font-size: 14px; color: #117dc2; border:1px solid #117dc2; border-radius: 30px; line-height: 30px; text-align: center; margin:10px auto 0px;}


/*鏂伴椈璧勮*/
.news-ul{ height: auto; overflow: hidden;}
.news-ul li{ border:1px solid #f1f1f1; margin-bottom: 25px; overflow: hidden; padding:6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff;}
.news-ul li .pro-left{ float: left; width: 288px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative;}
.news-ul li .pro-left img{ display: block; width: 288px; height:222px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news-ul li .pro-right{ float: left; width: 560px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-left: 20px; position: relative;}
.news-ul li .pro-right .pro-title{  font-size: 20px; color: #333333; font-weight: bold; margin-top: 10px;}
.news-ul li .pro-right .pro-title1{ color: #666666; font-size: 13px; line-height:25px;margin-top: 20px; text-align: justify; overflow: hidden;}
.news-ul li .pro-right .pro-title2{ font-size:13px; color:#999999; margin-top: 50px; background:url(../images/time.png) no-repeat left center; padding-left: 20px;}
.news-ul li .pro-right .pro-title3{ color: #117dc2; width: 166px; height: 40px; line-height: 40px; text-align: center; border:1px solid #117dc2; font-size: 14px; font-size: 13px; border-radius: 3px; position: absolute; right:0px; bottom:0px; border-radius: 30px;}


.news-kj{ border:1px solid #eaeaea; height: auto; overflow: hidden; padding:20px;}
.time{ border-bottom:1px solid #d1d1d1; height: 20px;padding: 10px 0; margin-bottom: 20px;border-top:1px solid #d1d1d1; text-align: center; font-size: 13px; color:#666666;}
.time .al{ position: relative; top:-8px; margin-right: 10px;}
.news-title{text-align: center;font-size: 28px;color: #333333;margin-top:15px;margin-bottom: 30px;}
.ht-r2{ display: inline-block;}
.news-info{ height: auto; overflow: hidden; margin-top: 30px; line-height: 30px; border-top:1px solid #d1d1d1; position: relative;}
.news-info a{ color:#333333; font-size: 13px; margin-right: 40px;}
.news-info a.aa{  color:#117dc2;  position: absolute; right:0px; top:20px; }




.lujingg a{color: #555; }
.mapi{ overflow:hidden; width:1200px; margin:30px auto;}
.map-box{ overflow:hidden; margin-bottom:30px;}
.map-box  .mapLeft{font-size:16px; margin-bottom:10px;}
.mapRight{overflow:hidden; border:1px solid #ccc; padding:10px;}
.mapRight li{ overflow:hidden; float:left; width:180px;}
.mapRight a:hover{ color:#32ba60;}
.mapRight a{ display:block; padding:5px 0; color: #555;}
.mapRight a b{display:block; font-size:14px; color: #555;}
.list-unstyled li a:hover b{color:#32ba60; }

.map-box .mapLeft a {
    color: #555;
}



.mobile_banner{ display: none;}
.swiperloop_mob{ display: none;}
.sjpeople{ display: none;}
.sjhonor{ display: none;}
@media screen and (max-width: 768px) {
    .banner{ display: none;}
    .swiperloop_mob{ display: block;}



    .product-con{ margin: 5% 0px;}
    .product-con .pro_left{ width: 100%; float: none;}
    .product-con .pro_left h1{ background: #f5f5f5;font-size: 20px;height: auto;padding: 10px 0px; line-height: 20px;display: none;}
    .product-con .pro_left h1 i{ font-size: 12px;}
    .product-con .pro_right{ float: none; width: 100%; margin-top: 5%;}
    .pro_ul li{ width: 48%; margin-right: 0px;}
    .pro_ul li:nth-child(2n){ float: right;}
    .pro_ul li img{ width: auto; height: 126px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .pro_ul li p{ margin-top: 2%; font-size: 14px;}
    .con-one{ display: none;}

    .recommed{ margin-top: 5%; padding-bottom: 5%;}
    .recommed .recom_title{ line-height: 40px;}
    .recommed .recom_title span{ line-height: 40px; font-size: 16px;}
    .reco_ul li{ float: none; width: 100%; margin-right: 0px; overflow: hidden; height: auto; padding:5% 0px;}

    .reco_ul li .date_num{ width: 20%;}
    .reco_ul li .date_info{ width: 75%; float: right;}
    .reco_ul li .date_num h5{ margin-top: 20px;}
    .pro-info-left{ float: none;width: 100%;}
    .leftLoop4{ display:none; }
    .swiperloop_mob img{ max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .pro-info-right{ float: none; width: 100%; margin-top: 5%;}
    .pro-info-p1{ padding:0px 0px 3%;}

    .coall{ font-size:18px; margin-top: 3%;}
    .coall span{ font-size: 20px;}
    .product_detail{ margin-top: 5%;}
    .fitment h1{ font-size: 30px; line-height:30px; }
    .fitment h2{ font-size: 18px; top: -20px;}

    .about_in{ height: auto; overflow: hidden; margin-top: 5%;}
    .about_left{ float: none; width: 100%;}
    .about_left h1{ display: none;}
    .about_left img{ position: inherit; left:0px; top:0px; height: auto; width: auto;}

    .about_right{ float: none; width: 100%; margin-top: 5%;}
    .about_right span{ margin:2% 0px;}

    .photo{ margin-top: 5%; padding-top: 5%;}
    .leftLoop2{ display: none;}
    .sjpeople{ display: block; margin-top: 5%;}
    .sjpeople img{display: block;max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .sjpeople p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
    .sjpeople h1{ height: 30px;}
    .honor{ margin-top: 5%; padding-top: 5%;}
    .leftLoop3{ display: none;}
    .sjhonor{ display: block;margin-top: 5%;}
    .sjhonor img{display: block;max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .sjhonor p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
    .sjhonor h1{ height: 30px;}

    .case_ul li{ float: none; width: 100%; padding:10px; margin-right:0px; margin-bottom: 5%;}
    .news-ul li .pro-left{ float: none; width: 100%;}
    .news-ul li .pro-left img{ width: auto; height: auto; margin:0 auto;}
    .news-ul li .pro-right{ float: none; width: 100%; margin-left: 0px; margin-top: 5%;}
    .news-ul li .pro-right .pro-title1{ margin-top: 2%;}
    .news-ul li .pro-right .pro-title2{ margin-top: 5%;}
    .news-ul li .pro-right .pro-title3{ position: inherit; width: 40%; height: 30px; line-height: 30px; margin-top: 5%;}
    .news-kj{ padding:10px;}
    .news-title{ font-size: 20px; margin:5% 0px;}
    .time{ height: auto;}
    .news-info a.aa{ position: inherit; top:0px;}
    .contact .address{ float: none; width: 350px;}
    .contact .wechat{ display: none;}
    .message .sub_left{ float: none; width: 100%;}
    .message .sub_left p{ margin-bottom: 5%;}
    .message .sub_mid{ float: none; width: 100%; margin-left:0px;}
    .message .sub_btn{ float: none; width: 100%; margin-top: 5%;}
    .sub_btn input{ width: 45%;-webkit-appearance: none;}
    /*修改的内容*/
    .wike-ul{
        margin-top: 30px;
    }
    .wike-ul li{
        border-radius: 20px;
    }
    .mapp iframe,.message .sub_left p input,.sub_mid textarea{
        width: 345px;
    }
    .about-title1 p img{
        width: 345px!important;
        height:300px!important;
    }
    .about-title1 strong{
        font-size: 18px!important;
    }
    .about-title1 h2{
        font-size: 16px!important;
    }
    .about-title1 p{
        font-size: 14px!important;
    }
}
/*修改的内容*/
.product-con {
    margin: 0 0 30px 0;
}
.product-con .pro_right {
    width: 1170px;
}
.message .sub_btn {
    width: 100px;
}
.sub_btn input:last-child{
    background: #0491dc;
}
.message h1{
    color: #0491dc;
}
.product-con .pro_left h1 {
    margin-bottom: 0;
}
.time{
    height: 35px;
    border-bottom: 0;
}
.time .al {
    top: 0;
}