/*全局样式*/
@charset "utf-8";
body {font: 14px/1.8 "微软雅黑","AlibabaPuHuiTi", "Arial", "Impact";color: #000;-webkit-text-size-adjust: 100%;background-color: #fff;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
.container-fluid {
    max-width:1430px !important;
}


:root{
    --color_zhuti: #007ac3;
    --color_border:#e5e5e5;
    --color_hover: #ca1616;
    --ali_family: AlibabaPuHuiTi;
    --transition_3:all .3s linear;
    --transition_5:all .5s linear;
    --transition_8:all .8s linear;
    --transform_scale: scale(1.08);
}


header{position: fixed;left: 0;top:20px;width: 100%;background-color:transparent;z-index: 111;color: #fff;}
header .logo{display: block;line-height: 90px;height: 90px;font-size: 0;position: relative;}
header .logo img{max-height: 90%;transition: var(--transition_3);}
header .logo img:nth-child(2){position: absolute;left: 0;top:0;bottom: 0;margin: auto 0;opacity: 0;}
header .txt{font-size: 18px;line-height: 90px;}
header .txt div{display:block;padding: 0 11px;font-size: 22px;margin-right:15px;}
header .txt div:before{position: relative;top:1px;}
header .txt a{display:block;padding: 0 11px;}
header .txt div:hover{background-color: rgba(0, 0, 0, .06);}
header .txt a:hover{background-color: rgba(0, 0, 0, .06);}

header .nav{width: 60%;position: relative;}
header .nav a{display:block;font-size: 18px;line-height: 90px;padding: 0 7px;}


@media (min-width:992px){
    .nav .nav_xg{position: absolute; left: 0; bottom: 15px; height: 3px; background-color: #fff;z-index:11;width: 50px;}
}


header.active{background-color: #fff;box-shadow: 0 4px 8px rgba(0,0,0,.06);color: #000;top:0;}
header.active .logo img:nth-child(1){opacity: 0;}
header.active .logo img:nth-child(2){opacity: 1;}
header.active .nav a:hover{color: var(--color_zhuti);}
header.active .nav a.active{color: var(--color_zhuti);}
header.active .nav .nav_xg{background-color: var(--color_zhuti);}


/*搜索*/
#formbox{display:block;position: fixed;left: 0;width: 100%;z-index: 112;background:var(--color_zhuti);top:0;height: 100%;padding: 50px 10%;display: none;}
#formbox .logo2 img{max-height:72px;}
#formbox #form_close{font-size: 50px;color: #fff;position: absolute;right: 10%;top:50px;font-weight: normal;cursor: pointer;opacity: .8;}
#formbox #form_close:hover{opacity: 1;transform: rotate(20deg);}
#formbox form{width: 1200px;margin:15% auto 0;display: block;max-width: 100%;}
#formbox form input{font-size:20px;color: #fff;border: 0;border-bottom: 2px solid #fff;height: 60px;background: transparent;padding: 0 30px;width: calc(100% - 140px);}
#formbox form button{width: 120px;float: right;background:transparent;border: 2px solid #fff;font-size: 20px;border-radius: 4px;color: #fff;height: 60px;}
#formbox form button:hover{background-color: #fff;color: var(--color_zhuti);}




/*右侧小点*/
.swiper1-pagination span{width: 17px;height: 17px;border-radius:50%;background:fixed;border: 1px solid transparent;position: relative;opacity: 1;margin:14px 0 !important;}
.swiper1-pagination span:after{content:"";height:3px;width: 3px;background: #fff;position: absolute;top:0;left: 0;right: 0;bottom:0;margin: auto;}
.swiper1-pagination span.swiper-pagination-bullet-active{border-color: #fff;}
.swiper1-pagination span:before{width:40px;line-height: 26px;height: 26px;text-align: center;position: absolute;left: 40px;top:-2px;bottom: 0;margin: auto 0;color:#fff;border-radius:4px;overflow: hidden;opacity: 0;font-size: 16px;}
.swiper1-pagination span.swiper-pagination-bullet-active:before{left: -40px;opacity: 1;transition: all 0.3s;}
.swiper1-pagination span:nth-child(1):before{content: "01";}
.swiper1-pagination span:nth-child(2):before{content: "02";}
.swiper1-pagination span:nth-child(3):before{content: "03";}
.swiper1-pagination span:nth-child(4):before{content: "04";}
.swiper1-pagination span:nth-child(5):before{content: "05";}
.swiper1-pagination span:nth-child(6):before{content: "06";}
.swiper1-pagination span:nth-child(7):before{content: "07";}
.swiper1-pagination span:nth-child(8):before{content: "08";}
.swiper1-pagination span:nth-child(9):before{content: "09";}





.banner{height: 100%;}
.banner .img{position:absolute;left: 0;top:0;width: 100%;z-index: 1;height: 100%;}
.banner .ttbox{height: 100%;color: #fff;text-align: center;position: relative;z-index: 2;padding: 15px;}
.banner .ttbox .tt{min-width: 88%}
.banner .ttbox .tt1{font-size:60px;line-height: 70px;font-weight: bold;}
.banner .ttbox .tt2{font-size:36px;line-height: 46px;margin-top:20px;}
.banner .ttbox .tt2 span{display: block;font-size:12px;line-height: 20px;color: rgba(255, 255, 255, .6);text-transform: uppercase;margin-top: 6px;}
.banner .swiper-slide .img{transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide.swiper-slide-active .img{transition:6s linear;transform:scale(1,1);}
/*banner*/
.banner .swiper-pagination-bullet{opacity: 1;width: 50px;height: 3px;background-color: rgba(255, 255, 255, .4);border-radius: 0;margin: 0 5px 10px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: "";width: 0;height: 100%;background-color: #fff;position: absolute;left: 0;top:0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 100%; transition:all 5s linear;}
.banner .swiper-pagination:before{font-size: 40px;color: #fff;position: absolute;left: 0;right: 0;top: -66px;animation: run1 2s linear infinite;}
@keyframes run1{
0%{transform: translateY(-3px);}
50%{transform: translateY(3px);}
100%{transform: translateY(-3px);}
}






footer .box1{padding: 60px 0;background-color: #062949;}
footer .box2{font-size: 14px;color: rgba(255,255,255,.6);padding: 20px;border-top: 1px solid rgba(255,255,255,.2);text-align: center;background-color: #041c32;}

footer .box1 .list1 .tt{font-size: 0;margin-top: 22px;}
footer .box1 .list1 .tt a{display: inline-block;vertical-align: top;font-size: 40px;color:rgba(255,255,255,.3);position: relative;padding-right: 22px;}
footer .box1 .list1 .tt a img {width: 140px;position: absolute;left: 0;bottom: 100%;max-width: 140px;max-height:inherit;border-radius: 5px;background: #fff;padding: 4px;display: none;box-shadow: 0 0 10px rgba(0,0,0,.1);}
footer .box1 .list1 .tt a:hover{color: #fff;}
footer .box1 .list1 .tt a:hover img{display: block;}

footer .box1 .list2{width: 40%;border-left: 1px solid rgba(255, 255, 255, .2);border-right: 1px solid rgba(255, 255, 255, .2);position: relative;}
footer .box1 .list2:after{content: "";width: 1px;height: 100%;background-color:rgba(255, 255, 255, .2);position: absolute;left: 44%;top:0;}
footer .box1 .list2 .ul{padding-right:20px;}
footer .box1 .list2 .ul a{display: block;font-size: 16px;color: #fff;line-height: 40px;padding-left: 20px;position: relative;}
footer .box1 .list2 .ul a:after{content: "";width: 6px;height: 6px;background-color: #fff;border-radius: 50%;position: absolute;left: 0;top:18px;}
footer .box1 .list2 .ul a:hover{text-decoration: underline!important;}

footer .box1 .list3{text-align: left;}
footer .box1 .top{font-size: 24px;font-weight: bold;color: #fff;margin-bottom:18px;}
footer .box1 .top span{font-size: 12px;color: #fff;display: block;text-transform: uppercase;font-weight: normal;}
footer .box1 .list3 .ss{width: 300px;font-size: 0;}
footer .box1 .list3 .ss .img{display: inline-block;vertical-align: top;width: calc(50% - 10px);;margin: 0 5px;font-size: 14px;color: #333;text-align: center;background: #fff;padding:6px;border-radius: 8px;}
footer .box1 .list3 .ss .img img{display: block;width: 100%;margin: 0 auto 0;}






.title {margin-bottom: 38px;position: relative;}
.title b{font-size:30px;line-height: 40px;color: var(--color_zhuti);float: left;}
.title b span{display: block;font-family: 'Impact';font-weight: normal;text-transform: uppercase;}
.title .div1{float: right;font-size: 0;margin-top: 26px;max-width: calc(100% - 100px);text-align: right;}
.title .div1 a:nth-last-child(1){display:inline-block;vertical-align: top;width: 140px;line-height: 37px;background-color: var(--color_zhuti);border-radius: 4px;text-align: center;padding-right: 36px;color: #fff;margin:4px 0 4px 4px;position: relative;}
.title .div1 a:nth-last-child(1):before{border-left: 1px solid #fff;width: 36px;position: absolute;right: 0;top:0;}
.title .div1 a:nth-last-child(n+2){display:inline-block;vertical-align: top;line-height: 37px;background-color: var(--color_zhuti);color: #fff;min-width: 112px;color: #fff;text-align: center;border-radius: 4px;font-size: 14px;margin: 4px;}
.title .div1 a:hover{background-color: var(--color_hover);}



.main1{height: 100%;padding-top:50px;}
.main2{height: 100%;padding-top:50px;}
.main3{height: 100%;padding-top:50px;}
.main4{height: 100%;/*padding-top:50px;*/ padding-bottom: 50px;}
.main5{height: 100%;padding-top:50px;}
.main6{height: 100%;padding-top:50px;}


/*产品*/
.main1 .container-fluid{padding-top: 44px;}
.main1 .lb1{position: relative;margin: -10px;padding-bottom: 88px;}
.main1 .list{display: block;background-color: #fff;margin: 10px;box-shadow: 0 0 11px rgba(0, 0, 0, .06);}
.main1 .list .img{padding-top:77%;position: relative;overflow: hidden;}
.main1 .list .img img{display:block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;transition: var(--transition_3);}
.main1 .list .tt{background-color: var(--color_zhuti);padding:18px 30px;color: #fff;}
.main1 .list .tt1{font-size: 20px;font-weight: bold;padding-left: 16px;position: relative;}
.main1 .list .tt1:after{content: "";width: 4px;height: 22px;background-color: #fff;position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.main1 .list .tt2{font-size: 16px;padding-left: 16px;}
.main1 .list .tt3{padding: 0 30px;font-size: 14px;line-height:50px;}
.main1 .list .tt3 i{font-size: 26px;float: right;color: #888;}
.main1 .list:hover .tt3{color: var(--color_zhuti);}
.main1 .list:hover .tt3 i{color: var(--color_zhuti);}
.main1 .list:hover .img img{transform: var(--transform_scale);}

.lb1 .swiper-pagination-fraction{width: 90px;background-color: #fff;line-height: 42px;box-shadow: 0 0 11px rgba(0, 0, 0, .06);margin: 0 auto;right: 0;bottom: 0;}
.lb1 .swiper-button-prev{width:70px;line-height: 42px;height: 42px;background-color: #fff;left: calc(50% - 124px);bottom: 0;top:auto;margin: 0;}
.lb1 .swiper-button-prev:after{font-size: 18px;line-height: 0;color: #666;transition: var(--transition_3);}
.lb1 .swiper-button-next{width:70px;line-height: 42px;height: 42px;background-color: #fff;right: calc(50% - 124px);bottom: 0;top:auto;margin: 0;}
.lb1 .swiper-button-next:after{font-size: 18px;line-height: 0;color: #666;transition: var(--transition_3);}
.lb1 .swiper-button-next:hover{background-color: var(--color_zhuti);}
.lb1 .swiper-button-next:hover:after{color: #fff;}
.lb1 .swiper-button-prev:hover{background-color: var(--color_zhuti);}
.lb1 .swiper-button-prev:hover:after{color: #fff;}


/*设备*/
.main2 .box{margin: -20px -10px 0;}
.main2 .box a{display: block;width: calc(25% - 20px);margin: 20px 10px 0;float: left;position: relative;}
.main2 .box a .bjcover{padding-top:70%;}
.main2 .box a:nth-child(1){width: calc(50% - 20px)}
.main2 .box a:nth-child(1) .bjcover{padding-top: calc(70% + 6px);}
.main2 .box a .tt{display: none;}
.main2 .box a:nth-child(1) .tt{background-color: var(--color_zhuti);padding:18px 30px;color: #fff;display: block;position: absolute;left: 0;bottom: 44px;width: 330px;max-width: 90%;}
.main2 .box a:nth-child(1) .tt1{font-size: 20px;font-weight: bold;padding-left: 16px;position: relative;}
.main2 .box a:nth-child(1) .tt1:after{content: "";width: 4px;height: 22px;background-color: #fff;position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.main2 .box a:nth-child(1) .tt2{font-size: 16px;padding-left: 16px;}
.main2 .box a:hover .bjcover{transform: var(--transform_scale);}


/*新闻*/
.main3 .lb3{margin: -15px;}
.main3 .list{display: block;background-color: #fff;margin: 15px;box-shadow: 0 0 11px rgba(0, 0, 0, .06);position: relative;padding: 166px 40px 40px;}
.main3 .list .tt1{background-color: #F7F7F7;width: 134px;height: 134px;position: absolute;left: 0;top:0;font-family: 'Arial';font-size: 18px;line-height: 1.5;}
.main3 .list .tt1 b{font-size: 48px;color: var(--color_zhuti);display: block;line-height: 50px;}
.main3 .list .tt2{font-size: 20px;font-weight: bold;line-height: 34px;height: 68px;}
.main3 .list .tt3{font-size: 16px;line-height: 30px;height: 60px;margin-top: 14px;}
.main3 .list .tt4{padding: 0 40px;font-size: 14px;line-height:50px;border-top: 1px solid var(--color_zhuti);width: calc(100% + 80px);margin-left: -40px;position: relative;bottom: -40px;}
.main3 .list .tt4 i{font-size: 26px;float: right;color: #888;}
.main3 .list:hover .tt2{color: var(--color_zhuti);}
.main3 .list:hover .tt4{color: var(--color_zhuti);}
.main3 .list:hover .tt4 i{color: var(--color_zhuti);}




/*联系*/
.main4 .zuo{width: calc(100% - 360px);float: left;padding-right: 50px;}
.main4 .you{width: 360px;float: right;}
.main4 .you .tt1{font-size: 16px;color: var(--color_zhuti);padding-left: 40px;position: relative;line-height: 28px;padding-bottom: 15px;}
.main4 .you .tt1 img{display: block;position: absolute;left: 0;top:0;}
.main4 .you .tt1:nth-child(1){padding-left: 66px;padding-bottom: 24px;}
.main4 .you .tt1:nth-child(1) img{left: -22px;top:2px;}
.main4 .you .tt1:nth-child(1) span{display: block;font-size: 33px;font-family: 'Impact';}
.main4 .you .tt2{width: 160px;margin-top: 20px;text-align: center;line-height: 1.4;font-size: 14px;}
.main4 .you .tt2 img{border: 1px solid #eee;display: block;width: 100%;margin: 0 auto 8px;}




/*内页新闻*/
/*.nyxw .list{margin-bottom:20px;display: block;padding: 14px;border: 1px solid #e9e9e9;}
.nyxw .list .img{width:calc(9% + 156px);float: left;}
.nyxw .list .img .bjcover{height:200px;}
.nyxw .list .tt{float: left;width: calc(91% - 156px);padding-left: 22px;}
.nyxw .list .tt1{font-size: 17px;color: #000;font-weight: bold;line-height: 27px;margin-top: 10px;}
.nyxw .list .tt2{color: #b1b1b1;font-size: 12px;line-height: 28px;}
.nyxw .list .tt3{color: #333333;line-height: 25px;height: 75px;overflow: hidden;}
.nyxw .list .tt4{width:96px;border: 1px solid #d9d9d9;border-radius: 20px;text-align: center;color: #333333;line-height: 29px;margin-top: 14px;position: relative;padding-right: 20px;}
.nyxw .list .tt4:after{content:"";width: 10px;height: 7px;background: url("../images/tu29.png") no-repeat center center;position: absolute;right: 20px;top:0;bottom:0;margin: auto 0;transition: all 0.3s;z-index: 1;}
.nyxw .list .tt4:before{content:"";width: 0;height: 7px;background: url("../images/tu29-1.png") no-repeat center center;position: absolute;right: 30px;top:0;bottom:0;margin: auto 0;transition: all 0.3s;z-index: 2;}
.nyxw .list:hover .tt4{background-color: var(--color_zhuti);color: #fff;border-color: var(--color_zhuti);}
.nyxw .list:hover .tt4:before{width: 10px;transition: all 0.3s;right: 20px;}
.nyxw .list:hover .img .bjcover{transform:scale(1.06);}
@media (max-width:600px) {
    .nyxw .list{margin-bottom:20px;padding: 0;box-shadow: 0 0 0;}
    .nyxw .list .img{width:100%;float:none;margin:15px 15px 0;max-width: calc(100% - 30px);}
    .nyxw .list .img .bjcover{height:auto;padding-top: 66%;}
    .nyxw .list .tt{float: none;width: 100%;padding-left: 0;padding: 0 10px;padding: 10px 20px 20px;}
    .nyxw .list .tt1{text-overflow:inherit;white-space:inherit;overflow: inherit;line-height: 24px;}
    .nyxw .list .tt3{height:auto;max-height:75px;}
}*/



.banner2{position: relative;min-height: 260px;}
.banner2:after{padding-top:30%;content: "";display: block;}
.banner2 .tt{height: 100%;color: #fff;position: absolute;left: 0;top:0;width: 100%;padding-top: 5%;}
.banner2 .tt .tt1{font-size:40px;line-height: 50px;font-weight: bold;}
.banner2 .tt .tt2{font-size:22px;line-height: 32px;margin-top:20px;}




.ny{padding: 66px 0 111px;}
.title8{padding: 18px 0;box-shadow: 0 4px 6px rgba(0, 0, 0, .03);font-size: 0;background-color: #fff;text-align: center;}
.title8 a{display: inline-block;vertical-align: top;font-size: 16px;;line-height: 44px;border-radius: 8px;min-width: 150px;padding: 0 20px;text-align: center;margin: 5px 10px 5px 0;}
.title8 a:hover{background-color: var(--color_zhuti);color: #fff;}
.title8 a.active{background-color: var(--color_zhuti);color: #fff;}
@media (max-width:991px) {
    .title8{padding: 14px 0;}
    .title8 a{font-size: 15px;line-height: 40px;min-width: 120px;margin: 2px 5px 2px 0;}
}



.nyxw>div{margin-bottom: 30px;}
.nyxw .list{display: block;background-color: #fff;position: relative;padding: 166px 40px 40px;border: 1px solid #eee;}
.nyxw .list .tt1{background-color: #F7F7F7;width: 134px;height: 134px;position: absolute;left: 0;top:0;font-family: 'Arial';font-size: 18px;line-height: 1.5;}
.nyxw .list .tt1 b{font-size: 48px;color: var(--color_zhuti);display: block;line-height: 50px;}
.nyxw .list .tt2{font-size: 20px;font-weight: bold;line-height: 34px;height: 68px;}
.nyxw .list .tt3{font-size: 16px;line-height: 30px;height: 60px;margin-top: 14px;}
.nyxw .list .tt4{padding: 0 40px;font-size: 14px;line-height:50px;border-top: 1px solid var(--color_zhuti);width: calc(100% + 80px);margin-left: -40px;position: relative;bottom: -40px;}
.nyxw .list .tt4 i{font-size: 26px;float: right;color: #888;}
.nyxw .list:hover .tt2{color: var(--color_zhuti);}
.nyxw .list:hover .tt4{color: var(--color_zhuti);}
.nyxw .list:hover .tt4 i{color: var(--color_zhuti);}





.liuyan form{margin: 0 -10px;}
.liuyan form input{width: calc(50% - 20px);margin: 0 10px 20px;float: left;line-height: 58px;height: 60px;border: 1px solid var(--color_border);box-shadow: 0 0 11px var(--rgba_hs);font-size: 16px;padding: 0 20px;border-radius: 8px;}
.liuyan form input:nth-child(n+3){width: calc(33.33% - 20px);}
.liuyan form textarea{width: calc(100% - 20px);max-width: calc(100% - 20px);margin: 0 10px 33px;float: left;line-height: 28px;height: 144px;border: 1px solid var(--color_border);box-shadow: 0 0 11px var(--rgba_hs);font-size: 16px;padding:15px 20px;border-radius: 8px;}
.liuyan form button{width: 250px;line-height: 66px;background-color: var(--color_zhuti);font-size: 24px;color: #fff;text-align: center;border: 0;margin-left: calc(50% - 125px);}
.liuyan form button:hover{background-color: var(--color_hover);}
@media (max-width:767px) {
    .liuyan form input{width: calc(100% - 20px);margin: 0 10px 10px;height: 50px;font-size: 14px;padding: 0 16px;}
    .liuyan form input:nth-child(n+3){width: calc(100% - 20px);}
    .liuyan form textarea{margin: 0 10px 15px;line-height: 26px;height: 130px;font-size: 14px;padding:12px 20px;border-radius: 8px;}
    .liuyan form button{width: calc(100% - 20px);line-height: 50px;margin: 0 10px;font-size: 16px;}
}



/*详情页*/
.danye{color:#000;font-size: 15px;line-height: 1.9;padding-top: 8px;}
.danye .topbox{margin-bottom:20px;text-align: center;}
.danye .bt{color: #000;font-size: 24px;padding-bottom: 10px;line-height: 1.6;}
.danye .rq{color: #000;opacity: .6;font-size: 14px;}
.danye .xian{width: 100%;height: 11px;margin-top:16px;;border-top: 1px dashed #aaa;opacity: .4;}
.danye .img{margin:0 auto 22px auto;display: block;}
.danye .img img{display: block;margin: 0 auto;}

.nylx{padding-top: 40px;}
.liuyan{padding: 66px 0 50px;}

@media (max-width:991px){
    /*详情页*/
    .danye{font-size: 15px;line-height: 1.8;}
    .danye .topbox{margin-bottom: 16px;}
    .danye .bt{font-size: 20px;padding-bottom: 4px;}
    .danye .img{margin:0 auto 18px auto;}
    .danye .ditu{height:360px;margin: 18px auto;}
    .danye .xian{margin-top: 14px;}

    .nylx{padding-top: 0;}
    .liuyan{padding: 0 0 44px;}
}



.nycp{padding:0 0 99px;}
.nycp .title8{width: calc(15% + 130px);float: left;box-shadow: none;background-color: #006EC7;padding: 40px 0;}
.nycp .title8 a{display: block;min-width: inherit;margin-left: 0;margin-right: 0;text-align: left;padding: 0 10px 0 20px;color: #fff;border-radius: 0;line-height: 80px;}
.nycp .title8 a:hover{background-color: #f5f5f5;color: #000}
.nycp .title8 a.active{background-color: #f5f5f5;color: #000}
/*.nycp .title8 a.active{background-color: var(--color_hover);}*/
.nycp .box{width: calc(85% - 170px);float: right;}



.nycp .box{padding-top: 30px;}
.nycp .row>div{margin-bottom: 30px;}
.nycp .list{display: block;background-color: #fff;box-shadow: 0 0 11px rgba(0, 0, 0, .06);}
.nycp .list .img{padding-top:77%;position: relative;overflow: hidden;}
.nycp .list .img img{display:block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;transition: var(--transition_3);}
.nycp .list .tt{background-color: var(--color_zhuti);padding:18px 30px;color: #fff;}
.nycp .list .tt1{font-size: 20px;font-weight: bold;padding-left: 16px;position: relative;}
.nycp .list .tt1:after{content: "";width: 4px;height: 22px;background-color: #fff;position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.nycp .list .tt2{font-size: 16px;padding-left: 16px;}
.nycp .list .tt3{padding: 0 30px;font-size: 14px;line-height:50px;}
.nycp .list .tt3 i{font-size: 26px;float: right;color: #888;}
.nycp .list:hover .tt3{color: var(--color_zhuti);}
.nycp .list:hover .tt3 i{color: var(--color_zhuti);}
.nycp .list:hover .img img{transform: var(--transform_scale);}


.nycp1{padding:0 0 99px;}
.nycp1 .title8{width: 300px;float: left;box-shadow: none;background-color: #006EC7;padding: 40px 0;}
.nycp1 .title8 a{display: block;min-width: inherit;margin-left: 0;margin-right: 0;text-align: left;padding: 0 10px 0 20px;color: #fff;border-radius: 0;}
.nycp1 .title8 a:hover{background-color: var(--color_hover);}
.nycp1 .title8 a.active{background-color: var(--color_hover);}
.nycp1 .box{width: 100%;float: left;}
.nycp1 .box{padding-top: 30px;}
.nycp1 .row>div{margin-bottom: 30px;}
.nycp1 .list{display: block;background-color: #fff;box-shadow: 0 0 11px rgba(0, 0, 0, .06);}
.nycp1 .list .img{padding-top:77%;position: relative;overflow: hidden;}
.nycp1 .list .img img{display:block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;transition: var(--transition_3);}
.nycp1 .list .tt{background-color: var(--color_zhuti);padding:18px 30px;color: #fff;}
.nycp1 .list .tt1{font-size: 20px;font-weight: bold;padding-left: 16px;position: relative;}
.nycp1 .list .tt1:after{content: "";width: 4px;height: 22px;background-color: #fff;position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.nycp1 .list .tt2{font-size: 16px;padding-left: 16px;}
.nycp1 .list .tt3{padding: 0 30px;font-size: 14px;line-height:50px;}
.nycp1 .list .tt3 i{font-size: 26px;float: right;color: #888;}
.nycp1 .list:hover .tt3{color: var(--color_zhuti);}
.nycp1 .list:hover .tt3 i{color: var(--color_zhuti);}
.nycp1 .list:hover .img img{transform: var(--transform_scale);}



/*产品详情*/
.cpxq1 .imgbox{width:50%;float: left;}
.cpxq1 .ttbox{width: 50%;float:right;padding:0 0 0 40px;}
.cpxq1 .swiperxq1{margin-bottom: 12px;position: relative;}

/*铺满需要的样式*/
/*
.cpxq1 .swiper-slide{overflow: hidden;border: 1px solid #ddd;background-color: #fff;border-radius: 8px;cursor: pointer;}
.cpxq1 .swiper-slide .bjcover{height: 450px;}
.cpxq1 .swiperxq2 .swiper-slide{border: 1px solid #e8e8e8;background-color: #fff;overflow: hidden;border-radius: 8px;}
.cpxq1 .swiperxq2 .swiper-slide .bjcover{height: 120px;}
*/

/*img显示全需要的样式*/
.cpxq1 .swiperxq1{border: 1px solid #ddd;border-radius: 8px;overflow: hidden;}
.cpxq1 .swiper-slide{height: 400px;position: relative;background-color: #fff;}
.cpxq1 .swiper-slide img{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height:80%;}
.cpxq1 .swiperxq2 .swiper-slide{border: 1px solid #e8e8e8;background-color: #fff;overflow: hidden;border-radius: 8px;height: 120px;}
/*结束*/

.cpxq1 .swiperxq2{position: relative;padding: 0 44px;}
.cpxq1 .swiperxq2 .swiper-slide.swiper-slide.swiper-slide-thumb-active{border-color: var(--color_zhuti);}

.cpxq1 .swiper-button-prev{width:30px;height: 100%;font-size: 26px;text-align: center;color: #666;background: #f0f0f0;left: 0;top:0;margin: 0;border-radius: 8px;}
.cpxq1 .swiper-button-prev:after{font-size: 26px;}
.cpxq1 .swiper-button-prev:hover{background-color:var(--color_zhuti);color: #fff;}
.cpxq1 .swiper-button-next{width:30px;height: 100%;font-size: 26px;text-align: center;color: #666;background: #f0f0f0;right: 0;top:0;margin: 0;border-radius: 8px;}
.cpxq1 .swiper-button-next:after{font-size: 26px;}
.cpxq1 .swiper-button-next:hover{background-color:var(--color_zhuti);color: #fff;}


.cpxq1 .ttbox .tt1{font-size: 30px;color: var(--title_color);border-bottom: 1px solid #eee;padding-bottom:22px;margin-bottom:26px;}
.cpxq1 .ttbox .tt2{font-size: 16px;color: #444;min-height: 230px;}
.cpxq1 .ttbox .tt2 td{padding: 2px 0;}
.cpxq1 .ttbox .tt2 td:nth-child(1){min-width: 120px;vertical-align: top;}
.cpxq1 .ttbox .tt3{font-size: 0;margin-top: 30px;}
.cpxq1 .ttbox .tt3 .tt4{display: inline-block;vertical-align: top;height: 100px;border: 1px solid #eee;margin-right: 14px;padding: 18px 18px 18px 74px;position: relative;line-height: 1.3;border-radius: 8px;color: #444;font-size: 18px;font-weight: bold;}
.cpxq1 .ttbox .tt3 .tt4 b{font-size: 30px;color: var(--active_color);display: block;font-family: 'Arial';}
.cpxq1 .ttbox .tt3 .tt4 img{display: block;position: absolute;left: 18px;top:25px;}
.cpxq1 .ttbox .tt3 > img{height: 100px;border: 1px solid #eee;border-radius: 5px;}


.cpxq2{margin-top:30px;font-size: 15px;line-height: 1.8;color: #333;overflow: hidden;}
.cpxq2 .top{font-size: 0;margin-bottom: 25px;border-bottom: 1px solid #eee;margin-top: 25px;overflow: hidden;}
.cpxq2 .top span{display: inline-block;vertical-align: top;border-bottom: 4px solid var(--active_color);font-size: 24px;color: #444;font-weight: bold;padding-bottom: 8px;}
.cpxq2 .top span b{color: var(--active_color);}
.cpxq2 .ttbox{padding-bottom: 20px;}









/* -webkit-line-clamp: 2; */


/*媒体查询开始*/
@media (max-width:1349px){

}
@media (max-width:1199px){
 

}
@media (max-width:991px) {
    body{padding-top: 90px;}
    header{background-color: var(--color_zhuti);top:0;}
    header .txt{font-size: 16px;line-height: 40px;margin-top: 6px;height: 40px;}
    header .txt div{margin-right: 0;padding: 0 8px;font-size: 18px;}
    header .txt a{padding: 0 8px;}


    header .nav.flex-space-around{display: none;position: fixed;width: 100%;right:0;top:90px;height: calc(100vh - 90px);z-index: 1122;background: #fff;box-shadow: 0 5px 11px rgba(0,0,0,.06);padding: 15px;}
    header .nav a{color: #000;display: block;line-height:50px;border-bottom: 1px solid #eee;font-size: 16px;}
    header .nav a:hover{color: var(--color_zhuti);}
    header .nav a.active{color: var(--color_zhuti);}

   /*移动导航按钮*/
    header .lanmu{width: 30px;font-size: 0;height: 21px;position: absolute;right: 15px;bottom:20px;cursor: pointer;z-index: 99;}
    header .lanmu i{display: inline-block;width: 100%;height: 3px;background:#fff;border-radius: 3px;transition: all 0.6s;}
    header .lanmu i:nth-child(2), .lanmu i:nth-child(3){width: 40%;margin:6px 0;}
    header .lanmu i:nth-child(2){margin-right: 10%;}
    header .lanmu i:nth-child(3){margin-left: 10%;}
    header .lanmu.active i:nth-child(1) {transform: rotate(45deg) translateY(4px) translateX(5px);}      
    header .lanmu.active i:nth-child(4){transform: rotate(-45deg) translateY(-8px) translateX(8px);}
    header .lanmu.active i:nth-child(2){transform: translateX(-30px);opacity: 0;}
    header .lanmu.active i:nth-child(3){transform: translateX(30px);opacity: 0;}
    header.active .lanmu i{background-color:var(--color_zhuti);}

    /*搜索*/
    #formbox{padding:40% 15px 0;}
    #formbox #form_close{font-size: 30px;right: 15px;top:11%;}
    #formbox form input{font-size:15px;padding: 0 20px;width: calc(100% - 66px);height:44px;border-width: 1px;}
    #formbox form button{width: 60px;font-size: 16px;height: 44px;border-width: 1px;}

    .banner .swiper-slide{height:330px;padding-bottom:20px;}
    .banner .ttbox .tt1{font-size:30px;line-height: 40px;}
    .banner .ttbox .tt2{font-size:20px;line-height: 30px;margin-top:11px;}
    .banner .swiper-pagination-bullet{width: 30px;}
    .banner .swiper-pagination:before{display: none;}


    footer .box1 .flex-between{display:block;}
    footer .box1 .list1{width: 100%;text-align: center;}
    footer .box1 .list1 .tt{display: none;}
    footer .box1 .list2{width: 100%;border: 0;}
    footer .box1 .list2:after{display: none;}
    footer .box1 .list2 .flex-space-around{display: block;}
    footer .box1 .list2 .ul{font-size: 0;margin-top: 20px;text-align: center;padding-right: 0;}
    footer .box1 .list2 .ul a{display: inline-block;vertical-align: top;padding:0 14px;margin: 0 10px;}
    footer .box1 .list3{width: 100%;text-align: center;margin-top: 20px;}
    footer .box1 .list3 .ss{margin: 0 auto;}




    .title {margin-bottom:26px;}
    .title b{font-size:26px;line-height:36px;}
    .title .div1{margin-top:20px;}
    .title .div1 a:nth-last-child(1){width: 112px;font-size: 14px;margin: 2px 0 2px 2px;}
    .title .div1 a:nth-last-child(n+2){font-size: 14px;margin: 2px 0 2px 2px;}



    .main1{padding:50px 0;}
    .main2{padding:50px 0;}
    .main3{padding:50px 0;}
    .main4{padding:50px 0;}
    .main5{padding:50px 0;}
    .main6{padding:50px 0;}


    /*产品*/
    .main1 .container-fluid{padding-top:0;}
    .main1 .lb1{margin: -6px;padding-bottom:50px;}
    .main1 .list{margin: 6px;}

    .main1 .list .tt{padding:11px 0;bottom: 25px;}
    .main1 .list .tt1{font-size: 17px;text-align: center;padding: 0;}
    .main1 .list .tt1:after{height:18px;width: 3px;display: none;}
    .main1 .list .tt2{font-size: 14px;display: none;}
    .main1 .list .tt3{padding: 0;line-height:40px;text-align: center;}
    .main1 .list .tt3 i{display: none;}


    .lb1 .swiper-pagination-fraction{line-height: 38px;width: 80px;}
    .lb1 .swiper-button-prev{line-height: 38px;height: 38px;width:50px;left: calc(50% - 100px);}
    .lb1 .swiper-button-next{line-height: 38px;height: 38px;width:50px;right: calc(50% - 100px);}





    /*设备*/
    .main2 .box{margin: -12px -6px 0;}
    .main2 .box a{width: calc(50% - 12px);margin: 12px 6px 0;}
    .main2 .box a:nth-child(1){width: calc(100% - 12px)}
    .main2 .box a .tt{display: none;}
    .main2 .box a:nth-child(1) .tt{padding:11px 20px;bottom: 25px;width:260px;}
    .main2 .box a:nth-child(1) .tt1{font-size:17px;}
    .main2 .box a:nth-child(1) .tt1:after{height:18px;width: 3px;}
    .main2 .box a:nth-child(1) .tt2{font-size: 14px;}
    .main2 .box a:hover .bjcover{transform: var(--transform_scale);}



    /*新闻*/
    .main3 .lb3{margin: -10px;}
    .main3 .list{margin: 10px;padding: 108px 25px 22px;}
    .main3 .list .tt1{width: 108px;height: 90px;font-size: 16px;}
    .main3 .list .tt1 b{font-size:32px;line-height:32px;}
    .main3 .list .tt2{font-size: 17px;line-height: 30px;height: 60px;}
    .main3 .list .tt3{font-size: 15px;line-height: 26px;height: 52px;}
    .main3 .list .tt4{padding: 0 25px;line-height:44px;width: calc(100% + 50px);margin-left: -25px;bottom: -18px;}
    .main3 .list .tt4 i{font-size: 22px;}




    /*联系*/
    .main4 .zuo{width:100%;padding: 0;}
    .main4 .you{width: 100%;margin:30px 0 0;}
    .main4 .you .tt1{padding-left: 38px;}


    .main4 .you .tt1:nth-child(1){padding-left: 38px;padding-bottom: 16px;}
    .main4 .you .tt1:nth-child(1) img{left: -3px;top:31px;width: 30px;}
    .main4 .you .tt1:nth-child(1) span{font-size:24px;}

    .main4 .you .tt2{width: 150px;}




    .banner2 .tt .tt1{font-size:26px;line-height: 36px;}
    .banner2 .tt .tt2{font-size:18px;line-height: 30px;margin-top:10px;}




    /*新闻*/
    .nyxw .list{padding: 108px 25px 22px;}
    .nyxw .list .tt1{width: 108px;height: 90px;font-size: 16px;}
    .nyxw .list .tt1 b{font-size:32px;line-height:32px;}
    .nyxw .list .tt2{font-size: 17px;line-height: 30px;height: 60px;}
    .nyxw .list .tt3{font-size: 15px;line-height: 26px;height: 52px;}
    .nyxw .list .tt4{padding: 0 25px;line-height:44px;width: calc(100% + 50px);margin-left: -25px;bottom: -18px;}
    .nyxw .list .tt4 i{font-size: 22px;}



    .nycp{padding:0 0 55px;}
    .nycp .title8{width: 100%;padding: 20px 0;}
    .nycp .title8 a{display: block;min-width: inherit;margin-left: 0;margin-right: 0;text-align: left;padding: 0 10px 0 20px;color: #fff;border-radius: 0;line-height: 36px;}
    /*.nycp .title8 a:hover{background-color: var(--color_hover);}*/
    /*.nycp .title8 a.active{background-color: var(--color_hover);}*/
    .nycp .box{width:100%;float: right;}



    .nycp .box{padding-top: 30px;}
    .nycp .row{margin: 0 -6px;}
    .nycp .row>div{margin-bottom: 12px;padding: 0 6px;}

    .nycp .list .tt{padding:11px 0;bottom: 25px;}
    .nycp .list .tt1{font-size: 17px;text-align: center;padding: 0;}
    .nycp .list .tt1:after{height:18px;width: 3px;display: none;}
    .nycp .list .tt2{font-size: 14px;display: none;}
    .nycp .list .tt3{padding: 0;line-height:40px;text-align: center;}
    .nycp .list .tt3 i{display: none;}
	
    .nycp1{padding:0 0 55px;}
    .nycp1 .title8{width: 100%;padding: 20px 0;}
    .nycp1 .title8 a{display: block;min-width: inherit;margin-left: 0;margin-right: 0;text-align: left;padding: 0 10px 0 20px;color: #fff;border-radius: 0;}
    .nycp1 .title8 a:hover{background-color: var(--color_hover);}
    .nycp1 .title8 a.active{background-color: var(--color_hover);}
    .nycp1 .box{width:100%;float: right;}



    .nycp1 .box{padding-top: 30px;}
    .nycp1 .row{margin: 0 -6px;}
    .nycp1 .row>div{margin-bottom: 12px;padding: 0 6px;}

    .nycp1 .list .tt{padding:11px 0;bottom: 25px;}
    .nycp1 .list .tt1{font-size: 17px;text-align: center;padding: 0;}
    .nycp1 .list .tt1:after{height:18px;width: 3px;display: none;}
    .nycp1 .list .tt2{font-size: 14px;display: none;}
    .nycp1 .list .tt3{padding: 0;line-height:40px;text-align: center;}
    .nycp1 .list .tt3 i{display: none;}


    /*产品详情*/
    .cpxq1 .imgbox{float:none;width: 600px;max-width: 100%;margin: 0 auto;}
    .cpxq1 .ttbox{width: 100%;float:none;padding:30px 0 0;}
    /*显示全需要的样式*/
    .cpxq1 .swiper-slide{padding-top: 72%;height: auto!important;}
    .cpxq1 .swiperxq2 .swiper-slide{padding-top: 36%;}

    /*铺满需要的样式*/
/*    .cpxq1 .swiper-slide .bjcover{height:auto;padding-top: 80%;}*/
/*    .cpxq1 .swiperxq2 .swiper-slide .bjcover{height:auto;padding-top: 80%;}*/

    .cpxq1 .swiperxq2{padding: 0 30px;}
    .cpxq1 .swiper-button-prev{width: 24px;}
    .cpxq1 .swiper-button-next{width: 24px}
    .cpxq1 .swiper-button-prev:after{font-size: 16px;}
    .cpxq1 .swiper-button-next:after{font-size: 16px;}


    .cpxq1 .ttbox .tt1{font-size: 22px;padding-bottom:14px;margin-bottom:14px;}
    .cpxq1 .ttbox .tt2{font-size: 15px;min-height:inherit;}
    .cpxq1 .ttbox .tt2 td:nth-child(1){min-width: 110px;}

    .cpxq1 .ttbox .tt3 .tt4{margin-right: 10px;font-size: 15px;font-weight: normal;padding: 15px 15px 15px 60px;height: auto;}
    .cpxq1 .ttbox .tt3 .tt4 b{font-size: 22px;font-weight: bold;}
    .cpxq1 .ttbox .tt3 .tt4 img{left: 15px;top:20px;width:40px;}

    .cpxq2{margin-top:20px;}
    .cpxq2 .top{margin-bottom: 15px;margin-top:20px;;}
    .cpxq2 .ttbox{font-size: 15px;padding-bottom: 22px;}







}

@media (max-width:767px) {



}
@media (max-width:600px) {


}

@media (max-width:479px) {
    .danye .ditu{height:300px;}

    
}