@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN_Regular'; 
  src: url('./ziti/SourceHanSansCN_Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'DINCond_Black'; 
  src: url('./ziti/DINCond_Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Bonkers'; 
  src: url('./ziti/Bonkers.ttf') format('truetype');
}
@font-face {
  font-family: 'DIN_Medium'; 
  src: url('./ziti/DIN_Medium.ttf') format('truetype');
}


/* * {font-family: "微软雅黑",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%;}
img{max-width: 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; }
.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:1920px;min-width:320px;overflow-x: hidden;}
table{max-width: 100%;}
.bd_weixin_popup{min-height: 333px!important;}

.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;}

.w1820{width: 1820px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}

@media (max-width: 1860px){
    .w1820{width: 96%;}
}

@media (max-width: 1680px){
    .w1600{width: 94%;}
}
@media (max-width: 1440px){
    .w1400{width: 94%;}
}

@media (max-width: 1280px){
    .w1200{width: 94%;}
}

.main.no-open{height: 0!important;overflow: hidden;}
.main.no-open .head{height: 0!important;overflow: hidden;}

#transfer-box{width: 100%;height: 0;overflow: hidden;position: relative;background: url(/images/tips_bg.png) no-repeat left top;}
#transfer-box .center{width: 580px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#transfer-box .center .ico{margin-left: 162px;}
#transfer-box .center .big{color: #333333;font-size: 36px;margin: 65px 0 50px;}
#transfer-box .center .tips{color: #666666;font-size: 16px;margin-bottom: 50px;line-height: 36px;}
#transfer-box .center .button{width: 160px;height: 46px;line-height: 46px;text-align: center;border-radius: 6px;}
#transfer-box .center .btn1{color: #ffffff;font-size: 16px;background: #007cc4;}
#transfer-box .center .btn2{margin-left: 10px;color: #007cc4;font-size: 16px;background: #fff;border: 1px solid #007cc4;}

#header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;padding-top: 50px;height: 86px;}
#header .menu{cursor: pointer;width: 36px;height: 36px;background: url(/images/menu.png) no-repeat center center;}
#header .logo{margin-left: 31px;width: 114px;height: 37px;}
#header .logo img.hide{display: none;}
#header .submit{top: 0;right: 0;cursor: pointer;width: 36px;height: 36px;background: url(/images/big.png) no-repeat center center;}
#header .text{width: 0;overflow: hidden;height: 36px;line-height: 36px;border-bottom: 1px solid #fff;color: #fff;font-size: 14px;}
#header .form.open .text{padding: 0 15px;width: 200px;}
#header .text::-webkit-input-placeholder {color: #fff;font-size: 14px;}
#header .text:-moz-placeholder{color: #fff;font-size: 14px;}
#header .text::-moz-placeholder { color: #fff;font-size: 14px;}
#header .text:-ms-input-placeholder { color: #fff;font-size: 14px;} 
#header .lang{margin-left: 40px;line-height: 36px;color: #fff;font-family: 'SourceHanSansCN_Regular';font-size: 16px;margin-left: 20px;padding-left: 32px;background: url(/images/lang.png) no-repeat left center;}
#header .lang .absolute{height: 0;overflow: hidden;width: 40px;line-height: 24px;text-align: center;top: 36px;right: -10px;background: rgba(255,255,255,.5);border-radius: 5px;}
#header .lang div{font-family: 'SourceHanSansCN_Regular';cursor: pointer;color: #f2f2f2;font-size: 16px;margin-bottom: 10px;}
#header .lang .absolute div:first-child{padding-top: 12px;}
#header .lang .absolute div:hover{color: #0073bc;}
#header .lang:hover .absolute{height: 80px;}

.close-web{display: none;z-index: 990;}


@media (max-width: 768px){
  #header{padding-top: 15px;height: 52px;}
  #header .submit,
  #header .lang{margin-top: 0;}
}

#header.white{background: rgba(255,255,255,.76);padding-top: 32px;height: 78px;}
#header.white .logo img{display: none;}
#header.white .logo img.hide{display: inline-block;}
#header.white .lang{color: #0073bc;background: url(/images/lang2.png) no-repeat left center;margin-top: 4px;}
#header.white .form.open .text{border-bottom: 1px solid #0073bc;color: #0073bc;}
#header.white .form.open .text::-webkit-input-placeholder {color: #0073bc;}
#header.white .form.open .text:-moz-placeholder{color: #0073bc;}
#header.white .form.open .text::-moz-placeholder { color: #0073bc;}
#header.white .form.open .text:-ms-input-placeholder { color: #0073bc;} 
#header.white .lang .absolute{background: rgba(245,245,245,.9);}
#header.white .lang{color: #333;}
#header.white .lang div{color: #333;}
#header.white .lang div:hover{color: #0073bc;}

#header.white .submit{margin-top: 4px;background: url(/images/big2.png) no-repeat center center;}

@media (max-width: 768px){
  #header.white{padding-top: 15px;height: 52px;}
  #header.white .submit,
  #header.white .lang{margin-top: 0;}
}
/*中间导航*/
#center{box-shadow: 0 0 20px 4px #efefef;height: 80px;line-height: 80px;}
#center .relative{width: 1100px;margin: 0 auto;}
#center .slide{width: auto;position: relative;margin: 0 5%;color: #333333;font-size: 16px;font-family: '微软雅黑';}
#center .relative .swiper-button-next,
#center .relative .swiper-button-prev{width: 20px;height: 20px;top: 0;bottom: 0;margin: auto;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 10px 20px;background-size: 10px 20px;}
#center .relative .swiper-button-prev{background-image: url(/images/honor_left.png);}
#center .relative .swiper-button-next{background-image: url(/images/honor_right.png);}
#center .relative .swiper-button-prev.swiper-button-disabled,
#center .relative .swiper-button-next.swiper-button-disabled{display: none;}
#nav-swiper{position: static;width: 1000px;}
#nav-swiper .slide.swiper-slide{margin: 0 auto;}
#nav-swiper .swiper-slide{overflow: hidden;}
#nav-swiper .swiper-slide .slide{max-width: 98%;}
#center .slide:after{content: "";width: 100%;height: 3px;background: transparent;position: absolute;left: 0;bottom: 0;}
#center .slide:hover::after,
#nav-swiper .slide.on:after,
#center .slide.on:after{background: #0073bc;}
#center .slide:hover,
#nav-swiper .slide:hover,
#nav-swiper .slide.on,
#center .slide.on{color: #0073bc;}

@media (max-width: 1280px){
  #center .relative{width: 925px;}
  #nav-swiper{width: 850px;}
}
@media (max-width: 981px){
  #center{display: none;}
}


/*底部*/
#footer{width: 100%;padding: 4.95% 0;background: url(/images/foot_map.jpg) no-repeat left top/cover;}
#footer .left{width: 89%;}
#footer .left .boxs{width: 15.7%;}
#footer .left .boxs .one{color: #ffffff;font-size: 18px;margin-bottom: 12.5%;}
#footer .left .boxs .c1{color: #aabed4;font-size: 14px;margin-bottom: 20px;margin-right: 10px;max-height: 38px;overflow: hidden;padding-bottom: 2px;border-bottom: 1px solid transparent;}
#footer .left .boxs .c1:hover{color: #fff;border-color: #fff;}
#footer .left .boxs .url:nth-child(2){margin-right: 20px;}
#footer .left .boxs .url:hover{opacity: .6;}
#footer .left .url{width: 30px;height: 30px;}
#footer .wechat .img{width: 100px;height: 100px;margin: 0 auto;}
#footer .wechat .text-center{color: #aabed4;font-size: 14px;margin-top: 15px;}
#copyright{padding: 19px 0;background: #002d5d;}
#copyright,
#copyright *{color: #a9a9a9;font-size: 14px;line-height: 30px;}
#copyright a:hover{color: #fff;}

@media (max-width: 1440px){
  #footer .left .boxs{width: 12%;margin-right: 2%;}
  #footer .left .boxs:last-child{width: auto;margin-right: 0;}
}
@media (max-width: 1100px){
  #footer .left {width: 85%;}
  #footer .left .boxs .one{font-size: 16px;}
  #footer .left .boxs{width: 13%;}
  #footer .left .two .c1{font-size: 12px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
}


/*首页*/
#index_photo{width: 100%;overflow: hidden;}
#index_photo .p{width: 100%;padding-top: 49.48%;}
#index_photo.products1 .p{padding-top: 31.25%;}
@media (max-width: 750px){
  #index_photo .p{padding-top: 600px;}
  #index_photo.products1 .p{padding-top: 600px;}
  #index_picture2 a.block,
  #index_picture2{height: 600px;}
  #index_picture2{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
  #index_picture2 a.block{background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;}
}

@media (max-width: 560px){
  #index_photo.products1 .p,
  #index_photo .p{padding-top: 450px;}
  #index_picture2 a.block,
  #index_picture2{height: 450px;}
}

@media (max-width: 450px){
  #index_photo.products1 .p,
  #index_photo .p{padding-top: 420px;}
  #index_picture2 a.block,
  #index_picture2{height: 420px;}
}

#inner-swiper .mobile{display: none;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;height: 600px;}

@media (max-width: 750px){
  #inner-swiper .web1{display: none;}
  #inner-swiper .mobile{display: block;}
}
@media (max-width: 560px){
  #inner-swiper .mobile{height: 450px;}
}
@media (max-width: 450px){
  #inner-swiper .mobile{height: 420px;}
}

/*广告图*/
#index_picture{overflow: hidden;}
#index_picture .swiper-wrapper{transition-timing-function: linear;}
#index_photo .bottom{width: 100%;z-index: 9;text-align: center;bottom: 2.08%;}
#index_photo .bottom img.i1{margin-bottom: 10px;width: 16px;height: 30px;opacity: .6;}
#index_picture .swiper-pagination{bottom: 38px;}
#index_picture .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;border: 1px solid #fff;background: transparent;margin: 0 9px;}
#index_picture.index .swiper-pagination{transform: inherit;height: 132px;bottom: 0;top: 0;margin: auto;left: auto;right: 5.21%;}
#index_picture.index .swiper-pagination.sp1{height: 10px;}
#index_picture.index .swiper-pagination.sp2{height: 38px;}
#index_picture.index .swiper-pagination.sp3{height: 73px;}
#index_picture.index .swiper-pagination.sp4{height: 94px;}
#index_picture.index .swiper-pagination.sp5{height: 135px;}
#index_picture.index .swiper-pagination{width: 10px;}
#index_picture.index .swiper-pagination .swiper-pagination-bullet{float: none;width: 10px;height: 10px;opacity: 1;border: 1px solid #fff;background: transparent;margin: 0 0;margin-bottom: 18px;}
#index_picture .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
/*公共*/
#main {margin: 5.49% auto 7.14%;}

  @media (max-width: 981px){
    #index_picture .swiper-pagination{display: none;}
}
@media (max-width: 750px){
  #index_picture{display: none;}
  #index_photo .bottom{bottom: 7%;}
}

@media (max-width: 600px){
  #index_photo .bottom{bottom: 4%;}
  #index_photo .bottom{bottom: 4%;}
}

#nav{width: 0px;overflow: hidden;z-index: 999;min-height: 950px;position: absolute;top: 0;left: 0;background: rgba(255,255,255, .95);}
#nav.open{box-shadow: 0 0 10px 3px #d7dce3;}
#nav .close{width: 40px;height: 40px;top: 10px;right: 10px;border-radius: 50%;background: rgba(255,255,255,.5) url(/images/close.png) no-repeat center center/ 25px auto;cursor: pointer;}
#nav .logo{width: 100%;text-align: center;margin: 50px 0 150px;}
#nav .left{width: 120px;padding-bottom: 150px;height: 100%;box-shadow: 0 0 10px 3px #d7dce3;}
#nav .left .one{margin-bottom: 40px;}
#nav .left .one .ico{width: 16px;height: 15px;margin: 0 auto;-webkit-background-size: 100% 100%;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
#nav .left .one .n1{background-image: url(/images/n1.png);}
#nav .left .one .n2{background-image: url(/images/n2.png);}
#nav .left .one .n3{background-image: url(/images/n3.png);}
#nav .left .one .n4{background-image: url(/images/n4.png);}
#nav .left .one .n5{background-image: url(/images/n5.png);}
#nav .left .one .n6{background-image: url(/images/n6.png);}
#nav .left .one .n7{background-image: url(/images/n7.png);}
#nav .left .boxs1 .one.on .n1,
#nav .left .boxs1:hover .one .n1{background-image: url(/images/n01.png);}
#nav .left .boxs2 .one.on .n2,
#nav .left .boxs2:hover .one .n2{background-image: url(/images/n02.png);}
#nav .left .boxs3 .one.on .n3,
#nav .left .boxs3:hover .one .n3{background-image: url(/images/n03.png);}
#nav .left .boxs4 .one.on .n4,
#nav .left .boxs4:hover .one .n4{background-image: url(/images/n04.png);}
#nav .left .boxs5 .one.on .n5,
#nav .left .boxs5:hover .one .n5{background-image: url(/images/n05.png);}
#nav .left .boxs6 .one.on .n6,
#nav .left .boxs6:hover .one .n6{background-image: url(/images/n06.png);}
#nav .left .boxs7 .one.on .n7,
#nav .left .boxs7:hover .one .n7{background-image: url(/images/n07.png);}
#nav .left .one .ico{margin-bottom: 6px;}
#nav .left .one.on,
#nav .left .one:hover{color: #0073bc;font-weight: bold;}
#nav .left .two{width: 160px;height: 0;overflow: hidden;right: -185px;top: 45px;}
#nav .left .two .c1{color: #333333;font-size: 12px;margin-bottom: 20px;padding-left: 10px;}
#nav .left .two .c1:hover{color: #0073bc;font-weight: bold;padding-left: 0;}

@media (max-width: 1680px){
  #nav .logo{margin: 50px 0 100px;}
}

/*首页*/
#main.index-box{margin: 0 auto;}
#main.index-box .w1600{padding: 4.875% 0 5.1875%;}
#main.index-box .big{width: 80%;margin: 0 auto;}
#main.index-box .big .big-title{color: #333333;font-size: 36px;}
#main.index-box .big .big-desc{color: #828282;font-size: 14px;line-height: 26px;margin-top: 14px;}
#main.index-box .more{width: 158px;height: 46px;line-height: 46px;margin: 0 auto;border: 2px solid #dbdbdb;border-radius: 50px;background: #fff;color: #333333;font-size: 14px;}
#main.index-box .more span{width: 20px;height: 7px;margin-top: 19px;margin-left: 10px;background: url(/images/index_more.png) no-repeat center center;}
#main.index-box .more:hover{border-color: #0073bc;background: #0073bc;color: #fff;}
#main.index-box .more:hover span{background: url(/images/index_more2.png) no-repeat center center;}

@media (max-width: 1200px){
  #main.index-box .big .big-title{font-size: 30px;}
}

@media (max-width: 750px){
  #main.index-box .more{width: 140px;height: 40px;line-height: 40px;}
  #main.index-box .more span{margin-top: 15px;}
  #main.index-box .big .big-title{font-size: 24px;}
  #main.index-box .w1600{padding: 7% 0 10%;}
}
@media (max-width: 450px){
  #main.index-box .big .big-desc{line-height: 23px;}
}
@media (max-width: 320px){
  #main.index-box .big .big-title{font-size: 20px;}
}

/*解决方案*/
#main .index-solution .solution-list {margin-top: 3.125%;}
#main .index-solution .solution-list .p{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#main .index-solution .solution-list .name{color: #ffffff;font-size: 18px;margin-bottom: 15px;}
#main .index-solution .solution-list .desc{color: #ffffff;font-size: 28px;}
#main .index-solution .solution-list .ico{width: 50px;height: 60px;}
#main .index-solution .solution-list .ab-style{background: url(/images/blue2.png) repeat;}
#main .index-solution .solution-list .solution{width: 49.7%;overflow: hidden;text-align: center;}
#main .index-solution .solution-list .solution .p{width: 100%;padding-top: 84.28%;}
#main .index-solution .solution-list .relative .bg{position: absolute;width: 100%;height: 100%;}
#main .index-solution .solution-list .relative:hover .bg{transform: scale(1.1);}
#main .index-solution .solution-list .solution .name{margin-top: 18.11%;}
#main .index-solution .solution-list .solution .ico{margin: 11.32% auto 15.09%;}
#main .index-solution .solution-list .solution .more2{margin: 0 auto;}
#main .index-solution .solution-list .s2{width: 100%;overflow: hidden;margin-bottom: 1.25%;}
#main .index-solution .solution-list .s2 .absolute{padding: 0 5.2%;}
#main .index-solution .solution-list .s2 .p{width: 100%;padding-top: 41.51%;}
#main .index-solution .solution-list .s2 .name{margin-top: 7%;}
#main .index-solution .solution-list .s2 .desc{margin-bottom: 6%;}
#main .index-solution .solution-list .s2 .ico{margin-right:15%;}
#main .index-solution .solution-list .s3{width: 49.31%;overflow: hidden;margin-right: 1.3%;}
#main .index-solution .solution-list .s3:nth-child(2){margin-right: 0;}
#main .index-solution .solution-list .s3 .p{width: 100%;padding-top: 84.18%;}
#main .index-solution .solution-list .s3 .absolute{padding: 0 10.8%;}
#main .index-solution .solution-list .s3 .name{margin-top: 12%;}
#main .index-solution .solution-list .s3 .desc{margin-bottom: 32%;}
#main .index-solution .solution-list .right{width: 49.7%;}
#main .index-solution .solution-list .right .more2{margin-top: 10px;width: 0px;height: 40px;line-height: 40px;}
#main .index-solution .solution-list .right .more2 span{margin-top: 15px;}
#main .index-solution .solution-list .right .s3:hover .more2,
#main .index-solution .solution-list .right .s2:hover .more2{width: 140px;}

#main .index-solution .solution-list .more2{width: 0;overflow: hidden;height: 50px;line-height: 50px;border-radius: 50px;background: #00448e;color: #fff;font-size: 14px;box-shadow: -1px 6px 19px -9px #00448e;text-align: center;}
#main .index-solution .solution-list .more2 span{width: 20px;height: 7px;margin-top: 21px;margin-left: 10px;background: url(/images/index_more2.png) no-repeat center center;}
#main .index-solution .solution-list .solution:hover .more2{width: 160px;}

@media (max-width: 1440px){
  #main .index-solution .solution-list .desc{font-size: 20px;}
  #main .index-solution .solution-list .ico{width: 40px;height: auto;}
}
@media (max-width: 1200px){
  #main .index-solution .solution-list .desc{font-size: 18px;}
  #main .index-solution .solution-list .ico{width: 30px;height: auto;}
  #main .index-solution .solution-list .right .more2{margin-top: 0;}
}
@media (max-width: 1050px){
#main .index-solution .solution-list .right .more2 span{margin-top: 10px;}
#main .index-solution .solution-list .right .s3:hover .more2,
#main .index-solution .solution-list .right .s2:hover .more2{width: 120px;height: 30px;line-height: 30px;font-size: 13px;}
}
@media (max-width: 980px){
  #main .index-solution .solution-list .s3 .name{font-size: 14px;}
  #main .index-solution .solution-list .desc{font-size: 16px;}
  #main .index-solution .solution-list .ico{width: 20px;}
}

@media (max-width: 800px){
  #main .index-solution .solution-list .solution,
  #main .index-solution .solution-list .right{width: 100%;float: none;}
  #main .index-solution .solution-list .ico{width: 40px;}
  #main .index-solution .solution-list .solution .more2,
  #main .index-solution .solution-list .right .more2{display: none;}

  #main .index-solution .solution-list .solution .more2{width: 160px;}
  #main .index-solution .solution-list .right .s2 .more2,
  #main .index-solution .solution-list .right .s3 .more2{width: 120px;height: 30px;line-height: 30px;margin-top: 5%;}
  #main .index-solution .solution-list .right .s2 .more2{margin-top: 0;}
}
@media (max-width: 650px){
  #main .index-solution .solution-list .ico{width: 30px;}
  #main .index-solution .solution-list .more2{height: 40px;line-height: 40px;}
  #main .index-solution .solution-list .more2 .dis{margin-top: 15px;}
}
@media (max-width: 510px){
  #main .index-solution .solution-list .s2 .p{padding-top: 60%;}
  #main .index-solution .solution-list .right .s3{width: 100%;}
}


/*产品*/
#main .index-products {background: url(/images/index_products.jpg) no-repeat center center/100% 100%;}
#main .index-products .big-desc{margin-bottom: 3.75%;}
#main .index-products .prod-list .pro1{position: relative;height: 381px;overflow: hidden;width: 18.75%;margin-right: 1.25%;padding: 4.25% 0%;margin-bottom: 4.3125%;background: #fff;box-shadow: 0 0 15px 3px #e9edf0;}
#main .index-products .prod-list .pro1 a{height: auto;}
#main .index-products .prod-list .pro1:nth-child(4){margin-right: 0;}
#main .index-products .prod-list .pro1 .name{color: #333333;font-size: 30px;font-weight: bold;font-family: 'SourceHanSansCN_Regular';height: 57px;line-height: 57px;position: relative;margin-bottom: 1.75%;}
#main .index-products .prod-list .pro1 .name:after{content:"";position: absolute;bottom: 0px;left: 0;width: 12px;height: 3px;background: #333333;}
#main .index-products .prod-list .pro1 .fl{width: 100%;text-align: center;}
#main .index-products .prod-list .pro1 .fl .img{width: 220px;margin: 0 auto;}
/*#main .index-products .prod-list .pro1 .fl .img img{box-shadow: -8px 8px 6px -2px #cecece;}*/
#main .index-products .prod-list .pro1 .fl .p{width: 100%;padding-top: 115%;}
#main .index-products .prod-list .pro1 .fl .name:after{right: 0;margin: auto;}
#main .index-products .prod-list .pro1 .number{color: #333;font-size: 14px;margin-bottom: 10px;}
#main .index-products .prod-list .pro1  .fl .number{color: #828282;margin: 5% 0% 10%;}
#main .index-products .prod-list .pro1 .fr{width: 41.5625%;float: none;top: 62px;right: -100%;position: absolute; top:50%; transform:translateY(-50%);}

#main .index-products .prod-list .pro1 .fr .more1{width: 140px;height: 50px;line-height: 50px;border-radius: 50px;background: #0073bc;color: #fff;font-size: 14px;box-shadow: -1px 6px 19px -9px #0073bc;text-align: center;}
#main .index-products .prod-list .pro1 .fr .more1 span{width: 20px;height: 7px;margin-top: 21px;margin-left: 10px;background: url(/images/index_more2.png) no-repeat center center;}
#main .index-products .prod-list .pro1.open{width: 40%;}
#main .index-products .prod-list .pro1.open .fl{width: 36.72%;margin-left: 7.81%;}
#main .index-products .prod-list .pro1.open .fl .number{display: none;}
#main .index-products .prod-list .pro1.open .fl .p{padding-top: 150%;}
#main .index-products .prod-list .pro1.open .fl .img{width: 100%;}
#main .index-products .prod-list .pro1.open .fl .name{display: none;}
#main .index-products .prod-list .pro1.open .fr .name{margin-bottom: 18.9%;}
#main .index-products .prod-list .pro1 .fr .desc{overflow: hidden;height: 120px;margin-bottom: 17%;color: #828282;font-size: 14px;line-height: 24px;}
#main .index-products .prod-list .pro1.open .fr{right: 9.375%;}

@media (max-width: 1680px){
  /*#main .index-products .prod-list .pro1.open .fr{top: 10%;}*/
  #main .index-products .prod-list .pro1 .fr .desc{margin-bottom: 12%;}
  #main .index-products .prod-list .pro1{height: 378px;padding-bottom: 0;/*padding-top: 2.7%;*/}
  #main .index-products .prod-list .pro1.open{padding-bottom: 0;}
  #main .index-products .prod-list .pro1.open .fr .name{margin-bottom: 14%;}
  #main .index-products .prod-list .pro1 .fl .p{padding-top: 95%;}
}

@media (max-width: 1600px){
  #main .index-products .prod-list .pro1.open .fr{right: 4.3%;}
  #main .index-products .prod-list .pro1.open .fr .name{margin-bottom: 9%;}
  #main .index-products .prod-list .pro1 .fl{margin-top: 2%;}
  #main .index-products .prod-list .pro1 .fr .more1{height: 40px;line-height: 40px;}
  #main .index-products .prod-list .pro1 .fr .more1 span{margin-top: 14px;}
}
@media (max-width: 1440px){
  #main .index-products .prod-list .pro1 .name{font-size: 26px;}
  #main .index-products .prod-list .pro1{height: 360px;}
  #main .index-products .prod-list .pro1 .name{margin-bottom: 8.5%;}
  #main .index-products .prod-list .pro1 .fl {margin-top: 2.5%;}
  #main .index-products .prod-list .pro1 .fl .img{width: 180px;}
  #main .index-products .prod-list .pro1 .fr .desc{height: 100px;}
}
@media (max-width: 1400px){
  #main .index-products .prod-box{margin-bottom: 4%;}
  #main .index-products .prod-list .pro1, #main .index-products .prod-list .pro1.open{margin-bottom: 0;}
  #main .index-products .prod-list .pro1{height: auto;padding-bottom: 4.5% !important;}
  #main .index-products .prod-list .pro1{padding-bottom: 0;}
  #main .index-products .prod-list .pro1 .fl{/*margin-top: 15%;*/}
  #main .index-products .prod-list .pro1.open .fl{margin-top: 0;}
}
@media (max-width: 1250px){
  #main .index-products .prod-list .pro1 .name{font-size: 22px;}
  #main .index-products .prod-list .pro1 .fr .desc{margin-bottom: 7%;}
  #main .index-products .prod-list .pro1.open .fl{margin-top: 2%;}
}
@media (max-width: 1200px){
  #main .index-products .prod-list .pro1 .fl .p{padding-top: 85%;}
  #main .index-products .prod-list .pro1.open .fl{margin-top: 6%;}
}
@media (max-width: 1050px){
  #main .index-products .prod-list .pro1.open:nth-child(2n),
  #main .index-products .prod-list .pro1.open{height: 295px;margin-bottom: 4%;padding-bottom: 0;}
  #main .index-products .prod-list .pro1.open{width: 49%;margin-right: 2%;}
  #main .index-products .prod-list .pro1.open:nth-child(2n){margin-right: 0;}
  #main .index-products .prod-list .pro1.open .fr {position: static;float: right;width: 51.5625%;margin-right: 3.375%;}
  #main .index-products .prod-list .pro1.open .fr .desc{height: 70px;}
  #main .index-products .prod-list .pro1.open .fr .more1{height: 40px;line-height: 40px;}
  #main .index-products .prod-list .pro1.open .fl{margin-top: 0;margin-left: 3%;}
  #main .index-products .prod-list .pro1 .fr{padding-top: 0;}
  #main .index-products .prod-list .pro1.open .fr .more1 span{margin-top: 15px;}
}
@media (max-width: 865px){
  #main .index-products .prod-list .pro1{height: 265px;}
  #main .index-products .prod-list .pro1.open .fr .name{font-size: 20px;margin-bottom: 20px;}
  #main .index-products .prod-list .pro1 .fr .more1{width: 100px;height: 35px;line-height: 35px;}
  #main .index-products .prod-list .pro1 .fr .more1 span{display: none;}
}
@media (max-width: 750px){
  #main .index-products .prod-list .pro1.open:nth-child(2n),
  #main .index-products .prod-list .pro1.open{padding-bottom: 6%;padding-top: 3%;height: auto;}
  #main .index-products .prod-list .pro1.open .fr,
  #main .index-products .prod-list .pro1.open .fl{width: 90%;float: none;}
  #main .index-products .prod-list .pro1.open .fl{margin: 0 auto;}
  #main .index-products .prod-list .pro1.open .fl .p,
  #main .index-products .prod-list .pro1 .fl .p{padding-top: 50%;}
  #main .index-products .prod-list .pro1.open .fr{margin: 0 auto;margin-top: 25px;text-align: center;}
  #main .index-products .prod-list .pro1.open .fr .name:after{right:0;margin: auto;}
  #main .index-products .prod-list .pro1.open .fr .desc{margin-bottom: 25px;}
  #main .index-products .prod-list .pro1.open .fr .more1{margin: 0 auto;}
  #main .index-products .prod-list .pro1.open .fr .name{height: auto;line-height: 26px;padding-bottom: 10px;}
}

@media (max-width: 450px){
  #main .index-products .prod-list .pro1.open{width: 100%;margin-right: 0!important;}
}
/*关于我们*/
#main .index-about {background: #f5f5f5;padding: 0;}
#main .index-about .video-center{padding-bottom: 0;}
#main .index-about .video-center .p{padding-top: 27.6%;}
#main .index-about .gray{background: #fff;}
#main .index-about .big .big-desc{margin-top: 3%;margin-bottom: 4.375%;}
#main .index-about .w1600.about{width: 100%;padding: 0;}
#main .index-about .pt{width: 100%;padding-top: 21.82%;}
#main .index-about .more{left: 0;right: 0;margin: auto;bottom: 4.43%;}

/*伙伴*/
#main .index-partner .w1600{width: 100%;}
#main .index-partner .big-desc{margin-bottom: 3.125%;}
#main .index-partner .swiper-slide .p{width: 100%;padding: 47.58% 0 0;}
#main .index-partner .swiper-slide .absolute{border: 1px solid #dddddd;}
#main .index-partner .swiper-slide:hover img{transform: scale(1.1);}
#main .index-partner .swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

@media (max-width: 1440px){
    #main .hot-news .item .info .title a{font-size: 16px;}
}
@media (max-width: 1200px){
    #main .hot-news .item .info .title a{font-size: 14px;}
}
@media (max-width: 980px){
  #main .hot-news .item{width: 48%;margin-left: 4%;}
  #main .hot-news .item:nth-child(3){margin-left: 0;}
}
@media (max-width: 650px){
  #main.index-box .hot-news{margin-bottom: 45px;}
  #main .hot-news .item .info .video{display: none;}
}

#main.info-box .news-list{margin-top: 2.8%;}
#main.info-box .news-list .item{padding: 2.0348837% 8.43023% 2.616279% 2.32558%;border-bottom: 1px solid #ededed; visibility:hidden;}
#main.info-box .news-list .item a{top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main.info-box .news-list .item .info{width: 52.9069767%;}
#main.info-box .news-list .item .info .title a{font-size: 18px;color: #333; text-decoration:none;}
#main.info-box .news-list .item .info .d2{display: none;color: #999;font-size: 14px;margin: 2% 0;}
#main.info-box .news-list .item .info .brief{height: 40px;line-height: 20px;font-size: 14px;color: #8c8c8c;margin-top: 1.6483516%;}
#main.info-box .news-list .item .time{padding-left: 1.744186%;border-left: 1px solid #eaeaea;margin-right: 13.081395%;}
#main.info-box .news-list .item .time .date{font-family: 'DINCond_Black';font-size: 36px;color: #757575;}
#main.info-box .news-list .item .time .year{font-size: 14px;color: #757575;margin-top: 5px;}
#main.info-box .news-list .item .right{font-size: 60px;color: #ccc;padding-top: 1%;right: 8.43023%;}
#main.info-box .news-list .item:hover{background-color: #0073bc;}
#main.info-box .news-list .item:hover .info .title a{color: #fff;}
#main.info-box .news-list .item:hover .info .brief{color: #fff;}
#main.info-box .news-list .item:hover .info .d2{color: #fff;}
#main.info-box .news-list .item:hover .time{border-left-color: #fff;}
#main.info-box .news-list .item:hover .time .date{color: #fff;}
#main.info-box .news-list .item:hover .time .year{color: #fff;}
#main.info-box .news-list .item:hover .right{color: #fff;right: 6.279069767%;}

@media only screen and (max-width: 980px){
    #main.info-box .news-list .item .time .date{font-size: 32px;}
    #main.info-box .news-list .item .info{width: 70%;}
    #main.info-box .news-list .item .time{margin-right: 0;}
    #main.info-box .news-list .item .time .date{font-size: 40px;}
    #main.info-box .news-list .item .right{display: none;}
}

@media only screen and (max-width: 768px){
    .hide-768{display: none;}
    .block-768{display: block;}
    #main .hot-news .item[class]{width: 49%;margin-left: 2%;margin-bottom: 2%;}
    #main .hot-news .item.f2{margin-left: 0;}
    #main .hot-news .item .info .title a{font-size: 16px;}
    #main.info-box .news-list .item .time .date{font-size: 30px;}
    #main.info-box .news-list .item .info .title a{font-size: 16px;}
}
@media only screen and (max-width: 768px){
    #main.info-box .news-list .item .info{width: 100%;}
    #main.info-box .news-list .item .info .d2{display: block;}
    #main.info-box .news-list .item .time{display: none;}
}

@media (max-width: 1620px){
  #main.info-detail .detail{width: 66%;}
}

@media (max-width: 1440px){
  #main.info-detail .detail{width: 60%;}
  #main.info-detail .detail .top-title{font-size: 20px;}
}
@media (max-width: 1400px){
  #main.info-detail .detail .share{display: none;}
  #main.info-detail .detail .share2{margin-top: 50px;display: block;}
  #main.info-detail .detail .share2{line-height: 24px;}
  #main.info-detail .detail .share2 .bdshare-button-style0-24 a{margin-top: 0;}
}
@media (max-width: 1100px){
  #main.info-detail .detail{width: 100%;}
  #main.info-detail .hot-list{display: none;}
}
@media (max-width: 950px){
  #main.info-detail .detail .prev_next{height: 30px;}
  #main.info-detail .detail .prev_next .absolute{width: 30px;height: 30px;}
  #main.info-detail .detail .prev a,
  #main.info-detail .detail .next a{line-height: 30px;height: 30px;}
  #main.info-detail .detail .next a{padding-right: 40px;}
  #main.info-detail .detail .prev a{padding-left: 40px;}
}

@media (max-width: 750px){
  #main.info-detail .detail .top-title,
  #main.info-detail .detail .top-time{text-align: center;}
  #main.info-detail .detail .top-time .dis.visit{margin-right: 0;}
  #main.info-detail .detail .top-time .dis{margin-bottom: 5px;}
  #main.info-detail .detail .top-title{font-size: 18px;}
}

@media (max-width: 1050px){
  #main.support7 .list .video .msg{padding: 18px;}
  #main.support7 .list .video .title{font-size: 13px;}
}
@media (max-width: 950px){
  #main.support7 .list .video{width: 32.2%;margin-right: 1.6%;}
}
@media (max-width: 800px){
  #main.support7 .list .video:nth-child(3n),
  #main.support7 .list .video{width: 48%;margin-right: 4%;}
  #main.support7 .list .video:nth-child(2n){margin-right: 0;}
  #main.support7 .list .video .down img{width: 20px;margin-top: 2px;}
}

@media (max-width: 450px){
  #main.support7 .list .video .msg{padding: 10px;}
  #main.support7 .list .video .title{width: 100%;}
  #main.support7 .list .video .down{display: none;}
}

@media (max-width: 1300px){
  #main.support9 .right{width: 45%;margin-right: 0;}
  #main.support9 .right .content{margin-top: 6%;}
}
@media (max-width: 1200px){
  #main.support8 .dian{display: none;}
  #main.support7 .category .dis{padding: 0 25px;margin-right: 20px;height: 40px;line-height: 40px;}
}
@media (max-width: 1050px){
  #main.support7 .list .li{width: 100%;margin-right: 0;}
  #main.support9 .right .title, #main.support8 .right .title{font-size: 20px;}
}

@media (max-width: 981px){
  #main.support9 .left,
  #main.support9 .right{float: none;width: 100%;}
  #main.support9 .left{margin-left: 0;margin-bottom: 40px;}
  #main.support9 .picture .p{display: none;}
  #main.support9 .picture .absolute{position: static;}
  #main.support9 .right .content{margin-top: 30px;}
}
@media (max-width: 965px){
  #main.support9 .book-list .li{min-width: 18%;margin-bottom: 25px;}
}
@media (max-width: 768px){
  #main.support7 .list .li{height: 60px;line-height: 60px;}
  #main.support7 .list .li .down{margin: 21px 23px 0 0;}
  #main.support7 .list .li{margin-bottom: 25px;}
  #main.support7 .list .li .title{width: 55%;}
  #main.support7 .list .li .type{display: none;}

  #main.support7 .category .dis{margin-bottom: 15px;}
  #main.support8 .left{width: 100%;float: none;margin-left: 0;}
  #main.support8 .right{width: 100%;float: none;margin-right: 0;}
  #main.support8 .right .title{font-size: 18px;font-weight: bold;margin-top: 30px;}
  #main.support8 .right .brief{height: auto;margin-top: 15px;}
  #main.support8 .swiper-container .btn{right:0}

  #main.support8 .swiper-container .btn .swiper-button-prev,
  #main.support8 .swiper-container .btn,
  #main.support8 .swiper-container .btn .swiper-button-next{height: 35px;}
  #main.support8 .swiper-container .btn{line-height: 35px;}

  #main.support9 .book-list .li{width: 40%;padding: 0 5%;}

  #main.support9 .book-list{margin-top: 60px;}
  #main.support9 .book-list .li .num{margin: 8px auto 12px;}

}

@media (max-width: 450px){
  #main.support7 .list .li .date{display: none;}
}
@media (max-width: 375px){
  #main.support8 .right .title{font-size: 15px;}
  #main.support7 .list .li .title{width: 70%;font-size: 14px;}
}

@media (max-width: 1200px){
  #main.solution-box .picture{width: 47%;}
  #main.solution-box .top-title{margin-bottom: 6%;font-size: 26px;}
}
@media (max-width: 950px){
  #main.solution-box .picture{width: 45%;}
  #main.solution-box .introduce{width: 400px;}
  #main.solution-box .introduce .tit{font-size: 14px;width: 82%;}
  #main.solution-box .application .app-name{line-height: 50px;}

}
@media (max-width: 850px){
  #main.solution-box .picture{width: 100%;float: none;text-align: center;}
  #main.solution-box .picture{margin-top: 40px;}
  #main.solution-box .introduce{width: 100%;float: none;}

}

@media (max-width: 768px){
  #main.solution-box .top-title{font-size: 22px;}
  #main.solution-box .picture-list .swiper-button-prev,
  #main.solution-box .picture-list .swiper-button-next{width: 35px;height: 35px;}
  #main.solution-box .picture-list .swiper-button-prev{left: 10px;}
  #main.solution-box .picture-list .swiper-button-next{right: 10px;}
  #main.solution-box .application .app-name .swiper-slide1{font-size: 14px;}
}
@media (max-width: 450px){
  #main.solution-box .introduce .tit{width: 72%;}

}

/*图片盒子的absolute*/
.ab-style{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}


@media (max-width: 1200px){
  #main .gray .number,
  #main .gray .number .num{font-size: 40px;}
  #main.about-box .video-center .p{padding-top: 36%;}
}
@media (max-width: 1050px){
  #main .video-center .ico{top: 17%;}
  #main.about-box .video-center{padding-bottom: 5%;}
  #main.about-box .gray{bottom: 10%;}
  #main .pt{padding-top: 26%;}
  #main .index-about .video-center .p{padding-top: 35%;}
  #main .gray{bottom: 20%;}
  #main .more{bottom: 16%;}
}
@media (max-width: 980px){
  #main .video-center .ico{width: 40px;height:40px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
}
@media (max-width: 850px){
  #main .index-partner .swiper-slide .absolute{padding: 10px;}
}
@media (max-width: 768px){
  #main .index-about .video-center .p{padding-top: 50%;}
  #main .gray .number,
  #main .gray .number .num{font-size: 32px;}
  #main .gray{bottom: 15%;}
  #main .more{bottom: 9%;}
  #main .gray .dis{width: 24%;margin-right: 1%;}
  #main .video-center .p{padding-top: 45%;}
  #main.about-box .gray{bottom: 6%;}
}
@media (max-width: 610px){
  #main .index-about{padding-bottom: 10%;}
  #main .index-about .video-center{margin-bottom: 5%;}
  #main .index-about .video-center .p{display: none;}
  #main .index-about .more,
  #main .index-about .video-center .absolute{position: static;}
  #main .index-about .more{margin-top: 5%;}
  #main .index-about .pt{display: none;}
  #main .gray {position: static;}
  #main .gray .number,
  #main .gray .number .num{font-size: 26px;}
  #main .gray .number .size{margin-bottom: 0;font-size: 13px;}
  #main .gray .desc{font-size: 13px;}
}
@media (max-width: 450px){
  #main .gray .dis{width: 23%;margin-right: 2%;}
  #main .gray .desc{font-size: 12px;}
}

/*荣誉*/
#main.about2{ width:100%;padding: 5.49% 0 7.14% 0; margin: 0 auto; background:#ffffff; background-size:cover;}
#main.about-box .thr .item{ position:relative; margin-top:3%;}
#main.about-box .thr .item .swiper-prev{ width:49px; height:49px;background: url(../images/info1.png); position:absolute; left:-50px; top:50%; z-index:2; margin-top:-8px;}
#main.about-box .thr .item .swiper-next{ width:49px; height:49px; background: url(../images/info2.png);position:absolute; right:-50px; top:50%; z-index:2; margin-top:-8px;}
/* #main.about-box .thr .item .swiper-prev:hover{background: url(http://www.szdx-smart.com/images/honor_left.png) no-repeat center center;} */
/* #main.about-box .thr .item .swiper-next:hover{ background: url(http://www.szdx-smart.com/images/honor_right.png) no-repeat center center;} */
#main.about-box .thr .item .swiper-slide{ width:490px; background:#fff; border:1px solid #dcdcdc; padding:46px 0;}
#main.about-box .thr .item .swiper-slide .img{ width:275px; height:396px; background:none;}
#main.about-box .thr .item .swiper-slide .title{ width:100%; color:#666; margin-top:25px;}

@media screen and (max-width:1366px){
  #main.about-box .thr .item .swiper-prev{ left:-20px;}
  #main.about-box .thr .item .swiper-next{ right:-20px;}
}

@media screen and (max-width:1280px){
  #main.about-box .thr .item .swiper-prev{ left:0;}
  #main.about-box .thr .item .swiper-next{ right:0;}
  #main.about-box .thr .item .swiper-slide{ width:440px; padding:40px 0 30px;}
  #main.about-box .thr .item .swiper-slide .img{ width:220px; height:300px;}
  #main.about-box .thr .item .swiper-slide .title{ font-size:14px; margin-top:10px;}
}

@media screen and (max-width:1024px){
  #main.about-box .thr .item .swiper-slide{ width:360px;}
  #main.about-box .thr .item .swiper-slide .img{ width:200px; height:260px;}
}

@media screen and (max-width:980px){
  #main.about-box .thr .item .swiper-prev{ display:none;}
  #main.about-box .thr .item .swiper-next{ display:none;}
  #main.about-box .thr .item .swiper-slide{ width:280px; padding:20px 0 16px;}
  #main.about-box .thr .item .swiper-slide .img{ width:180px; height:240px;}
  #main.about-box .thr .item .swiper-slide .title{ font-size:12px;}
}

@media screen and (max-width:780px){
  #main.about-box .thr{ padding:30px 0;}
  #main.about-box .thr .item{ margin-top:20px;}
}

@media screen and (max-width:750px){
  #main.about-box .web1{display: none;}
  #main.about-box .mobile{display: block;}
}
@media screen and (max-width:640px){
  #main.about-box .thr .item .swiper-slide{ width:200px; padding:16px 0 10px;}
  #main.about-box .thr .item .swiper-slide .img{ width:140px; height:200px;}
  #main.about-box .thr .item .swiper-slide .title{ font-size:10px; margin-top:6px;}
}

@media (max-width: 1200px){
  #main.about-box .big-title{font-size: 30px;}
}

@media (max-width: 1050px){
  #main.about-box .culture-list .culture .center .name{font-size: 20px;}
  #main.about-box .culture-list .culture .center .desc{font-size: 22px;}
}
@media (max-width: 981px){
  #main.about-box .top-tit,
  #main.about-box .big-title{font-size: 22px;}
  #main .big-blue{font-size: 15px;}
}
@media (max-width: 950px){
  #main.about-box .circle .dis{margin: 0 3.125%;}
  #main.about-box .boxs .text .name{padding: 10px 0 10px 50px;}

  #lib_feedback_form .contact_row{width: 100%;}
  #lib_feedback_form .center{display: none;}
  #lib_feedback_form .contents .form_area{width: 92%;padding: 1.5% 4%;}
}
@media (max-width: 850px){
  #main.about-box .culture-list .culture .center .name{font-size: 16px;}
  #main.about-box .culture-list .culture .center .desc{font-size: 18px;}
}
@media (max-width: 768px){
  #main.about-box .circle .dis .img{width: 90px;height: 90px;margin: 0 auto;}
  #main.about-box .circle .dis .tit{font-size: 12px;}
  #main.about-box .top-tit{font-size: 16px;}
  #main.about-box .boxs .swiper-pagination{margin: 20px 0 40px;}

  #main.about-box .boxs .text .name{left: 0;right:0;margin: auto;font-size: 14px;}

  #main.about-box .c_cup .c_li{width: 40%;padding: 0 5%;}
  #main.about-box .c_cup .c_li .c_pic{height: 30px;margin-bottom: 15px;-webkit-background-size: auto 100%;background-size: auto 100%;}
}
@media (max-width: 650px){
  #main.about-box .video-center .absolute img{height: 100%;}
  #main.about-box .gray{background: #fff;position: static;}
  #main .video-center .ico{top: 0;bottom: 0;}
  #about-pic .swiper-pagination{bottom: 10px;}
  #about-pic .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
  #main.about-box .big-title{font-size: 18px;}

  #main.about-box .culture-list .culture:nth-child(2n),
  #main.about-box .culture-list .culture{width: 100%;margin-bottom: 25px;margin-right: 0;}
}
@media (max-width: 610px){
  #main.about-box .circle .dis{width: 42%;margin-bottom: 25px;}
  #main.about-box .boxs .text .dis:nth-child(2n),
  #main.about-box .boxs .text .dis{width: 100%;margin-right: 0;}
}

@media (max-width: 1680px){
  #main.products-box .cate{display: block;}
  #main.products-box .pro-list .item .info{width: 76%;}
  #main.products-box .pro-list .item .img{width: 17%;}
  #main.products-box .pro-list .item .info .title{margin-top: 0;padding-top: 10px;margin-bottom: 4%;}
  #main.products-box .pro-list .item .info{padding-bottom: 15px;}
}
@media (max-width: 1440px){
  #main.products-box .pro-list .item .info .brief{font-size: 12px;}
  #main.products-box .pro-list .item{width: 48%;margin-right: 4%;padding: 3% 0;}
  #main.products-box .pro-list .item .img{margin: 0 6%;}
  #main.products-box .pro-list .item .info{width: 70%;}
  #main.products-box .pro-list .item .info .brief{margin-bottom: 10px;}
}
@media (max-width: 1400px){
  #main.products-box .pro-list .item{width: 49.5%;margin-right: 1%;margin-bottom: 1%;}
  #main.products-box .pro-list .item .info .title{font-size: 20px;}
}

@media (max-width: 1280px){
  /*#main.products-box .pro-list .item .img {width: 25%;}*/
  #main.products-box .pro-list .item .info{width: 65%;margin-right: 4%;}
  #main.products-box .pro-list .item .info .brief{display: none;}
  #main.products-box .pro-list .item .info .hide{display: block;font-size: 16px;line-height: 24px;color: #333;}
}

@media (max-width: 1050px){
  #main.products-box .pro-list .item{width: 47.5%;margin-right: 3%;margin-bottom: 3%;}
  #main.products-box .pro-list .item .info,
  #main.products-box .pro-list .item .img {float: none;margin: auto;width: 100%;}
  #main.products-box .pro-list .item .img .p{padding: 50% 0 0;}
  #main.products-box .pro-list .item .title{text-align: center;margin: 25px 0 32px;}
  #main.products-box .pro-list .item .info .title:after{left: 0;right: 0;margin: auto;}
  #main.products-box .pro-list .item .info .hide{width: 80%;margin: 0 auto;text-align: center;}
}
@media (max-width: 950px){
  #main.products-box .pro-list .item .info .title{font-size: 18px;}
  #main.products-box .pro-list .item .info .hide{height: 71px;overflow: hidden;}
}
@media (max-width: 750px){
  #main.products-box .pro-list .item .info .hide{font-size: 14px;}
}
@media (max-width: 450px){
  #main.products-box .pro-list .item .info .title{font-size: 16px;}
}


@media (max-width: 768px){
  #main.products-detail .other{padding-top: 15px;height: 52px;}
  .head{height: 52px;}
  #main.products-detail .other .submit,
  #main.products-detail .other .lang{margin-top: 0;}
}

@media (max-width: 1200px){
#main.products-detail .detail .brief{margin-bottom: 10px;}

#main.products-detail .picture-list,
#main.products-detail .picture-list .swiper-wrapper,
#main.products-detail .picture-list .swiper-slide{max-height: 400px;}
}
@media (max-width: 1050px){
  #main.products-detail .detail .name{font-size: 26px;}
  #main.products-detail .detail .down,
  #main.products-detail .detail .tao{padding-right: 33px;font-size: 15px;height:40px;line-height: 40px;padding-left: 55px;}
  #main.products-detail .detail .down{background: #0073bc url(/images/down.png) no-repeat 20px center;}
  #main.products-detail .detail .tao{background: #f39501 url(/images/tao.png) no-repeat 20px center;}

}

@media (max-width: 950px){
  #main.products-detail .detail{margin-top: 5%;}
}
@media (max-width: 768px){
  #main.products-detail .picture-list,
  #main.products-detail .detail{width: 100%;float: none;}

  #main.products-detail .detail .down,
  #main.products-detail .detail .tao{text-align: center;height:35px;line-height: 35px;padding: 0;width: 120px;}

  #main.products-detail .detail .down{background: #0073bc;}
  #main.products-detail .detail .tao{background: #f39501;}

  #main.products-detail .detail .name{font-size: 20px;}
  #main.products-detail .desc-box .button{line-height: inherit;height: auto;}
  #main.products-detail .desc-box .button{padding-left: 20px;}
  #main.products-detail .desc-box .button .dis{height: 50px;line-height: 50px;margin-right: 15px;font-size: 14px;}
}

@media (max-width: 650px){
  #main.products-detail .bread{display: none;}
  #main.products-detail .picture-list{margin-top: 40px;}
}
@media (max-width: 450px){
  #main.products-detail .picture-list,
  #main.products-detail .picture-list .swiper-wrapper,
  #main.products-detail .picture-list .swiper-slide{max-height: 340px;}
}


@media (max-width: 1100px){
  #main.products-detail .pro-list .dis .img .absolute{padding: 13px;}
}
@media (max-width: 850px){
  #main.products-detail .app .msg .desc{line-height: 23px;}
}
@media (max-width: 650px){
  #main.products-detail .pro-list .dis:nth-child(3n),
  #main.products-detail .pro-list .dis{width: 49%;margin-right: 2%;}
  #main.products-detail .pro-list .dis:nth-child(2n){margin-right: 0;}
}
@media (max-width: 580px){
  #main.products-detail .app{width: 100%;margin: 0 auto;margin-bottom: 35px;}
}
@media (max-width: 450px){
  #main.products-detail .pro-list .dis .desc .name{font-size: 15px;}
}