.topleg {display:none;}
.head .navbox .navList a:nth-child(1) {color:#fff!important;}
.head .navbox .navList a:nth-child(1)::before,.head .navbox .navList a:nth-child(1)::after {transform:scale(1);}
.index .video-mask {width:100%;height:100%;position:fixed;left:0;top:0;background:#000;display:none;z-index:1000;}
.index .video-mask .video-wrap {width:1000px;height:700px;position:absolute;left:50%;margin-left:-500px;top:50%;margin-top:-350px;}
.index .video-mask .video-wrap .closevideo {width:44px;height:44px;position:absolute;right:-30px;top:-30px;z-index: 999;}
.index .video-mask .video-wrap video {width:100%;height:100%;}
.index #swiper1 .swiper-slide img {width:100%;}
.index #swiper1 .tobox {width:50%;position:absolute;left:0;bottom:0;height:80px;z-index:111;background:#fff;}
.index #swiper1 .tobox .inwrap {width:700px;float:right;height:100%;}
.index #swiper1 .tobox .inwrap .pagination {float:left;width:395px;line-height:80px;font-size:20px;color:#cccccc;}
.index #swiper1 .tobox .inwrap .pagination .swiper-pagination-current {font-size:60px;color:#097bc8;}
.index #swiper1 .tobox .inwrap .btnbox {width:305px;height:100%;float:right;font-size:14px;color:#888888;}
.index #swiper1 .tobox .inwrap .btnbox .btn {width:50%;float:left;line-height:80px;box-sizing:border-box;transition:all .3s;cursor:pointer;}
.index #swiper1 .tobox .inwrap .btnbox .prev1 {padding-left:85px;background-image:url(../images/jiantou-l.png);background-repeat:no-repeat;background-position:60px center;}
.index #swiper1 .tobox .inwrap .btnbox .next1 {padding-right:85px;text-align:right;background-image:url(../images/jiantou-r.png);background-repeat:no-repeat;background-position:84px center;}
.index #swiper1 .tobox .inwrap .btnbox .prev1:hover {color:#097bc8;background-position:55px center;}
.index #swiper1 .tobox .inwrap .btnbox .next1:hover {color:#097bc8;background-position:89px center;}

.pro_slide{position: relative;padding: 20px 0;}
.swiper-container-pro{position: relative;padding:10px 0px 0;}
.pro_zi{float: left;margin-top: 25px;margin-right: 30px;font-weight: 800;}
.pro_item{height: auto;overflow: hidden;}
.pro_item a{display: block;height: auto;overflow: hidden;position: relative;}
.pro_item a:after{content: "";width: 90%;height: 0px;background: #3759f0;position: absolute;bottom: 0px;left: 50%;transform: translatex(-50%);transition: 400ms;}
.pro_img{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.pro_img img{width: 100%;}
.pro_bt{font-size: 16px;width: 100%;text-align: center;padding:0px;}
.pro_item a:hover .pro_bt{font-weight: bold;}
.swiper-button-prev-pro,.swiper-button-next-pro{width: 48px;height: 26px;position: absolute;top: 50%;margin-top: -12px;overflow: hidden;cursor: default;background-size: 200%!important;}
.swiper-button-prev-pro{background: url(../images/prev_pro.png) left center no-repeat;left: 0px;transition: 400ms;}
.swiper-button-next-pro{background: url(../images/next_pro.png) right center no-repeat;right: 0px;transition: 400ms;}
.swiper-button-prev-pro:hover{background: url(../images/prev_pro.png) right center no-repeat;}
.swiper-button-next-pro:hover{background: url(../images/next_pro.png) left center no-repeat;}
.pro_rslide{width: 55%;float: right;}
.swiper-container-pro_rslide{position: relative;padding:10px 30px 0;}


.index .aboutsection {padding-top:80px;width:1400px;margin:0 auto;margin-bottom:114px;position:relative;}
.index .aboutsection .shuazi {top:166px;}
.index .aboutsection .left {padding-left:40px;box-sizing:border-box;width:50%;float:left;}
.index .aboutsection .left .title {font-size:36px;line-height:38px;color:#3c3c3c;margin-bottom:8px;}
.index .aboutsection .left .text {font-size:20px;line-height:40px;color:#3c3c3c;margin-bottom:76px;}
.index .aboutsection .left .content {font-size:16px;line-height:32px;height:285px;overflow-y:scroll;color:#666666;text-align:justify;}
.index .aboutsection .left .content::-webkit-scrollbar {display:none;}
.index .aboutsection .left .btn {background:url(../images/index-02.png);transition:all .3s;width:180px;}
.index .aboutsection .left .btn a {display:block;width:180px;height:42px;line-height:42px;color:#fff;text-align:center;box-sizing:border-box;padding-right:34px;background:url(../images/jiantou-r2.png) no-repeat 130px center;transition:all .3s;}
.index .aboutsection .left .btn:hover {background:url(../images/index-03.png);}
.index .aboutsection .left .btn:hover a {background:url(../images/jiantou-r2.png) no-repeat 135px center;}
.index .aboutsection .right {width:50%;float:left;padding-top:160px;position:relative;}
.index .aboutsection .right .bg {margin-left:100px;}
.index .aboutsection .right .bg img {width:auto;}
.index .aboutsection .right .v-box {width:600px;height:500px;position:absolute;left:262px;top:30px;cursor:pointer;}
.index .aboutsection .right .v-box img {width:100%;}
.index .aboutsection .right .v-box .v-mask {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);transition:all .3s;}
.index .aboutsection .right .v-box .v-mask img {width:17.5%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;opacity:.8;transition:all .3s;}
.index .aboutsection .right .v-box .v-mask:hover {background:rgba(0,0,0,0);}
.index .aboutsection .right .v-box .v-mask:hover img {opacity:1;}
.index .aboutsection .right .v-box .line {width:17.5%;height:4px;background:#00bedc;position:absolute;right:0;transform:translateX(50%);top:85.4%;}




.index .parnter{padding: 60px 0 70px 0;}
.index .swiper-container-producted{position: relative;}
.index .producted li{  position:relative;  }
.index .producted li a{ display:block; background:#fff;}
.index .producted li figure{ display:block; overflow:hidden; line-height:normal;}
.index .producted li figure img{ display:block; width:100%; height:auto; transition:980ms; /*-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;*/ border:1px solid #ddd; }
.producted li mark{ display:block; width:100%;background:#fff;box-sizing:border-box; padding:10px 22px 10px 18px;}
.producted li mark h3{ color:#333; font-size:16px;text-align: center;}
.producted li mark p{ color:#999; font-size:12px;}
.producted li mark span{  color:#ec6700; display:inline-block; transition:440ms linear;}
.producted li mark span:hover{ right:12px;}

.index .producted li figure img:hover{border:1px solid #0a7bc9;}


.index .prosection #swiper2 .prolist {width:25%;position:relative;cursor:pointer;float:left;}
.index .prosection #swiper2 .prolist img {width:100%;}
.index .prosection #swiper2 .prolist .limask {width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox {width:100%;height:100%;box-sizing:border-box;position:absolute;overflow:hidden;left:0;top:0;}
.index .prosection #swiper2 .prolist .limask .titlebox .title {margin-left:7.082%;margin-top:13.3333%;}
.index .prosection #swiper2 .prolist .limask .titlebox .ti {font-size:24px;line-height:26px;color:#ffffff;margin-bottom:18px;text-shadow: 1px 1px 1px #000;}
.index .prosection #swiper2 .prolist .limask .titlebox .te {font-family:Gotham-XLight;font-size:16px;line-height:18px;color:rgba(255,255,255,0.6);text-shadow: 1px 1px 1px #000;}
.index .prosection #swiper2 .prolist .limask .titlebox .content {margin-left:7.082%;padding-left:18px;margin-top:22.9%;opacity:0;transition:all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox .content li {list-style:initial;font-size:14px;line-height:36px;color:#ffffff;}
.index .prosection #swiper2 .prolist .limask .morebox {font-size:14px;line-height:20px;color:#ffffff;width:110px;background-image:url(../images/jiantou-r2.png);background-repeat:no-repeat;background-position:right center;position:absolute;left:7%;bottom:7.25%;opacity:1;transition:all .3s;}
.index .prosection #swiper2 .prolist .limask:hover {background:url(../images/index-08.png);background-size:100% 100%;}
.index .prosection #swiper2 .prolist .limask:hover .titlebox .content {opacity:1;}
.index .prosection #swiper2 .prolist .limask:hover .morebox {opacity:0;}
.index .prosection #swiper2 .btn {width:60px;height:100%;position:absolute;top:0;background-color:rgba(0,0,0,0.15);z-index:11;opacity:0;transition:all .3s;cursor:pointer;}
.index .prosection #swiper2 .prev2 {left:0;background-image:url(../images/index-13.png);background-repeat:no-repeat;background-position:center center;}
.index .prosection #swiper2 .next2 {right:0;background-image:url(../images/index-12.png);background-repeat:no-repeat;background-position:center center;}
.index .prosection #swiper2:hover .btn {opacity:1;}
.index .newsection {width:1400px;margin:0 auto;margin-bottom:80px;position:relative;}
.index .newsection .shuazi {top:50px;}
.index .newsection .titlebox {margin:114px 0 70px 0;padding-left:40px;}
.index .newsection .titlebox .ti {font-size:30px;line-height:32px;margin-bottom:8px;color:#3c3c3c;}
.index .newsection .titlebox .te {font-size:20px;line-height:20px;color:#3c3c3c;}
.index .newsection .newlist li {width:30%;float:left;margin-right:5%;cursor:pointer;padding-bottom:50px;}
.index .newsection .newlist li .imgbox {overflow:hidden;}
.index .newsection .newlist li .imgbox img {transition:all .3s;}
.index .newsection .newlist li .title {margin:30px 0;}
.index .newsection .newlist li .title .ti {font-size:20px;line-height:26px;color:#222222;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.index .newsection .newlist li .title .te {font-size:14px;line-height:28px;color:#888888;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;}
.index .newsection .newlist li .morebox {width:99px;font-size:14px;line-height:33px;color:#c5c5c5;background-position:100% center;background-image:url(../images/jiantou-l2.png);background-repeat:no-repeat;}
.index .newsection .newlist li:last-child {margin-right:0;}
.index .newsection .newlist li:hover .title .ti {color:#097bc8;}
.index .newsection .newlist li:hover .imgbox img {transform:scale(1.02,1.02);}
.index #swiper3 #sp3 {bottom:0px;}
.index #swiper3 #sp3 .swiper-pagination-bullet-active {background:#097bc8;}
.index .add {height:330px;background:url(../images/index-17.png) center center no-repeat;background-size: cover;}
.index .add .content {width:1400px;margin:0 auto;height:100%;overflow:hidden;}
.index .add .content .title {line-height:42px;margin-top:85px;font-size:42px;font-style:italic;line-height:26px;color:#ffffff;margin-bottom:78px;text-align: right;}
.index .add .content .morebox {background:url(../images/index-02.png);transition:all .3s;width:180px;}
.index .add .content .morebox a {display:block;width:180px;height:42px;line-height:42px;color:#fff;text-align:center;box-sizing:border-box;padding-right:34px;background:url(../images/jiantou-r2.png) no-repeat 130px center;transition:all .3s;}
.index .add .content .morebox:hover {background:url(../images/index-03.png);}
.index .add .content .morebox:hover a {background:url(../images/jiantou-r2.png) no-repeat 135px center;}
@media screen and (min-width:1440px) and (max-width:1600px) {.index #swiper1 .tobox .inwrap {width:650px;}
.index #swiper1 .tobox .inwrap .pagination {width:300px;}
.index .aboutsection{width:1300px;}
.index .aboutsection .right .v-box {left:248px;}
.index .newsection {width:1300px;}
.index .add .content {width:1300px;}
}
@media screen and (min-width:1280px) and (max-width:1440px) {.index #swiper1 .tobox .inwrap {width:600px;}
.index #swiper1 .tobox .inwrap .pagination {width:200px;}
.index .aboutsection{width:1200px;}
.index .aboutsection .left {padding-left:20px;width:50%;}
.index .aboutsection .right {padding-top:140px;}
.index .aboutsection .right .bg {margin-left:100px;}
.index .aboutsection .right .bg img {width:346px;}
.index .aboutsection .right .v-box {width:473px;height:428px;left:130px;}
.index .newsection {width:1200px;}
.index .newsection .titlebox {padding-left:20px;}
.index .add .content {width:1200px;}
}
@media screen and (min-width:100px) and (max-width:1024px) {.topleg {display:none;}
.shuazi {display:none;}
.index #swiper1 .tobox .inwrap {width:100%;float:right;height:100%;}
.index #swiper1 .tobox .inwrap .pagination {text-align:center;width:100%;box-sizing:border-box;padding-left:6%;font-size:14px;line-height:40px;}
.index #swiper1 .tobox .inwrap .pagination .swiper-pagination-current {font-size:30px;}
.index #swiper1 .tobox {width:25%;height:40px;}
.index .aboutsection {padding-top:44px;width:90%;margin-bottom:44px;}
.index .aboutsection .left {padding-left:0;box-sizing:border-box;width:100%;float:none;margin-bottom:44px;}
.index .aboutsection .left .content {font-size:14px;line-height:24px;height:auto;margin-bottom:24px;}
.index .aboutsection .left .title {font-size:30px;line-height:32px;}
.index .aboutsection .left .text {font-size:16px;line-height:normal;margin-bottom:20px;}
.index .aboutsection .left .btn {width:136px;background-size:100% 100%;}
.index .aboutsection .left .btn a {width:100%;height:32px;line-height:32px;padding-right:20px;background:url(../images/jiantou-r2.png) no-repeat 100px center;}
.index .aboutsection .left .btn:hover {background:url(../images/index-03.png);background-size:100% 100%;}
.index .aboutsection .left .btn:hover a {background:url(../images/jiantou-r2.png) no-repeat 112px center;}
.index .aboutsection .right {width:100%;float:none;padding-top:15px;position:relative;}
.index .aboutsection .right .bg {margin-left:0;}
.index .aboutsection .right .bg img {width:67.33%;}
.index .aboutsection .right .v-box {width:66.6666%;position:absolute;height:auto;left:26.666%;top:0;}
.index .aboutsection .right .v-box>img {width:100%;}
.index .prosection #swiper2 .prolist {width:25%;position:relative;cursor:pointer;float:left;}
.index .prosection #swiper2 .prolist .limask {width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox {width:100%;height:100%;box-sizing:border-box;position:absolute;overflow:hidden;left:0;top:0;}
.index .prosection #swiper2 .prolist .limask .titlebox .ti {font-size:20px;margin-bottom:10px;}
.index .prosection #swiper2 .prolist .limask .titlebox .te {font-family:Gotham-XLight;font-size:16px;line-height:16px;color:rgba(255,255,255,0.6);}
.index .prosection #swiper2 .prolist .limask .titlebox .content {padding-left:18px;margin-top:22.9%;opacity:0;transition:all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox .content li {list-style:initial;font-size:14px;line-height:36px;color:#ffffff;}
.index .prosection #swiper2 .prolist .limask .morebox {font-size:14px;line-height:20px;color:#ffffff;width:110px;background-image:url(../images/jiantou-r2.png);background-repeat:no-repeat;background-position:right center;position:absolute;left:7%;bottom:7.25%;opacity:1;transition:all .3s;}
.index .prosection #swiper2 .prolist .limask:hover {background:none;}
.index .prosection #swiper2 .prolist .limask:hover .titlebox .content {opacity:0;}
.index .prosection #swiper2 .prolist .limask:hover .morebox {opacity:1;}
.index .prosection #swiper2:hover .btn {opacity:0;}
.index .newsection {width:90%;margin-bottom:44px;}
.index .newsection .titlebox {margin:44px 0 22px 0;padding-left:0%;}
.index .newsection .titlebox .te {font-size:20px;line-height:20px;}
.index .newsection .newlist li {width:100%;float:none;margin-right:0;padding-bottom:22px;}
.index .newsection .newlist li .title .ti {font-size:16px;line-height:18px;margin-bottom:8px;}
.index .newsection .newlist li .title .te {font-size:14px;line-height:16px;}
.index .newsection .newlist li .morebox {line-height:14px;}
.index .newsection .newlist li .imgbox img {width:100%;transition:all .3s;}
.index .newsection .newlist li .title {margin:10px 0;}
.index .add {height:330px;background:url(../images/index-17-m.png) center center no-repeat;}
.index .add .content {width:100%;}
.index .add .content .title {line-height:42px;margin-top:85px;font-size:28px;padding-left:3%;font-style:italic;line-height:26px;color:#ffffff;margin-bottom:78px;}
.index .add .content .morebox {width:136px;margin-left:3%;height:32px;background-size:100% 100%;}
.index .add .content .morebox a {width:100%;line-height:32px;height:32px;padding-right:20px;background:url(../images/jiantou-r2.png) no-repeat 100px center;}
.index .add .content .morebox:hover {background:url(../images/index-03.png);background-size:100% 100%;}
.index .add .content .morebox:hover a {background:url(../images/jiantou-r2.png) no-repeat 112px center;}
.index .video-mask .video-wrap {width:100%;height:300px;left:0%;margin-left:0px;margin-top:-150px;}
.index .video-mask .video-wrap .closevideo {right:30px;}

}
@media screen and (min-width:750px) and (max-width:1024px) {.index .newsection .newlist li {float:left;width:48.5%;margin-right:3%;padding-bottom:3%;}
.index .newsection .newlist li:nth-child(2n) {margin-right:0;}

}
@media screen and (min-width:320px) and (max-width:1024px) {
.pro_slide,.pro_rslide{width: 100%;float: none;}
.pro_bt{font-size: 14px;}

}

@media screen and (min-width:750px) and (max-width:1024px) {
.pro_zi{margin-top: 6%;}
}
@media screen and (min-width:320px) and (max-width:767px) {.pro_zi{margin-top: 7%;}
.eyou-sou .hot{display: none;}
.eyou-sou .hot {display:none;}
.eyou-sou .hform {float:left;width: 100%;position: relative;}
.eyou-sou .hform input {font-size:14px;border-color:transparent;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;padding:9px 60px 9px 15px;border-radius:0;}
.eyou-sou .hform button {position:absolute;right:0;top:0;width:50px;height:40px;font-size:14px;}
.index .parnter{padding: 20px 0;}
.producted li mark h3{font-size: 14px;}
}