@charset "utf-8";

html,body {background: #fff none repeat scroll 0 0;

    color: #000;

    font-family:Arial,sans-serif;
    margin: 0; font-size:14px;
    padding: 0;

    width: 100%;

}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }
.wrap{width:1400px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.clear_both{zoom:1;}
.clear_both:before{content:""; display:table; clear:both;}
.clear_both:after{content:""; display:table; clear:both;}
.nowrap{white-space: nowrap;}
.rp{position:relative;}
.ap{position:absolute;}
.ap.max{left: 0;top: 0;right: 0;bottom: 0;}
.fp{position:fixed;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans2{-webkit-transition:all 800ms ease 0s; -moz-transition:all 800ms ease 0s; -ms-transition:all 800ms ease 0s; -o-transition:all 800ms ease 0s; transition:all 800ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.main{width: 100%;max-width: 1400px;margin: 0 auto;}
a:hover{text-decoration: none;}
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.show-997{display: none;}
.show-800{display: none;}
.contents, .contents *{line-height: 2;}
.show-pc-block{display: block!important;}
.show-pc-inline-block{display: inline-block!important;}
.show-mb-block{display: none!important;}
.show-mb-inline-block{display: none!important;}

@font-face
{
/*font-family: 'PingFang';*/
src: url(../inc/file/PingFang.ttf);
}

/*分享*/
.share_box{text-align: center;margin: 25px auto;}
.share_box .share{text-align: center;display: inline-block;vertical-align: middle;margin: 0 3px;}
.share_box .name{display: inline-block;vertical-align: middle;margin: 0 3px;}

/*标题*/
.ts{padding-top: 50px;padding-bottom: 50px;}
.ts,.ts{text-align: center;}
.ts .tsn,.ts .tsn{font-size: 28px;color: #222;margin: 0 auto;text-align: center;height: 30px;line-height: 30px;margin-top: 5px;margin-bottom: 5px;position: relative;display: inline-block;padding: 0 60px;font-weight: bolder;}
.ts .tsn .tb1,.ts .tsn .tb2,.ts .tsn .tb1,.ts .tsn .tb2{position: absolute;}
.ts .tsn .tb1,.ts .tsn .tb1{left: 0;top: 15px;}
.ts .tsn .tb2,.ts .tsn .tb2{right: 0;top: 15px;}
.ts .en{font-size: 14px;color: #888888;text-align: center;text-transform:uppercase;margin-top: 5px;}



/*导航栏*/
#nav{width: 100%;max-width: 1920px;margin: 0 auto;border-bottom: solid 1px #dedede;background: #fff;}
#nav .wrap{width:100%;max-width:1440px;margin: 0 auto;min-height: 72px;}
#nav .wrap .item{text-align: center;}
#nav .wrap .item li{display: inline-block;margin-right: 70px;}
#nav .wrap .item li:last-child{margin-right: 0;}
#nav .wrap .item li a{display: block;padding: 25px 0;color: #333333;font-size: 16px;border: solid 3px #fff;}
#nav .wrap .item li a:hover{border-bottom: solid 3px #e60012;color: #e60012;}
#nav .wrap .item li a.on{border-bottom: solid 3px #e60012;color: #e60012;}

/*头部部分*/
#header{width: 100%;max-width: 1920px;margin: 0 auto;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: rgba(255,255,255,0.95);border-top: solid 1px #0585e0;padding-bottom:8px; height: 85px;}
#header .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#header .wrap .logo{width: 30%;margin-top: 10px;}
#header .wrap .logo img{max-width: 100%;height: auto;}
#header .wrap .nav{width: 45%;margin-top: 40px;}
#header .wrap .nav .n{float: left;margin-right:6%;}
#header .wrap .nav .n .bignav{color: #222;font-size: 16px;}
#header .wrap .nav .n .bignav:hover,#header .wrap .nav .bignav.on{color: #e60012;}
#header_hidden{height: 93px;/*height:51px;*/width: auto;}
#header .smalls{width: 100%;height: auto;padding: 10px 0;overflow: hidden;position: absolute;left: 0;top: 92px;background: rgba(255,255,255,0.8);display: none;border-bottom: solid 1px #ededed;}
#header .smalls .w{width: 100%;max-width: 1400px;margin: 0 auto;text-align: center;margin-top: 12px;}
#header .smalls .w .navs{text-align: left;display: inline-block;width: 360px;overflow: hidden;margin-right: 30px; float:left; padding-bottom:10px;}
#header .smalls .w .navs .img{background: url(img1.png)no-repeat center;width: 100%;height: 36px;}
#header .smalls .w .navs .img.i1{background: url(img35.png)no-repeat center;}
#header .smalls .w .navs .img.i2{background: url(img36.png)no-repeat center;}
#header .smalls .w .navs .font{font-size: 16px;color: #333333;height: 20px;overflow: hidden;}
#header .smalls .w .navs:hover .font{color: #e60012;}
#header .smalls .w .navs:hover .img{background: url(img2.png)no-repeat center;}
#header .smalls .w .navs:hover .img.i1{background: url(img37.png)no-repeat center;}
#header .smalls .w .navs:hover .img.i2{background: url(img38.png)no-repeat center;}
#header .tel{float:right; margin-top:30px; color:#045cfc; font-size:24px; font-weight:bold; margin-left:20px; background:url(dh.png) no-repeat left center; padding-left:32px;}

.swiper-banner{width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;}
.swiper-banner .swiper-slide .pic{/*background: no-repeat center/cover;*/top: 0;left: 0;width: 100%;height: 100%;position: absolute;background-size: cover;background-repeat:no-repeat;background-position:center center;z-index: 999;}
/*.swiper-banner .swiper-slide .pic{background: none !important;}*/
.swiper-banner .swiper-slide .pic img{max-width: 100%;height: auto;vertical-align:text-top;display: none;}
.swiper-banner .swiper-pagination-bullet,
.swiper-banner-m .swiper-pagination-bullet{width: 5.5rem;height: 3px;background: #fff;opacity: .9;border-radius: 0;}
.swiper-banner .swiper-pagination-bullet-active,
.swiper-banner-m .swiper-pagination-bullet-active{background: #dd3333;}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 5%;}
.swiper-banner-m .swiper-slide{text-align: center;}
.noPageScroll{padding-top: 0!important;height: auto!important;}
.noPageScroll .fp-tableCell{height: auto!important;}
.noPageScroll .table.absolute{position: static;}
/*.noPageScroll{margin: 4rem 0;}
.noPageScroll .learn-more{padding:2rem 0;}
.noPageScroll .i-else{padding: 5rem 0;}*/
#banner .fp-tableCell{vertical-align:text-top;}
#banner .swiper-slide{height: 900px;}

/*手机头部部分*/
.mobile_hidden{height: 81px;display: none;}
.mobile_wraps{display: none;height: 80px;position: fixed;background: #fff;z-index: 2000;width: 100%;}
.mobile_wraps .logo{overflow: hidden;margin-top: 10px;margin-left: 20px;width:60%;}
.mobile_wraps .logo img{max-width: 100%;height: auto;}
.mobile_wraps .right .nav{margin-top: 30px;margin-right: 20px;}
.mobile_wraps .right .nav img{width: 35px;cursor: pointer;}
.mobile_wraps .right .nav_con{position: absolute;right: 0;top: 80px;border: solid 1px #dbdbdb;padding:7px 20px;z-index: 999;background: #fff;display: none;}
.mobile_wraps .right .nav_con .n .n1 a{display: block;font-size: 16px;color: #000;padding: 6px;text-indent: 20px;}
.mobile_wraps .right .nav_con .n .n1 a.op{background: url(../images/open2.png)no-repeat center left;}
.mobile_wraps .right .nav_con .n .n1 a.op.clo{background: url(../images/close2.png)no-repeat center left;}
.mobile_wraps .right .nav_con .n .n1 .n2{display: none;}
.mobile_wraps .right .nav_con .n .n1 .n2 .small{display: block;font-size: 14px;color: #000;padding: 5px 10px 5px 24px;}
.mobile_wraps .right .nav_con .lan{margin:0 auto;margin-top: 15px;text-align: center;font-size: 16px;color: #222;font-weight: bolder;}
.mobile_wraps .right .nav_con .lan a{font-size: 16px;color: #222;font-weight: bolder;}

/*Banner部分*/

/*banner样式*/
.banner{ width:100%; overflow:auto; position:relative;}
.banner .db{ width:100%; height:100%;}
.banner .db .swiper-slide{ width:100%; height:100%; display:block;  position:relative;    }
.banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}
.banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}
.banner .db .swiper-slide .nts .fz24{ color:#555;}
.banner .db .swiper-slide img{ width:100%; position:relative;}
.banner .hb{ width:100%; text-align:right; position:absolute; left:0; right:5%; bottom:13px !important; z-index:3; margin:0 auto;}
.banner .hb span{ width:30px; height:4px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border-radius:4px; margin:0 4px !important;}
.banner .swiper-pagination-bullet{background:#ddd;opacity:1; width:30px; height:4px; border-radius:4px; }
.banner .swiper-pagination-bullet-active{ background:#6bb9e9;}

.banner  .swiper-button-prev,
.banner  .swiper-button-next{top:50%; margin-top:-25px;bottom: auto;width: 50px;height: 50px;}
.banner .swiper-button-prev{background:rgba(51,51,51,0.1) url(arrows_left2.png) no-repeat center center;left:5px;right: auto; border-radius:2px;}
.banner  .swiper-button-next{background:rgba(51,51,51,0.1) url(arrows_right2.png) no-repeat center center;left: auto;right:5px; border-radius:2px;}

#banner2 .bd ul li a{cursor: default;}
#banner2 .bd ul li a img{max-width: 100%;height: auto;}
#banner2  #owl-demo .item img{display: block;width: 100%;height: auto;}
#banner2  .owl-theme .owl-controls{position: absolute;bottom: 0;width: 100%;height: 50px;line-height: 50px;margin-top: 0 !important;background: rgba(2,127,186,0.8);text-align: right !important;}
#banner2  .owl-buttons{display: none;}
#banner2  .owl-theme .owl-controls .owl-page span{background: #fff !important;width: 28px !important;height: 3px !important;}
#banner2  .owl-theme .owl-controls .owl-page.active span,#banner2 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #fff !important;}
#banner2_mobile{width: 100%;position: relative;/*max-width: 720px;*/margin: 0 auto;overflow: hidden;display: none;}
#banner2_mobile .bd ul li a{cursor: default;}
#banner2_mobile .bd ul li a img{max-width: 100%;height: auto;}

/*手机banner*/
.phone_banner{ width:100%; display:none; overflow:hidden; position:relative;}
.phone_banner video{ position:fixed; right:0; bottom:0; width:100%; height:auto; z-index:1;    }
.phone_banner .db{ width:100%;}
.phone_banner .db .swiper-slide{ width:100%; position:relative;}
.phone_banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}
.phone_banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.phone_banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}
.phone_banner .db .swiper-slide .nts .fz24{ color:#555;}
.phone_banner .db .swiper-slide img{ width:100%;}
.phone_banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}
.phone_banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}
.phone_banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.phone_banner .swiper-pagination-bullet-active{ background:#c8d85e;}


@media screen and (max-width:1400px){.banner .db{ width:100%; height:800px;}}

@media screen and (max-width:750px){
	.banner{ display:none;}
	.phone_banner{ display:inline-block;}
	}



/*底部部分*/
#footer{width: 100%;max-width: 1920px;margin: 0 auto;background: #000 url(../images/footer_banner.png)no-repeat;overflow: hidden;}
#footer.indexs{min-height: 320px;}
#footer .wrap{width: 100%;max-width: 1400px !important;margin: 0 auto;}
#footer .wrap .left{width: 26.9%;border-right: solid 1px #2b2d33;padding-right: 3%;padding-bottom: 20px;}
#footer .wrap .right{width: 70%;}
#footer .wrap .left .top{margin-top: 30px;}
#footer .wrap .left .bot{margin-top: 30px;}
#footer .wrap .left .bot .meg{font-size: 14px;color: #797a7c;margin-bottom: 20px;line-height: 20px;}
#footer .wrap .right .tops{text-align: right;height: 100px;line-height: 100px;border-bottom: solid 1px #2b2d33;}
#footer .wrap .right .tops a{font-size: 16px;color: #fff;margin-left: 5%;}
#footer .wrap .right .tops a:hover{color: #e60012;}
#index #footer .wrap .right .bots .lefts{width: 40%;border-right: solid 1px #2b2d33;padding: 0 5%;height: 210px;}
#footer .wrap .right .bots .lefts{width: 40%;border-right: solid 1px #2b2d33;padding: 0 5%;height: 180px;}
#footer .wrap .right .bots .lefts .tit{font-size: 14px;color: #7b7b7c;margin-left: 10px;margin-top: 20px;}
#footer .wrap .right .bots .lefts .link_list li{float: left;margin: 10px 0;border-right: solid 1px #707173;padding: 0 10px;margin-bottom: 0;}
#footer .wrap .right .bots .lefts .link_list li a{font-size: 14px;color: #7b7b7c;}
#footer .wrap .right .bots .lefts .link_list li a:hover{color: #fff;}
#footer .wrap .right .bots .lefts .link_list li:last-child{border-right: none;}
#footer .wrap .right .bots .rights .shape{text-align: right;margin-top: 50px;position: relative;}
#footer .wrap .right .bots .rights .shape img{max-width: 100%;height: auto;}
#footer .wrap .right .bots .rights .shape .link{width: 40px;height: 40px;text-align: center;line-height: 40px;background: #3e3c3a;display: inline-block;}
#footer .wrap .right .bots .rights .shape .link:hover{opacity: 0.5;filter:alpha(opacity=50);}
#footer .wrap .right .bots .rights .shape .link img{vertical-align: middle;}
#footer .wrap .right .bots .rights .shape .codess{position: absolute;/*left: 175px;*/left:85px;top: -35px;width: 100px;height: 100px;right: 0;margin: 0 auto;text-align: center;/*display: none;*/z-index: 1000;background: #fff;}
#footer .wrap .right .bots .rights .shape .codess img{max-width: 100%;height: auto;}
#footer .wrap .right .bots .rights .copyright{margin-top: 30px;color: #636262;}

/*产品*/
#product{width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 50px;}
#product .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#product .wrap .list{margin-top: 60px;}
#product .wrap .list .pro{width: 48%;margin-right: 4%;margin-bottom: 4%;}
#product .wrap .list .pro:nth-child(2n){margin-right: 0;}
#product .wrap .list .pro .img{overflow: hidden;}
#product .wrap .list .pro .img img{max-width: 100%;height: auto;}
#product .wrap .list .pro .img:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#product .wrap .list .bot{margin-top: 30px;}
#product .wrap .list .bot .titles,#instance .wrap .list .instance .right .titles{font-size: 24px;color: #222222;/*font-family: 'PingFang';*/height: 30px;overflow: hidden;float: left;width:70%;display: block;}
#product .wrap .list .bot .mores,#instance .wrap .list .instance .right .mores{width: 150px;height: 50px;text-align: center;line-height: 50px;font-size: 14px;color: #fff;background: #e60012 url(../images/img666.png)no-repeat 90% center;display: inline-block;/*border: solid 1px #dedede;*/float: right;}
/*#product .wrap .list .bot .mores:hover,#instance .wrap .list .instance .right .mores:hover{color: #fff;background: #999999 url(../images/img6.png)no-repeat 90% center; }*/
#product .wrap .list .bot .titles:hover,#instance .wrap .list .instance .right .titles:hover{color: #e60012;}

/*产品详细*/
#product-detail{width: 100%;max-width: 1920px;margin:0 auto;padding-bottom: 50px;}
#product-detail .wrap1,#product-detail .wrap2{width: 100%;max-width: 1920px;margin: 0 auto;background: #f9f9f9;padding: 50px 0;}
#product-detail .wrap1 .wrap{width: 100%;max-width: 1400px;margin:0 auto;}
#product-detail .wrap1 .wrap .left,#product-detail .wrap1 .right{width: 50%;height: 680px;}
#product-detail .wrap1 .right{width: 40%;padding: 0 5%;}
#product-detail .wrap1 .wrap .right .title{font-size: 36px;color: #e60012;/*font-family: 'PingFang';*/}
#product-detail .wrap1 .wrap .right .brief{margin-top: 50px;height: 450px;}
#product-detail .wrap1 .wrap .right .brief .tit{border-bottom: solid 1px #e3e3e3;padding: 15px 0;overflow: hidden;min-height: 20px;}
#product-detail .wrap1 .wrap .right .brief .tit .l{font-size: 14px;color: #959595;font-weight: bolder;float: left;width: 38%;padding-left: 2%;}
#product-detail .wrap1 .wrap .right .brief .tit .r{font-size: 14px;color: #959595;float: right;width: 60%;}
#product-detail .wrap2{background: #fff;}
#product-detail .wrap2 .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#product-detail .wrap2 .con{line-height: 26px;}
#product-detail .wrap2 .con img{max-width: 100%;height: auto;}
#product-detail .box{margin-top: 20px;}
#product-detail .box .zx{display: block;width: 197px;height: 60px;float: left;font-size: 22px;color: #fff;line-height: 60px;background: #e60012;text-align: center;text-decoration: none;}
#product-detail .box .zx img{position: relative;top: 4px;margin-left: 8px;}
#product-detail .box .phone{float: left;padding-left: 56px;;background: url(../images/icon2.png) no-repeat left center;margin-left: 46px;margin-top: 6px;}
#product-detail .box .phone span{display: block;font-size: 14px;color: #333333;}
#product-detail .box .phone div{display: block;font-size: 24px;color: #e60012;}
.clearfix{zoom:1;}
#product-detail .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
#product-detail .swiper-slide {
    background-size: cover;
    background-position: center;
}
#product-detail .gallery-top {
    height: 80%;
    width: 100%;
}
#product-detail .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
#product-detail .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}
#product-detail .gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

/*案例*/
#instance{width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 50px;}
#instance .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#instance .wrap .list{margin-top: 60px;}
#instance .wrap .list .instance{background: #f8f8f8;margin-bottom: 15px;}
#instance .wrap .list .instance .left{width: 50%;overflow: hidden;}
#instance .wrap .list .instance .left img{max-width: 100%;height: auto;}
#instance .wrap .list .instance .left img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#instance .wrap .list .instance .right{width: 46%;padding: 0 2%;overflow: hidden;margin-top: 5%;}
#instance .wrap .list .instance .right .titles{float: none;width: auto;}
#instance .wrap .list .instance .right .brief{height: 100px;line-height: 25px;overflow: hidden;color: #666666;margin-top: 30px;font-size: 14px;}
#instance .wrap .list .instance .right .mores{float: none;margin-top: 30px;}

/*案例详细*/
#instance-detail{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;overflow: hidden;}
#instance-detail #owl-demo{overflow: hidden;}
#instance-detail #owl-demo img{max-width: 100%;height: auto;}
#instance-detail .wrap{width: 100%;max-width: 1400px;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;height: 100%;z-index: 1;}
#instance-detail .owl-theme .owl-controls .owl-page span{width: 14px;height: 14px;border-radius: 0;background: #fff;opacity: 1;}
#instance-detail .owl-theme .owl-controls .owl-page.active span{background: #e60012;}
#instance-detail .owl-theme .owl-controls{top: auto;bottom: 50px;left: 35%;z-index: 999;}
#instance-detail .owl-buttons{display: none;}
#instance-detail .wrap .c{width: 26%;height: 99.5%;background: rgba(230,0,18,0.6);position: absolute;right: 0;padding: 0 5%;}
#instance-detail .wrap .c .titles{font-size: 32px;color: #fff;margin-top: 100px;/*font-family: 'PingFang';*/}
#instance-detail .wrap .c .con{margin-top: 50px;}
#instance-detail .wrap .c .con .texts{font-size: 14px;color: #fff;margin-bottom: 20px;}
#instance-detail .wrap .c .con .cons{color: #fff;line-height: 25px;}
#instance-detail .wrap .c .con .cons img{max-width: 100% !important;height: auto !important;width: auto !important;}



/* 面包屑 */
.inc_crumbs{height:70px;width:100%;line-height:70px;}
.inc_crumbs.special{border-bottom:1px solid #e5e5e5;}
.inc_crumbs .crumbs{line-height:70px;font-size:14px;color:#666;}
.inc_crumbs .crumbs .prev{color:#666;}
.inc_crumbs .crumbs .current{color:#e60012;}

/* 二级导航 */
.nav-sty{height: 120px;line-height: 120px;font-size: 0;left: 0;right: 0;top: 0;z-index: 12;}
.nav-sty a{margin-right: 50px;padding: 0 9px;display: inline-block;font-size: 16px;position: relative;color: #666;width: auto;}
.nav-sty a:after{height: 2px;width: 0;bottom:40px;left: 0;content: '';display: block;background: #e60012;-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;position: absolute;}
.nav-sty a:hover{color: #e60012;}
.nav-sty a:hover:after{width: 100%;}
.nav-sty a.on{color: #e60012;}
.nav-sty a.on:after{width: 100%;}


.inner_title{margin:60px auto 45px;}
.inner_title .title_p1{font-size:32px;color:#e60012;}
.inner_title .title_line{width:36px;height:2px;background:#e60012;margin:17px auto;}
.inner_title .title_p2{font-size:14px;color:#666;text-transform: uppercase;}

/*关于*/
#about{width: 100%;max-width: 1920px;margin: 0 auto;}
#about .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#about .titles{font-size: 32px;color: #333333;text-align: center;padding-top: 80px;/*font-family: 'PingFang';*/background: url(t1.png)no-repeat top center;}
#about .wrap1{width: 100%;max-width: 1920px;margin: 0 auto;background: #fff;padding: 50px 0;}
#about .wrap1 .wrap .con{font-size: 16px;color: #555555;margin-top: 30px;line-height: 25px;}
#about .wrap2{width: 100%;max-width: 1920px;margin: 0 auto;background: url(ab2.jpg)no-repeat center;height:700px;}
#about .wrap2 .wrap{position: relative;}
#about .wrap2 .cons{position: absolute;left: 0;top: 0;background: rgba(140,46,61,0.6);width: 50%;height: 700px;overflow: hidden;}
#about .wrap2 .cons .titles{color: #fff;background: url(../images/a2.png)no-repeat top center;}
#about .wrap2 .cons .con .big{padding: 0 5%;margin-top: 50px;}
#about .wrap2 .cons .con .big .tit{font-size: 20px;color: #fff;font-weight: bolder;}
#about .wrap2 .cons .con .big ul li{font-size: 16px;color: #fff;list-style-type: disc;margin-left: 30px;margin-top: 5px;}
/*资质*/
#certifi{width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 50px;}
#certifi .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#certifi .wrap {position: relative;width: 100%;margin: 0 auto;overflow: hidden;}
#certifi .wrap .swiper-container {padding-bottom: 0px;margin-top: 80px;}
#certifi .wrap .swiper-slide {width: 520px;/*height: 408px;*//*box-shadow: 0 8px 30px #ddd;*/height: 500px;}
#certifi .wrap .swiper-slide .img{display:block;border: solid 1px #e0e0e0;overflow: hidden;text-align: center;padding: 10px 0;background: #fff;height: 70%;}
#certifi .wrap .swiper-slide .img img{max-width: 100%;height: 100%;}
#certifi .wrap .swiper-slide .fonts {line-height: 50px;padding-top: 0;text-align: center;color: #636363;font-size: 24px;margin: 0;color: #686565;margin-top: 20px;}
#certifi .wrap .swiper-pagination {width: 100%;}
#certifi .wrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 2px solid #e60012;background-color: #fff;width: 10px;height: 10px;opacity: 1;}
#certifi .wrap .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 2px solid #e60012;background-color: #e60012;}
#certifi .wrap .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;display: none;}
#certifi .wrap .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certifi .wrap .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;display: none;}
#certifi .wrap .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#certifi .wrap .swiper-slide-active .img{border: solid 1px #e60012;}
#certifi .wrap .swiper-slide-active .fonts{color: #e60012;}
#certifi .wrap .swiper-containers{
    width: 100%;
    height: 100%;
}
#certifi .wrap .swiper-slides{
    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;
}
#certifi .wrap .swiper-slide img{max-width: 100%;height: auto;,margin-top: 10px;}
#certifi .wrap .swiper-containers .swiper-slide{border: solid 1px #ededed;}
#certifi .wrap2{display: none;margin-top: 30px;}

/*成功案例 case*/
#case{padding:0px 0 50px 0;}
#case .case_ul{width:100%;/* max-height:990px; */ padding-top:30px;}
#case .case_ul .case_li{width:33.333%;overflow:hidden; }
#case .case_ul .case_li:before{padding-top: 64.0776%;display: block;content: '';}
#case .case_ul .case_li .case_bg{background:rgba(0,0,0,0.5);top:81.81%; width:100%;}
#case .case_ul .case_li .case_bg .case_mar{margin:0 auto;width:85.43%;}
#case .case_ul .case_li .case_bg .p1{font-size:18px;text-align:center;color:#fff;margin-top:10px;}
#case .case_ul .case_li .case_bg .p2{font-size:14px;line-height:20px;color:#fff;margin:20px auto 15px;}
#case .case_ul .case_li .case_bg .p3{font-size:14px;line-height:20px;color:#fff;height:80px;overflow:hidden;}
#case .case_ul .case_li .case_bg .a1{font-size:15px;color:#fff;margin-top:25px;border:1px solid #fff;display:block;line-height:40px;width:120px;height:40px;text-align:center;}
#case .case_ul .case_li:hover .case_bg{background:rgba(230,0,18,0.5);top:0;right:0;bottom:0;left:0;}
#case .case_ul .case_li:hover .case_bg .p1{text-align:left;margin-top:20px;}


/*成功案例详情 case_detail*/
#case_detail{background:#f5f5f5;}
#case_detail .case_detail{background:#fff;}
#case_detail .case_detail .p1{font-size:24px;color:#333;margin:70px auto 60px;}
#case_detail .case_detail .pic{max-width:100%;margin:0 auto; position:relative;}
#case_detail .case_detail .contents{width:85.71%;margin:60px auto;text-align:center;}
#case_detail .case_detail .contents p{ text-align:left; }
#case_detail .case_detail .case_anniu{display:block;width:60px;height:60px;background:rgba(73,158,213,0.8);text-align:center;line-height:60px;top:45%;}
#case_detail .case_detail .case_anniu.on{background:rgba(141,152,170,0.8);}
#case_detail .case_detail .case_next{right:0px;}
#case_detail .case_detail .case_prev{left:0px;}
#case_detail .reco_case{background:#fff;margin:20px auto 85px;}
#case_detail .reco_case .case_ul{width:95%;margin:0 auto 50px;}
#case_detail .reco_case .case_ul .case_li{width:30%;margin-left:5%;overflow:hidden;}
#case_detail .reco_case .case_ul .case_li:nth-child(1){margin-left:0;}
#case_detail .reco_case .case_ul .case_li:before{padding-top: 64.0776%;display: block;content: '';}
#case_detail .reco_case .case_ul .case_li .case_bg{background:rgba(0,0,0,0.5);bottom:0px;height:40px;}
#case_detail .reco_case .case_ul .case_li .case_bg .case_mar{margin:0 auto;width:85.43%;}
#case_detail .reco_case .case_ul .case_li .case_bg .p1{font-size:20px;text-align:center;color:#fff;line-height:40px; padding:0; margin:0;}

#service{ background-color:#f5f5f5; height:auto; overflow:hidden;}
.service-list{background-color: #fff;}
.service-list .item .info{width: 50%;padding: 70px 100px 0 50px; float:left;}
.service-list .item .info::after{width: 0;height: 0;border-top: 23px solid transparent;border-bottom: 23px solid transparent;position: absolute;z-index: 1;top: 170px;content: '';border-right: 23px solid #fff;right: 100%;}

.service-list .item:nth-child(2n) .info::after{width: 0;height: 0;border-top: 23px solid transparent;border-bottom: 23px solid transparent;position: absolute;z-index: 1;top: 170px;content: '';border-left: 23px solid #fff;left: 100%; border-right: 0;right: 0;}
.service-list .item .img{ width:50%;max-height:400px;float:left; overflow:hidden;}
.service-list .item:nth-child(2n) .info,.service-list .item:nth-child(2n) .img{ float:right;}

.service-list .item .img img{ width:100%; }
.service-list .item .name-0{font-size: 30px;color: #e60012;margin-bottom: 6px;}
.service-list .item .name-1{font-family: 'times';font-size: 20px;color: #ddd;}
.service-list .item .name-0 a , .service-list .item .name-1 a{font-family: inherit;font-style: inherit;color: inherit;}
.service-list .item .brief{height: 112px;line-height: 28px;font-size: 14px;color: #555;margin-top: 25px;}
.service-list .item .more{height: 30px;line-height: 30px;}
.service-list .item .more::before{width: 40px;height: 1px;background-color: #e60012;vertical-align: middle;display: inline-block;content: '';}
.service-list .item .more::after{width: 13px;height: 1px;background-color: #e60012;vertical-align: middle;display: inline-block;content: '';margin-top: -7px;margin-left: -10px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



/*turn_page1*/
form{}
form input{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; color:#333; }
form select,
form textarea{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; -weibox-sizing:border-box; box-sizing:border-box; color:#333; }
form input:disabled,
form textarea:disabled{ color:#333; }

#turn_page{ width:100%; line-height:2.5rem; text-align:center; margin-top:2.5rem; margin-bottom:2.5rem;}
#turn_page form{ display:inline-block;}
#turn_page a{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}
#turn_page span{ display:inline-block; font-size:0.875rem; color:#666; margin:0 0.1875rem;}
#turn_page select{ width:3.75rem; height:2.5rem; text-indent:0.3125rem; background:#fff url(img13.png) no-repeat 85% center; background-size:15%; font-size:0.875rem; border:1px solid #ebebeb;}
#turn_page font{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}
#turn_page .page_btn{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666;}
#turn_page .page_button{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}
#turn_page .page_noclick{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}
#turn_page .page_item_current{ width:2.5rem; height:2.5rem; background:#e60012; color:#fff; border:1px solid #e60012;}
#turn_page .page_item{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666; border:1px solid #ebebeb;}


/*联系我们*/
#contact{width: 100%;max-width: 1920px;margin: 50px auto; padding-bottom: 50px; }
#contact .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#contact .wrap .titles{margin-top: 50px;}
#contact .wrap .titles .tit1{font-size: 30px;color: #313131;text-align: center;}
#contact .wrap .titles .tit2{font-size: 16px;color: #666;text-align: center;margin-top: 15px;}
#contact .wrap .app_form{margin-top:30px; background:#fff; padding:40px 3% 60px;}
#contact .wrap .app_form .in_row{width:23.5%; border:1px solid #e8e8e8; margin-right:2%; margin-bottom:20px;}
#contact .wrap .app_form .in_row.mr{margin-right: 0;}
#contact .wrap .app_form .in_row .se{width:100%; height:52px; line-height:52px; font-size:14px; color:#aaaaaa; border:none; background:none;}
#contact .wrap .app_form .in_row .i{width:100%; border:none; background:none; height:52px; font-size:14px; line-height:52px; color:#aaaaaa;padding-left:10px;}
#contact .wrap .app_form .in_message{width:100%;}
#contact .wrap .app_form .in_message .mess{padding:14px 20px; width:100%; border:1px solid #e8e8e8; min-height:172px; font-size:14px; color:#aaaaaa;}
#contact .wrap .app_form .apply_sub{margin:40px auto 0; height:46px; width:130px; background:#e60012;}
#contact .wrap .app_form .apply_sub .a_mit{width:100%; height:100%; border:none; background:none; font-size:18px; color:#fff; cursor:pointer;}
#contact  .meg_con{ width:35%; float:left;padding-bottom: 50px;}
#contact  .meg_con .title{font-size: 28px;color: #333333;max-width: 420px;padding-top:50px;margin-bottom: 50px;margin-top: 0px;}
#contact  .meg_con .tel{padding: 30px 0;border-top: solid 1px #333;border-bottom: solid 1px #333;color: #333;max-width: 420px;font-size: 30px;}
#contact  .meg_con .tel img{vertical-align: middle;margin-right: 5px;}
#contact  .meg_con .megs{max-width: 400px;margin-top: 50px;}

#contact #map{ width:60%; height:500px; float:left; position:relative;}
#contact #map #container{ width:100%; height:500px;}

/*新闻*/
#news{background:#f5f5f5;padding-bottom:50px;}
#news .news_ul{width:100%;margin-top:70px;}
#news .news_ul li{height:207px; overflow:hidden; }
#news .news_ul .time{width:12.98%;height:100%;position:relative;}
#news .news_ul .time .p1{font-size:36px;color:#666;line-height:20px;margin:25px 0px 0px 20px;}
#news .news_ul .time .p2{font-size:14px;color:#999;line-height:20px;margin:20px 0px 20px 20px;}
#news .news_ul .time .time_img{margin:0px 0px 0px 20px;-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
#news .news_ul .con{width:87.02%;height:100%;position:relative;}
#news .news_ul .con:before{height:100%;position:absolute;top:0;left:0px;background:#ddd;width:1px;display: block;content: '';}
#news .news_ul .con:after{height:0;position:absolute;top:0;left:0px;background:#e60012;width:1px;display: block;content: '';-webkit-transition:all 800ms ease 0s; -moz-transition:all 800ms ease 0s; -ms-transition:all 800ms ease 0s; -o-transition:all 800ms ease 0s; transition:all 800ms ease 0s;z-index:10;}
#news .news_ul .con .text{width:59%;margin-left:5%;margin-right:6%;}
#news .news_ul .con .text .a1{font-size:18px;color:#333;margin:20px 0px 20px 0px;display:block;}
#news .news_ul .con .text .p3{font-size:12px;color:#666;line-height:30px;height:60px;overflow:hidden;}
#news .news_ul .con .img{width:30%;height:200px; overflow:hidden;}
#news .news_ul .con .img img{ width:100%; height:auto;}
#news .news_ul li:hover .time .p1{color:#e60012;}
#news .news_ul li:hover .con:after{height:100%;}
#news .news_ul li:hover .con .text{margin-left:7%;margin-right:4%;}
#news .news_ul li:hover .con .text .a1{color:#e60012;}
#news .news_ul li:hover .time .time_img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}


/*新闻中心详情 news_detail*/
.newsdetail-box{

    width: 100%; max-width:1200px; font-family: "微软雅黑";

    margin:40px auto; background:#fff; padding:3% 3%;

}



.newsdetail-box .title-boxs{

	text-align: center;

	padding-bottom:20px;

	border-bottom: 1px solid #dcdcdc;

}

.newsdetail-box .title-boxs .title{

	font-size:24px; color:#333;

	line-height:36px;

}

.newsdetail-box .title-boxs .time{

	font-size:12px;

	color: #aaa;

	margin-top: 10px;

}



.news-doc{
text-align:center;
	font-size:14px;

	color: #555555;

	line-height:24px;

	margin-top:20px;

}

.news-doc img{ text-align:center;

	max-width: 1200px;


	margin:1em auto;

}


.news-doc p{text-align:center !important; }


.pages{

	margin-top: 1.5em;

	position: relative;

	border-top: 1px solid #dedede;

	padding-top: 0.5em;

}

.pages li{

	font-size:14px;

	line-height:30px;

	color: #333333;

}

.pages li a{

	color: #333333;

}



.pages li a:hover{

	color: #e60012;

}

.pages .back{

	font-size:14px;

	display: inline-block;

    position: absolute;

    right: 0;

    top: 15px;

    width:110px;

    height:40px;

    line-height:40px;

    text-align: center;

    color: #fff;

    background:#e60012;

}

.pages .back:hover{

	background: #045cfc;

}

@media screen and (max-width: 1440px){

	.newsdetail-box{

		width: 960px;

	}

} 

@media screen and (max-width: 1200px){

	.newsdetail-box{

	    width: 100%;

	    padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

}

@media screen and (max-width: 1200px){

	.newsdetail-box .title-boxs .title{

		font-size: 1.5em;

	}

}

@media screen and (max-width: 991px){

	.newsdetail-box{

		margin-bottom: 3em;

	}

	.pages .back{

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



@media screen and (max-width:768px){

	.newsdetail-box .title-boxs .title{

		font-size: 1.1em;

	}

	.newsdetail-box .title-boxs .time{

		margin-top: 0.5em;

		font-size: 0.75em;

	}

}

@media screen and (max-width:768px){

	.pages .back{

		width: 10em;

		font-size: 0.875em

	}

}




/*生产基地*/
#base{width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 50px;}
#base .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#base .wrap .big{margin-top: 50px;position: relative;}
#base .wrap .big .img img{max-width: 100%;height: auto;}
#base .wrap .big .con{position: absolute;right: 0;top: 0;width: 30%;height: 99.5%;background:rgba(230,0,18,0.6);padding: 0 5%;display: none;}
#base .wrap .big .con .tit{font-size: 28px;color: #fff;padding: 50px 0;border-bottom: solid 1px #ca7584;}
#base .wrap .big .con .dec{font-size: 14px;color: #fff;line-height: 25px;height: 55%;overflow: hidden;padding: 50px 0;}
#base .wrap .big:nth-child(1) .con{display: block;}
#base .wrap .big:nth-child(2n) .con{left: 0;right: auto;}

/*首页*/
#index{width: 100%;max-width: 1920px;margin: 0 auto;}
#index .wrap1{width: 100%;max-width: 1920px;margin: 0 auto;background: url(bg_wrap1.png)no-repeat bottom center;padding-bottom:40px;}
#index .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#index .wrap1 .wrap .w2{display: none;}
#index .wrap1 .wrap .swiper-container {padding-bottom: 60px;margin-top: 50px;}
#index .wrap1 .wrap .swiper-slide {width: 412px;/*height: 408px;*//*box-shadow: 0 8px 30px #ddd;*/position: relative;cursor: pointer;background: #fff;
	box-shadow: 0 8px 10px #ddd;}
#index .wrap1 .wrap .swiper-slide .img{display:block;overflow: hidden;text-align: center;}
#index .wrap1 .wrap .swiper-slide .img img{max-width: 100%;height: auto;}
#index .wrap1 .wrap .swiper-slide p{line-height: 68px;
    padding-top: 0px;
    text-align: center;
    color: rgb(99, 99, 99);
    font-size:18px;
    margin: 0px;}
#index .wrap1 .wrap .swiper-slide .fonts {line-height: 50px;padding-top: 0;text-align: center;color: #636363;font-size: 24px;margin: 0;color: #686565;margin-top: 20px;}
#index .wrap1 .wrap .swiper-pagination {width: 100%;}
#index .wrap1 .swiper-pagination-fw{ padding-top:60px;}
#index .wrap1 .wrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #fff;width: 10px;height: 10px;opacity: 1;border: solid 1px #e60012;}
#index .wrap1 .wrap .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #e60012;opacity: 1;}
#index .wrap1 .wrap .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;display: none;}
#index .wrap1 .wrap .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#index .wrap1 .wrap .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;display: none;}
#index .wrap1 .wrap .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#index .wrap1 .wrap .swiper-slide-active .img{opacity: 1;}
#index .wrap1 .wrap .swiper-slide-active .fonts{color: #e60012;}
#index .wrap1 .wrap .swiper-slide .hovers{position: absolute;left: 0;right: 0;background: none;top: 0;margin: 0 auto;text-align: center;width: 412px;height: 450px;background: rgba(255,255,255,0.3);}
#index .wrap1 .wrap .swiper-slide .hovers .names{font-size: 30px;color: #222;margin-top: 200px;}
#index .wrap1 .wrap .swiper-slide .hovers .names2{font-size: 18px;color: #222;margin-top: 10px;}
#index .wrap1 .wrap .swiper-slide-active .hovers{background: rgba(230,0,18,0.5);}
#index .wrap1 .wrap .swiper-slide-active .hovers .names{color: #fff;}
#index .wrap1 .wrap .swiper-slide-active .hovers .names2{color: #fff;}
#index .wrap1 .wrap .swiper-slide .hovers .imgs{text-align: center;margin-top: 30px;display: none;}
#index .wrap1 .wrap .swiper-slide-active .hovers .imgs{display: block;}
#index .wrap1 .wrap .w2{overflow: hidden;}
#index .wrap1 .wrap .w2 .swiper-containers{
    width: 100%;
    height: 100%;
}
#index .wrap1 .wrap .w2 .swiper-slides{
    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 .wrap1 .wrap .w2 .swiper-slide img{max-width: 100%;height: auto;,margin-top: 10px;}
/*#index .wrap1 .wrap .w2 .swiper-containers .swiper-slide{border: solid 1px #ededed;}*/
#index .wrap1 .wrap .w2 {display: none;margin-top: 30px;}
#index .wrap2{width: 100%;max-width: 1920px;margin: 0 auto;}
#index .wrap2 .wrap{width: 100%;max-width: 1920px;margin: 0 auto;}
#index .wrap2 .wrap .one{width: 29.54%;margin-right: 0.1%;}
#index .wrap2 .wrap .two{width: 20.31%;margin-right: 0.1%;}
#index .wrap2 .wrap .three{width: 20.31%;margin-right: 0.1%;}
#index .wrap2 .wrap .four{width: 29.54%;}
#index .wrap2 .wrap .case_list_mobile{display: none;}
#index .wrap2 .wrap .case_list{height: 650px;}
#index .wrap2 .wrap .case_list .case{display: block;background-repeat: no-repeat;width: 100%;position: relative;background-size: cover !important;}
#index .wrap2 .wrap .case_list .one .case,#index .wrap2 .wrap .case_list .three .case{height: 650px;}
#index .wrap2 .wrap .case_list .two .case:nth-child(1),#index .wrap2 .wrap .case_list .four .case:nth-child(1){height: 280px;}
#index .wrap2 .wrap .case_list .two .case:nth-child(2),#index .wrap2 .wrap .case_list .four .case:nth-child(2){height: 368px;margin-top: 2px;}
#index .wrap2 .wrap .case_list .case .hovers{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(230,0,18,0.5);display: none;}
#index .wrap2 .wrap .case_list .case .hovers .tit{font-size: 28px;color: #fff;text-align: center;width: 100%;position: absolute;left: 0;right: 0;top: 40%;}
#index .wrap2 .wrap .case_list .case .hovers .tit .img{text-align: center;margin-top: 30px;}
#index .wrap2 .wrap .case_list_mobile .case_big{width: 96%;margin: 0 auto;}
#index .wrap2 .wrap .case_list_mobile .case_big .case{height: 300px;display: block;width: 48%;margin-bottom: 2%;position: relative;}
#index .wrap2 .wrap .case_list_mobile .case_big .case:nth-child(2n){margin-left: 2%;}
#index .wrap2 .wrap .case_list_mobile .case_big .hovers{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(230,0,18,0.5);display: none;}
#index .wrap2 .wrap .case_list_mobile .case_big .hovers .tit{font-size: 22px;color: #fff;text-align: center;width: 100%;position: absolute;left: 0;right: 0;top: 30%;}
#index .wrap2 .wrap .case_list_mobile .case_big .hovers .tit .img{text-align: center;margin-top: 20px;}
#index .wrap3{width: 100%;max-width: 1920px;margin: 0 auto;padding: 50px 0 0 0;background: url(../images/img31.jpg)no-repeat bottom center;}
#index .wrap3 .left{width: 50%;}
#index .wrap3 .left img{max-width: 100%;height: auto;}
#index .wrap3 .right{width: 48%;padding-left: 2%;}
#index .wrap3 .right .list .list_btn{width: 160px;height: 90px;text-align: center;line-height: 90px;color: #333;display: block;background: #fff;float: left;font-size: 16px;border: solid 1px #ededed;}
#index .wrap3 .right .list .list_btn.on1{color: #fff;background: rgba(230,0,18,1);border: solid 1px #ededed;}
#index .wrap3 .right .list .list_btn.on2{color: #fff;background: rgba(230,0,18,0.8);border: solid 1px #ededed;}
#index .wrap3 .right .list .list_btn.on3{color: #fff;background: rgba(230,0,18,0.7);border: solid 1px #ededed;}
#index .wrap3 .right .list .list_btn.on4{color: #fff;background: rgba(230,0,18,0.6);border: solid 1px #ededed;}
#index .wrap3 .right .titles{font-size: 30px;background: url(../images/ab_back.png)no-repeat center left;padding-top: 80px;}
#index .wrap3 .right .con{font-size: 14px;color: #555;line-height: 25px;margin-top: 40px;height: 190px;overflow: hidden;}
#index .wrap3 .right .list{margin-top: 20px;}
/*#index .wrap3 .right .mores{display: block;width: 290px;height: 60px;line-height: 60px;border: solid 1px #ececec;background: url(../images/10.png)no-repeat 90% center;font-size: 14px;color: #555555;padding-left: 30px;margin-top: 50px;}*/
#index .wrap3 .right .mores{display: block;width: 290px;height: 60px;line-height: 60px;border: solid 1px #e60012;background: url(arr1.png)no-repeat 90% center #e60012;font-size: 14px;color: #fff;padding-left: 30px;margin-top: 50px;}
/*#index .wrap3 .right .mores:hover{color: #000;}*/
#index .wrap4{width: 100%;max-width: 1920px;margin: 0 auto;}
#index .wrap4 .wrap{width: 100%;max-width: 1400px;margin: 0 auto;}
#index .wrap4 .wrap .news .left,#index .wrap4 .wrap .news .right{width: 50%;overflow: hidden;}
#index .wrap4 .wrap .news .right{width: 40%;padding: 0 5%;}
#index .wrap4 .wrap .news .left img{max-width: 100%;height: auto;}
#index .wrap4 .wrap .news .left img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#index .wrap4 .wrap .news .right .title{height: 60px;line-height: 25px;overflow: hidden;margin-top: 20px;}
#index .wrap4 .wrap .news .right .title a{font-size: 24px;color: #303030;}
#index .wrap4 .wrap .news .right .title a:hover{color: #e60012;}
#index .wrap4 .wrap .news .right .dates{font-size: 14px;color: #aaaaaa;margin-top: 30px;}
#index .wrap4 .wrap .news .right .brief{font-size: 14px;color: #666;line-height: 25px;height: 100px;overflow: hidden;margin-top: 30px;}
#index .wrap4 .wrap .news .right .btn{margin-top: 40px;}
#index .wrap4 .wrap .news_list{margin-top: 50px;}
#index .wrap4 .wrap .news_list .info{width: 48%;float: left;padding-right: 2%;border-top: solid 1px #e5e5e5;padding-top: 50px;padding-bottom: 50px;}
#index .wrap4 .wrap .news_list .info .rights .titles{display: block;font-size: 26px;color: #222;height: 50px;line-height: 25px;overflow: hidden;}
#index .wrap4 .wrap .news_list .info .rights .titles:hover{color: #e60012;}
#index .wrap4 .wrap .news_list .info .rights .briefs{font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;margin-top: 10px;}
#index .wrap4 .wrap .news_list .info .lefts{width: 20%;}
#index .wrap4 .wrap .news_list .info .rights{width: 70%;padding: 0 5%;}
#index .wrap4 .wrap .news_list .info .lefts .sp1{font-size: 18px;color: #666;}
#index .wrap4 .wrap .news_list .info .lefts .sp2{font-size: 30px;color: #222;}
#index .wrap5{width: 100%;max-width: 1920px;margin: 0 auto;background: url(img29.png)no-repeat bottom center;}
#index .wrap5 .wrap{width: 100%;max-width: 1400px;margin: 0 auto;padding-bottom: 160px;}
#index .wrap5 .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
#index .wrap5 .swiper-slide {
    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 .wrap5 .swiper-slide a{border: solid 1px #f4e6e8;}
#index .wrap5 .swiper-slide a img{max-width: 100%;height: auto;}
#index .wrap5 .swiper-container-horizontal>.swiper-pagination-bullets{right: 0;margin: 0 auto;text-align: center;margin-top: 50px;}
#index .wrap5 .swiper-slide:hover{box-shadow: 0 0 30px #ddd; z-index: 999;}
#index .wrap5 .partners{width: 100%;overflow: hidden;padding-bottom: 20px;}
#index .wrap5 .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;border: solid 1px #d5d5d5;opacity: 1;}
#index .wrap5 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e60012;border: solid 1px #e60012;}

@media only screen and (max-width: 1920px){
	#contact .meg_con{width:100%; max-width:500px; left:250px;}	
}

@media only screen and (max-width: 1680px){
	#contact .meg_con{left:140px;}	
}


@media only screen and (max-width: 1600px){
	#contact .meg_con .megs{max-width: 400px;margin-top: 40px;}
	#contact .meg_con .title{padding-top: 80px;margin-bottom: 30px;margin-top: 30px;}
	#index .wrap2 .wrap .case_list .one .case, #index .wrap2 .wrap .case_list .three .case,#index .wrap2 .wrap .case_list{height: 550px;}
	#index .wrap2 .wrap .case_list .two .case:nth-child(1), #index .wrap2 .wrap .case_list .four .case:nth-child(1){height: 230px;}
	#index .wrap2 .wrap .case_list .two .case:nth-child(2), #index .wrap2 .wrap .case_list .four .case:nth-child(2){height: 318px;}
	#index .wrap2 .wrap .case_list .case .hovers .tit{font-size: 24px;top: 30%;}
    #index .wrap1 .wrap .swiper-container{padding-bottom: 40px;}
}


@media screen and (max-width: 1500px){
	#index .wrap2 .wrap .case_list .case .hovers .tit{font-size: 22px;}
    #index .wrap1 .wrap .swiper-container{padding-bottom: 35px;}
   
}

@media only screen and (max-width: 1440px){
	#contact .meg_con{left:20px;}	
}

@media screen and (max-width: 1450px){
	#contact .meg_con .title{margin-top: 20px;margin-bottom: 20px;}
	#contact .meg_con .tel{padding: 10px 0;}
    #index .wrap1 .wrap .swiper-container{padding-bottom: 30px;}
    #index .wrap3{padding: 20px 0;}
    .ts{padding-bottom: 20px;}
    #index .wrap4 .wrap .news_list{margin-top: 30px;}
    #index .wrap1 .wrap .swiper-container{margin-top: 15px;}
    #about .wrap2,#about .wrap2 .cons{height: 720px;}
    #about .wrap2 .cons .con .big{margin-top: 15px;}
     /*.swiper-banner .swiper-slide .pic{background-size:130% 92%; }*/
}

@media only screen and (max-width:1400px){
	#product,#product-detail,#instance,#instance-detail,#certifi,#join,#contact,#info .top,#info .main,#info-detail,#video,#about .wrap,#footer .wrap,#index .wrap,#index .wrap4 .wrap,#index .wrap5 .wrap,#header .wrap{width: 92%;}
	#instance-detail .wrap .c .titles,#instance-detail .wrap .c .con{margin-top: 30px;}
	#about .wrap2 .cons .con .big{margin-top: 16px;}
	#contact .meg_con{padding-left: 10px;}
	#index .wrap2 .wrap .case_list .one .case, #index .wrap2 .wrap .case_list .three .case, #index .wrap2 .wrap .case_list{height: 480px;}
	#index .wrap2 .wrap .case_list .two .case:nth-child(1), #index .wrap2 .wrap .case_list .four .case:nth-child(1){height: 195px;}
	#index .wrap2 .wrap .case_list .two .case:nth-child(2), #index .wrap2 .wrap .case_list .four .case:nth-child(2){height: 283px;}
	#index .wrap3 .right .list .list_btn{width: 140px;height: 75px;line-height: 75px;}
	#header .wrap .links{width: 15%;}
	#header .wrap .nav{width: 50%;}
    #product-detail .wrap1 .wrap .right .title{font-size: 28px;}
    #product-detail .wrap1 .wrap .right .brief{margin-top: 30px;height: 400px;}
    #product-detail .wrap1 .wrap .left, #product-detail .wrap1 .right{height: 600px;}

    #footer .wrap .right{width: 72%;}
    #index #footer .wrap .right .bots .lefts{width: 38%;}
    #footer .wrap .left{width: 24.9%;}
}

@media screen and (max-width: 1320px){
	#base .wrap .big .con .dec{padding: 30px 0;}
    #footer{min-height: 400px;}
	#footer .wrap .left{width: auto;float: none;border: none;text-align: center;padding: 0;}
	#footer .wrap .right{width: auto;float: none;padding-bottom: 10px;}
	#footer .wrap .left .top,#footer .wrap .left .bot{display: inline-block;}
	#footer .wrap .left .bot{text-align: left;margin-left: 30px;}
	#footer .wrap .right .tops{text-align: center;height: auto;line-height: 60px;}
	#footer .wrap .right .bots .lefts{height: auto;border: none;}
	/*#footer .wrap .right .bots .rights .shape,#footer .wrap .right .bots .rights .copyright,#footer .wrap .right .bots .lefts .tit{margin-top: 10px;}*/
	#header .smalls .w .navs{width: 80px;}
    #contact .meg_con .tel{padding: 5px 0;}
    #contact .meg_con .megs{margin-top: 0;}
    #contact .meg_con .title{margin-bottom: 10px;}
    #about .wrap2 .cons .titles{padding-top: 55px;}
    #footer .wrap .right .bots .lefts{width: 38%;}
    #product-detail .box .zx{width: 160px;font-size: 18px;}
    /*.swiper-banner .swiper-slide .pic{background-size:130% 96%; }*/
}

@media screen and (max-width: 1200px){
	.wrap{    width: 96%;
    margin: auto;}
	#info .wrap .info_list .item .date{padding-top:15px;}
	#info .wrap .info_list .item .date .md{font-size:30px;}
	#info .wrap .info_list .item .infomartion .title{line-height:54px;}
	#info .wrap .info_list .item .infomartion .brief{line-height:24px;}
	#video .wrap .video-js{height: 260px;}
	#base .wrap .big .con .dec{padding: 10px 0;}
	#base .wrap .big .con .tit{padding: 30px 0;}
	#instance-detail .wrap .c{width: 30%;}
	#index .wrap2 .wrap .case_list{display: none;}
	#index .wrap2 .wrap .case_list_mobile{display: block;}
	#index .wrap3 .right .list{width: 70%;}
	#index .wrap5{padding-bottom: 120px;}
	#header .smalls .w .navs{margin-right: 35px;}
	#header .wrap .nav{width: 60%;}
    #product-detail .wrap1 .wrap .right .brief{margin-top: 15px;}
    #footer{min-height: 0;}
    #about .wrap2 .cons .con .big{margin-top: 5px;}
    #product-detail .box .zx{width: 130px;height: 50px;line-height: 50px;margin-top: 5px;}
    #product-detail .box .phone{margin-left: 20px;}
    #product-detail .wrap1 .right{width: 46%;padding: 0 2%;}
    /*.swiper-banner .swiper-slide .pic{background-size: 135% 92%;}*/
}

@media only screen and (max-width:1100px){
	/*.swiper-banner .swiper-slide .pic{background-size: 135% 78%;background-position:center -20%;}*/
	#header .tel{display:none;}
}

@media only screen and (max-width: 1024px){
	#contact .meg_con{left:0px;}	
}

@media only screen and (max-width:1000px){
	#info .wrap .info_list .top .left{display:none;}
	#info .wrap .info_list .top .right{width:100%;}
	#info .wrap .info_list .top .right .title a{font-size:18px;}
	#info .wrap .info_list .top .right .time{margin:1.4% 0 3.8%;}
	#info .wrap .info_list .top .right .brief{font-size:14px;}
	#info .wrap .info_list .top .right .btn{width:100px;}
	#info .wrap .info_list .top .right .btn a{font-size:13px;}
    #index .wrap5 .wrap{padding-bottom: 80px;}
}

@media only screen and (max-width: 980px){
	#banner .alls_mobile{display: block;}
    #banner .alls{display: none;}
    #banner .alls_mobile .item img{width: 100%;}
    #banner .owl-theme .owl-controls .owl-page span{width: 8px;height: 8px;}
    .swiper-banner.show-pc-block{position: static;}
    .swiper-banner.show-pc-block .swiper-slide .pic{position: static;text-align: center;background-image: none!important;}
    .swiper-banner.show-pc-block .swiper-slide .pic img{display: block;}
	#join .wrap .join-us .dl > dt .t{ font-size:25px; }
	#join .wrap .join-us .dl > dt .n{ font-size:19px; }
	#join .wrap .join-us .dl > dt .b{ font-size:13px; }
	#join .wrap .join-us .dl > dt .i{ height:17px; width:17px;}
	#join .wrap .join-us .dl > dd .btn{ line-height:40px; height:40px; padding:0 30px; }
	#info .wrap .info_list .item{height:190px;}
	#info .wrap .info_list .item .date{padding-top:5px;}
	#info .wrap .info_list .item .date .md{font-size:24px;}
	#info .wrap .info_list .item .infomartion .title{line-height:34px;}
	#info .wrap .info_list .item .infomartion .brief{line-height:24px;}
	#video .wrap .big{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	#video .wrap .big:nth-child(3n){margin-right: 2%;}
	#video .wrap .big:nth-child(2n){margin-right: 0;}
	#info .wrap .info_list .top .right .brief{height: auto;}
	#info-detail .wrap .tits{font-size: 20px;}
	#product .wrap .list .bot{margin-top: 20px;}
	#base .wrap .big .con .tit{padding: 10px 0;font-size: 24px;}
	#instance-detail .wrap .c{width: 40%;}
	#instance-detail .wrap .c .titles{font-size: 20px;}
	#product .wrap .list .bot a{float: none;width: auto;}
	#product .wrap .list .bot .mores, #instance .wrap .list .instance .right .mores{width: 120px;height: 40px;line-height: 40px;}
	#product .wrap .list .bot .mores{margin-top: 10px;}
	#product .wrap .list .bot .titles{height: auto;width: auto;}
	#product-detail .wrap1 .wrap .left, #product-detail .wrap1 .right{width: 100%;float: none;}
	#product-detail .wrap1 .right{width: 90%;margin-top: 10px;}
	#product-detail .wrap1 .wrap .right .title{font-size: 24px;}
	#product-detail .wrap1 .wrap .right .brief{margin-top: 30px;}
	#about .wrap2 .cons{width: 80%;}
	#contact .meg_con .title{font-size: 24px;background: none;padding-bottom: 20px;}
	#index .wrap2 .wrap .case_list_mobile .case_big .case{height: 240px;}
	#index .wrap3 .left{width: 50%;float: none;text-align: center;margin: 0 auto;margin-bottom: 10px;margin-top: 20px;}
	#index .wrap3 .right{width: auto;float: none;}
	#index .wrap3 .right .list{width: auto;text-align: center;}
	#index .wrap3{padding: 50px 0;}
	#index .wrap4 .wrap .news .right .title{height: 55px;}
	#index .wrap4 .wrap .news .right .title a{font-size: 20px;}
	#index .wrap4 .wrap .news .right .dates,#index .wrap4 .wrap .news .right .brief{margin-top: 10px;}
	#index .wrap4 .wrap .news .right .btn{margin-top: 20px;}
	#index .wrap4 .wrap .news_list .info .rights .titles{font-size: 20px;}
	#index .wrap4 .wrap .news_list .info .lefts .sp2{font-size: 20px;}
	#index .wrap4 .wrap .news_list .info{padding-top: 20px;padding-bottom: 20px;}
	#footer .wrap .right .bots .lefts,#footer .wrap .right .bots .rights{width: auto;float: none;}
	#footer .wrap .right .bots .rights .copyright,#footer .wrap .right .bots .rights .shape,#footer .wrap .right .bots .lefts .tit,#footer .wrap .right .bots .lefts .link_list{text-align: center;}
	#footer .wrap .right .bots .lefts .link_list li{float: none;display: inline-block;}
	#certifi .wrap .swiper-slide .fonts{font-size: 18px;}
	#certifi .wrap1{display: none;}
	#certifi .wrap2{display: block;}
	#header,#header_hidden{display: none;}
	.mobile_wraps{display: block;}
	.mobile_hidden{display: block;}
	#index .wrap3 .right .con{height: auto;}
    #index .wrap1 .wrap .w1{display: none;}
    #index .wrap1 .wrap .w2{display: block;}
    #index .wrap5{padding-bottom: 0;}
	
    #index .wrap1 .wrap .swiper-slide .hovers{width: 100%;height: 99%;}
    #index .wrap1 .wrap .swiper-slide .hovers .names{margin-top: 100px;font-size: 22px;}
    #index .wrap1 .wrap .swiper-slide .hovers .names2{font-size: 14px;}
    #index .wrap3 .right .titles{font-size: 24px;}
    #index .wrap4 .wrap .news .left{text-align: center;}
    #index .wrap4 .wrap .news .left, #index .wrap4 .wrap .news .right{float: none;width: auto;}
    #index .wrap1 .wrap .swiper-slide-active .hovers{background: rgba(255,255,255,0.2);}
	.ts { padding-bottom: 0px; padding-top:30px;}
    .ts .tsn{font-size: 20px;}
	.ts .en{font-size: 12px;}
    #index .wrap3 .right .list .list_btn{width: 120px;height: 60px;line-height: 60px;font-size: 14px;}
    #index .wrap3 .right .mores{width: 150px;}
    #product-detail .wrap1 .wrap .right .brief .tit .r,#product-detail .wrap1 .wrap .right .brief .tit .l{font-size: 13px;}
    #instance .wrap .list .instance .right{padding-bottom: 10px;}
    #about .titles{font-size: 24px;}
    #about .wrap1 .wrap .con{font-size: 14px;}
    #about .wrap2 .cons .con .big .tit{font-size: 16px;}
    #about .wrap2 .cons .con .big ul li{font-size: 14px;}
    #about .wrap2 .cons .con .big{margin-top: 20px;}
    #info .wrap .info_list .top .right .btn, .btn{right: 30px;}
    #index .wrap4 .wrap .news .right .btn{right: auto;}
    #product-detail .gallery-top{height: 70%;}
    #product-detail .wrap1 .wrap .left{height: 600px !important;}
    #product-detail .gallery-thumbs{height: 25%;}
    #contact .contact_meg{position: static;min-width: 0;}
    #contact .meg_con{position: static;}
    #contact .meg_con .title,#contact .meg_con .tel,#contact .meg_con .megs{max-width: 100%;}
    #contact .meg_con{text-align: center;}
    #product-detail .wrap1 .wrap .right .brief{height: auto;}
    #product-detail .box .zx{display: block;margin-bottom: 10px;font-size: 16px;float: none;}
    #product-detail .box .phone{margin-left: 0;}
    #product-detail .wrap1 .right{height: auto;}
    #certifi .wrap .swiper-slide{height: auto;}

	#index #footer .wrap .right .bots .lefts{width: auto;height: auto;}
	
		#news .news_ul .time .p1{font-size:30px;margin:25px 0px 0px 0px;}
	#news .news_ul .time .p2{margin:20px 0px 20px 0px;}
	#news .news_ul .time .time_img{margin:0px;}
}

@media only screen and (max-width:880px){
	#info .wrap .info_list .item .date{display:none;}
	#info .wrap .info_list .item .infomartion{width:60%; left:0;}
	#info .wrap .info_list .item .infomartion:before{display:none;}
	#info .wrap .info_list .item .img{width:25%; right:2%;}
	#contact .wrap .app_form .in_row{width: 49%;margin-right: 2%;}
	#contact .wrap .app_form .in_row:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width: 750px){
	
	#index .wrap2 .wrap .case_list_mobile .case_big .case{width: 80%;float: none;margin: 0 auto;margin-bottom: 10px;}
	#index .wrap2 .wrap .case_list_mobile .case_big .case:nth-child(2n){margin: 0 auto;margin-left: auto;margin-bottom: 10px;}
	
	
	/* 面包屑 */
	.inc_crumbs{height:30px;line-height:30px;}
	.inc_crumbs .crumbs{line-height:30px;font-size:14px;}

	/* 二级导航 */
	.nav-sty{height: 36px;line-height:36px;}
	.nav-sty a{margin-right: 10px;padding: 0 5px;font-size:14px;}
	.nav-sty a:after{bottom:4px;}
	
	#case .case_ul .case_li{width:50%;}
	#case .case_ul .case_li .case_bg{height:30px;}
	#case .case_ul .case_li:hover .case_bg{height:030px;}
	#case .case_ul .case_li .case_bg .p1{font-size:14px;margin-top:2px;}
	#case .case_ul .case_li:hover .case_bg .p1{font-size:14px;margin-top:2px;}

	#case_detail .case_detail .case_anniu{width:20px;height:20px;line-height:20px;}
	#case_detail .case_detail .case_anniu img{width:6px;height:auto;}
	#case_detail .reco_case .case_ul .case_li{width:100%;margin-left:0;margin-bottom:10px;}
	#case_detail .reco_case .case_ul .case_li .case_bg{height:20px;}
 	#case_detail .reco_case .case_ul .case_li .case_bg .p1{font-size:14px;line-height:18px;}

	
	
	
	#news .news_ul{margin-top:0px;}
	#news .news_ul li{height:auto; margin-bottom:5px;}
	#news .news_ul .time{width:25%;height:100%;}
	#news .news_ul .time .p1{font-size:18px;line-height:20px;margin:5px 0px 0px 5px;}
	#news .news_ul .time .p2{font-size:12px;margin:5px 0px 0px 5px;}
	#news .news_ul .time .time_img{margin-left:5px;}
	#news .news_ul .con{width:72%;}
	#news .news_ul .con .text{width:90%;margin-left:5%;margin-right:5%;}
	#news .news_ul .con .text .a1{font-size:14px;margin:5px 0px 0px 0px;}
	#news .news_ul .con .text .p3{font-size:12px;line-height:18px; height:36px;}
	#news .news_ul .con .img{display:none;}
	#news .news_ul li:hover .con .text{margin-left:5%;margin-right:5%;}

	#news_detail .news_detail .text_left{width:100%;margin-top:1rem;float:none;}
	#news_detail .news_detail .text_left:after{height:0;}
	#news_detail .news_detail .text_left .title{width:94%;}
	#news_detail .news_detail .text_left .title .p1{font-size:0.56rem;line-height:0.6rem;margin:0px auto 0.6rem;}
	#news_detail .news_detail .text_left .title .p2{font-size:0.4rem;line-height:0.48rem;margin:0px auto 0.7rem;}
	#news_detail .news_detail .text_left .title .p2 .T-icon{font-size:0.4rem;}
	#news_detail .news_detail .text_left .contents{width:94%;margin:1.2rem auto 0px;padding-bottom:0.8rem;}
	#news_detail .news_detail .text_left .contents .con{font-size:0.4rem;}
	#news_detail .news_detail .text_left .contents .bdsharebuttonbox{margin-top:1rem;}
	#news_detail .news_detail .text_left .anniu{width:94%;margin:1rem auto 0px;}
	#news_detail .news_detail .text_left .anniu .anniu_p{font-size:0.4rem;margin:0px auto 0.5rem;height:0.52rem;overflow:hidden;}
	#news_detail .news_detail .recommend{width:94%;margin:1rem 0 0.5rem;padding:0px 3%;float:none;}
	#news_detail .news_detail .recommend .p3{font-size:0.44rem;line-height:0.48rem;margin:0px auto 0.6rem;}
	#news_detail .news_detail .recommend ul li{height:0.9rem;}
	#news_detail .news_detail .recommend ul li a{font-size:0.4rem;line-height:0.72rem;margin:0px auto 0.4rem;}
	
.service-list .item .info{width: 100%;padding: 20px 20px 0 20px; float:none;}
.service-list .item .info::after{width: 0;height: 0;border-top: 0px solid transparent;border-bottom: 0px solid transparent;position: absolute;z-index: 1;top: 0px;content: '';}
.service-list .item .info.left::after{border-left: 0px solid #fff;left: 100%;}
.service-list .item .info.right::after{border-right: 0px solid #fff;right: 100%;}
.service-list .item .img{ width:100%;max-height:200px;float:none; overflow:hidden;}
.service-list .item:nth-child(2n) .info,.service-list .item:nth-child(2n) .img{ float:none;}
.service-list .item .name-0{font-size: 20px;}
.service-list .item .name-1{font-size:14px;}
.service-list .item .brief{height: 48px;line-height: 24px;font-size: 14px;color: #555;margin-top: 10px;}
.service-list .item .more{height: 30px;line-height: 30px;}
.service-list .item .more::before{width: 20px;height: 1px;}
.service-list .item .more::after{width: 8px;height: 1px;margin-top: -5px;margin-left: -6px;}

	
}


@media only screen and (max-width:720px){
	#banner .alls_mobile .item img{max-width: 100%;height: auto;}
	#info .wrap .info_list .item{height:140px;}
	#info .wrap .info_list .item .date{display:none;}
	#info .wrap .info_list .item .infomartion{width:60%; left:24%;}
	#info .wrap .info_list .item .infomartion .title{height:20px; line-height:20px; overflow:hidden;}
	#info .wrap .info_list .item .infomartion .title a{font-size:14px;}
	#info .wrap .info_list .item .infomartion .brief{height:24px; overflow:hidden;}
	#info .wrap .info_list .item .infomartion .inner_date{display:block;}
	#info .wrap .info_list .item .img{width:20%; left:1%;}
	#base .wrap .big .con{position: static;width: 90%;}
	#instance .wrap .list .instance .left,#instance .wrap .list .instance .right{position: static;width: 96%;float: none;}
	#product .wrap .list .bot .titles, #instance .wrap .list .instance .right .titles{font-size: 20px;}
	#instance-detail .wrap{position: static;width: 100%;/*height: 280px;*/overflow: hidden;}
	#instance-detail .wrap .c{position: static;width: auto;background: #fff;}
	#instance-detail .wrap .c .titles{margin-top: 0;color: #222;}
	#instance-detail .wrap .c .con .cons{padding-bottom: 20px;overflow: hidden;color: #222;}
    #instance-detail .wrap .c .con .texts{color: #222;}
	#nav .wrap .item li{margin-right: 25px;}
	#index .wrap3 .left{width: 80%;}
	#index .wrap4 .wrap .news_list .info{width: auto;float: none;margin-bottom: 10px;}
	#index .wrap4 .wrap .news_list .info .rights .titles{font-size: 18px;}
	.mobile_wraps .logo{/*width: 30%;*/width:50%;}
    #instance-detail .owl-theme .owl-controls{bottom: 30px;}
    #base .wrap .big .con{display: block !important;}
    #base .wrap .big .con .tit{font-size: 20px;}
}

@media only screen and (max-width:680px){
	
}

@media only screen and (max-width:580px){
	#join .wrap .join-us .dl > dt{ padding:1.4rem; }
	#join .wrap .join-us .dl > dd{ padding:1.4rem; }
	#join .wrap .join-us .dl > dt .t{ font-size:1.5rem; }
	#join .wrap .join-us .dl > dt .n{ font-size:1.25rem; }
	#join .wrap .join-us .dl > dt .b{ font-size:1rem; }
	#join .wrap .join-us .dl > dt .i{ height:1rem; width:1rem; top:2rem; right:2rem; }
	#join .wrap .join-us .dl > dd .btn{ line-height:33px; height:32px; padding:0 1.8rem; font-size:1.2rem; }
	#info .wrap .info_list .item{height:100px;}
	#info .wrap .info_list .bottom .left{font-size:18px;}
	#info .wrap .info_list .bottom .right{display:none;}
	#video .wrap .big{width: 90%;margin: 0 auto;margin-bottom: 2%;float: none;}
	#video .wrap .big:nth-child(3n){margin: 0 auto;margin-bottom: 2%;float: none;}
	#video .wrap .big:nth-child(2n){margin: 0 auto;margin-bottom: 2%;float: none;}
	#product .wrap .list .pro{width: 100%;margin-right: 0;}
	#about .wrap2 .cons{width: 100%;}
	#index .wrap2 .wrap .case_list_mobile .case_big .case{width: 100%;background-size: cover !important;}

	#footer .wrap .right .bots .rights .shape .codess{left: 170px;}
}

@media only screen and (max-width:480px){
	.in_apply .app_form{padding:20px 2% 30px;}
	.in_apply .app_form .in_row{width:100%; margin-right:0; margin-bottom:10px;}
	.in_apply .app_form .in_row .se{font-size:12px; height:40px; line-height:40px;}
	.in_apply .app_form .in_row .i{font-size:12px; height:40px; line-height:40px;}
	.in_apply .app_form .in_message .mess{font-size:12px;}
	.in_apply .app_form .apply_sub{margin:20px auto 0; width:120px; height:40px;}
	.in_apply .app_form .apply_sub .a_mit{font-size:12px;}
	#contact .wrap .app_form .in_row{width: 100%;margin-right: 0;}
	#product .wrap .list .bot{margin-top: 10px;}
    .mobile_wraps .logo{width: 70%;margin-top: 20px;}
}