@charset "utf-8";

* {font-family: "SourceHanSansCN_Regular",Arial, Helvetica, sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
.wrap{width:1000px; margin:0 auto;}
.blank36{margin-top: 36px;}
.fl{float: left;}
.fr{float: right;}
.fz{font-size: 0;}
.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;}
.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;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.middle{vertical-align: middle;}
.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;}
.c1{clear: both;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.trans15 { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; }
.fz{font-size: 0;}
.dis{display: inline-block;vertical-align: top;}
.editor{color: #333;font-size: 16px;}
.editor p,
.editor div,
.editor em,
.editor b,
.editor span{line-height: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%!important;height: auto!important;}
.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{max-width:100%;min-width:320px;overflow-x: hidden;margin: 0 auto;}
table{max-width: 100%;}
.bd_weixin_popup{min-height: 333px!important;}
.ab-style{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m_auto{}
.box-img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.box-span{display: inline-block;vertical-align: middle;height: 100%;}
.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.w1840{width: 1840px;margin: 0 auto;}
.w1632{width: 1632px;margin: 0 auto;}
@media (max-width: 1860px){
    .w1840{width: 96%;}
}
@media (max-width: 1860px){
    .w1632{width: 94%;}
}
@media (max-width: 1680px){
    .w1600{width: 94%;}
}
@media (max-width: 1440px){
    .w1400{width: 96%;}
}
@media (max-width: 1280px){
    .w1200{width: 94%;}
}
.over{overflow: hidden;}

/*头部*/
#header{height: 100px;z-index: 10;position: relative;}
#header .logo{margin-top: 20px;width: 210px;height: 60px;}
#header .logo .i2{display: none;}
#header .nav{margin-right: 50px;}
#header .nav .dis .one{position: relative;z-index: 2;padding: 0 50px;line-height: 100px;color: #282828;font-size: 14px;color: #282828;font-size: 14px;font-family: 'FZLTZH_GBK';}
#header .nav .dis:hover .one{color: #fff;}
#header .nav .dis.first:after{position: absolute;content:'';top: 0;width: 100%;left: 0;background: url(../images/nav.jpg) no-repeat center center;ransition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#header .nav .dis.first:hover::after{height: 100px;}
#header .nav .dis:after{content:"";position: absolute;top: 0px;left: 0;right: 0;margin: auto;width: 100%;height: 0;background: url(../images/nav.jpg) no-repeat center center/100% 100%;transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#header .nav .dis .two{height: 0;overflow: hidden;width: 156px;top: 80px;left: 0;right: 0;}
#header .nav .dis .two .h1{position: relative;text-align: center;}
#header .nav .dis .two .child{position: relative;color: #9aeae6;font-size: 13px;margin-top: 6px;padding: 8px 20px 0px;;height: 40px;line-height: 40px;z-index: 2;text-align: center;}
#header .nav .dis .two .child:hover{color: #fff;padding-left: 6px;}
#header .button{margin-top: 40px;}
#header .button .dis{cursor: pointer;}
#header .button .search{width: 20px;height: 19px;background: url(../images/search3.png) no-repeat left center;padding-right: 22px;margin-right: 20px;}
#header .button .search:hover{background-image: url(../images/search.png)!important;}
#header .button .menu{display: none;width: 18px;height: 19px;background-image: url(../images/menu.png);background-repeat: no-repeat;background-position: left center;-webkit-background-size: 18px 14px;background-size: 18px 14px;}
#header .button .menu.in,
#header .button .menu:hover{background-image: url(../images/menu_in.png)!important;}
#header .button .search:after{/*content: "";*/position: absolute;top: 0;right: 0;bottom: 0;margin: auto;width: 2px;height: 10px;background: #dedede;}
#header .button .lang{text-align: center;background: #42abd0;top: 25px;right: 0;width: 0px;overflow: hidden;height: 28px;border-radius: 10px;}
#header .button .lang.open{width: 80px;}
#header .button .lang a{color: #fff;font-size: 14px;margin: 0 10px;line-height: 28px;}
#header .button .lang a.on{font-weight: bold;}
#header .button .sform{width: 0px;top: 39px;right: 59px;overflow: hidden;height: 44px;}
#header .button .sform.open{width: 280px;}
#header .button .sform form{width: 280px;height: 44px;background: #282e32;}
#header .button .sform .text{margin-left: 19px;width: 160px;height: 44px;line-height: 44px;color: #ffffff;opacity: .6;font-size: 13px;}
/*#header .button .sform .submit{width: 20px;height: 19px;background: url(../images/search.png) no-repeat left center;}*/

@media (max-width: 1280px){
    #header .nav{margin-right: 35px;}
    #header .nav .dis .one{padding: 0 35px;}
    #header .nav .dis .two .child{margin: 10px 10px 0;}
} 
@media (max-width:  1050px){
    #header .nav{display: none;}
    #header .button .lang{display: none;}
	#header .button .menu{display: inline-block;}
    #header{height: 80px;}
    #header .logo{margin-top: 10px;}
    #header .button{margin-top: 32px;}
}

@media (max-width: 750px){
    .head{height: 80px;}
	#header.ifixed{width: 100%;background: #fff;position: absolute;top: 0;left: 0;}
}
@media (max-width: 450px){
    .head,
    #header{height: 60px;}
    #header .logo{width: 175px;}
    #header .button .sform.open{right: 30px;}
}

#nav{height: 0;overflow: hidden;background: #fff;position: absolute;top: 80px;width: 100%;left: 0;z-index: 999;}
#nav.open{height: 395px;}
#nav.open .n-box{border-top: 1px solid #41abcc;}
#nav .n1 {padding: 15px 0;width: 96%;margin: 0 auto;border-bottom: 1px solid #e5e5e5;}
#nav .n1:first-child{}
#nav .n1 .one .fl{color: #282828;font-size: 18px;}
#nav .n1 .one .fl:hover{color: #41abcc;}
#nav .n1.have-two .one .btn{cursor: pointer;width: 28px;height: 28px;background: url(../images/on.png) no-repeat center center/28px auto;}
#nav .n1.have-two.in .one .btn{background: url(../images/json_close.png) no-repeat center center/28px auto;}
#nav .n1 .two{height: 0;overflow: hidden;}
#nav .n1 .two .child{color: #282828;opacity: .6;font-size: 16px;margin: 15px 0;}
#nav .n1 .two .child:hover{color: #41abcc;}
#nav .n1 .two .child:first-child{margin-top: 20px;}
#nav .n1.lang .one .dis{line-height: 24px;height: 24px;}
#nav .n1.lang .one .fwb{font-weight: bold;}
#nav .n1.lang .one .dis:hover{color: #41abcc;}

#header.index{position: absolute;top: 0;width: 100%;left: 0;background: #000;}
#header.index .logo .i2{display: inline-block;}
#header.index .logo .i1{display: none;}
#header.index .nav .dis .one{color: #fff;}
#header.index .button .search{background: url(../images/search2.png) no-repeat left center;}
#header.index .button .menu{background-image: url(../images/menu2.png);}

#header.he2{background: #fff;}
#header.he2 .logo .i1{display: inline-block;}
#header.he2 .logo .i2{display: none;}
#header.he2 .button .search{background: url(../images/search3.png) no-repeat left center;}
#header.he2 .button .menu{background-image: url(../images/menu.png);}


#index_photo {overflow: hidden;}
/*#index_photo .p{width: 100%;padding-top: 48.96%;}
#index_photo .swiper{position: absolute;width: 66.2%;top: 0;left: 26.51%;}
#index_photo .swiper-container{overflow: visible;}
#index_photo .swiper-container .swiper-slide .slide{transform:rotate(17.7deg);margin-top: -175px;height: 1290px; width: 926px;overflow: hidden;margin-left: 13.53%;}
#index_photo .swiper-container .swiper-slide-prev .slide{margin-left: 37.136%;}
#index_photo .swiper-container .swiper-slide-next .slide{margin-left: -9.99%;}
#index_photo .swiper-container .swiper-slide a{width: 2000px;position: relative;left: 50%;margin-left: -1000px;height: 100%; transform:rotate(-17.7deg);vertical-align: middle;}
#index_photo .a-left{left: 0;top: 0;bottom: 0;margin: auto;width: 44%;background: url(../images/pic1.png) no-repeat left top/100% 100%;}
#index_photo .a-left .big{color: #ffffff;font-size: 48px;line-height: 58px;font-family: 'FZLTZH_GBK';}
#index_photo .a-left .desc{color: #ffffff;font-size: 20px;margin: 3.71% 0 11.87%;font-family: 'FZLTZH_GBK';}
#index_photo .a-left .center{padding-top: 39.18%;margin-left: 13.6%;}
*/

#index_picture2 .ico,
#index_photo .ico{width: 50px;height: 50px;z-index: 2;cursor: pointer;background: url(../images/video2.png) no-repeat center center/auto auto;}
#dplayer2{position: absolute;width: 100%;height: 0%;z-index: 0;opacity:0;bottom: auto;overflow: hidden;}
#dplayer2.start{height: 100%;z-index: 2;opacity:1;}
#dplayer2 .dplayer-controller{display: none;}
#index_photo .mobile{display: none;}
#index_photo .button{bottom: 40px;left: 0;right: 0;width: auto;text-align: center;}
#index_photo .swiper-prev,
#index_photo .swiper-next{width: 22px;height: 32px;}
#index_photo .swiper-prev{background: url(../images/b_left.png) no-repeat center center;}
#index_photo .swiper-next{background: url(../images/b_right.png) no-repeat center center;}
#index_photo .quan{margin: 0 20px;width: 32px;height: 32px;background: url(../images/stop.png) no-repeat center center;}
#index_photo .video .p{padding-top: 48.958%;}
.swiper2{display: none;}

#index_photo.invideo:after,
#index_photo.invideo .button{display: none;}
#index_photo.invideo:hover .button{display: block;width: 180px;margin: auto;}
/*#index_photo .scroll .relative:after{content:'';position: absolute;width: 100%;height: 555px;background: url(../images/scroll1.png) no-repeat left top/100% auto;top: 14%;right: 0;}

@media (max-width: 1800px){
    #index_photo .a-left .big{font-size: 32px;line-height: 40px;}
}
@media (max-width: 1680px){
    #index_photo .scroll{width: 22.05%;}
}
@media (max-width: 1600px){
    #index_photo .scroll{display: none;}
    #index_photo .swiper-container .swiper-slide .slide{margin-left: 9.53%;}
    #index_photo .swiper-container .swiper-slide-next .slide{margin-left: -12%;}
}
@media (max-width: 1350px){
    #index_photo .a-left .big{font-size: 28px;}
}

@media (max-width: 1271px){
    #index_photo{display: none;height: 0;overflow: hidden;}
    .swiper2{display: block;}
    .swiper2 .swiper-pagination{bottom: 40px;}
    .swiper2 .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #40a7d9;margin: 0 10px;opacity: 1;}
    .swiper2 .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
}
*/
@media(max-width: 1050px){
	/*#index_picture{display: none;}
	.swiper2{display: block;}
    .swiper2 .swiper-pagination{bottom: 30px;}
    .swiper2 .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #40a7d9;margin: 0 6px;opacity: 1;}
    .swiper2 .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
    #index_photo .scroll{display: none;}*/
	
	#index_photo .pc{display: none;}
	#index_photo .mobile{display: inline-block;}
	#dplayer2 .dplayer-controller{display: block;}
	#index_photo:after{display: none;}
	#index_photo .video .p{padding-top: 73.95%;}
	#index_photo .video video{background: #000;height: 100%;}
}

@media(max-width: 750px){
	#index_photo .button{bottom: 20px;}
}
@media(max-width: 450px){
	#index_photo .button{bottom: 10px;}
	#index_photo .swiper-prev,
	#index_photo .swiper-next{width: 15px;height: 28px;background-size: 100% auto;}
	#header .button{margin-top: 19px;}
	#header .logo{margin-top: 0px;}
}

/*首页-切换圆圈效果*/
.circleProgress_wrapper{width: 32px;height: 32px;position: relative;}
.wrapper{width: 32px;height: 32px;position: absolute;top:0;overflow: hidden;}
.right{right:0;}
.left{left:0;}
.circleProgress{width: 30px;height: 30px;border:1px solid #fff;border-radius: 50%;position: absolute;top:0;}
.rightcircle{border-top:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);right:0;}
.circleProgress{width: 30px;height: 30px;border:1px solid #fff;border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(45deg);
}
.leftcircle{border-bottom:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);left:0;}
.rightcircle{border-top:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);right:0;}

#index_photo .quan .rightcircle{-webkit-animation: circleProgressLoad_right 3.5s linear infinite;}
#index_photo .quan .leftcircle{-webkit-animation: circleProgressLoad_left 3.5s linear infinite;}

#index_photo .quan.stop .rightcircle,
#index_photo .quan.stop .leftcircle{border: 1px solid rgba(255, 255, 255, .3);}


@-webkit-keyframes circleProgressLoad_right{
    0%{
        -webkit-transform: rotate(45deg);
    }
    50%,100%{
        -webkit-transform: rotate(225deg);
    }
}
@-webkit-keyframes circleProgressLoad_left{
    0%,50%{
        -webkit-transform: rotate(45deg);
    }
    100%{
        -webkit-transform: rotate(225deg);
    }
}



/*面包屑*/
.top-bread{position: relative;z-index: 2;height: 60px;width: 100%;background: url(../images/bread.jpg) no-repeat left top;margin-top: 100px;}
.top-bread.fx{position: fixed;top: 0;margin: auto;left: 0;right: 0;margin: auto;z-index: 999;}
.top-bread .home{width: 16px;padding-right: 31px;height: 60px;background: url(../images/home.png) no-repeat left center/16px 15px;}
.top-bread .dis{}
.top-bread .dis.nav .one{width: 159px;padding-right: 20px;font-size: 13px;padding-left: 20px;}
.top-bread .dis.nav .one a{color: #fff;font-size: 13px;}
.top-bread .dis.nav .one:before,
.top-bread .home:after,
.top-bread .dis.nav .one:after{content: "";position: absolute;top: 0;bottom: 0;margin: auto;}
/*.top-bread .home:after,*/
.top-bread .dis.nav .one:before{width: 1px;height: 30px;left: 0;background: #7ccbc6;}
/* .top-bread .dis.nav .one:after{width: 11px;height: 7px;right: 21px;background: url(../images/select.png) no-repeat center center/11px 7px;} */
.top-bread .dis .one{cursor: pointer;color: #ffffff;font-size: 13px;line-height: 60px;height: 60px;}
.top-bread .dis .one:hover,
.top-bread .dis.open .one{background: #44bb9e;}
.top-bread .dis .two{width: 100%;height: 0;overflow: hidden;left: 0px;top: 60px;background: #44bb9e;}
.top-bread .dis .child{color: #fff;padding: 12px 0;font-size: 13px;padding-left: 20px;}
.top-bread .dis .child:hover{background: rgb(255,255,255,.8);color: #666;}

@media (max-width: 750px){
    .top-bread .dis.nav{display: none;}
    .top-bread .dis.nav2{display: inline-block;}
	
    .top-bread.cate .dis.nav2{display: none;}
    .top-bread.cate .dis.nav3{display: inline-block;}
}

/*底部*/
#footer{background: #edf5f7;padding: 45px 0 58px;}
#footer .nav .dis{margin-right: 88px;}
#footer .nav .dis .one{margin-bottom: 26px;opacity: .8;color: #282828;font-size: 14px;font-family: 'FZLTZH_GBK';}
#footer .nav .dis .child{color: #282828;opacity: .6;padding-bottom: 3px;border-bottom:1px solid transparent;font-size: 13px;font-family: 'FZLTZH_GBK';margin-bottom: 15px;}
#footer .nav .dis .child:hover{opacity: 1;border-color: #282828;}
#footer .contact{width: 302px;text-align: right;}
#footer .contact .logo{width: 168px;height: 48px;}
#footer .contact .phone{color: #05a9bb;font-weight: lighter;font-family: 'EuclidSqure';font-size: 24px;line-height: 28px;margin: 20px 0 15px;}
#footer .contact .phone .dis{margin-right: 10px;width: 28px;height: 28px;background: url(../images/phone.png) no-repeat left center;}
#footer .contact .address{margin-bottom: 30px;color: #45454e;font-size: 14px;line-height: 20px;}
#footer .contact .follow .dis{color: #45454e;font-size: 14px;font-family: 'FZLTZH_GBK';line-height: 29px;}
#footer .contact .follow .dis.wechat{cursor: pointer;width: 30px;height: 29px;background: url(../images/share1.png) no-repeat center center;margin: 0 6px 0 10px;}
#footer .contact .follow .dis.weibo{width: 30px;height: 29px;background: url(../images/share2.png) no-repeat center center;}
#footer .contact .follow .wechat:hover{opacity: .6;}
#footer .contact .follow a.dis:hover{opacity: .6;}
#footer .contact .follow .code{right: 0;top: -120px;width: 120px;height: 0px;overflow: hidden;}
#copyright{background: #45454e;padding: 10px 0;}
#copyright .fl *{color: #edf5f7;font-size: 13px;line-height: 40px;}
#copyright .fl .center{margin: 0 8px 0 9px;}
#copyright .fl .dis.center:last-child{display: none;}
#copyright .fl .b2{display: none;}
#copyright .fr{cursor: pointer;line-height: 38px;height: 38px;border: 1px solid #61626a;color: #ffffff;font-size: 14px;font-family: 'FZLTZH_GBK';width: 219px;padding-left: 19px;background: url(../images/link.png) no-repeat 212px center;}
#copyright .link{width: 239px;height: 0;overflow: hidden;right: 0;bottom: 40px;background: rgba(255,255,255);}
#copyright .link .block{color: #282828;font-size: 14px;margin-top: 12px;padding-left: 19px;}
#copyright .link .block:hover{color: #05a9bb;}
@media (max-width: 1050px){
    #footer .nav .dis{margin-right: 50px;}
    #copyright .fl .d2{display: none;}
    #copyright .fl .b2{display: block;}
    #copyright .fr{margin-top: 15px;}
}

@media (max-width: 850px){
    #footer .contact{width: 30%;}
    #footer .contact .address{font-size: 13px;}
}

@media (max-width: 768px){
    #footer{padding: 30px 0 35px;}
    #footer .nav .dis:last-child{margin-right: 0;}
    #footer .nav{width: 100%;float: none;text-align: center;border-bottom: 1px solid rgb(193,200,202);margin-bottom: 26px;}
    #footer .nav .two{display: none;}
    #footer .contact .logo{width: 155px;}
    #footer .contact{width: 75%;}
    #footer .contact div{display: inline-block;}
    #footer .contact .block{display: block;}
    #footer .contact .follow .tt{margin-left: 42px;}
    #footer .contact .address{font-size: 14px;}
    #copyright .fl{text-align: center;float: none;width: 100%;}
    #copyright .fl *{line-height: 30px;}
    #copyright .fr{display: none;}
}
@media (max-width: 450px){
    #footer .nav .dis{margin-right: 5%;}
}

/*公共*/
.pub-title{color: #333333;font-size: 40px;font-weight: bold;margin-bottom: 48px;}
@media (max-width: 1200px){
    .pub-title{font-size: 30px;}
}
@media (max-width: 750px){
    .pub-title{font-size: 26px;}
}
@media (max-width: 450px){
    .pub-title{font-size: 22px;margin-bottom: 28px;}
}
/*首页*/
.index-box {background: #fff;margin-top: -1px;position: relative;z-index: 2;}
.index-box .w1370{padding-top: 150px;}
.index-box .product-cate{width: 1370px;margin: 0 auto 160px;}
.index-box .product-cate .img{float: left;width: 58.39%;overflow: hidden;}
.index-box .product-cate .img:after{content:"";position: absolute;width: 100%;top: 0;left: 0;height: 100%;z-index: 2;background: url(../images/blue1.png) no-repeat center center;-webkit-transition: transform .8s .6s ease-out;-moz-transition: transform .8s .6s ease-out;-ms-transition: transform .8s .6s ease-out;-o-transition: transform .8s .6s ease-out;transition: transform .8s .6s ease-out;}
/*.index-box .product-cate.cate-in{-webkit-transition: transform .8s .6s ease-out;-moz-transition: transform .8s .6s ease-out;-ms-transition: transform .8s .6s ease-out;-o-transition: transform .8s .6s ease-out;transition: transform .8s .6s ease-out;}*/
.index-box .product-cate:nth-child(2n) .img:after{left: auto;right: 0;}
.index-box .product-cate.on .img:after{-webkit-transform: translateX(-102%);transform: translateX(-102%);}
.index-box .product-cate.on:nth-child(2n) .img:after{-webkit-transform: translateX(102%);transform: translateX(102%);}
.index-box .product-cate .img .p{padding-top: 62.5%;}
.index-box .product-cate .info{float: right;width: 28.6%;padding: 0 6.42%;}
.index-box .product-cate .info .big{font-weight: bold;color: #000000;font-size: 48px;}
.index-box .product-cate .info .d1{margin: 45px 0;color: #000000;font-size: 30px;line-height: 40px;}
.index-box .product-cate .info .d2{color: #929292;font-size: 14px;line-height: 24px;margin-bottom: 48px;}
.index-box .product-cate .info .more{color: #000000;font-size: 14px;padding-bottom: 8px;border-bottom: 1px solid #000000;}
.index-box .product-cate .info .more:hover{background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;border-image: -webkit-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: -moz-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: -o-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: linear-gradient(#45ba9e, #41aad1) 20 20;}
.index-box .product-cate:nth-child(2n) .img{float: right;}
.index-box .product-cate:nth-child(2n) .info{float: left;}

.index-box .application{margin-bottom: 120px;}
.index-box .application:before,
.index-box .application:after{position: absolute;left: 0;content:'';width: 100%;height: 1px;background: rgba(255,255,255,.22);}
.index-box .application:before{bottom: 346px;}
.index-box .application:after{bottom: 190px;}
/*.index-box .application .p{padding-top: 48.4375%;}*/
.index-box .application .p{padding-top: 930px;}
.index-box .application .w1200{right: 0;left: 0;top: 8.3%;}
.index-box .application .top .tit{color: #fefefe;font-size: 20px;font-weight: bold;}
.index-box .application .top .name{color: #fff;margin: 15px 0 45px;font-size: 48px;font-weight: bold;}
.index-box .application .top .desc{margin-bottom: 81px;color: #ffffff;font-size: 14px;line-height: 24px;}
.index-box .application .app-list{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;top: auto;}
.index-box .application .app-list .swiper-slide{height: 545px;}
.index-box .application .app-list .dis{position: relative;text-align: center;width: 100%;height: 545px;}
.index-box .application .app-list .dis .ico{width: 100px;margin: 198px auto 30px;height: 155px;position: relative;}
.index-box .application .app-list .dis:after{content:"";position: absolute;bottom: 187px;width: 7px;height: 7px;background: #45bd96;border-radius: 50%;left: 0;right: 0;margin: auto;}
.index-box .application .app-list .dis .name{position: relative;color: #ffffff;font-size: 18px;font-family: 'FZLTZH_GBK';}
.index-box .application .app-list .dis .en{width: 90%;margin: 0 auto;color: #46bdac;font-size: 18px;font-family: 'EuclidSqure';margin-top: 12px;}
.index-box .application .app-list .dis .detail{display: none;}
.index-box .application .app-list .swiper-slide.hover .dis{background: url(../images/app.png) no-repeat center bottom;}
.index-box .application .app-list .swiper-slide.hover .dis .ico{height: 74px;margin-top: 150px;}
.index-box .application .app-list .swiper-slide.hover .dis .name,
.index-box .application .app-list .swiper-slide.hover .dis .en{color: #fff;}
.index-box .application .app-list .swiper-slide.hover .dis:after{background: #fff;}

@media (max-width: 1350px){
    .index-box .application{margin-bottom: 100px;}
    .index-box .application .p{padding-top: 850px;}
}

@media (max-width: 1050px){
    .index-box .application .p{padding-top: 750px;}
    .index-box .application .top .name{font-size: 40px;margin-bottom: 15px;}
    .index-box .application .top .desc{margin-bottom: 60px;line-height: 22px;font-size: 13px;}
    .index-box .application .app-list .swiper-slide{height: 450px;}
    .index-box .application .app-list .dis .ico{margin-top: 155px;text-align: center;width: 74px;}
    .index-box .application .app-list .swiper-slide.hover .dis:after{background: transparent;}
    .index-box .application .app-list .dis .ico img{max-width: 60px;}
    .index-box .application:before{bottom: 306px;}
    .index-box .application .app-list .dis{height: 450px;}
    .index-box .application .app-list .dis .ico{height: 95px;}
    .index-box .application .app-list .dis .en{font-size: 16px;}
    .index-box .application .app-list .dis .name{font-size: 16px;}
}
@media (max-width: 981px){
    .index-box .application{margin-bottom: 80px;}
    .index-box .application .swiper-prev,
    .index-box .application .swiper-next{z-index: 10;width: 25px;height: 25px;border-radius: 50%;background-color: #eeeeee;background-repeat: no-repeat;background-position: center center;position: absolute;bottom: 32%;margin: auto;-webkit-background-size: 10px auto;
    background-size: 10px auto;}
    .index-box .application .swiper-prev{left: 0;background-image: url(../images/info_left.png);}
    .index-box .application .swiper-prev:hover{-webkit-background-size: 100% 100%;background-size: 100% 100%;background-image: url(../images/info_left2.png);}
    .index-box .application .swiper-next{right: 0;background-image: url(../images/info_right.png);}
    .index-box .application .swiper-next:hover{-webkit-background-size: 100% 100%;background-size: 100% 100%;background-image: url(../images/info_right2.png);}
}
@media (max-width: 750px){
    .index-box .application:before{bottom: 257px;}
    .index-box .application:after{bottom: 140px;}
    .index-box .application .top .name{font-size: 30px;}
    .index-box .application .app-list .swiper-slide,
    .index-box .application .app-list .dis{height: 400px;}
    .index-box .application .app-list .dis:after{bottom: 137px;}
    .index-box .application .app-list .swiper-slide.hover .dis{-webkit-background-size: 100% 90%;background-size: 100% 90%;}
}
@media(max-width: 450px){

    .index-box .application .p{padding-top: 680px;}
    .index-box .application .top .tit{font-size: 16px;}
    .index-box .application .top .name{font-size: 22px;}
    .index-box .application .top .desc{font-size: 12px;line-height: 20px;}
}
.index-box .news-room{margin-bottom: 120px;}
.index-box .news-room .f1 .tt{width: auto;color: #282828;font-size: 30px;}
.index-box .news-room .f1 .more2{width: auto;color: #929292;font-size: 16px;margin-top: 6px;border-bottom: 1px solid #929292;padding-bottom: 3px;}
.index-box .news-room .f1 .more2:hover{border-color: #40a7d9;color: #40a7d9;}
.index-box .news-room .r1{width: 940px;}
.index-box .news-room .news .n2,
.index-box .news-room .news .n1{width: 47.87%;}
.index-box .news-room .news .n1{overflow: hidden;}
.index-box .news-room .news .n1 .p{padding-top: 96.89%;background-repeat: no-repeat;background-position: center center;}
.index-box .news-room .news .n2 .i2{overflow: hidden;}
.index-box .news-room .news .n2 .i2:first-child{margin-bottom: 40px;}
.index-box .news-room .news .n2 .i2.white{background: url(../images/ind_info.jpg) no-repeat center center/100% 100%;}
.index-box .news-room .news .n2 .i2.white .con .date{color: #bbbbbb;}
.index-box .news-room .news .n2 .i2.white .con .name{color: #282828;}
.index-box .news-room .news .n2 .i2.white:hover .name,
.index-box .news-room .news .n2 .i2.white .cate{background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.index-box .news-room .news .n2 .i2.white .cate{border: 1px solid #e2e2e2;}
.index-box .news-room .news .n2 .p{padding-top: 198px;background-repeat: no-repeat;background-position: center center;}
.index-box .news-room .news .n1:hover .p{transform: scale(1.1)}
.index-box .news-room .news .n2 .i2:hover .p{transform: scale(1.1)}
.index-box .news-room .news .n2 .con{bottom: 50px;}
.index-box .news-room .news .n2 .con .name{font-size: 20px;line-height: 30px;}
.index-box .news-room .news .absolute *{color: #fff;}
.index-box .news-room .news .date{font-size: 18px;margin-bottom: 12px;}
.index-box .news-room .news .name{font-size: 30px;line-height: 40px;font-family: 'FZLTZH_GBK';}
.index-box .news-room .news .absolute{color: #fff;}
.index-box .news-room .news .cate{border: 1px solid #fff;border-radius: 50px;color: #fafafa;font-size: 14px;top: 30px;right: 30px;padding: 0 5px;}
.index-box .news-room .news .con{width: 87%;z-index: 2;left: 28px;bottom: 65px;}
.index-box .news-room .about{padding-top: 39px;margin-top: 39px;border-top: 1px solid #dae1e3;}
.index-box .news-room .about .p{width: 0;right: auto;overflow: hidden;}
.index-box .news-room .about a.dis{width: 50%;height: 226px;background-color: #40a7d9;background-repeat: no-repeat;background-position: center center;}
.index-box .news-room .about .tt{position: relative;z-index: 2;margin-left: 30px;margin-top: 40px;color: #ffffff;font-size: 24px;font-family: 'FZLTZH_GBK';}
.index-box .news-room .about .desc{position: relative;z-index: 2;margin-left: 30px;color: #ffffff;font-size: 14px;line-height: 30px;margin-top: 14px;font-family: 'FZLTZH_GBK';margin-bottom: 50px;}
.index-box .news-room .about .video{position: absolute;right: 0;bottom: 5px;z-index: 2;color: #ffffff;font-size: 30px;line-height: 45px;}
.index-box .news-room .about .video img{margin-right: 25px;margin-left: 15px;}
.index-box .news-room .about a.dis:hover .p{width: 100%;}
.index-box .news-room .about a.dis:nth-child(2):hover .tt{color: #282828;}
.index-box .news-room .about a.dis:nth-child(2):hover .desc{color: #282828;opacity: .6;}
.index-box .join-us .p{padding-top: 280px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.index-box .join-us .absolute{z-index: 2;top: 105px;left: 0;right: 0;margin: auto;}
.index-box .join-us .absolute .tit{color: #000000;font-size: 20px;margin-bottom: 13px;font-family: 'FZLTZH_GBK';}
.index-box .join-us .absolute .desc{color: #9f9f9f;font-size: 30px;font-weight: lighter;}
.index-box .join-us .absolute .more{width: 36px;height: 0px;margin-top: 35px;background: url(../images/join_more.png) no-repeat center center;}
.index-box .join-us:hover .absolute{top: 95px;}
.index-box .join-us:hover .absolute .more{height: 9px;}
@media (max-width: 1200px){
    .index-box .news-room{margin-bottom: 80px;}
    .index-box .news-room .f1{font-size: 24px;}
    .index-box .news-room .r1{width: 810px;}
    .index-box .news-room .news .n2 .p{padding-top: 168px;}
    .index-box .news-room .news .n2 .con .name{font-size: 18px;}
    .index-box .news-room .news .n2 .con{bottom: 35px;}
    .index-box .news-room .news .name{font-size: 24px;line-height: 34px;}
    .index-box .news-room .news .con{bottom: 35px;}
}
@media (max-width: 981px){
    .index-box .news-room .f1,
    .index-box .news-room .r1{float: none;width: 100%;}
    .index-box .news-room .news .n2 .i2:first-child{margin-bottom: 8.96%;}
    .index-box .news-room .f1{font-weight: bold;margin-bottom: 35px;text-align: center;}
    .index-box .news-room .news .n2 .p{padding-top: 43.96%;}
}
@media (max-width: 850px){
    .index-box .news-room{margin-bottom: 60px;}
    .index-box .news-room .news .n2, .index-box .news-room .news .n1{width: 48.87%;}
    .index-box .news-room .news .n2 .i2:first-child{margin-bottom: 5%;}
    .index-box .news-room .news .n2 .p{padding-top: 45.96%;}
    .index-box .news-room .news .n2 .con .name{font-size: 16px;}
    .index-box .news-room .news .name{font-size: 20px;line-height: 30px;}
    .index-box .news-room .news .n2 .con{bottom: 20px;}
}
@media (max-width: 750px){
    .index-box .news-room .news .n2 .con .name{font-size: 14px;line-height: 24px;}
    .index-box .news-room .news .n2 .con{bottom: 10%;}
    .index-box .news-room .news .cate{display: none;}
    .index-box .news-room .about .video{font-size: 20px;line-height: 30px;}
    .index-box .news-room .about .video img{width: 30px;}
    .index-box .join-us .absolute .tit{color: #000000;font-size: 20px;margin-bottom: 13px;font-family: 'FZLTZH_GBK';}
    .index-box .join-us .absolute .desc{font-size: 18px;}
}
@media (max-width: 650px){
    .index-box .news-room .news .n2,
    .index-box .news-room .news .n1{width: 100%;float: none;}
    .index-box .news-room .news .n2{margin-top: 5%;}
    .index-box .news-room .news .n2 .con .name{font-size: 16px;}
    .index-box .news-room .news .n1 .p{-webkit-background-size: cover;background-size: cover;padding-top: 94%;}
    .index-box .news-room .news .n2 .p{-webkit-background-size: cover;background-size: cover;}
    .index-box .news-room .about .p{-webkit-background-size: cover;background-size: cover;}
    .index-box .news-room .about a.dis{margin-bottom: 6%;width: 100%;display: block;-webkit-background-size: cover;background-size: cover;}
    .index-box .news-room .about .tt{margin-top: 0;padding-top: 5%;}
}
/*关于我们*/
.about-box{margin-top: 48px;}
.about-box .development{margin-bottom: 78px;}
.about-box .development .swiper-slide .p{padding-top: 547px;/*background-repeat: no-repeat;*/background-size: cover;background-position: cover;background-position: center center;/*background-attachment: fixed;*/}
.about-box .development .swiper-container{position: static;}
.about-box .development .swiper-pagination{right: -98px;bottom: 20px;text-align: right;left: auto;}
.about-box .development .swiper-pagination-bullet{width: 6px;height: 4px;border-radius: 0;background: #53d4b6;opacity: 1;margin-right: 4px;}
.about-box .development .swiper-pagination-bullet:last-child{margin-right: 0!important;}
.about-box .development .swiper-pagination-bullet-active{width: 95px;margin-right: 12px;box-shadow: 0 0 5px -1px #1f7592;}
.about-box .development .content{width: 450px;height: 270px;bottom: -60px;right: -60px;box-shadow: 41px 40px 29px -33px #ababab;background: url(../images/bg.jpg) no-repeat center center;}
.about-box .development .content .con{display: none;padding-left: 30px;padding-top: 85px;}
.about-box .development .content .con .tit{color: #ffffff;font-size: 60px;font-family: 'RUBIK';}
.about-box .development .content .con .desc{color: #008f8e;font-size: 20px;line-height: 30px;font-weight: bold;}
.about-box .development .content .con.active{display: block;}
.about-box .about .big-tit{color: transparent;font-size: 30px;line-height: 40px;font-weight: bold;background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about-box .about .content{margin: 50px 0 85px;}
.about-box .about .advantage{height: 690px;background: url(../images/advantage.jpg) no-repeat center top;}
.about-box .about .advantage .tit{color: #282828;font-size: 24px;bottom: auto;top: 238px;font-weight: bold;text-align: center;height: 33px;}

@media (max-width: 1860px){
    .about-box .development .content{right: -2%;bottom: -2%;}
    .about-box .development .swiper-pagination{bottom: 20px;right: -2%;}
}

@media (max-width: 1440px){
    .about-box .development .content .con{padding-left: 25px;padding-top: 50px;}
    .about-box .development .content .con .tit{font-size: 48px;}
    .about-box .development .content .con .desc{margin-top: 15px;}
}

@media (max-width: 1050px){
    .about-box .development .content{position: static;width: 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
    .about-box .development .content .con .tit{font-size: 40px;}
    .about-box .development .swiper-slide .p{padding-top: 400px;}
}

@media (max-width: 750px){
    .about-box .development .swiper-slide .p{padding-top: 350px;}
}

.about-box .about .advantage .circle{width: 144px;}
.about-box .about .advantage .circle1{top: 30px;left: 0;right: 0;margin: 0 auto;}
.about-box .about .advantage .circle .ico{width: 32px;height: 32px;margin: 0 auto;background-position: center center;background-repeat: no-repeat;}
.about-box .about .advantage .circle .tit2{width: 144px;margin: 0 auto;margin-top: 15px;color: #ffffff;font-size: 14px;font-weight: bold;line-height: 22px;}
.about-box .about .advantage .circle3 .tit2,
.about-box .about .advantage .circle4 .tit2{font-size: 16px;line-height: 24px;}
.about-box .about .advantage .circle5,
.about-box .about .advantage .circle2{top: 170px;}
.about-box .about .advantage .circle4,
.about-box .about .advantage .circle3{top: 370px;}
.about-box .about .advantage .circle5{left: 337px;}
.about-box .about .advantage .circle2{right: 336px;}
.about-box .about .advantage .circle4{left: 408px;}
.about-box .about .advantage .circle3{right: 402px;}
.about-box .about .advantage .num{width: 24px;height: 28px;background: url(../images/number.jpg) no-repeat center center;color: #fff;font-size: 13px;text-align: center;line-height: 28px;font-family: 'EuclidSqure';}
.about-box .about .advantage .con .desc{color: #282828;font-size: 13px;line-height: 20px;}
.about-box .about .advantage .con .desc,
.about-box .about .advantage .con .num{float: left;}
.about-box .about .advantage .con .desc{margin-left: 20px;}
.about-box .about .advantage .con5{width: 497px;top: 31px;}
.about-box .about .advantage .con5 .desc,
.about-box .about .advantage .con4 .desc,
.about-box .about .advantage .con5 .num,
.about-box .about .advantage .con4 .num{float: right;}
.about-box .about .advantage .con4 .desc,
.about-box .about .advantage .con5 .desc{text-align: right;margin-right: 20px;}
.about-box .about .advantage .con4{width: 423px;top: 312px;}
.about-box .about .advantage .con1{top: 31px;width: 500px;right: 0;}
.about-box .about .advantage .con2{top: 312px;width: 403px;right: 0;}
.about-box .about .advantage .con3{top: 498px;width: 611px;right: 0;}
.about-box .a-pic{overflow: hidden;}
.about-box .a-pic:after{content:"";position: absolute;width: 100%;top: 0;left: 0;height: 100%;z-index: 2;background: linear-gradient(to right,rgba(68,187,158,.6),rgba(64,170,208,.6));-webkit-transition: transform .8s .6s ease-out;-moz-transition: transform .8s .6s ease-out;-ms-transition: transform .8s .6s ease-out;-o-transition: transform .8s .6s ease-out;transition: transform .8s .6s ease-out;}
.about-box .a-pic.open:after{-webkit-transform: translateX(102%);transform: translateX(102%);}
.about-box .a-pic .i2{display: none;}
.about-box .a-pic .p{padding-top: 33.52%;}
.about-box .a-pic .content{z-index: 3;left: 0;right: 0;margin: auto;top: 31.25%;}
.about-box .a-pic .content .tit{color: #f8a84b;font-size: 72px;font-weight: bold;font-family: 'EuclidSqure';}
.about-box .a-pic .content .desc{margin-top: 20px;color: #a09c87;font-size: 20px;line-height: 30px;}

@media (max-width: 1280px){
    .about-box .about .advantage .circle5{left: 26.4%;}
    .about-box .about .advantage .circle2{right: 26.3%;}
    .about-box .about .advantage .circle4{left: 32.8%;}
    .about-box .about .advantage .circle3{right: 32.1%;}
    .about-box .about .advantage .con4{width: 32%;}
    .about-box .about .advantage .con5,
    .about-box .about .advantage .con1{width: 41%;}
    .about-box .about .advantage .con2{width: 30%;}
    .about-box .about .advantage .con .desc{width: 76%;}
}

@media (max-width: 1250px){
    .about-box .about .advantage{width: 850px;margin: 0 auto;}
    .about-box .about .advantage .circle5{left: 18.9%;}
    .about-box .about .advantage .circle2{right: 19.1%;}
    .about-box .about .advantage .circle4{left: 27.6%;}
    .about-box .about .advantage .circle3{right: 26.7%;}
    .about-box .about .advantage .con5 .desc,
    .about-box .about .advantage .con4 .desc{margin-left: 0;}
    .about-box .about .advantage .con2{top: 305px;}
    .about-box .about .advantage .con3{width: 430px;}

    .about-box .about .advantage .con5,
    .about-box .about .advantage .con1{width: 39%;}

    .about-box .about .advantage .con .desc{width: 78%;}
    .about-box .about .advantage .con .desc{font-size: 12px;line-height: 18px;}
}

.about-box .about .advantage .circle .t3{display: none;}
@media (max-width: 981px){
    .about-box .development .content{height: auto;}
    .about-box.application-box .development .content{height: auto;padding-bottom: 40px;}
    .service-box .swiper-store .swiper-page{display: none;}
    .about-box .development .content .con{padding: 35px;}

    .about-box .development{margin-bottom: 60px;}
    .about-box .about .big-tit{font-size: 24px;}
    .about-box .about .content{margin: 35px 0 50px;}

    .about-box .about .advantage{width: 100%;height: auto;margin-bottom: 80px;background: #fff;}
    .about-box .about .advantage .boxs{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #e5e5e5;}
    .about-box .about .advantage .tit{position: static;margin-bottom: 30px;}
    .about-box .about .advantage .con,
    .about-box .about .advantage .circle{width: 100%;position: static;}
    .about-box .about .advantage .circle{margin-bottom: 15px;}
    .about-box .about .advantage .con{}
    .about-box .about .advantage .circle .tit2{display: none;}
    .about-box .about .advantage .circle .t3,
    .about-box .about .advantage .circle .ico{display: inline-block;vertical-align: top;}
    .about-box .about .advantage .circle .t3{width: auto;max-width: 80%;text-align: left;}
    .about-box .about .advantage .circle .ico{width: 50px;height: 50px;background-color: rgb(67,180,178);border-radius: 50%;}
    .about-box .about .advantage .circle .tit2{color: #282828;font-size: 18px;margin-left: 15px;}
    .about-box .about .advantage .con5 .desc,
    .about-box .about .advantage .con4 .desc{text-align: left;float: none;}
    .about-box .about .advantage .con .desc{width: auto;margin-left: 65px;font-size: 16px;line-height: 26px;margin-right: 0;}
    .about-box .about .advantage .con .num{display: none;}
}

@media (max-width: 498px){
    .about-box .about .advantage .circle{margin-bottom: 8px;}
    .about-box .about .advantage .circle .tit2{margin-left: 10px;font-size: 16px;margin-top: 5px;}
    .about-box .about .advantage .circle .ico{width: 30px;height: 30px;-webkit-background-size: 20px auto;background-size: 20px auto;}
    .about-box .about .advantage .con .desc{font-size: 14px;margin-left: 40px;}
}

/*联系我们*/

.about-box .contact-center .big-tit{width: 20%;color: transparent;font-size: 30px;line-height: 40px;font-weight: bold;background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about-box .contact-center .big-tit.com{width: auto;}
.about-box .contact-center .map{width: 100%;height: 547px;}
.about-box .contact-center .map img{max-width: none;}
.about-box .contact-center .center{width: 460px;left: -60px;top: 0;bottom: 0;margin: auto;height: 320px;background: url(../images/bg2.jpg) no-repeat center center;padding-left: 30px;}
.about-box .contact-center .center .company{color: #fff;font-size: 20px;margin-top: 48px;}
.about-box .contact-center .center .border{height: 63px;position: relative;}
.about-box .contact-center .center .border:after{width: 490px;height: 63px;position: absolute;right: -30px;top: 0;content:"";background: url(../images/border.png) no-repeat center center;}
.about-box .contact-center .center .way .li{color: #ffffff;font-size: 14px;line-height: 24px;}
.about-box .contact-center .content{margin-top: 60px;margin-bottom: 98px;}
.about-box .contact-center .content .company-list {margin-top: 40px;}
.about-box .contact-center .content .company-list .li{width: 31.666%;margin-right: 2.5%;margin-bottom: 2.5%;}
.about-box .contact-center .content .company-list .li:nth-child(3n){margin-right: 0;}
.about-box .contact-center .content .company-list .li .p{padding-top: 61.538%;}
.about-box .contact-center .content .company-list .li .tit{color: #282828;font-size: 22px;font-weight: bold;margin-top: 30px;}
.about-box .contact-center .content .company-list .li .name{color: #282828;font-size: 18px;margin: 18px 0 28px;}
.about-box .contact-center .content .company-list .li .desc{color: #282828;font-size: 14px;line-height: 24px;}
.about-box .contact-center .content .same{padding-top: 58px;margin-top: 58px;border-top: 1px solid #e5eced;}
.about-box .contact-center .content .same .con{width: 78.75%;margin-top: 5px;}
.about-box .contact-center .content .same .con div{line-height: 24px;}
.about-box .contact-center .content .same .con .d1{color: #282828;font-size: 20px;}
.about-box .contact-center .content .same .con .d2{margin: 25px 0;}
.about-box .contact-center .content .same .con .d2 a,
.about-box .contact-center .content .same .con .d2{color: #282828;font-size: 14px;}
.about-box .contact-center .content .same .con .d2 a:hover{color: #41abcc;}
.about-box .contact-center .content .same .con .d3{color: #a7a7a7;font-size: 14px;}
.about-box .material-center{margin-bottom: 100px;}
.about-box .material-center .category{margin-bottom: 20px;}
.about-box .material-center .category a.dis{position: relative;width: 20%;height: 58px;line-height: 58px;box-shadow: 0 0 0 1px #e5e5e5;}
.about-box .material-center .category a.dis span{color: #282828;font-size: 16px;}
.about-box .material-center .category a.dis:hover span{color: #41abcc;}
.about-box .material-center .category a.dis:hover,
.about-box .material-center .category a.dis.in{box-shadow: 0 0 0 1px transparent;z-index: 2;}
.about-box .material-center .category a.dis.in:after,
.about-box .material-center .category a.dis:hover::after{content:"";width: 100%;height: 60px;content:"";position: absolute;top: -1px;left: 0;background: url(../images/border2.jpg) no-repeat center center/100% 100%;}
.about-box .material-center .search{width: 59.67%;height: 58px;border: 1px solid #dddddd;margin: 0 auto 60px;}
.about-box .material-center .search .text{width: 90.5%;height: 58px;line-height: 58px;color: #929292;font-size: 16px;margin-left: 19px;}
.about-box .material-center .search .submit{width: 17px;height: 17px;margin-right: 19px;background: url(../images/info_search.jpg) no-repeat center center;margin-top: 21px;cursor: pointer;}
.about-box .material-center .list .dis{width: 31.6%;margin-right: 2.5%;margin-bottom: 4.83%;}
.about-box .material-center .list .dis:nth-child(3n){margin-right: 0;}
.about-box .material-center .list .dis .p{padding-top: 57.89%;}
.about-box .material-center .list .dis .name{color: #282828;font-size: 20px;font-weight: lighter;margin-top: 30px;}
.about-box .material-center .list .dis .relative:after{transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;display: none;width: 32.11%;height: 100%;content:"";position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;background: url(../images/video.png) no-repeat center center/100% auto;z-index: 2;}
.about-box .material-center .list .dis .relative:after::hover{display: block;}
.about-box .material-center .list .dis.video{cursor: pointer;}
.about-box .material-center .list .dis.video:hover .img{background: #000;}
.about-box .material-center .list .dis.video:hover .img img{opacity: .5;}
.about-box .material-center .list .dis.video:hover .relative:after{display: block;}
.about-box .material-center .tips{color: #282828;font-size: 16px;}
.about-box .material-center .tips span{color: #41abcc;}

@media (max-width: 1860px){
    .about-box .contact-center .center{top:auto;bottom: -1%;left: -1%;}
}
@media (max-width: 1200px){
    .about-box .contact-center .center{margin-top: 40px;width: 92%;height: auto;padding: 40px 4%;position: static;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
    .about-box .contact-center .center .company{margin-top: 0;margin-bottom: 15px;font-size: 22px;}
    .about-box .contact-center .center .border,
    .about-box .contact-center .center .border:after{display: none;}
    .about-box .contact-center .center .way .li{font-size: 16px;line-height: 26px;}

    .about-box .material-center .search .text{width: 86.5%;}

    .about-box .contact-center .content .company-list .li{width: 32%;margin-right: 2%;}
    .about-box .contact-center .content .company-list .li .name{font-size: 16px;}

    .about-box .contact-center .big-tit{font-size: 24px;}
    .about-box .contact-center .content .same .con{width: 74%;}
}
@media (max-width: 981px){
    .about-box .material-center .list .dis .name{margin-top: 15px;}

    .about-box .contact-center .content .company-list .li .tit{font-size: 20px;}
    .about-box .contact-center .content .company-list .li .name{margin-bottom: 22px;}

    .about-box .contact-center .content .same{padding-top: 40px;margin-top: 40px;}
}
@media (max-width: 768px){
    .about-box .material-center .list .dis:nth-child(3n),
    .about-box .material-center .list .dis{width: 48%;margin-right: 4%;}
    .about-box .material-center .list .dis:nth-child(2n){margin-right: 0;}
    .about-box .material-center .list .dis .name{font-size: 16px;}
    .about-box .material-center .search{width: 100%;}
    .about-box .material-center .category a.dis.in:after,
    .about-box .material-center .category a.dis:hover::after{height: 47px;}
    .about-box .material-center .category a.dis{line-height: 45px;height: 45px;}

    
    .about-box .contact-center .content .company-list .li{width: 100%;margin-right: 0;margin-bottom: 35px;clear: both;position: relative;}
    .about-box .contact-center .content .company-list .li .img{float: left;width: 45%;}
    .about-box .contact-center .content .company-list .li .info{float: right;width: 52%;}
    .about-box .contact-center .content .company-list .li .tit{margin-top: 0;font-size: 16px;}
    .about-box .contact-center .content .company-list .li .name{margin: 10px 0;font-size: 14px;}
    .about-box .contact-center .content .company-list .li .desc{font-size: 12px;line-height: 22px;}
    .about-box .contact-center .big-tit{font-size: 26px;}
    .about-box .contact-center .content .company-list{margin-top: 25px;}
	.about-box .contact-center .map{height: 320px;}

    .about-box .contact-center .content .same .big-tit{width: 26%;}
    .about-box .contact-center .content .same .con{width: 70%;}
}

@media (max-width: 650px){
    .about-box .contact-center .content .same .big-tit,
    .about-box .contact-center .content .same .con{width: 100%;float: none;}
    .about-box .contact-center .content .same .big-tit{margin-bottom: 26px;}
}
@media (max-width: 500px){
    .about-box .material-center .category a.dis{width: 30%;}
    .about-box .material-center .search .text{width: 80%;}

    .about-box .contact-center .big-tit{font-size: 20px;}
	.about-box .contact-center .map{height: 200px;}
}
@media (max-width: 450px){
    .about-box .contact-center .content .company-list .li .info,
    .about-box .contact-center .content .company-list .li .img{width: 100%;float: none;}
    .about-box .contact-center .content .company-list .li .info{margin-top: 25px;}
    .about-box .contact-center .content .company-list .li .tit{font-size: 18px;}
    .about-box .contact-center .content .company-list .li .name{font-size: 16px;}
    .about-box .contact-center .content .company-list .li .desc{font-size: 14px;line-height: 24px;}
}

/*人才招聘*/
.about-box .development.join{margin-bottom: 0;}
.about-box .idea-list{position: relative;z-index: 2;padding-bottom: 85px;}
.about-box .idea-list:after{content:'';position: absolute;bottom: 0;width: 100%;height: 90px;background: url(../images/join2.png) no-repeat center center;}
.about-box .idea-list .list{margin-top: -70px;}
.about-box .idea-list .list .idea{width: 31.67%;height: 160px;background: #f3f9fa;margin-right: 2.4%;}
.about-box .idea-list .list .idea:nth-child(3n){margin-right: 0;}
.about-box .idea-list .list .idea .tit{background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;color: #333333;font-size: 22px;padding: 40px 0 15px;}
.about-box .idea-list .list .idea .desc{color: #333333;font-size: 14px;line-height: 22px;}
.about-box .intro{width: 68.33%;margin: 0 auto 80px;color: #fff;font-size: 20px;line-height: 30px;padding: 20px;background: linear-gradient(to right, #44bb9e , #40aad0);border-radius: 50px;}
.about-box .join-list{margin-bottom: 45px;}
.about-box .join-list .border{cursor: pointer;margin-bottom: 10px;border: 1px solid #e5e5e5;padding: 0 30px;}
.about-box .join-list .border *{padding: 30px 0;}
.about-box .join-list .border .clear,
.about-box .join-list .border .editor{padding: 0;}
.about-box .join-list .name{font-family: 'SourceHanSansCN_Regular';width: 260px;margin-right: 30px;color: #323232;font-size: 14px;}
.about-box .join-list .much{font-family: 'SourceHanSansCN_Regular';width: 240px;margin-right: 30px;color: #929292;font-size: 14px;}
.about-box .join-list .date{padding-left: 31px;color: #323232;font-size: 14px;font-family: "Titillium_web_semibold";background: url(../images/times.png) no-repeat left center;}
.about-box .join-list .btn{width: 36px;height: 19px;background: url(../images/on.png) no-repeat center center/100% auto;}
.about-box .join-list .term{height: 0;overflow: hidden;}
.about-box .join-list .term .center{width: 850px;padding: 46px 0 0 30px;}
.about-box .join-list .term .center .desc{color: #696969;font-size: 14px;line-height: 24px;}
.about-box .join-list .term .dd{color: #282828;font-size: 18px;margin-bottom: 25px;}
.about-box .join-list .term .dd.d2{margin-top: 70px;}
.about-box .join-list .term .contact{width: 240px;top: 30px;right: 0;border-radius: 10px;background: url(../images/join_bg.jpg) no-repeat center center/cover;}
.about-box .join-list .term .contact .con{position: relative;padding-left: 20px;padding-top: 76px;padding-bottom: 60px;color: #282828;font-size: 14px;line-height: 24px;}
.about-box .join-list .term .contact .con a{color: #282828;font-size: 14px;line-height: 24px;}
.about-box .join-list .term .contact .con a:hover{color: #41aad1;}
.about-box .join-list .term .contact .con:before{content:'';width: 54px;height: 58px;position: absolute;left: 22px;top: 0;background: url(../images/join1.png) no-repeat center center;}
.about-box .join-list .term .contact .con:after{width: 103px;height: 96px;content:"";position: absolute;right: 22px;bottom: 0;background: url(../images/join_2.png) no-repeat center center;}
.about-box .join-list .join:hover .border,
.about-box .join-list .join.open .border{background: #f9f9f9;}
.about-box .join-list .join:hover .name,
.about-box .join-list .join.open .name{background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*.about-box .join-list .join .btn:hover,*/
.about-box .join-list .join.open .btn{transform: rotate(180deg);background-image: url(../images/json_close.png);}

@media (max-width: 1250px){
    .about-box .join-list .term .center{width: auto;}
    .about-box .join-list .term .contact{position: static;margin-top: 40px;margin-left: 30px;}
}
@media (max-width: 1200px){
    .about-box .idea-list:after{display: none;}
    .about-box .idea-list{padding-bottom: 60px;}
    .about-box .intro{padding: 12px;}
    .about-box .intro{margin-bottom: 60px;}
}
@media (max-width: 950px){
    .about-box .join-list .much{display: none;}
    .about-box .intro{font-size: 16px;}
    .about-box .join-list .term .center{padding: 30px 0 0 4%;}
    .about-box .join-list .term .contact{margin-left: 4%;}
    .about-box .join-list .term .dd.d2{margin-top: 50px;}
}
@media (max-width: 750px){
    .about-box .idea-list .list{margin-top: 25px;}
    .about-box .idea-list{padding-bottom: 30px;}
    .about-box .idea-list .list .idea{width: 100%;display: block;margin-bottom: 25px;}
    .about-box .idea-list .list .idea .desc{font-size: 16px;}

    .about-box .join-list .border *{padding: 20px 0;}
    .about-box .join-list .date{padding-left: 32px;}

    .about-box .join-list .btn{-webkit-background-size: 26px auto;background-size: 26px auto;}
}

@media (max-width: 615px){
    .about-box .join-list .date{display: none;}
    .about-box .join-list .name{width: auto;}
}

/*新闻*/
.about-box .over{overflow: hidden;}
#about_news{position: relative;margin: 0;margin-left: 8.33%;overflow: visible;}
#about_news:after{content:"";position: absolute;bottom: 0;right: -82px;width: 680px;height: 482px;background: url(../images/dian4.png) no-repeat center center;}
#about_news .swiper-slide .img{width: 57.14%;}
#about_news .swiper-slide .img .absolute{overflow: hidden;}
#about_news .swiper-slide .img:hover img{transform: scale(1.1);}
#about_news .swiper-slide .p{padding-top: 68.75%;}
#about_news .swiper-slide .right{display: none;}
#about_news .right{right: 0;top: 21%;width: 620px;height: 220px;background: url(../images/info_bg.jpg) no-repeat center center;padding-top: 50px;padding-left: 40px;box-shadow: 75px 70px 34px -63px #d1d1d1;}
#about_news .right .date{width: 82px;}
#about_news .right .date2{display: none;}
#about_news .right .date *{color: #fff;}
#about_news .right .date .d1{font-size: 72px;font-family: 'RUBIK';margin-bottom: 12px;border-bottom: 4px solid #ffffff;}
#about_news .right .date .d2{font-size: 16px;font-family: 'RUBIK';}
#about_news .right .fr{width:460px;margin-right: 40px;}
#about_news .right .fr .name{color: #ffffff;font-size: 30px;font-weight: bold;line-height: 36px;margin-bottom: 28px;}
#about_news .right .fr .desc{color: #ffffff;font-size: 14px;line-height: 24px;}
#about_news .swiper-button{right: 0;bottom: 65px;}
#about_news .swiper-button .swiper-prev,
#about_news .swiper-button .swiper-next{width: 50px;height: 50px;border-radius: 50%;background-color: #eeeeee;background-repeat: no-repeat;background-position: center center;}
#about_news .swiper-button .swiper-prev{background-image: url(../images/info_left.png);}
#about_news .swiper-button .swiper-prev:hover{background-image: url(../images/info_left2.png);}
#about_news .swiper-button .swiper-next{background-image: url(../images/info_right.png);}
#about_news .swiper-button .swiper-next:hover{background-image: url(../images/info_right2.png);}
#about_news .swiper-button .swiper-pagination{width: auto;position: static;margin: 0 29px;}
#about_news .swiper-button .swiper-pagination,
#about_news .swiper-button .swiper-pagination span{font-family: 'RUBIK';line-height: 50px;color: #c7c7c7;font-size: 16px;display: inline-block;vertical-align: top;}
#about_news .swiper-button .swiper-pagination span.swiper-pagination-current{color: #696969;}

@media (max-width: 1580px){
    #about_news{width: 90%;margin: 0 auto;}
    #about_news .swiper-button{bottom: 40px;}
}
@media (max-width: 1440px){
    #about_news .swiper-slide .img{}

    #about_news .swiper-slide{clear: both;}
    #about_news .swiper-slide .right{width: 39.7%;height: 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;display: block;top: 0;bottom: 0;margin: auto;padding: 0 0 0 5%;}
    #about_news .right .date{margin-top: 5%;float: none;margin-bottom: 3%;}
    #about_news .right .fr{float: none;width: 90%;}
    #about_news .right-box{display: none;}
    #about_news .swiper-button{position: relative;bottom: 0;right: 0;margin: 0 auto;text-align: center;margin-top: 35px;}
    #about_news .swiper-button .swiper-prev, #about_news .swiper-button .swiper-next{}
}

@media (max-width: 1280px){
    #about_news .right .fr .name{font-size: 24px;}
    #about_news .right .date .d1{font-size: 50px;}
}

@media (max-width: 981px){
    #about_news .right .date{display: none;}
    #about_news .right .fr .name{margin-bottom: 20px;}
    #about_news .swiper-slide{overflow: hidden;}
    #about_news .swiper-slide .img{width: 50%;}
    #about_news .right .fr{width: 95%;}
    #about_news .swiper-slide .right{padding-top: 6%;padding-left: 2%;}
    #about_news .swiper-slide .right{width: 48%;}
    #about_news .right .fr .name{font-size: 18px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    #about_news .right .date2{display: block;height: 20px;color: #fff;font-size: 14px;margin-top: 20px;}

}

@media (max-width: 768px){
    #about_news .right .date2{display: none;}
}

.news-center{margin-bottom: 80px;margin-top: 60px;}
.about-box .pub2.search{width: 650px;margin: 0 auto;}
.about-box .pub2.search .row.select{width: 240px;height: 60px;background: url(../images/border2.jpg) no-repeat center center/100% 100%;}
.about-box .pub2.search .row.select .times{cursor: pointer;padding-left: 19px;line-height: 60px;color: #282828;font-size: 16px;background: url(../images/time.png) no-repeat 207px center;}
.about-box .pub2.search .row.select .time-list{border: 1px solid transparent;height: 0;overflow: hidden;border-top: none;background: #fff;width: 238px;top: 60px;left: 0;}
.about-box .pub2.search .row.select .time-list .block{color: #282828;font-size: 14px;padding: 6px 0 6px 19px;}
.about-box .pub2.search .row.fz{border:1px solid #dddddd;height: 58px;width: 398px;margin-left: 10px;}
.about-box .pub2.search .text{width: 85.5%;height: 58px;line-height: 58px;color: #929292;font-size: 16px;margin-left: 19px;}
.about-box .pub2.search .submit{width: 17px;height: 17px;margin-right: 19px;background: url(../images/info_search.jpg) no-repeat center center;margin-top: 21px;cursor: pointer;}
.about-box .pub2.search{margin-bottom: 55px;}
.news-center .list{margin-bottom: 48px;}
.news-center .list .news .w1200{padding-bottom: 48px;padding-top: 48px;border-bottom: 1px dashed #dddddd;}
.news-center .list .news .date{width: 9.83%;}
.news-center .list .news .date .d1{font-size: 32px;color: #525252;font-family: 'Titillium_web';}
.news-center .list .news .date .d2{color: #929292;font-size: 16px;font-family: 'Titillium_web';}
.news-center .list .news .fr{width: 90%;margin-top: 8px;}
.news-center .list .news .fr .name{margin-bottom: 20px;color: #525252;font-weight: 600;font-size: 20px;}
.news-center .list .news .fr .date{display: none;color: #696969;}
.news-center .list .news .fr .date,
.news-center .list .news .fr .desc{color: #929292;font-size: 14px;line-height: 24px;}
.news-center .list .news:last-child .w1200{border-bottom: none;}
.news-center .list .news:hover{background: #eff3f7;}
.news-center .list .news:hover .w1200{border-color: transparent;background: url(../images/info_border.jpg) no-repeat left bottom;}
.news-center .list .news:hover .date .d1,
.news-center .list .news:hover .fr .name,
.news-center .list .news:hover .date .d2{background-image: linear-gradient(to right,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media (max-width: 981px){
    .about-box .pub2.search{margin-bottom: 30px;}
    .news-center .list .news .w1200{padding: 28px 0;}
    .news-center .list .news .fr{width: 80%;}
}
@media (max-width: 750px){

    .about-box .pub2.search .text{width: 80%;}
    .about-box .pub2.search{width: 100%;text-align: center;}
    .about-box .pub2.search .row.fz{width: 94%;margin-left: 0;}
    .about-box .pub2.search .row.select:nth-child(1){display: none;}
    #about_news .swiper-slide .right,
    #about_news .swiper-slide .img{width: 100%;}
    #about_news .swiper-slide .right{padding: 35px 3%;width: 94%;}
    #about_news .swiper-slide .right{position: static;}
    #about_news .right .fr{margin-right: 0;}
}

@media (max-width: 500px){
    .news-center .list .news .date{display: none;}
    .news-center .list .news .fr{width: 100%;}
    .news-center .list .news .fr .date{display: block;}
    .news-center .list .news .fr .name{margin-bottom: 12px;}
    .news-center .list .news .fr .date{margin-bottom: 20px;}
}

/*新闻详细*/
.news-detail{margin-bottom: 100px;}
.news-detail .left{width: 66.67%;}
.news-detail .left .name{color: #282828;font-size: 30px;font-weight: bold;margin-bottom: 15px;}
.news-detail .left .time{color: #929292;font-size: 20px;font-family: 'RUBIK';}
.news-detail .left .share{position: relative;margin: 18px 0;height: 44px;}
.news-detail .left .share:before{content:"";width: 100%;height: 1px;bottom: 0;margin: auto;position: absolute;top: 0;left: 0;background: #e4e4e4;}
.news-detail .left .share .sharebox{position:absolute;bottom: 2px;right: -1px;width:44px;z-index: 2;}
.news-detail .left .share .sharebox .sbox{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;}
.news-detail .left .share .sharebox .sbox:after{transition-duration:0.5s;content:"";position: absolute;top: 0;left: 0;margin: auto;right: 0px;bottom: 0px;width: 44px;height: 44px;background: url(../images/info_add.png) no-repeat center;}
.news-detail .left .share .sharebox .sbox:before{content:"";position: absolute;right: -13px;bottom: -16px;width: 64px;height: 67px;background: url(../images/share_bg.png) no-repeat center center;}
.news-detail .left .share .sharebox .bshare-custom{width: 44px;position:absolute;bottom: 0px;left:0;height:0;border-radius: 25px;background: #f7f7f7;z-index:0;overflow:hidden;transition-duration:0.5s;opacity:0;filter: alpha(opacity=0)}
.news-detail .left .share .sharebox .bshare-custom .block{width: 27px;height: 21px;margin: 0 auto 16px;background-repeat: no-repeat;background-position: center center;}
.news-detail .left .share .sharebox .bshare-custom .qq{width: 22px;height: 22px;background-image: url(../images/d_qq.png);}
.news-detail .left .share .sharebox .bshare-custom .wechat{background-image: url(../images/d_wechat.png);}
.news-detail .left .share .sharebox .bshare-custom .sina{background-image: url(../images/d_weibo.png);}
.news-detail .left .share .sharebox .bshare-custom .qq:hover{background-image: url(../images/d_qq2.png);}
.news-detail .left .share .sharebox .bshare-custom .sina:hover{background-image: url(../images/d_weibo2.png);}
.news-detail .left .share .sharebox .bshare-custom .wechat:hover{background-image: url(../images/d_wechat2.png);}
.news-detail .left .share .sharebox:hover .sbox:after{transform:rotate(180deg)}
.news-detail .left .share .sharebox:hover .bshare-custom{width: 44px;height:156px;padding-top:18px;opacity:1;filter: alpha(opacity=100)}

.news-detail .right{width: 30%;border: 1px solid #eeeeee;border-top: none;}
.news-detail .right .name{line-height: 60px;height: 60px;color: #ffffff;font-size: 18px;font-weight: bold;background: linear-gradient(to right, #44bb9e , #40aad0);padding-left: 20px;}
.news-detail .right .name .swiper-prev,
.news-detail .right .name .swiper-next{cursor: pointer;top: 24px;width: 25px;height: 13px;background-repeat: no-repeat;background-position: center center;}
.news-detail .right .name .swiper-prev{right: 65px;background-image: url(../images/info_dleft.png);}
.news-detail .right .name .swiper-next{right: 20px;background-image: url(../images/info_dright.png);}
.news-detail .right .swiper-slide{}
.news-detail .right .swiper-slide .s1{width: 88.89%;margin: 20px auto 0;}
.news-detail .right .swiper-slide .img .p{padding-top: 68%;}
.news-detail .right .swiper-slide .img .absolute{overflow: hidden;}
.news-detail .right .swiper-slide .n1{margin: 25px 0 20px;color: #363636;font-size: 20px;line-height: 26px;}
.news-detail .right .swiper-slide .desc{color: #929292;font-size: 14px;line-height: 24px;}
.news-detail .right .swiper-slide .date{padding: 25px 0 28px;color: #525252;font-size: 16px;font-family: 'Titillium_web';}
.news-detail .right .swiper-slide:hover .img img{transform: scale(1.1);}
.news-detail .right .swiper-slide:hover .n1{background-image: linear-gradient(to right,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media (max-width: 1050px){
    .news-detail .left{width: 100%;}
    .news-detail .right{display: none;}
}
@media (max-width: 750px){
    .news-detail .left .name{font-size: 24px;}
}

/*服务支持 网上商城*/
.service-box .mall {margin-bottom: 100px;}
.service-box .mall .p{padding-top: 547px;background-repeat: no-repeat;background-position: left center;}
.service-box .mall .big{color: #ffffff;font-size: 40px;font-weight: bold;margin-top:4.2%;margin-bottom: 18px;}
.service-box .mall .desc{color: #ffffff;font-size: 14px;line-height: 24px;margin-bottom: 40px;}
.service-box .mall .box{background: #fff;width: 61.27%;margin: 0 auto;padding-bottom: 2.7%;padding-top: 18px;}
.service-box .mall .box .cate{height: 56px;border-bottom: 1px solid #efefef;margin-bottom: 28px;}
.service-box .mall .box .cate .dis{cursor: pointer;margin-left: 34px;line-height: 56px;color: #091318;font-size: 14px;font-weight: bold;}
.service-box .mall .box .cate .dis:first-child{margin-left: 40px;}
.service-box .mall .box .cate .dis:after{width: 0;position: absolute;content:"";bottom: -2px;height: 3px;background: linear-gradient(to right, #44bb9e , #40aad0);left: 0;}
.service-box .mall .box .cate .dis:hover::after,
.service-box .mall .box .cate .dis.on:after{width: 100%;}
.service-box .mall .box .list{font-size: 0;display: none;width: 94.06%;margin: 0 auto;}
.service-box .mall .box .list.open{display: block;}
.service-box .mall .box .list .li{width: 19.35%;height: 58px;margin-right: 2.17%;margin-bottom: 2.17%;border-radius: 10px;border: 1px solid #dcdcdc;}
.service-box .mall .box .list .li:hover{border-image: -webkit-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: -moz-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: -o-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: linear-gradient(#45ba9e, #41aad1) 20 20;}
.service-box .mall .box .list a.li:hover img{transform: scale(1.1);}

@media (max-width: 1200px){
    .service-box .mall .big{font-size: 36px;}
}
@media (max-width: 981px){
    .service-box .mall .big{font-size: 30px;}
    .service-box .mall .box{width: 90%;}
}

@media (max-width: 750px){
    .service-box .mall .big{font-size: 20px;}
    .service-box .mall .box .list .li{width: 21.35%;}
    .service-box .mall .p{padding-top: 400px;}
    .service-box .mall .box .cate .dis:first-child{margin-left: 25px;}
    .service-box .mall .box .cate .dis{margin-left: 25px;font-size: 13px;}
}
@media (max-width: 500px){
    .service-box .mall .box{width: 95%;}
    .service-box .mall .box .list .li{width: 31.3%;}
    .service-box .mall .box .list .li:nth-child(3n){margin-right: 0;}
}
@media (max-width: 450px){
    .service-box .mall .box .list {}
    .service-box .mall .box .list .li{width: 31%;}
    .service-box .mall .box .list .li{height: 45px;}
}

/*门店查询*/
.service-box .swiper-store .swiper-page{position: absolute;right: -98px;bottom: 20px;text-align: right;left: auto;z-index: 2;}
.service-box .swiper-store .content .active{padding: 40px 0 0 40px;}
.service-box .swiper-store .content .tit{margin-bottom: 25px;color: #b6efe4;font-size: 20px;font-weight: bold;}
.service-box .swiper-store .content .tit div.dis{width: 48px;height: 58px;background: url(../images/contact.png) no-repeat center center;margin-right: 4px;}
.service-box .swiper-store .content .tit span.dis{vertical-align: bottom;}
.service-box .swiper-store .content .desc .dd{color: #ffffff;font-size: 14px;line-height: 24px;}
.service-box .swiper-store .form{top: 147px;left: 0;width: 100%;text-align: center;right: 0;margin: auto;}
.service-box .swiper-store .form .center{color: #fff;font-size: 40px;font-weight: bold;margin-bottom: 38px;}
.service-box .swiper-store .form .select .dis.province,
.service-box .swiper-store .form .select .dis.city{height: 60px;line-height: 60px;background: #fff url(../images/img2.jpg) no-repeat 92% center;}
.service-box .swiper-store .form .select .dis.province{min-width: 140px;}
.service-box .swiper-store .form .select .dis.city{margin-left: 4px;width: 376px;}
.service-box .swiper-store .form .select .dis select{width: 100%;padding-left: 20px;padding-right: 42px;height: 60px;line-height: 60px;color: #282828;font-size: 14px;appearance: none;-webkit-appearance: none;}
.service-box .swiper-store .form .select .submit{cursor: pointer;height: 60px;line-height: 60px;color: #fff;width: 120px;background: #41afc0;font-size: 18px;}
.service-box .swiper-store .form .select .tips{margin-top: 20px;color: #e6e6e6;font-size: 14px;opacity: .99;text-align: left;}
.service-box .swiper-store .form .key{padding-bottom: 10px;width: 100%;margin: 36px auto 0;border-bottom: 1px solid #fff;}
.service-box .swiper-store .form form .text{width: 80%;color: #e6e6e6;font-size: 14px;opacity: .99;height: 19px;line-height: 19px;}
.service-box .swiper-store .form form .text::-webkit-input-placeholder {color: #e6e6e6;}
.service-box .swiper-store .form form .text::-moz-placeholder {color: #e6e6e6;}
.service-box .swiper-store .form form .text:-ms-input-placeholder {color: #e6e6e6;}
.service-box .swiper-store .form form .text:-moz-placeholder {color: #e6e6e6;}
.service-box .swiper-store .form form .sub2{cursor: pointer;width: 20px;height: 19px;background: url(../images/store_search.png) no-repeat center center;}
.service-box .store-list{margin: 158px auto 55px;}
.service-box .store-list .li{width: 31.67%;margin-right: 2.4%;margin-bottom: 2.4%;}
.service-box .store-list .li:nth-child(3n){margin-right: 0;}
.service-box .store-list .li .img{cursor: pointer;width: 100%;}
.service-box .store-list .li .img:after{content:"";position: absolute;bottom: 0;left: 0;margin: auto;width: 100%;height: 0;overflow: hidden;background: url(../images/down1.png) no-repeat center center;transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;}
.service-box .store-list .li .img .p{padding-top: 62.9%;}
.service-box .store-list .li .info{padding: 38px 30px;border: 1px solid #dfeff0;}
.service-box .store-list .li .name{color: #000000;font-size: 20px;}
.service-box .store-list .li .desc{margin: 28px 0 30px;line-height: 24px;color: #282828;font-size: 14px;}
.service-box .store-list .li .map{width: 120px;height: 40px;line-height: 40px;color: #282828;font-size: 14px;background: #edf5f7;}
.service-box .store-list .li .map span{margin-top: 10px;margin-right: 5px;width: 16px;height: 20px;background: url(../images/img3.png) no-repeat center center;}
.service-box .store-list .li:hover .img:after{z-index: 2;height: 100%;}
.service-box .store-list .li:hover .map{background: linear-gradient(to right, #44bb9e , #40aad0);color: #fff;}
.service-box .store-list .li:hover .map .dis{background-image: url(../images/img4.png);}
@media (max-width: 1860px){
    .service-box .swiper-store .swiper-page{right: -2%;}
}

/*防伪码查询*/
.service-box .code-form{width: 39.2%;margin: 0 auto;}
.service-box .code-form .row{height: 60px;background: #fff;}
.service-box .code-form .row.r2{margin-top: 4px;margin-bottom: 30px;}
.service-box .code-form .row .t1{width: 82px;color: #282828;font-size: 14px;height: 60px;line-height: 60px;}
.service-box .code-form .row .text{padding: 0 20px;border-left: 1px solid #e5e5e5;width: 77%;line-height: 60px;height: 60px;background: #fff;color: #282828;font-size: 14px;}
.service-box .code-form .row .vcode{right: 20px;top: 4px;}
.service-box .code-form .row .code{text-transform: uppercase;}
.service-box .code-form .submit{cursor: pointer;width: 240px;height: 60px;line-height: 60px;color: #fff;background: #41afc0;font-size: 18px;margin: 0 auto;}

@media(max-width: 1440px){
    .service-box .code-form{width: 60%;}
    .service-box .mall .p{padding-top: 450px;}
}

@media(max-width: 981px){
    .service-box .code-form{width: 80%;}
    .service-box .mall .big{margin-top: 40px;}
    .service-box .mall .p{padding-top: 400px;}
}
@media(max-width: 650px){
    .service-box .code-form{width: 95%;}
}

@media(max-width: 560px){
    .service-box .code-form .row .text{width: auto;}
}

/*文档下载*/
.service-box .search.down-search{width: auto;position: relative;z-index: 2;margin-bottom: 30px;text-align: center;}
.service-box .search.down-search .row.select{text-align: left;width: 240px;height: 60px;border: 1px solid #eeeeee;background: #fff;}
.service-box .search.down-search .row.select.pro{margin-left: 10px;}
.service-box .search.down-search .row.select:hover{border-color: transparent;background: url(../images/border2.jpg) no-repeat center center/100% 100%;}
.service-box .search.down-search .row.select .down{cursor: pointer;padding-left: 19px;line-height: 60px;color: #282828;font-size: 16px;background: url(../images/time.png) no-repeat 207px center;}
.service-box .search.down-search .row.select .down-list{border: 1px solid transparent;border-top: none;height: 0;overflow: hidden;background: #fff;width: 240px;top: 61px;left: -1px;}
.service-box .search.down-search .row.select .down-list.db{border-color: #eee;}
.service-box .search.down-search .row.select .down-list .block{cursor: pointer;color: #282828;font-size: 14px;padding: 6px 0 6px 19px;}
.service-box .search.down-search .row.fz{border:1px solid #eeeeee;height: 60px;width: 398px;margin-left: 10px;}
.service-box .search.down-search .text{width: 85.5%;height: 60px;line-height: 60px;color: #929292;font-size: 16px;margin-left: 19px;}
.service-box .search.down-search .submit{cursor: pointer;width: 17px;height: 17px;margin-right: 19px;background: url(../images/info_search.jpg) no-repeat center center;margin-top: 21px;}
.service-box .download-list {margin-bottom: 80px;}
.service-box .download-list .list{margin-bottom: 20px;}
.service-box .download-list .list .dis{width: 31.67%;margin-right: 2.4%;margin-bottom: 2.4%;}
.service-box .download-list .list .dis:nth-child(3n){margin-right: 0;}
.service-box .download-list .list .dis .img{cursor: pointer;width: 100%;}
.service-box .download-list .list .dis .img:after{content:"";position: absolute;bottom: 0;left: 0;margin: auto;width: 100%;height: 0;overflow: hidden;background: url(../images/down1.png) no-repeat center center;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.service-box .download-list .list .dis .img .p{padding-top: 62.9%;}
.service-box .download-list .list .dis .name{color: #282828;font-size: 20px;margin: 27px 0 15px;}
.service-box .download-list .list .dis .desc{opacity: .8;color: #282828;font-size: 14px;line-height: 24px;margin-bottom: 30px;}
.service-box .download-list .list .dis .down{height: 58px;line-height: 58px;border: 1px solid #eeeeee;color: #282828;font-size: 14px;}
.service-box .download-list .list .dis .down .dis{margin: 23px 20px 0 0;width: 16px;height: 13px;background-image: url(../images/d1.png);background-repeat: no-repeat;background-position: center center;}
.service-box .download-list .list .dis .down:hover{color: #fff;background: linear-gradient(to right, #44bb9e , #40aad0);border-image: -webkit-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: -moz-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: -o-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: linear-gradient(#45ba9e, #41aad1) 20 20;}
.service-box .download-list .list .dis .down:hover .dis{background-image: url(../images/d2.png);}
.service-box .download-list .list .dis:hover .img:after{z-index: 2;height: 100%;}
.service-box .download-list .list .dis .name:hover{color: #41aad1;}

@media (max-width: 1050px){
    .service-box .search.down-search .row.select{width: 20%;}
    .service-box .search.down-search .row.fz{width: 50%;}
    .about-box .pub2.search .row.select .times{background-position: 92% center;}
    .service-box .search.down-search .row.fz{clear: both;}
    .service-box .search.down-search .text{width: 80%;float: left;}
    .service-box .search.down-search .submit{float: right;}
}
@media (max-width: 850px){
    .service-box .download-list .list .dis .name{font-size: 16px;height: 44px;margin: 15px 0 10px;}
    .service-box .download-list .list .dis .desc{margin-bottom: 15px;}
    .service-box .download-list .list .dis .down{height: 45px;line-height: 45px;}
    .service-box .download-list .list .dis{margin-bottom: 4%;}
}
@media (max-width: 750px){
    .service-box .search.down-search .row.select.pro{display: none;}
    .service-box .search.down-search .row.fz{width: 100%;margin-left: 0;}
    .service-box .download-list .list .dis:nth-child(3n),
    .service-box .download-list .list .dis{width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .service-box .download-list .list .dis:nth-child(2n){margin-right: 0;}
}
@media (max-width: 450px){
    .service-box .download-list .list .dis .name{font-size: 14px;}
    .service-box .download-list .list .dis .down{height: 30px;line-height: 30px;font-size: 13px;}
}
/*保修政策*/
.service-box .development.warranty{margin-bottom: 0;}
.service-box .swiper-store.swiper-warranty .active{padding: 73px 0 0 30px;}
.service-box .swiper-warranty .active .desc{width: 295px;color: #ffffff;font-size: 20px;line-height: 30px;margin-bottom: 35px;}
.service-box .swiper-warranty .active .after{cursor: pointer;box-shadow: 5px 5px 20px -5px #3f8a8d;width: 180px;height: 50px;line-height: 50px;background: #fff;border-radius: 50px;}
.service-box .swiper-warranty .active .after .dis.d1{width: 24px;height: 24px;margin-top: 13px;background: url(../images/after.jpg) no-repeat center center;margin-right: 5px;}
.service-box .swiper-warranty .active .after .dis.tt{font-size: 16px;background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.service-box .swiper-warranty .active .ico{top: 40px;right: 53px;width: 68px;height: 68px;background: url(../images/img5.jpg) no-repeat center center;}
.service-box .warranty-list{margin-bottom: 100px;}
.service-box .warranty-list .li{padding: 50px 0;border-bottom: 1px solid #e5eced;}
.service-box .warranty-list .li .fl{width: 19.58%;font-size: 14px;background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 40px;font-weight: 600;font-size: 26px;}
.service-box .warranty-list .li .fr{width: 71.67%;}
.service-box .warranty-list .li .fr *{}

.form-box{width: 100%;height: 0;bottom: auto;overflow: hidden;z-index: 999;background:rgba(0,0,0,.4);}
.form-box .w1200{height: 0;overflow: hidden;}
.form-box .close{cursor: pointer;margin-top: 182px;width:35px;height: 35px;background: url(../images/form_close.png) no-repeat center center;margin-bottom: 30px;}
.form-box .warranty-form{background: #fff;padding-bottom: 122px;}
.form-box .warranty-form .form{width: 1140px;margin: 0 auto;}
.form-box .warranty-form .after{padding: 68px 0 28px;background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;font-weight: 600;}
.form-box .warranty-form .form form{padding-top: 40px;background: url(../images/img6.jpg) no-repeat left top;}
.form-box .warranty-form .form form .row.r1{width: 399px;}
.form-box .warranty-form .form form .row.area .tit,
.form-box .warranty-form .form form .row.r1 .tit{width: 80px;}
.form-box .warranty-form .form form .row.r1 .text{width: 279px;padding-left: 19px;}
.form-box .warranty-form .form form .row.area{width: 212px;}
.form-box .warranty-form .form form .row.area .text{width: 100px;padding-left: 19px;appearance: none;-webkit-appearance: none;background: #fff url(../images/img2.jpg) no-repeat 88% center;font-size: 14px;color: #282828;}
.form-box .warranty-form .form form .row {margin-bottom: 20px;}
.form-box .warranty-form .form form .row.name,
.form-box .warranty-form .form form .row.address{width: 451px;}
.form-box .warranty-form .form form .row.name .tit,
.form-box .warranty-form .form form .row.address .tit,
.form-box .warranty-form .form form .row .tit{width: 132px;margin-right: 19px;line-height: 50px;text-align: right;color: #282828;font-size: 18px;font-weight: bold;}
.form-box .warranty-form .form form .row .text{width: 882px;padding-left: 19px;height: 48px;line-height: 48px;border: 1px solid #e5e5e5;}
.form-box .warranty-form .form form .row .file{cursor: pointer;}
.form-box .warranty-form .form form .row .file .text{background: #fff;z-index: 2;}
.form-box .warranty-form .form form .row .file .absolute{z-index: 10;height: 30px;top: 10px;left: 20px;}
.form-box .warranty-form .form form .row .file .absolute .btn{width: 100px;height: 30px;line-height: 30px;color: #282828;font-size: 14px;background: #c7c7c7;}
.form-box .warranty-form .form form .row .file .tips{margin-left: 20px;color: #282828;font-size: 14px;line-height: 30px;}
.form-box .warranty-form .form form .row .file .tips.t2{display: none;}
.form-box .warranty-form .form form .row .file .filebtn{width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.form-box .warranty-form .form form .button{margin-left: 151px;}
.form-box .warranty-form .form form .button .btn{cursor: pointer;width: 240px;height: 50px;line-height: 50px;color: #000000;font-size: 14px;text-align: center;font-weight: bold;background: #e9e9e9;}
.form-box .warranty-form .form form .button .btn.reset{margin-left: 10px;}
.form-box .warranty-form .form form .row .file .btn:hover,
.form-box .warranty-form .form form .button .btn:hover{color: #fff;background: linear-gradient(to right, #44bb9e , #40aad0);color: #fff;}

@media (max-width: 1280px){
    .form-box .w1200{width: 900px;margin: 0 auto;}
    .form-box .warranty-form .form{width: 800px;}
    .form-box .warranty-form .form form .row.r1{width: 50%;}
    .form-box .warranty-form .form form .row.area .tit,
    .form-box .warranty-form .form form .row.r1 .tit,
    .form-box .warranty-form .form form .row.name .tit,
    .form-box .warranty-form .form form .row.address .tit{width: 24%;}
    .form-box .warranty-form .form form .row.r1 .text{width: 65%;}
    .form-box .warranty-form .form form .row .tit{width: 12%;}
    .form-box .warranty-form .form form .row .text{width: 82.5%;}
    .form-box .warranty-form .form form .row .file{width: 85%;}
    .form-box .warranty-form .form form .row .file .text{width: 97.1%;}
    .form-box .warranty-form .form form .row.area{width: 50%;display: block;}
    .form-box .warranty-form .form form  .row.button{margin-left: 0;text-align: center!important;}
    .form-box .warranty-form .form form .row .file .tips{display: none;}
    .form-box .warranty-form .form form .row .file .tips.t2{display: block;margin-top: 12px;}
}

@media (max-width: 981px){
    .service-box .swiper-store.swiper-warranty .active{padding: 40px 30px;}
}
@media (max-width: 950px){
    .form-box .close{margin-top: 100px;}
    .form-box .warranty-form .after{font-size: 30px;}
    .form-box .w1200{width: 94%;}
    .form-box .warranty-form .form{width: 90%;font-size: 0;}
}

@media (max-width: 878px){
    .service-box .warranty-list .li .fl,
    .service-box .warranty-list .li .fr{display: block;width: 100%;}
    .service-box .warranty-list .li .fl{margin-bottom: 25px;width: 100%;font-size: 20px;}
    .form-box .warranty-form .form form .row,
    .form-box .warranty-form .form form .row .file,
    .form-box .warranty-form .form form .row .text,
    .form-box .warranty-form .form form .row .tit{display: block;width: 100%!important;text-align: left!important;}
    .form-box .warranty-form .form form .row .text{width: 95%!important;padding: 0 2.5%!important;}
    .form-box .warranty-form .form form .row.area .text{width: 100%!important;}
    .form-box .warranty-form .form form .button .btn{width: 40%;}
}

@media (max-width: 750px){
    .service-box .swiper-warranty .active .ico{display: none;}
    .service-box .swiper-warranty .active .desc{width: 100%;}
    .service-box .swiper-warranty .active .after{width: 160px;line-height: 40px;height: 40px;}
    .service-box .swiper-warranty .active .after .dis.d1{margin-top: 8px;}

    .form-box .warranty-form .form form{padding-top: 30px;}
    .form-box .close{-webkit-background-size: 25px auto;background-size: 25px auto;}
    .form-box .warranty-form .after{font-size: 20px;padding-top: 40px;}
    .form-box .warranty-form{padding-bottom: 80px;}
    .form-box .warranty-form .form form .row .text{height: 40px;line-height: 40px;}
    .form-box .warranty-form .form form .row.name .tit,
    .form-box .warranty-form .form form .row.address .tit,
    .form-box .warranty-form .form form .row .tit{font-size: 16px;line-height: 26px;}
    .form-box .warranty-form .form form .row .file .absolute .btn{height: 20px;line-height: 20px;font-size: 12px;}
    .form-box .warranty-form .form form .button .btn{height: 40px;line-height: 40px;}
}

/*应用场景*/
.application-box .active{padding: 30px 0 0 30px;width: 300px;}
.application-box .active .ico{width: 74px;margin-bottom: 28px;}
.application-box .active .ico img{max-height: 74px;}
.application-box .active .desc{font-size: 20px;line-height: 30px;color: #ffffff;}

.application-box .big-tit{color: transparent;font-size: 30px;line-height: 40px;font-weight: bold;background-image: linear-gradient(41deg,#44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.application-box .desc2{color: #696969;font-size: 16px;line-height: 26px;margin: 58px 0 35px;}
.application-box .device {margin-bottom: 75px;}
.application-box .device .cate{font-weight: bold;width: 85px;color: #282828;font-size: 16px;padding: 16px 0;}
.application-box .device .li{width: 80%;}
.application-box .device .li .dis{margin-right: 3.46%;max-width: 29%;text-align: center;}
.application-box .device .li .dis .ico{border-radius: 50%;margin: 0 auto 10px;width: 58px;height: 58px;border: 1px solid #f2f2f2;}
.application-box .device .li .dis .name{color: #282828;font-size: 14px;line-height: 26px;}
.application-box .features{margin-bottom: 70px;}
.application-box .features .dis{width: 31.67%;margin-right: 2.4%;background: #edf4f5;margin-bottom: 20px;}
.application-box .features .dis:nth-child(3n){margin-right: 0;}
.application-box .features .dis .p{padding-top: 63.16%;}
.application-box .features .dis .info{padding: 35px 21px;}
.application-box .features .dis .info .name{margin-bottom: 20px;color: #000000;font-size: 20px;font-weight: bold;}
.application-box .features .dis .info .desc{color: #696969;font-size: 14px;line-height: 24px;}

.application-box .features .dis .img{cursor: pointer;width: 100%;}
.application-box .features .dis .img:after{content:"";position: absolute;bottom: 0;left: 0;margin: auto;width: 100%;height: 0;overflow: hidden;background: url(../images/down1.png) no-repeat center center;transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;}
.application-box .features .dis:hover .img:after{z-index: 2;height: 100%;}

@media (max-width: 1024px){
    .application-box .big-tit{font-size: 24px;line-height: 30px;}
    .application-box .features .dis .info .name{font-size: 18px;}
    .application-box .features .dis .info{padding: 22px 10px;}
    #main.application-box .active{padding: 30px 4% 0;width: 92%;}
}

@media (max-width: 768px){
    .application-box .features .dis:nth-child(3n),
    .application-box .features .dis{width: 48%;}
    .application-box .features .dis:nth-child(2n){margin-right: 0;}
    .application-box .active .desc{font-size: 18px;}
    .about-box .development .swiper-slide .p{padding-top: 300px;}
    .application-box .active .ico{margin-bottom: 20px;width: 45px;}
}

@media(max-width: 650px){
    .application-box .big-tit{font-size: 16px;line-height: 26px;}
}
@media(max-width: 450px){
    .application-box .features .dis:nth-child(3n),
    .application-box .features .dis{width: 100%;}
    .application-box .active .desc{font-size: 16px;}
}

/*兼容查询*/
.service-box .service-pro{padding-top: 146px;background-position: center top;background-repeat: no-repeat;}
.service-box .service-pro .form{margin-bottom: 83px;}
.service-box .service-pro .form .center{color: #fff;font-size: 40px;font-weight: bold;margin-bottom: 38px;}
.service-box .service-pro .form .select .dis{margin-right: 4px;height: 60px;line-height: 60px;background: #fff url(../images/img2.jpg) no-repeat 92% center;}
.service-box .service-pro .form .select .dis{min-width: 200px;}
.service-box .service-pro .form .select .dis select{width: 100%;padding-left: 20px;padding-right: 42px;height: 60px;line-height: 60px;color: #282828;font-size: 14px;appearance: none;-webkit-appearance: none;}
.service-box .service-pro .form .select .dis select option{display: none;}
.service-box .service-pro .form .select .dis select .p1{display: block;}
.service-box .service-pro .list{margin-bottom: 100px;background: #fff;padding-top: 70px;}
.service-box .service-pro .list .pro{margin-bottom: 60px;}
.service-box .service-pro .list .name{margin-bottom: 30px;color: #282828;font-size: 24px;}
.service-box .service-pro .list .name:hover{color: #42abd0;}



.big-title2{color: #333333;font-size: 22px;margin-bottom: 35px;font-weight: bold;}
#recom .list{height: 490px;background: #f4f5f7;}
#recom .list .swiper-slide{background: url(../images/pro_bg.jpg) no-repeat center center/100% 100%;}
#recom .list .swiper-slide .p{padding-top: 78.6%;}
#recom .list .swiper-slide .name{padding: 0px 10px;color: #282828;font-size: 20px;height: 56px;font-weight: bold;line-height: 56px;}
/*#recom .list .swiper-slide:hover{box-shadow: 0 20px 36px -15px #9e9e9e;}*/
/* #recom .list .swiper-slide:after{content:"";position: absolute;top: 0;width: 100%;left: 0;right: 0;margin: auto;background: url(../images/pro_bg2.png) no-repeat center center/100% 100%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} */
#recom .list .swiper-slide:hover:after{bottom: 0;}
#recom .list .swiper-slide .more1{bottom: -50%;width: 100%;color: #ffffff;font-size: 20px;margin-bottom: 10px;z-index: 2;}
#recom .list .swiper-slide .more1 .i1{margin-top: 10px;}
#recom .list .swiper-slide:hover .bg{
    position: absolute;top: 0;width: 100%;left: 0;right: 0;margin: auto;background: url(../images/pro_bg2.png) no-repeat center center/100% 100%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;z-index: 1;height: 100%;
}
#recom .list .swiper-slide:hover .more1{bottom: 40px;}
#recom .list .swiper-slide:hover .name{opacity: 0;}
#recom .list .swiper-pagination{margin-top: 30px;position: static;}
#recom .list .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #117a8b;opacity: 1;margin: 0 5px;}
#recom .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

/*产品*/
.products-box{margin-top: 7.0%;}
.products-box .pub-title{margin-bottom: 45px;}
.products-box .pub-title2{color: #333333;font-size: 30px;margin-bottom: 56px;font-weight: bold;margin-top: 87px;}
.products-box .tip{color: #333333;font-size: 18px;margin-top: 35px;}
.products-box .picture .p{padding-top: 547px;background-position: center center;-webkit-background-size: cover;
background-size: cover;background-repeat: no-repeat;}
.products-box .picture .content{width: 450px;height: 270px;bottom: -60px;right: -60px;box-shadow: 41px 40px 29px -33px #ababab;background: url(../images/bg.jpg) no-repeat center center;}
.products-box .picture .page{right: -100px;bottom: 12px;z-index: 2;}
.products-box .picture .content .con{width: 328px;display: none;padding-left: 40px;padding-top: 45px;}
.products-box .picture .content .con .t1{color: #117c86;font-size: 18px;font-family: 'EuclidSqure';}
.products-box .picture .content .con .t2{margin: 10px 0 20px;color: #ffffff;font-size: 48px;font-family: 'EuclidSqure';}
.products-box .picture .content .con .t3{width: 237px;color: #ffffff;font-size: 18px;line-height: 24px;}
.products-box .picture .content .con.active{display: block;}
.products-box .list1{position: relative;z-index: 2;}
.products-box .list1 .s-list{width: 80%;}
.products-box .list1 .select{margin-right: 10px;margin-bottom: 10px;}
.products-box .list1 .select .one{opacity: .6;color: #282828;font-size: 14px;min-width: 158px;border: 1px solid #e5e5e5;background: #f4f4f4 url(../images/p_select.png) no-repeat 92% center;line-height: 28px;height: 28px;padding: 0 30px 0 9px;cursor: pointer;}
.products-box .list1 .select .two{height: 0;overflow: hidden;top: 30px;width: 100%;left: 0;background: #f4f4f4;}
.products-box .list1 .select .two.open{box-shadow: 0 0 0 1px #e5e5e5;}
.products-box .list1 .select .two .child{cursor: pointer;position: relative;opacity: .6;padding-left: 9px;padding-left: 9px;height: 28px;line-height: 28px;}
.products-box .list1 .select .two .child div{color: #282828;font-size: 13px;}
.products-box .list1 .select .two .child input{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;opacity: 0;background-color: transparent;border: none;width: 0;height: 0;}
.products-box .list1 .select .two .child:nth-child(1){margin-top: 12px;}
.products-box .list1 .select .two .child:hover div{color: #40aad0;}
.products-box .list1 .tit{line-height: 30px;height: 30px;margin-right: 10px;color: #282828;font-size: 13px;}
.products-box{margin-bottom: 100px;}
.products-box .list{margin-top: 40px;}
.products-box .list .pro.dis{width: 31.67%;margin-right: 2.42%;margin-bottom: 2.42%;padding: 20px 0;background: url(../images/pro_bg.jpg) no-repeat center center/100% 100%;}
.products-box .list .pro.dis:nth-child(3n){margin-right: 0;}
.products-box .list .pro.dis .p{padding-top: 50%;}
.products-box .list .pro.dis .name{padding: 0 10px;margin-top: 22px;margin-bottom: 16px;color: #282828;font-size: 20px;font-weight: bold;}
.products-box .list .pro.dis .more1{bottom: -50%;width: 100%;color: #ffffff;font-size: 20px;margin-bottom: 10px;}
.products-box .list .pro.dis .more1 .i1{margin-top: 10px;}
.products-box .list .pro.dis .desc{height: 72px;color: #282828;font-size: 13px;line-height: 24px;}
.products-box .list .pro.dis:hover{box-shadow: 0 20px 36px -15px #9e9e9e;}
.products-box .list .pro.dis:after{content:"";width: 100%;height: 0;overflow: hidden;bottom: 0;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: url(../images/pro_bg2.png) no-repeat center center/100% 100%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.products-box .list .pro.dis:hover:after{height: 100%;}
.products-box .list .pro.dis:hover .more1{bottom: 40px;}
.products-box .list .pro.dis:hover .name,
.products-box .list .pro.dis:hover .desc{opacity: 0;}
.products-box .page{margin-top: 55px;}

@media (max-width: 1860px){
    .products-box .picture .content{right: -1%;bottom: -3%;}
    .products-box .picture .page{right: -2%;}
    .products-box .pub-title2{margin: 60px 0 40px;}
}
@media (max-width: 1050px){
    .products-box .picture .content{position: static;width: 100%;height: auto;padding-bottom: 45px;-webkit-background-size: 100% 100%;background-size: 100% 100%;box-shadow: initial;}
    .products-box .picture .p{padding-top: 400px;}
    .products-box .picture .content .con .t2{font-size: 40px;}
}
@media (max-width: 768px){
    .products-box .list .pro.dis:nth-child(3n),
    .products-box .list .pro.dis{width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .products-box .list .pro.dis .name{font-size: 18px;}
    .products-box .list .pro.dis:nth-child(2n){margin-right: 0!important;}
    .products-box .picture .p{padding-top: 300px;}
    .products-box{margin-top: 60px;}
    .products-box .pub-title2{font-size: 26px;}
    .products-box{margin-bottom: 80px;}
}
@media (max-width: 610px){
    .products-box .list .pro.dis:nth-child(3n),
    .products-box .list .pro.dis{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .products-box .list .pro.dis .name{font-size: 16px;}

    .products-box .picture .content .con .t2{font-size: 30px;}
}

@media (max-width: 450px){
    .products-box .pub-title2{font-size: 24px;}
}
/*详细*/
.products-detail{margin-top: 120px;}
.products-detail .pub-title{margin-bottom: 38px;}
.products-detail .big-view{width: 50%;height: 620px;}
.products-detail .big-view .swiper-container{height: 550px;}
.products-detail .big-view .swiper-slide{background: #e2e2e2;}
.products-detail .big-view .p{padding-top: 550px;}
/* .products-detail .big-view .swiper-pagination{left: 10px;top: 24px;transform: inherit;bottom: auto;right: auto;} */
.products-detail .big-view .page1{height: 72px;width: auto;left: 50%;transform: translate(-50%, 0);}
.products-detail .big-view .page2{top: 130px;}
.products-detail .big-view .page3{top: 25%;}
.products-detail .big-view .page4{top: 60px;}
.products-detail .big-view .page5{top: 24px;}
.products-detail .big-view .swiper-pagination .swiper-pagination-bullet{
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 5px;
    background: #fff;
    border: solid 2px transparent;
    opacity: 1;font-size: 0;
    float: left;
}
.products-detail .big-view .swiper-pagination .swiper-pagination-bullet img{max-width: 68px;}
.products-detail .big-view .swiper-pagination .swiper-pagination-bullet:hover,
.products-detail .big-view .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #d70917, #eaae26);
    background-origin: border-box;
    background-clip: content-box, border-box;

    /* border-image: -webkit-linear-gradient(#d70917, #eaae26) 20 20;

    border-image: -moz-linear-gradient(#d70917, #eaae26) 20 20;

    border-image: -o-linear-gradient(#d70917, #eaae26) 20 20;

    border-image: linear-gradient(#d70917, #eaae26) 20 20; */
}

.products-detail .right{width: 46.25%;height: 620px;position: relative;}
.products-detail .right .cate{color: #282828;font-size: 18px;font-family: 'EuclidSqure';background-image: linear-gradient(41deg, #44bb9e, #40aad0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;}

.products-detail .right .name{font-weight: 600;padding: 1px 0 20px;border-bottom: 4px solid transparent;color: #282828;font-size: 48px;background: url(../images/b3.jpg) no-repeat left bottom;margin-bottom: 30px;}

.products-detail .right .type{margin-bottom: 10px;background-image: linear-gradient(41deg, #d70917, #eaae26);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;font-weight: lighter;}
.products-detail .right .size{padding-bottom: 28px;border-bottom: 1px solid #dadada;color: #282828;font-size: 18px;}
.products-detail .right .desc{margin: 40px 0;padding-left: 20px;}

.products-detail .right .desc p{color: #696969;font-size: 16px;line-height: 30px;text-align: justify;}
.products-detail .right .buy{width: 168px;
    border-radius: 0;
    border: none;
    outline: none;
    padding: 18px 20px;
    background-color: #ff6900;
    color: #fff;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.products-detail .right .buy:hover{
    background-color: #e35e00;
}

.products-detail .button{margin-top: 60px;height: 60px;}
.products-detail .button .w1600{background: #f8f8f8;height: auto;}
.products-detail .button.fx{background: #f8f8f8;position: fixed;top: 100px;right: 0;left: 0;margin: auto;z-index: 999;}
.products-detail .button .dis{cursor: pointer;border-top: 4px solid transparent;padding: 15px 0;margin-left: 45px;color: #696969;font-size: 14px;}
.products-detail .button .dis:hover,
.products-detail .button .dis.on{color: #282828;border-image: -webkit-linear-gradient(#d70917, #eaae26) 20 20;border-image: -moz-linear-gradient(#d70917, #eaae26) 20 20;border-image: -o-linear-gradient(#45ba9e, #41aad1) 20 20;border-image: linear-gradient(#d70917, #eaae26) 20 20;}
.products-detail .button .dis:hover{color: #282828;}
.products-detail .detail{margin-bottom: 80px;}
.products-detail .detail img{max-width: 100%;}
.products-detail .detail .big{margin-top: 80px;margin-bottom: 15px;color: #333333;font-size: 22px;font-weight: bold;}
.products-detail .detail .type .dis{margin-bottom: 36px;background-image: linear-gradient(41deg, #d70917, #eaae26);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;font-weight: lighter;}
.products-detail .introduce{margin-bottom: 6.74%;}
/* .products-detail .intro .img.fl{margin-left: 8.33%;}
.products-detail .intro .img.fr{margin-right: 8.33%;} */
.products-detail .intro .info.fr{margin-right: 18.25%;margin-left: 3.125%;}
.products-detail .intro .info.fl{margin-left: 18.25%;margin-right: 3.125%;}
.products-detail .intro .img{width: 50%;}
.products-detail .intro .img .p{padding-top: 60%;}
.products-detail .intro .info{width: 28.54%;padding-top: 5.729%;}
.products-detail .intro .info .title{color: #282828;font-size: 36px;}
.products-detail .intro .info .border{width: 40px;height: 4px;margin-top: 26px;margin-bottom: 37px;background: url(../images/pd.jpg) no-repeat center center;}
.products-detail .intro .info .desc{color: #282828;font-size: 18px;line-height: 24px;}
.products-detail .none{display: none;overflow: hidden;height: 0;}
.products-detail .down{color: #fff;font-size: 22px;font-weight: bold;background: linear-gradient(to right, #44bb9e , #40aad0);height: 60px;line-height: 60px;}
.products-detail .down .fr{color: #fff;margin-right: 40px;font-size: 14px;font-weight: bold;}
.products-detail .down .fr .dis{margin-top: 12px;width: 30px;height: 30px;margin-right: 20px;background: url(../images/pdf.png) no-repeat center center;}
.products-detail .a-pdf{margin-bottom: 80px;}
/* .products-detail .a-pdf .content{padding: 40px 0 60px;border-bottom: 1px solid #eeeeee;} */
.products-detail .introduce2{margin-bottom: 78px;}
.products-detail .introduce2 .swiper-slide .p{padding-top: 800px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.products-detail .introduce2 .swiper-slide .detail{display: none;}
.products-detail .introduce2 .content{left: 0;right: 0;margin: auto;top: 6.25%;}
.products-detail .introduce2 .content .center{padding: 20px 40px 0;width: 340px;height: 498px;background: rgba(0,0,0,.2);position: relative;}
.products-detail .introduce2 .content .center .tit{color: #ffffff;font-size: 22px;font-weight: 600;}
.products-detail .introduce2 .content .center .name{position: relative;padding: 20px 0 10px;margin-bottom: 28px;color: #ffffff;font-size: 30px;font-weight: lighter;}
.products-detail .introduce2 .content .center .name:after{content:"";position: absolute;width: 418px;height: 2px;bottom: 0;left: 0;background: url(../images/b2.jpg) no-repeat left center;}
.products-detail .introduce2 .content .center .desc{color: #ffffff;font-size: 14px;line-height: 24px;margin-bottom: 30px;}
.products-detail .introduce2 .content .center .swiper-prev,
.products-detail .introduce2 .content .center .swiper-next{cursor: pointer;width: 48px;height: 48px;border: 1px solid #fff;}
.products-detail .introduce2 .content .center .swiper-prev{background: url(../images/p1.png) no-repeat center center;}
.products-detail .introduce2 .content .center .swiper-next{border-left: none;background: url(../images/p2.png) no-repeat center center;}
.products-detail .introduce2 .content .center .swiper-next:hover{background-color: rgba(255,255,255,.2);}
.products-detail .introduce2 .content .center a{display: block;position: absolute;bottom: 50px;width: 100px;height: 40px;line-height: 40px;color: #fff;background: #d70917;border-radius: 3px;text-align: center;}
.products-detail .introduce2 .content .center .anniu{position: absolute;bottom: 30px;}
.products-detail .a-news{margin-bottom: 80px;}
.products-detail .a-news .swiper-slide a{position: relative;}
.products-detail .a-news .swiper-slide .img{overflow: hidden;}
.products-detail .a-news .swiper-slide .i{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;padding-top: 63.15%;}
.products-detail .a-news .swiper-container{position: static;}
.products-detail .a-news .swiper-slide .descript{background: rgba(0,0,0,.6);opacity: 0;transform: translateY(100px);position: absolute;
width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transition: all .4s linear;padding: 20px;box-sizing: border-box;}
.products-detail .a-news .swiper-slide .descript h3{color: #fff;font-size: 18px;margin-bottom: 20px;}
.products-detail .a-news .swiper-slide .descript p{color: #fff;line-height: 25px;}
.products-detail .a-news .swiper-slide .descript .more{display: inline-block;margin-top: 20px;color: #fff;position: relative;}
.products-detail .a-news .swiper-slide .descript .more::after{display: inline-block;content: '';width: 15px;height: 11px;background: url(../images/more.png);margin-left: 5px;transition: all .4s linear;}
.products-detail .a-news .swiper-slide .descript .more:hover::after{margin-left: 15px;}
.products-detail .a-news .swiper-slide .info{position: absolute;left: 20px;bottom: 20px;z-index: 1;transition: all .4s linear;}
.products-detail .a-news .swiper-slide .info .name{color: #fff;font-size: 16px;}
.products-detail .a-news .swiper-slide .info .desc{color: #929292;font-size: 14px;line-height: 24px;margin: 26px 0 35px;}
.products-detail .a-news .swiper-slide .info .date{color: #282828;font-size: 20px;font-family: 'EuclidSqure';}
/* .products-detail .a-news .swiper-slide:hover .img .i{transform: scale(1.1);} */
.products-detail .a-news .swiper-slide a:hover .descript{opacity: 1;transform: translateY(0px);}
.products-detail .a-news .swiper-slide a:hover .info{bottom:-40px;}

.products-detail .a-news .swiper-prev,
.products-detail .a-news .swiper-next{position: absolute;top: 0;bottom: 0;margin: auto;width: 50px;height: 50px;border-radius: 50%;background-color: #eeeeee;background-repeat: no-repeat;background-position: center center;}
.products-detail .a-news .swiper-prev{left: -80px;background-image: url(../images/info_left.png);}
.products-detail .a-news .swiper-prev:hover{background-image: url(../images/info_left2.png);}
.products-detail .a-news .swiper-next{right: -80px;background-image: url(../images/info_right.png);}
.products-detail .a-news .swiper-next:hover{background-image: url(../images/info_right2.png);}
.products-detail .a-video{margin-bottom: 100px;}
.products-detail .a-video .p{padding-top: 34.375%;background-repeat: no-repeat;-webkit-background-size: cover;background-position: center center;background-size: cover;}
.products-detail .a-video .relative{cursor: pointer;}
.products-detail .a-video .relative:hover .ico{background: rgba(0,0,0,.4) url(../images/video.png) no-repeat center center;}

@media (max-width: 1860px){
    .products-detail{margin-top: 80px;}
}
@media (max-width: 1600px){
    .products-detail .right .cate{font-size: 26px;}
    .products-detail .right .name{font-size: 36px;margin-bottom: 25px;}
    .products-detail .right .type{font-size: 24px;}
    .products-detail .right .desc{margin: 25px 0;}

    .products-detail .intro .info.fr{width: 40%;margin-right: 2.8%;}
    .products-detail .intro .info.fl{margin-left: 8%;margin-right: 0;width: 40%;}
    .products-detail .intro .info .title{font-size: 34px;}

    .products-detail .detail .big{margin-top: 60px;}
}

@media (max-width: 1440px){
    .products-detail .a-news .swiper-next{right: -50px;}
    .products-detail .a-news .swiper-prev{left: -50px;}
}
@media (max-width: 1400px){
    .products-detail .intro .info{padding-top: 3%;}
}
@media (max-width: 1300px){
    .products-detail .a-news .swiper-container{text-align: center;}
    .products-detail .a-news .swiper-container .swiper-wrapper{text-align: left;}
    .products-detail .a-news .swiper-next,
    .products-detail .a-news .swiper-prev{position: static;display: inline-block;vertical-align: top;margin-top: 35px;}
    .products-detail .a-news .swiper-prev{margin-right: 10px;}
    .products-detail .a-news .swiper-prev{margin-right: 10px;}
}
@media (max-width: 1200px){
    .products-detail .introduce2 .content .center{height: 365px;}
    .products-detail .introduce2 .content .center .name{font-size: 30px;}
    .products-detail .introduce2 .content .center .desc{margin-bottom: 68px;height: 98px;overflow-y: auto;}
    .products-detail .introduce2 .content .center .desc::-webkit-scrollbar {width: 4px;height: 1px;border-radius: 10px;z-index: 8;position: relative;}
    .products-detail .introduce2 .content .center .desc::-webkit-scrollbar-thumb {border-radius: 0;background: #42b1ba;}
    .products-detail .introduce2 .content .center .desc::-webkit-scrollbar-track {border-radius: 0;background: #fff;}
    .products-detail .introduce2 .content .center .desc::-webkit-scrollbar:horizontal { height: 1px;}
    .products-detail .introduce2 .swiper-slide .p{padding-top: 500px;}

    .products-detail .introduce .intro{width: 94%;margin: 0 auto;}
    .products-detail .introduce .intro .img{width: 50%!important;}
    .products-detail .introduce .intro .info.fl,
    .products-detail .introduce .intro .img.fl,
    .products-detail .introduce .intro .info.fr,
    .products-detail .introduce .intro .img.fr{margin-left: 0;margin-right: 0;}
    .products-detail .introduce .intro .info{width: 45%!important;padding-left: 5%;}
    .products-detail .introduce .intro .info .desc{font-size: 16px;}
    .products-detail .introduce .intro .info .title{font-size: 30px;}

    .products-detail .introduce2 .content .center .swiper-prev,
    .products-detail .introduce2 .content .center .swiper-next{width: 35px;height: 35px;}
}
@media (max-width: 1050px){
    .products-detail .a-news .swiper-slide .info{padding: 25px 20px;}
    .products-detail .a-news .swiper-slide .info .name{font-size: 16px;}
    .products-detail .a-news .swiper-slide .info .desc{margin: 20px 0 30px;}
    .products-detail .a-news .swiper-slide .info .date{font-size: 16px;}
    #recom .list .swiper-slide .more1{font-size: 18px;}

    .products-detail .detail .big{margin-top: 40px;}
}
@media (max-width: 981px){
    .products-detail .right .cate{display: none;}
    .products-detail .big-view .swiper-container,
    .products-detail .big-view{height: 465px;}
    .products-detail .big-view .p{padding-top: 465px;}
    .products-detail .right .type,
    .products-detail .right .cate{font-size: 20px;}
    .products-detail .right .size{padding-bottom: 20px;}
    .products-detail .right .name{font-size: 26px;margin-bottom: 20px;}
    .products-detail .right .desc{font-size: 13px;line-height: 22px;}
    .products-detail .detail .type .dis{font-size: 24px;}

    .products-detail .introduce .intro .info{width: 47%!important;padding-left: 3%;}
    .products-detail .introduce .intro .info .title{font-size: 22px;}
    .products-detail .introduce .intro .info .border{margin: 20px 0 20px;}
    .products-detail .introduce .intro .info .title{font-size: 20px;}
    .products-detail .introduce .intro .info .desc{font-size: 14px;}

}
@media (max-width: 950px){
    .products-detail{margin-top: 60px;}
    #recom .list .swiper-slide .p{padding-top: 68%;}
    #recom .list{height: 370px;}
    .products-detail .detail{margin-bottom: 60px;}
    .products-detail .introduce2 .content .center{padding: 44px 25px 0;}
}
@media (max-width: 850px){
    .products-detail .big-view .swiper-container,
    .products-detail .big-view{height: auto;}
    .products-detail .big-view .p{padding-top: 68.75%;}
    .products-detail .right,
    .products-detail .big-view{float: none;width: 100%;}
    .products-detail .introduce2 .content .center .name{font-size: 26px;}
    .products-detail .big-view{margin-bottom: 35px;}
    .products-detail .a-news .swiper-slide .info .name{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

    #recom .list .swiper-slide .name{font-size: 18px;}
    .products-detail .detail .big{margin-top: 35px;}
}

@media (max-width: 810px){
    .products-detail .introduce .intro .img,
    .products-detail .introduce .intro .info{width: 100%!important;float: none;}
    .products-detail .introduce .intro .info{padding-top: 0;padding-left: 0;margin-top: 25px;margin-bottom: 50px;}
    .products-detail .introduce .intro:last-child .info{margin-bottom: 0;}
    .products-detail .introduce .intro .info .desc{font-size: 16px;}
}
@media (max-width: 750px){
    .products-detail .down{font-size: 20px;}
    .products-detail .down .fr{margin-right: 20px;}
    .products-detail .down .fr .dis{margin-right: 10px;width: 20px;-webkit-background-size: 20px auto;background-size: 20px auto;}

    #recom .list{height: auto;background: #fff;margin-bottom: 40px;}
    #recom .list .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;border: 1px solid #117a8b;opacity: 1;margin: 0 5px;}
    #recom .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #117a8b;}

    .products-detail .detail .type .dis{font-size: 22px;}

    .products-detail .button .dis{margin-left: 20px;}
    .products-detail .right .name{font-size: 20px;margin-bottom: 0;}
    .big-title2{font-size: 20px;margin-bottom: 10px;}
    .products-detail .introduce2 .content .center .name{font-size: 18px;padding: 0;}
    .products-detail .introduce2 .content .center{padding: 20px;}
    .products-detail .introduce2 .content .center .desc{height: 180px;margin-bottom: 10px;}
    #recom .list .swiper-slide .name{font-size: 16px;height: 40px;line-height: 40px;}
}

@media (max-width: 650px){
    .products-detail .introduce2 .content .center{width: 100%;}
    .products-detail .introduce2 .content .center .name:after{width: 100%;}
    .products-detail .button .dis{padding: 10px 0;}
}

@media (max-width: 600px){
    .products-detail .big-view .swiper-pagination{position: static;margin-top: 15px;}
    .products-detail .big-view .swiper-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: top;}
}