@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN_Regular'; 
  src: url('../fonts/sourcehansanscn_regular.ttf') format('truetype');
}
@font-face {
  font-family: 'DINCond_Black'; 
  src: url('../fonts/dincond_black.ttf') format('truetype');
}
@font-face {
  font-family: 'Bonkers'; 
  src: url('../fonts/bonkers.ttf') format('truetype');
}
@font-face {
  font-family: 'DIN_Medium'; 
  src: url('../fonts/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 .relative{width: 100%;margin: 0 auto;}
#center .slide{width: auto;position: relative;margin: 0 5%;color: #333333;font-size: 16px;font-family: '微软雅黑';}
#center.products-nav .slide{ margin: 0;}
#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{position: static;width: 100%;}
#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; transform: translate(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;
}
/*新闻*/
#main .index-news{background: #f4f4f4;}
#main .index-news .hot-news{margin-top: 3.75%;}
#main .index-news .item{margin-bottom: 3.875%;}
#main .index-news .hot-news .item::after{background: #f4f4f4;}
/*新闻*/
#main .hot-news .item{width: 24.06%;position: relative;margin-left: 1.25%;padding-bottom: 2%; border-bottom: 3px solid transparent;}
#main .hot-news .item.f4{margin-left: 0;}
#main .hot-news .item:after{width: 100%;content:"";position: absolute;left: 0;bottom: 0;height: 3px;background: #e7e7e7;}
#main .hot-news .item:hover::after{background: #0073bc;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#main .hot-news .item .info .title a{display: block;margin: 28px 0 20px;font-size: 18px;color: #353535;font-weight: bold;}
#main .hot-news .item .info .date{color: #757575;font-size: 14px;}
#main .hot-news .item .info .brief{margin-bottom: 22px;font-size: 14px;color: #8c8c8c;}
#main .hot-news .item .info .video{width: 26px;height: 26px;background: url(../images/more.png) no-repeat center center;}
#main .hot-news .item:hover img{transform:scale(1.1);}
#main .hot-news .item:hover .info .title a{color: #0073bc;}
#main .hot-news .item:hover .info .video{background: url(../images/more2.png) no-repeat center center;}

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


#main.info-detail .detail{width: 71.25%;}
#main.info-detail .detail .top-title{color: #333333;font-size: 24px;}
#main.info-detail .detail .top-time{line-height: 24px;margin: 2.63% 0 5.7%;}
#main.info-detail .detail .top-time .dis{margin-right: 25px;color: #999999;font-size: 14px;}
#main.info-detail .detail .top-time .dis.visit{margin-right: 40px;}
#main.info-detail .detail .top-time .dis .bk{color: #333333;font-size: 14px;}
#main.info-detail .detail .top-time .share .tit{margin-right: 0px;color: #0073bc;font-size: 14px;}
#main.info-detail .detail .top-time .share .bdsharebuttonbox a{margin: 0 7px 0 0;}
#main.info-detail .detail .content{padding-bottom: 8.77%;border-bottom: 1px solid #ebebeb;margin-bottom: 5.7%;}
#main.info-detail .detail .prev_next{height: 48px;}
#main.info-detail .detail .prev_next .absolute{width: 46px;height: 48px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;overflow: hidden;}
#main.info-detail .detail .prev_next .absolute:hover img{transform: scale(0.9);}
#main.info-detail .detail .prev a{padding-left: 53px;background: url(../images/detail_left.jpg) no-repeat left center;}
#main.info-detail .detail .prev a,
#main.info-detail .detail .next a{line-height: 48px;height: 48px;color: #888888;font-size: 16px;}
#main.info-detail .detail .next a{padding-right: 53px;background: url(../images/detail_right.jpg) no-repeat right center;}
#main.info-detail .detail .prev a:hover,
#main.info-detail .detail .next a:hover{color: #0073bc;}
#main.info-detail .detail .share2{display: none;}
#main.info-detail .hot-list{width: 382px;border: 1px solid #e5e5e5;}
#main.info-detail .hot-list .big{width: 93%;border-bottom: 1px solid #e5e5e5;padding-left: 7%;line-height: 53px;color: #333333;font-size: 16px;margin-bottom: 33px;}
#main.info-detail .hot-list .item{width: 344px;margin: 0 auto;padding-bottom: 25px;margin-bottom: 34px;border-bottom: 1px solid #e5e5e5;}
#main.info-detail .hot-list .img{width: 88px;height: 57px;overflow: hidden;}
#main.info-detail .hot-list .msg{margin-left: 5.9%;width: 68%;}
#main.info-detail .hot-list .msg .title{color: #666666;margin: 5px 0 10px;font-size: 14px;}
#main.info-detail .hot-list .msg .date{color: #999999;font-size: 14px;}
#main.info-detail .hot-list .item:hover .title{color: #0073bc;}
#main.info-detail .hot-list .item:hover .img img{transform: scale(1.1);}

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

/*技术支持*/
#main.support7 .category{margin-bottom: 5%;}
#main.support7 .category .dis{color: #666666;font-size: 16px;padding: 0 40px;height: 50px;line-height: 50px;border-radius: 50px;margin-right: 40px;}
#main.support7 .category .dis:hover,
#main.support7 .category .dis.on{color: #fff;background: #0073bc;}
#main.support7 .category .dis.on{box-shadow: 0 3px 10px 2px #b9d9ed;}
#main.support7 .list .li{width: 47.1%;height: 89px;padding-left: 1.44%;margin-bottom: 1.875%;line-height: 89px;border: 1px solid #ebebeb;margin-right: 2.5%;}
#main.support7 .list .li .title{width: 50%;color: #333333;font-size: 16px;}
#main.support7 .list .li .type{color: #888888;font-size: 14px;font-weight: bold;}
#main.support7 .list .li .date{margin:0 3.08% 0 6.41%;color: #828282;font-size: 14px;}
#main.support7 .list .li .down{margin: 33px 23px 0 0;}
#main.support7 .list .li:nth-child(2n){margin-right: 0;}
#main.support7 .list .li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 3px;background: transparent;}
#main.support7 .list .li:hover{box-shadow: 0 0 20px 5px #f2f2f2;}
#main.support7 .list .li:hover::after{background: #0073bc;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#main.support7 .list .li:hover .title{color: #0073bc;font-weight: bold;}
#main.support7 .list .li .down:hover{opacity: .6;}
/*视频*/
#main.support7 .list .video{width: 31.25%;margin-right: 3.125%;margin-bottom: 2.5%;box-shadow: 0 0 20px 5px #f5f5f5;}
#main.support7 .list .video .video-box{width: 100%;}
#main.support7 .list .video .p{width: 100%;padding-top: 64%;}
#main.support7 .list .video .absolute{top: 0;width: 100%;height: 100%;bottom: 0;left: 0;right: 0;margin: auto;}
#main.support7 .list .video .absolute.ico{height: 0;left: auto;right: auto;margin: 0;overflow: hidden;z-index: 2;background: url(../images/video_ico.png) no-repeat center center;}
#main.support7 .list .video:nth-child(3n){margin-right: 0;}
#main.support7 .list .video .msg{height: 24px;padding: 21px 24px 25px;line-height: 24px;}
#main.support7 .list .video .title{width: 86%;color: #666666;font-size: 14px;}
#main.support7 .list .video:hover .absolute.ico{height: 100%;}
#main.support7 .list .video:hover .title{color: #0073bc;font-weight: bold;}
#main.support7 .list .video .down:hover{opacity: .6;}

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

/*支持+定制*/
#main.support9 .left,
#main.support8 .left{width: 45%;margin-left: 5%;position: relative;}
#main.support9 .right,
#main.support8 .right{width: 39.7%;margin-right: 7.2%;}
#main.support9 .right .title,
#main.support8 .right .title{color: #0073bc;font-size: 30px;}
#main.support9 .right .en,
#main.support8 .right .en{margin-top: 10px;color: #cccccc;font-size: 30px;font-family: 'Bonkers';}
#main.support8 .right .brief{color: #666666;height: 172px;overflow: hidden;margin-bottom: 30px;font-size: 16px;line-height: 24px;margin-top: 6.36%;}

#main.support9{margin-bottom: 0;}
#main.support9 .right .content{margin-top: 7.87%;}
#main.support9 .book-list{margin-top: 6.25%;padding: 5% 0 8.75%;background: #f6f6f6;}
#main.support9 .book-list .big{margin-bottom: 6.25%;color: #333333;font-size: 24px;}
#main.support9 .book-list .li{min-width: 9.375%;padding: 0 25px;}
#main.support9 .book-list .li .img{width: 60px;height: 60px;margin: 0 auto;}
#main.support9 .book-list .li .num{color: #0073bc;font-size: 20px;margin: 14px auto 18px;font-family: 'DIN_Medium';font-weight: bold;}
#main.support9 .book-list .li .tit{color: #666666;font-size: 14px;}
#main.support9 .book-list .li:last-child .num{color: #01bc96;}


#main.support8 .left .swiper-container{position: static;}
#main.support9 .picture .p,
#main.support8 .left .swiper-slide .p{width: 100%;padding-top: 69.44%;}
#main.support9 .picture .absolute,
#main.support8 .left .swiper-slide .absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#main.support8 .swiper-container .btn{min-width: 150px;background: #00a0e9;height: 50px;line-height: 50px;top: auto;right: -4.6%;bottom: -24px;margin: 0;}
#main.support8 .swiper-container .btn .swiper-button-prev,
#main.support8 .swiper-container .btn .swiper-pagination,
#main.support8 .swiper-container .btn .swiper-button-next{position: static;margin: 0;}
#main.support8 .swiper-container .btn .swiper-pagination{width: 70px;color: #fff;}
#main.support8 .swiper-container .btn .swiper-pagination span{display: inline-block;vertical-align: top;height: 50px;color: #006897;font-size: 16px;font-family: 'DIN_Medium';}
#main.support8 .swiper-container .btn .swiper-pagination span.swiper-pagination-current{color: #fff;}
#main.support8 .swiper-container .btn .swiper-button-prev,
#main.support8 .swiper-container .btn .swiper-button-next{background-color: #00a0e9;opacity: 1;width: 58px;height: 50px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 18px 7px;background-size: 18px 7px;}
#main.support8 .swiper-container .btn .swiper-button-prev{background-image: url(../images/sp_left.jpg);}
#main.support8 .swiper-container .btn .swiper-button-prev:hover{opacity: .5;}
#main.support8 .swiper-container .btn .swiper-button-next{background-image: url(../images/sp_right.jpg)}
#main.support8 .swiper-container .btn .swiper-button-next:hover{opacity: .5;}


#main.support-box .big-cate{font-size: 20px;color: #333;margin-bottom: 25px;}
@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;}
}


/*解决方案*/
#main.solution-box .introduce{width: 445px;}
#main.solution-box .introduce .desc{color: #666666;font-size: 16px;line-height: 24px;}
#main.solution-box .introduce .h1{margin-bottom: 20px;}
#main.solution-box .introduce .tit{color: #666666;font-size: 16px;width: 84%;line-height: 50px;}
#main.solution-box .introduce .tit.lh{line-height: 24px;}
#main.solution-box .introduce .number{width: 50px;margin-right: 18px;height: 50px;background: url(../images/quan.png) no-repeat center center;color: #fff;font-size: 16px;font-family: 'DINCond_Black';text-align: center;line-height: 50px;}
#main.solution-box .picture{width: 55.57%;text-align: right;}
#main.solution-box .picture.p2{margin-top: 2%;}
#main.solution-box .top-title{color: #0073bc;font-size: 30px;margin-bottom: 9%;}
#main.solution-box .application .top-title{margin-bottom: 3.41%;}
#main.solution-box .center{margin: 55px 0 75px;width: 100%;height: 8px;background: url(../images/center.jpg) repeat-x left center;}
#main.solution-box .picture-list{height: 0;}
#main.solution-box .picture-list:first-child{height: 100%;}
#main.solution-box .picture-list .p{width: 100%;padding-top: 47.86%;}
#main.solution-box .picture-list .absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#main.solution-box .picture-list .swiper-button-prev,
#main.solution-box .picture-list .swiper-button-next{width: 60px;height: 60px;background-color: #005185;border-radius: 50%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: auto auto;background-size: auto auto;opacity: 1;}
#main.solution-box .picture-list .swiper-button-disabled{background-color: rgba(0,0,0,.2);}
#main.solution-box .picture-list .swiper-button-prev{left: 41px;background-image: url(../images/solution_left.png);}
#main.solution-box .picture-list .swiper-button-next{right: 41px;background-image: url(../images/solution_right.png);}

#main.solution-box .application .app-name{border-bottom: 1px solid #e6e6e6;line-height: 77px;}
#main.solution-box .application .app-name .swiper-slide1{margin-right: 15px;color: #666666;width: auto;font-size: 16px;border-bottom: 3px solid transparent;margin-top: -3px;cursor: pointer;}
#main.solution-box .application .app-name .swiper-slide1:hover,
#main.solution-box .application .app-name .swiper-slide1-active{color: #0073bc;font-weight: bold;border-color: #0073bc;}


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

/*关于我们-公共*/
#main .big-title{color: #333333;font-size: 24px;}
#main .big-blue{color: #0073bc;font-size: 18px;font-weight: bold;margin: 10px 0 35px;}
#main .video-center{width: 100%;padding-bottom: 8.75%;cursor: pointer;}
#main .video-center .p{width: 100%;padding-top: 27.1%;}
#main .video-center .ico{left: 0;right: 0;margin: auto;top: 29%;z-index: 2;width: 50px;height: 50px;background: url(../images/ico_video.png) no-repeat center center;}
#main .gray{left: 0;right: 0;margin: auto;padding: 5% 0;background: #f7f7f7;bottom: 8%;}
#main .gray .dis{width: 20.86%;}
#main .gray .number,
#main .gray .number .num{color: #0073bc;font-size: 50px;font-family: 'DINCond_Black';}
#main .gray .number .size{display: inline-block;margin-bottom: 6px;color: #333333;font-size: 14px;vertical-align: bottom;}
#main .gray .desc{margin-top: 12px;color: #666666;font-size: 14px;}

@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.about-box .mobile{display: none;}
#about-pic{width: 100%;margin-top: 45px;}
#about-pic .p{width: 100%;padding: 47.14% 0 0;}
#about-pic .swiper-pagination{bottom: 30px;}
#about-pic .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;border: 1px solid #fff;background: transparent;margin: 0 10px;}
#about-pic .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
/*文化*/
#main.about-box .culture-list{margin-top: 5%;}
#main.about-box .culture-list .culture{width: 49.27%;margin-right: 1.43%;margin-bottom: 1.43%;}
#main.about-box .culture-list .culture:nth-child(2n){margin-right: 0;}
#main.about-box .culture-list .culture .p{width: 100%;padding: 69.57% 0 0;}
#main.about-box .culture-list .culture .center{width: 94.2%;}
#main.about-box .culture-list .culture .center .p2{width: 100%;margin-top: 3.1%;background: url(../images/blue.png) repeat;padding:67.69% 0 0;}
#main.about-box .culture-list .culture .center .absolute{text-align: center;width: 90%;left: 0;right: 0;margin: auto;}
#main.about-box .culture-list .culture .center .name{color: #fff;font-weight: bold;font-size: 24px;margin-bottom: 15px;}
#main.about-box .culture-list .culture .center .desc{color: #fff;font-size: 24px;}
/*荣誉*/
#main.about2{ width:100%;padding: 5.49% 0 7.14% 0; margin: 0 auto; background:url(../images/honor_bg.jpg) no-repeat center; background-size:cover;}
#main.about-box .thr .item{ position:relative; margin-top:3%;}
#main.about-box .thr .item .swiper-prev{ width:14px; height:26px;background: url(../images/honor_left2.png); position:absolute; left:-50px; top:50%; z-index:2; margin-top:-8px;}
#main.about-box .thr .item .swiper-next{ width:14px; height:26px; background: url(../images/honor_right2.png);position:absolute; right:-50px; top:50%; z-index:2; margin-top:-8px;}
#main.about-box .thr .item .swiper-prev:hover{background: url(../images/honor_left.png) no-repeat center center;}
#main.about-box .thr .item .swiper-next:hover{ background: url(../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;}
}

/*实力*/
#main.about-box .circle{margin: 58px 0 85px;}
#main.about-box .circle .dis{margin: 0 50px;}
#main.about-box .circle .dis .img{width: 120px;height: 120px;}
#main.about-box .circle .dis .tit{color: #666666;margin-bottom: 20px;font-size: 16px;margin-top: 12px;}
#main.about-box .top-tit{color: #0073bc;font-size: 24px;font-weight: bold;}
#main.about-box .top-intro{margin: 25px 0 48px;color: #666666;font-size: 16px;line-height: 32px;}

#main.about3{margin-bottom: 60px;}
#main.about-box .boxs .detail{margin-bottom: 90px;}
#main.about-box .boxs .detail{margin-bottom: 90px;}
#main.about-box .boxs .img .p{width: 100%;padding: 62.5% 0 0;}
#main.about-box .boxs .img.absolute{top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
#main.about-box .boxs .swiper-slide{width: 42%;}
#main.about-box .boxs .swiper-slide .p{width: 100%;padding-top: 64.5%;}
#main.about-box .boxs .swiper-pagination{margin-bottom: 80px;margin-top: 40px;position: static;height: 12px;}
#main.about-box .boxs .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 12px;  opacity: 1;background: transparent;position: relative;cursor: pointer;}
#main.about-box .boxs .swiper-pagination .swiper-pagination-bullet:after{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #9e9e9e;background: transparent;content:'';}
#main.about-box .boxs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 27px;background: #0073bc;border-radius: 25px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
#main.about-box .boxs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{border-color: #0073bc;background: #fff;left: auto;}
#main.about-box .boxs .text .dis{width: 48.53%;padding-bottom: 3.96%;margin-bottom: 2.57%;margin-right: 2.86%;}
#main.about-box .boxs .text .dis:nth-child(2n){margin-right: 0;}
#main.about-box .boxs .text .p{width: 100%;padding-top: 67.24%;}
#main.about-box .boxs .text img{border-radius: 5px;}
#main.about-box .boxs .text .name{position: absolute;z-index: 10;left: 26px;bottom: 0;padding: 18px 0 18px 54px;background: #0073bc url(../images/book.png) no-repeat 20px center;color: #ffffff;font-size: 16px;font-weight: bold;min-width: 190px;border-radius: 6px;}

/*联系我们*/
#main.about-box .big-title{width: 90%;margin: 0 auto;color: #353535;font-size: 36px;}
#main.about-box .big-blue{width: 90%;margin: 0 auto;margin-top: 15px;margin-bottom: 30px;}
#main.about-box .big-company{width: 90%;margin: 0 auto;color: #333333;font-size: 16px;margin-top: 15px;}
#main.about-box .c_cup{margin-top: 6.67%;}
#main.about-box .c_cup .c_li{width:25%; background:url(../images/c_li.jpg) no-repeat left center; margin-bottom:6.25%;}
#main.about-box .c_cup .bgn{background:none;}
#main.about-box .c_cup .c_li .c_pic{height:65px; width:100%;}
#main.about-box .c_cup .c_li .c1{background:url(../images/c1.jpg) no-repeat center top;}
#main.about-box .c_cup .c_li .c2{background:url(../images/c2.jpg) no-repeat center top;}
#main.about-box .c_cup .c_li .c3{background:url(../images/c3.jpg) no-repeat center top;}
#main.about-box .c_cup .c_li .c4{background:url(../images/c4.jpg) no-repeat center top;}
#main.about-box .c_cup .c_li .one{line-height:24px; text-align:center; color:#757575; font-size:14px;}
#main.about-box .c_row{width:32%; margin-right:2%; margin-bottom:30px; visibility:hidden;}
#main.about-box .c_row .user{width:100%; border:1px solid #e3e3e3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; padding:0 18px; height:48px; line-height:48px; color:#999; font-size:14px;}
#main.about-box .m_row{margin-bottom:30px;}
#main.about-box .m_row .mess{border-radius:5px; padding:14px 18px; line-height:28px; font-size:14px; color:#999; width:100%; border:1px solid #e3e3e3; min-height:200px;}
#main.about-box .c_submit{width:150px; height:50px; background:#dab866; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(../images/pie.htc); position:relative; margin:0 auto; visibility:hidden;}
#main.about-box .c_submit .mit{height:50px; width:150px; border:none; background:none; line-height:50px; font-size:16px; color:#fff; cursor:pointer;}

#main.about-box .map{height: 522px;width: 100%;margin-bottom: 3.91%;}
#main.about-box .map img{max-width: none;}

/*联系我们-留言*/
#lib_feedback_form{margin-top: 2.34%;}
#lib_feedback_form .contact_row{width: 31.73%;margin-bottom: 2.4%;}
#lib_feedback_form .contents{width: 100%;margin-bottom: 3.33%;}
#lib_feedback_form .center{width: 2.4%;height: 1px;}
#lib_feedback_form .contact_row .form_input{outline:none;width: 92%;height: 48px;border-radius:3px;padding: 0 4%;color: #999999;font-size: 14px;border: 1px solid #e3e3e3;}
#lib_feedback_form .contact_row .form_input.vcode{width: 266px;margin-right: 20px;}
#lib_feedback_form .contents .form_area{outline:none;width: 98%;border-radius:3px;padding: 1%;color: #999999;font-size: 14px;border: 1px solid #e3e3e3;height: 210px;resize: none;}
#lib_feedback_form .submit{width: 100%;margin-bottom: 0;text-align: center;}
#lib_feedback_form .submit .form_gory_button{cursor: pointer;width: 150px;height: 50px;background: #0073bc;margin: 0 auto;color: #fff;font-size: 16px;text-align: center;border: none;border-radius: 5px;}
#lib_feedback_form .contact_row .form_input:focus,
#lib_feedback_form .contents .form_area:focus{color: #333333;background: #fff;border: 1px solid #858585;}

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


/*产品*/
#cate{width: 100%;left: 0;right: 0;margin: auto;}
#main.products-box{background: #f5f5f5;margin: 0 auto;padding: 5.49% 0 7.14%;}
#main.products-box .key{height: 60px;margin-bottom: 6%;border-bottom: 1px solid #999;font-size: 16px;color: #333;}
#main.products-box .cate{display: none;margin-bottom: 35px;font-size: 20px;color: #0073bc;}
#main.products-box .pro-list .item{width: 45.8%;background: #fff;padding: 2.88% 0 2.88% 2.88%;margin-right: 2.5%;margin-bottom: 2.5%;position: relative;}
#main.products-box .pro-list .item:after{content:"";position: absolute;left: 0;top: 100%;width: 100%;height: 0;background: #0073bc;}
#main.products-box .pro-list .item:nth-child(2n){margin-right: 0;}
#main.products-box .pro-list .item .img{width: 20.72%;margin-top: 0px;}
#main.products-box .pro-list .item .img .p{padding-top: 160%;}
/*#main.products-box .pro-list .item .img img{box-shadow: -8px 8px 6px -2px #cecece;}*/
#main.products-box .pro-list .item:hover .img img{transform: scale(1.1);}
#main.products-box .pro-list .item .info{width: 71%;padding-bottom: 25px;}
#main.products-box .pro-list .item .info .title{color: #333333;font-size: 26px;font-weight: bold;font-family: 'SourceHanSansCN_Regular';padding: 20px 0 15px;position: relative;margin-bottom: 5.92%;}
#main.products-box .pro-list .item .info .title:after{content:"";position: absolute;left: 0;bottom: 0;width: 12px;height: 3px;background: #0073bc;}
#main.products-box .pro-list .item .info .intro .brief{width: 46%;margin-right: 6.5%;}
#main.products-box .pro-list .item .info .intro .brief:nth-child(2n){margin-right: 0;}
#main.products-box .pro-list .item .info .brief{margin-bottom: 15px;color: #666666;font-size: 14px;}
#main.products-box .pro-list .item .info .brief:last-child{margin-bottom: 0;}
#main.products-box .pro-list .item .info .brief span{color: #0073bc;font-size: 14px;}

#main.products-box .pro-list .item:hover{box-shadow: 0 0 12px 5px #e6e6e6;}
#main.products-box .pro-list .item:hover::after{height: 5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }

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

/*产品详细页*/
.head{height: 111px;}
#main.products-detail {margin-top: 0;}
#main.products-detail .other{background: rgba(255,255,255,.76);padding-top: 32px;height: 78px;border-bottom: 1px solid #e3e3e3;}
#main.products-detail .other img{display: none;}
#main.products-detail .other .lang{color: #0073bc;background: url(../images/lang2.png) no-repeat left center;margin-top: 4px;}
#main.products-detail .other .form.open .text{border-bottom: 1px solid #0073bc;color: #0073bc;}
#main.products-detail .other .form.open .text::-webkit-input-placeholder {color: #0073bc;}
#main.products-detail .other .form.open .text:-moz-placeholder{color: #0073bc;}
#main.products-detail .other .form.open .text::-moz-placeholder { color: #0073bc;}
#main.products-detail .other .form.open .text:-ms-input-placeholder { color: #0073bc;} 
#main.products-detail .other .lang .absolute{background: rgba(245,245,245,.9);}
#main.products-detail .other .lang{color: #333;}
#main.products-detail .other .lang div{color: #333;}
#main.products-detail .other .lang div:hover{color: #0073bc;}
#main.products-detail .other .submit{margin-top: 4px;background: url(../images/big2.png) no-repeat center center;}

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

#main.products-detail .bread {padding-left: 36px;line-height: 82px;height: 82px;background: url(../images/home.jpg) no-repeat left center;}
#main.products-detail .bread .dis{color: #333333;font-size: 14px;}
#main.products-detail .bread .back{cursor: pointer;font-size: 14px;color: #666666;padding-right: 36px;background: url(../images/back.png) no-repeat right center;}
#main.products-detail .bread .back:hover{color: #0073bc;background: url(../images/back2.png) no-repeat right center;}
#main.products-detail .bread .dis:last-child,
#main.products-detail .bread span.dis{color: #999999;}
#main.products-detail .bread span.dis{margin: 0 7px;}
#main.products-detail .bread a.dis:hover{color: #0073bc;}
#main.products-detail .picture-list{width: 49.83%;border: 1px solid #e8e8e8;}
#main.products-detail .picture-list,
#main.products-detail .picture-list .swiper-wrapper,
#main.products-detail .picture-list .swiper-slide{max-height: 478px;}
#main.products-detail .picture-list .p{width: 100%;padding-top: 79.93%;}
#main.products-detail .picture-list .ab-style{position: absolute;}
#main.products-detail .picture-list .swiper-pagination{bottom: 28px;}
#main.products-detail .picture-list .swiper-pagination-bullet{width: 12px;height: 12px;background: #cccccc;opacity: 1;margin: 0 9px;}
#main.products-detail .picture-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0073bc;}
#main.products-detail .detail{width: 46.67%;}
#main.products-detail .detail .name{color: #0073bc;font-size: 32px;}
#main.products-detail .detail .center{margin: 4.5% 0 5.8%;width: 100%;height: 8px;background: url(../images/center.jpg) repeat-x left top;}
#main.products-detail .detail .brief{margin-bottom: 15px;}
#main.products-detail .detail .brief div{color: #888888;font-size: 14px;}
#main.products-detail .detail .brief div:nth-child(2){color: #333333;}
#main.products-detail .detail .down,
#main.products-detail .detail .tao{padding-right: 43px;line-height: 50px;height: 50px;color: #fff;font-size: 18px;font-weight: bold;padding-left: 75px;border-radius: 50px;}
#main.products-detail .detail .down:hover,
#main.products-detail .detail .tao:hover{opacity: .7;}
#main.products-detail .detail .down{box-shadow: -6px 12px 12px -11px #0073bc;background: #0073bc url(../images/down.png) no-repeat 41px center;}
#main.products-detail .detail .tao{margin-left: 25px;box-shadow: -6px 12px 12px -11px #f39501;background: #f39501 url(../images/tao.png) no-repeat 32px center;}
#main.products-detail .desc-box{margin: 60px auto;}
#main.products-detail .desc-box .button{background: #f3f3f3;padding-left: 40px;line-height: 60px;}
#main.products-detail .desc-box .button .dis{cursor: pointer;color: #333333;font-size: 16px;margin-right: 6.5%;}
#main.products-detail .desc-box .button .dis:hover,
#main.products-detail .desc-box .button .dis.on{color: #0073bc;}
#main.products-detail .desc-box .button .dis.on{font-weight: bold;}

#main.products-detail .description .box-s{display: none;}
#main.products-detail .description .box-s.open{display: block;}

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

/*系列*/
#main.products-detail .pro-list .dis{width: 31.67%;margin-right: 2.49%;margin-bottom: 2.49%;}
#main.products-detail .pro-list .dis:nth-child(3n){margin-right: 0;}
#main.products-detail .pro-list .dis .img{text-align: center;width: 100%;background: #fff;}
#main.products-detail .pro-list .dis .img .p{width: 100%;padding-top: 73.54%;}
#main.products-detail .pro-list .dis .img .absolute{border: 1px solid #e6e6e6;}
#main.products-detail .pro-list .dis .desc{width: 100%;padding: 6.8% 0;width: 100%;background: #f3f3f3;}
#main.products-detail .pro-list .dis .desc .name{margin: 0 6.8%;color: #333333;font-size: 16px;font-weight: bold;}
#main.products-detail .pro-list .dis .desc .brief{margin: 0 6.8%;color: #666666;font-size: 14px;margin-top: 10px;}
#main.products-detail .pro-list .dis:hover{box-shadow: 0 0 12px 5px #e6e6e6;}
#main.products-detail .pro-list .dis:hover .desc{background: #0073bc;}
#main.products-detail .pro-list .dis:hover .desc *{color: #fff;}
/*场景*/
#main.products-detail .app{width: 49.17%;margin-right: 1.66%;margin-bottom: 1.66%;}
#main.products-detail .app:nth-child(2n){margin-right: 0;}
#main.products-detail .app .img .p{width: 100%;padding-top: 47.46%;}
#main.products-detail .app .msg{background: #f3f3f3;padding: 4.41% 0;}
#main.products-detail .app .msg .name{color: #333333;font-size: 16px;font-weight: bold;margin-bottom: 10px;padding: 0 4.41%;}
#main.products-detail .app .msg .desc{padding: 0 4.41%;color: #666666;font-size: 14px;line-height: 30px;}

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