@charset "utf-8";
/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
img {max-width: 100%;max-height:100%;margin: 0;padding: 0;border: 0;width: 100%;height: auto;}
header,nav,section,article,aside,footer {display: block;}
a{text-decoration:none;color:#222;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:0}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}




/* header */
.jwd-header,
.jwd-header .jwd-content ,
.jwd-header-nav *,
.jwd-consulting-icon,
.jwd-header .jwd-content .left{transition:all .9s ease;}
.jwd-header {position: fixed;left: 0;top: 0;z-index: 900;width: 100%;}
.jwd-header::after {content: '';width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;opacity: .2;}
.jwd-content {width: 96%;margin: auto;position: relative;}
.jwd-header .jwd-content {z-index: 999;padding:0 2%;overflow: hidden;}
.jwd-header .jwd-content::after {content: '';width: 100%;height: 50px; background: #fff;position: fixed;left: 0;top: -100px;transition:all .4s ease;}
.jwd-logo {position: absolute;left:2%;top:50%;margin-top: -29px;width:113px;height:70px;z-index: 11;display: block;}
.jwd-logo a {display: block;overflow: hidden;}
.jwd-logo img.default {display: block;}
.jwd-logo img.hover{display: none;}
.jwd-header .jwd-content nav {display:block;float: right;padding-right: 80px;}
.jwd-header-nav {font-size: 0;}
.jwd-header-nav li{display: inline-block;position: relative;padding:40px 25px;font-size: 0;}
.jwd-header-nav li a{display: inline-block;color: #fff;position: relative;font-size: 17px;font-weight: bold;}
.jwd-header-nav li a::after {content: '';width: 0px;height: 2px;background: #fff;position: absolute;bottom:-40px;left:50%;transition:all .4s ease;}
.jwd-header-nav li.cur a::after{width: 100%;left:0;}
.jwd-header.cur,.jwd-header.cur .jwd-content {background: #fff;}
.jwd-header.cur::after,.jwd-header.scroll-top::after {background: #a1a7b2;}
.jwd-header.cur .jwd-logo img.default,.jwd-header.scroll-top .jwd-logo img.default{display: none;}
.jwd-header.cur .jwd-logo img.hover,.jwd-header.scroll-top .jwd-logo img.hover{display: block;}
.jwd-header.cur .jwd-header-nav li a,.jwd-header.scroll-top .jwd-header-nav li a{color: #000;}
.jwd-header.cur .jwd-header-nav li.cur a::after,.jwd-header.scroll-top .jwd-header-nav li.cur a::after{background: #2076DF;}


.jwd-header-nav-show {position: absolute;left: 0;top:0px;width: 100%;height: auto;z-index: 900;}
.jwd-header-nav-show .jwd-content {width: 100%;padding:0;margin-top: 99px;overflow: visible;background: none;}
.jwd-header-nav-show-content {background: #f5f7fa;padding:0 7%;width:86%;opacity:0;z-index:1;position: absolute;left: 0;transition:all .4s ease;}
.jwd-header-nav-show-content::after {content: '';width: 100%;height: 1px;background: #e6e6e6;position: absolute;top:0px;left: 0;z-index: 10;}
.jwd-header-nav-show-content.Hide {display:block;top: -100px;}
.jwd-header-nav-show-content.cur {opacity: 1;z-index: 999;top: 0;}
.jwd-header-nav-show-content.cur .jwd-header-nav-list {display: block;}
.jwd-header-nav-list {text-align: right;padding:0px;margin: auto;width: 100%;display: none;}
.jwd-header-nav-list li {list-style: none;margin: 0;padding:15px 20px;display: inline-block;vertical-align: middle;position: relative;}
.jwd-header-nav-list a{color: #26334c;font-size: 14px;padding:10px 0px;position: relative;display: block;}
.jwd-header-nav-list a::after {content: '';width:0px;height: 1px;background: #26334d;position: absolute;bottom:0px;left: 0;z-index: 10;transition:all .4s ease;}
.jwd-header-nav-list a:hover::after {width: 100%;}

.jwd-header.scroll-down{top: -150px;}
.jwd-header.scroll-top  {background: #fff;}

/* footer */
.jwd-footer {background: #f2f4f7;padding-top:80px;overflow: hidden;color: #000;}
.jwd-footer .jwd-content {width: 90%;}
.jwd-footer-content-top {overflow: hidden;padding-bottom:30px;}
.jwd-footer-content-top-left {float: left;width: 50%;margin-left: 30px;}
.jwd-footer-content-top-left ul{list-style: none;float: left;width:12%;margin: 0;margin-right:8%;padding: 0;}
.jwd-footer-content-top-left ul:last-child {margin-right: 0;}
.jwd-footer-content-top-left ul h3{font-size: 16px;color: #26334c;font-weight: normal;border-bottom: 1px solid #d9dbde;padding-bottom: 20px;margin: 0;}
.jwd-footer-content-top-left ul h3 a {color: #26334c;}
.jwd-footer-content-top-left ul li{list-style: none;margin: 0;padding:7px 0;}
.jwd-footer-content-top-left ul li a{font-size: 14px;color: #666e80;}
.jwd-footer-content-top-left ul li a:hover {color: #2076DF;}
.jwd-footer-content-top-right {float: right;width:40%;text-align: right;margin-right: 30px;}
.jwd-footer-content-top-right .title-1{font-size: 16px;color: #666e80;padding: 10px 0;}
.jwd-footer-content-top-right .tel-2{font-size: 30px;color: #26334c;}
.jwd-footer-content-top-right .text-3{font-size: 16px;color: #666e80;padding: 10px 0;line-height:24px;}
.jwd-footer-content-top-right .text-3 p{font-size: 18px;color: #26334c;}
.jwd-footer-content-top-right .footerlottie { float: left; width: 350px;height: 238px;}
.jwd-footer-content-bottom {clear: both;font-size: 14px;color: #a1a7b2;border-top: 1px solid #d9dbde;padding:30px 0;margin: 30px 30px 0px 30px;position: relative; overflow: hidden;font-family: Arial,Microsoft Yahei;}
.jwd-footer-content-bottom a {font-size: 14px;color: #a1a7b2;font-family: Arial,Microsoft Yahei;}




/* index */
.jwd-index-banner {position: relative;width: 100%;height: 100%;}
.jwd-index-banner .swiper-slide {background: #000;}
.jwd-index-banner-container {position: relative;overflow: hidden;}
.jwd-index-banner-container .text {position: absolute;width:900px;top: 40%;left:6%;z-index: 10;color: #fff;}
.jwd-index-banner-container .text .title-1 {font-size: 60px;font-weight: bold;transform:translateY(200px);opacity:0;transition:all 0.2s;}
.jwd-index-banner-container .text .title-2 {font-size: 24px;padding-top: 10px;transform:translateY(200px);opacity:0;transition:all 0.5s;}
.jwd-index-banner .swiper-slide-active .text .title-1,
.jwd-index-banner .swiper-slide-active .text .title-2 {transform:translateY(0px);opacity:1;}
.jwd-index-banner .swiper-slide-active .img{animation: bigimgani 5000ms infinite ease-out;}
.jwd-index-banner-container.center .text {left:50%;margin-left: -450px;text-align: center;}

.jwd-index-banner-button-next {left: auto;right: 50%;margin-right: -200px;}
.jwd-index-banner-button-prev {left: 50%;right: auto;margin-left: -200px;}
.jwd-index-banner-scroll{width: 62px;height: 26px;position: absolute;left: 2%;bottom: 5%;z-index: 20;background: url('../images/scroll.png') center no-repeat;}
.jwd-index-banner-progress-bar {width: 260px;height: 2px;position: absolute;bottom:6%;left: 50%;margin-left: -130px;z-index:20;}
.jwd-index-banner-progress-bar::after {content: '';position: absolute;width: 100%;height: 2px;background: #fff;left: 0;top: 0;opacity: .2;z-index: 5;}
.jwd-index-banner-progress-bar::before {content: '';position: absolute;width: 0;height: 2px;background: #fff;left: 0;top: 0;z-index: 10;-webkit-animation: w100 5000ms infinite ease;animation: w100 5000ms infinite ease;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1);}}
.viewmore-3 {width: 215px;display:block;margin: 0;}
.viewmore-3 a,.viewmore-3 div {display: block;color: #fff;text-align: center;padding: 17px 0 17px 0;overflow: hidden;font-size: 0;border: 1px solid rgba(255,255,255,.2);}
.viewmore-3 span {font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 40px;letter-spacing: 2px;}
.viewmore-3 i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url('../images/arrow-01.png') center no-repeat;}
.viewmore-3 a:hover {border: 1px solid rgba(255,255,255,1);}




.jwd-index-product {position: relative;}
.jwd-index-product .jwd-content {overflow: hidden;width: 90%;position: absolute;left: 5%;top:150px;z-index: 10;}
.jwd-index-product-left {width:35%;position: absolute;left: 0;bottom: 0;}
.jwd-title {position: relative;}
.jwd-title .title-1{font-size: 50px;line-height: 50px; color: #26334c;padding-left:30px;position: relative;text-transform: uppercase;}
.jwd-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:10px; background: url('../images/it1.png') no-repeat;}
.jwd-title .title-2 {font-size: 30px;color: #26334c;padding:5px 0 0 30px;}
.jwd-index-product-nav {margin-top: 50px;position: relative;overflow: hidden;margin-left: 30px;width:calc(100% - 30px);}
.jwd-index-product-nav::before,.jwd-index-product-nav::after{content: '';position: absolute;background: #e6e8ed;z-index: 1;}
.jwd-index-product-nav::before {width: 100%;height: 1px;left: 0;top: 50%;}
.jwd-index-product-nav::after {width: 1px;height: 100%;left:50%;top: 0;}
.jwd-index-product-nav a{display: block;overflow: hidden;background:#f2f4f7;position: relative;float: left;width: 50%;box-sizing: border-box;padding: 5%;}
.jwd-index-product-nav a i{display: block;position: relative;width: 50px;height: 50px;margin-bottom: 20px;overflow: hidden;}
.jwd-index-product-nav a span{display: block;font-size: 14px;padding-bottom: 5px;color: #a1a7b2;}
.jwd-index-product-nav a strong{display: block;font-size: 18px;color: #a1a7b2}
.jwd-index-product-nav a.cur {background:#2076DF url('../images/ibg.png') right bottom no-repeat;background-size: cover;}
.jwd-index-product-nav a.cur span{color: #fff;opacity: .6;}
.jwd-index-product-nav a.cur strong{color: #fff;}
.jwd-index-product-nav a.cur svg *{fill: #fff;}
#jwd-indexbg {width: 100%;height: 840px;position: relative;overflow: hidden;}


.jwd-index-product-right {float: right;width: 65%;}
.jwd-index-product-swiper {position: relative;width: 100%;}
.jwd-index-product-item {background: #000;position: relative;}
.jwd-index-product-item a {display: block;overflow: hidden;color: #fff;}
.jwd-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;color: #fff;}
.jwd-index-product-item .text .top{width: 84%;margin: auto;position: absolute;left:8%;top:8%;}
.jwd-index-product-item .text .top .title-1{font-size: 20px;}
.jwd-index-product-item .text .top .title-2{font-size: 36px;padding: 10px 0;font-weight: bold;}
.jwd-index-product-item .text .bottom{width: 84%;margin: auto;position: absolute;left:8%;bottom:8%;}
.jwd-index-product-item .text .bottom .text-3{font-size: 14px;line-height: 24px;padding-bottom: 30px;}
.jwd-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 2px solid rgba(255,255,255,.3);opacity: .6;}
.jwd-index-product-item .text .bottom .view-4 strong{display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;float: left;}
.jwd-index-product-item .text .bottom .view-4 i{display: block;background: url('../images/arrow-01.png') center no-repeat;width: 22px;height: 8px;float: right;}
.jwd-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('../upload/mark1.png');z-index:3;}
.jwd-index-product-item a:hover .view-4{opacity: 1;}
.jwd-index-product-item a:hover .img img.img-center{opacity: .7;transform:scale(1.03);}

.jwd-index-introduction {position: relative;overflow: hidden;background: #f2f4f7;}
.jwd-index-introduction .jwd-content{width: 100%;overflow: hidden;}
.jwd-index-introduction-left {position: absolute;left:5%;top:15%;z-index: 10;width:55%;}
.jwd-index-introduction-left .text-3 {font-size: 15px;line-height: 30px;color: #666e80;padding: 30px;width:56%;text-align: justify;}
/* .jwd-index-introduction-left .item-4 {background: #fff;margin:30px 30px 0 30px;overflow: hidden;}
.jwd-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3% 5%;float: left;width:23%;position: relative;}
.jwd-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.jwd-index-introduction-left .item-4 li:last-child::after {display: none;}
.jwd-index-introduction-left .item-4 li h2{display: block;margin: 0;padding: 0;}
.jwd-index-introduction-left .item-4 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal;}
.jwd-index-introduction-left .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.jwd-index-introduction-left .item-4 li p{display: block;font-size: 15px;color: #a1a7b2;margin: 10px 0;padding: 0;}
.jwd-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;} */
.jwd-index-introduction-bottom {position: absolute;left:5%;bottom:10%;z-index: 10;width:90%;}
.jwd-index-introduction-bottom .item-4 {background: rgba(255,255,255,.6);margin:30px 30px 0 30px;overflow: hidden;}
.jwd-index-introduction-bottom .item-4 li {list-style: none;margin: 0;padding:2% 3%;float: left;width:6.5%;position: relative;}
.jwd-index-introduction-bottom .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.jwd-index-introduction-bottom .item-4 li:last-child::after {display: none;}
.jwd-index-introduction-bottom .item-4 li h2{display: block;margin: 0;padding: 0;}
.jwd-index-introduction-bottom .item-4 li h2 strong{display: inline-block;font-size: 40px;color: #26334d;font-weight: normal;}
.jwd-index-introduction-bottom .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.jwd-index-introduction-bottom .item-4 li p{display: block;font-size: 15px;color: #6b6969;margin: 10px 0;padding: 0;}
.jwd-index-introduction-bottom .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.jwd-index-introduction-right {float: right;width: 50%;margin: 5%; overflow: hidden;background: #000;}


.jwd-index-cooperative-customers {position: relative;}
.jwd-index-cooperative-customers .jwd-content{width: 100%;overflow: hidden;}
.jwd-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.jwd-index-cooperative-customers-top .jwd-title {margin-left:5%;margin-top: 100px;}
.jwd-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('../images/cooperative2.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.jwd-index-cooperative-customers-top a:hover {background: url('../images/cooperative1.png') center no-repeat;background-size: 100%;}
.jwd-index-cooperative-customers-top a:hover i {opacity: 1;}
.jwd-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: .5;}
.jwd-index-cooperative-customers-top a i image{max-width: 200px;}
.jwd-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.jwd-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.jwd-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.jwd-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.jwd-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.jwd-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.jwd-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.jwd-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.jwd-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.jwd-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.jwd-index-cooperative-customers-bottom {background: #000;}


.jwd-index-news {padding: 150px 0 70px 0;overflow: hidden;}
.jwd-index-news .jwd-content{width: 90%;}
.jwd-index-news-top {position: relative;}
.jwd-index-news-nav {position: absolute;right: 30px;bottom:3%;font-size: 0;}
.jwd-index-news-nav::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e6e8ed;}
.jwd-index-news-nav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #a1a7b2;position: relative;padding:0 5px 20px 5px;margin-left: 50px;}
.jwd-index-news-nav a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;}
.jwd-index-news-nav a.cur{color: #26334d;}
.jwd-index-news-nav a.cur::after {background: #2076DF;}
.jwd-index-news-nav a:first-child {margin-left:0px;}
.jwd-index-news-bottom {position: relative;overflow: hidden;padding-top: 50px;margin-left: 30px;}
.jwd-index-news-item {float: left;width: 32%;margin-right: 1.3%;}
.jwd-index-news-item:last-child {margin-right: 0;}
.jwd-index-news-item a{display: block;overflow: hidden;background: #f2f4f7;}
.jwd-index-news-item .img {position: relative;background: #000;}
.jwd-index-news-item .text {padding:7%;overflow: hidden;}
.jwd-index-news-item .text .date-1{font-size: 14px;color: #666e80;}
.jwd-index-news-item .text .title-2{font-size: 18px;line-height: 30px; color: #26334c;min-height:140px;overflow: hidden;padding: 10px 0;}
.jwd-index-news-item .text .view-3{font-size: 14px;color: #666e80;}
.jwd-index-news-item .text .view-3 i {display:inline-block;vertical-align:middle;width:15px;height:5px;background:url('../images/arrow-03.png') no-repeat;margin-left: 10px;}
.jwd-index-news-item a:hover {background: #2076DF;}
.jwd-index-news-item a:hover .date-1,.jwd-index-news-item a:hover .title-2,.jwd-index-news-item a:hover .view-3{color: #fff;}
.jwd-index-news-item a:hover .view-3 i {background:url('../images/arrow-04.png') no-repeat;}
.jwd-index-news-more {text-align: center;margin:30px 30px;}
.jwd-index-news-more a {width: 100%;display:block;border: 1px solid #e6e8ed;color: #666e80;font-size: 14px;padding: 25px 0;overflow: hidden;}
.jwd-index-news-more a i{display: inline-block;vertical-align: middle;background: url('../images/more-01.png') no-repeat;width: 15px;height: 15px;margin-left:10px; }
.jwd-index-news-more a:hover {border: 1px solid #2076DF;color: #2076DF;}
.jwd-index-news-more a:hover i {background: url('../images/more-02.png') no-repeat;}



/* product */
.jwd-product {position: relative;}
.jwd-banner-top {position: relative;overflow: hidden;}
.jwd-banner-top .img {background-color: #000;background-size: cover;background-position: center;}
.jwd-banner-top .img .mark{background: url("../images/mark1.png");width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.jwd-banner-top .img{ animation: bgimgain 5000ms 1 ease-out;}
@keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}}
.jwd-banner-top .text {text-align: center;color: #fff;position: absolute;left: 50%;width: 800px;margin-left: -400px;top:40%;z-index: 10;}
.jwd-banner-top .text .title-1{font-size: 60px;text-transform: uppercase;}
.jwd-banner-top .text .title-2{font-size: 30px;}
.jwd-top-nav {width: 100%;margin: auto;position: relative;z-index: 100;}
.jwd-top-nav-item {width: 76%;margin: auto;position: absolute;left:12%;top:-55px; z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.jwd-top-nav-item a{display: block;overflow: hidden;padding:30px 3%;float: left;width:19%;position: relative;}
.jwd-top-nav-item a:last-child::after {display: none;}
.jwd-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.jwd-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.jwd-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.jwd-top-nav-item i {display: block;width: 50px;height: 50px;position: absolute;right: 10%;top: 50%;margin-top: -22.5px;}
.jwd-top-nav-item a:hover,.jwd-top-nav-item a.cur{background: #2076DF;}
.jwd-top-nav-item a:hover strong,.jwd-top-nav-item a:hover p,.jwd-top-nav-item a.cur strong,.jwd-top-nav-item a.cur p {color: #fff;}
.jwd-top-nav-item a:hover img,.jwd-top-nav-item a.cur img,.jwd-top-nav-item a:hover svg,.jwd-top-nav-item a.cur svg,.jwd-top-nav-item a.cur svg *,.jwd-top-nav-item a:hover svg *{fill: #fff;}
.jwd-top-nav-item a.cur p{opacity: .6;}
.jwd-top-nav-item.num2 {width: 40%;left:30%;}
.jwd-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.jwd-top-nav-item.num3 {width: 56%;left:22%;}
.jwd-top-nav-item.num3 a {width:23.33333%;padding:30px 5%;}
.jwd-top-nav-item.num4 {width: 76%;left:12%;}
.jwd-top-nav-item.num4 a{width:25%;box-sizing: border-box;}
.jwd-top-nav-item.num5 {width: 80%;left:10%;}
.jwd-top-nav-item.num5 a{width:20%;box-sizing: border-box;}
.jwd-top-nav-item.num6 {width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
.jwd-top-nav-item.num6 a {width:16.66666%;padding:30px 0;}
.jwd-top-nav-item.num6 a i {left: 50%;right: auto;top:20%;margin-top: 0; margin-left: -25px;}
.jwd-top-nav-item.num6 a strong {text-align: center;padding-top:60px;display: block;font-weight: normal;}


.jwd-product-list {padding: 150px 0 100px 0;overflow: hidden;width:76%;margin: auto;}
.jwd-product-list-item {float: left;width: 31%;overflow: hidden;margin:0 0 1% 1%;}
.jwd-product-list-item a{display: block;overflow: hidden;background: #f2f4f7;position: relative;}
.jwd-product-list-item .img {position: relative;}
.jwd-product-list-item .img img.img-center{mix-blend-mode: multiply;}
.jwd-product-list-item .text {text-align: center;padding: 30px 0;border-top: 1px solid #dfe1e6;width: 90%;margin: auto;overflow: hidden;}
.jwd-product-list-item .text .title-1{font-weight: bold;font-size: 18px;color: #26334c;}
.jwd-product-list-item a:hover .text .title-1{color: #2076DF;}
.jwd-product-list-item a:hover .img img.img-center {transform:scale(1.03);}

.jwd-product-item {width: 100%;overflow: hidden;margin:1% auto 100px auto;position: relative;clear: both;}
.jwd-product-item .img {position: relative;float: right;width: 65%;overflow: hidden;background: #000;z-index: 10;margin-bottom:75px;}
.jwd-product-item .text {border: 1px solid #e8e8e8;width: 50%;padding: 5%;overflow: hidden;position: absolute;left: 0;bottom: 0; z-index: 1;}
.jwd-product-item .text::before {content: '';width:50px;height:50px;border-radius:100%;background:#fff;opacity:.1;position:absolute;z-index:1;}
.jwd-product-item .text::after {content: '';width:500px;height:500px;border-radius:100%;background:#fff;opacity:.1;position:absolute;z-index:1;}
.jwd-product-item .text::after{left:-35%;top:-65%;transition:all .6s ease;}
.jwd-product-item .text::before {left:50%;top: 5%;transition:all .4s ease;}
.jwd-product-item .title-1 {font-size: 24px;color:  #26334d;line-height: 40px;font-weight: bold;padding: 70px 0;position: relative;z-index: 20;}
.jwd-product-item .viewmore-3 {border: 1px solid #e8e8e8;padding:15px 0px 20px 20px;position: relative;z-index: 20;}
.jwd-product-item .viewmore-3 span{color: #8a8f99;}
.jwd-product-item .viewmore-3 i {background: url(../images/arrow-05.png) center no-repeat;opacity: .4;}
.jwd-product-item a:hover .text{background: #2076DF;}
.jwd-product-item a:hover .text .title-1{color: #fff;}
.jwd-product-item a:hover .viewmore-3 {background: #fff;}
.jwd-product-item a:hover .viewmore-3 span{color: #2076DF;}
.jwd-product-item a:hover .viewmore-3 i {background: url(../images/arrow-06.png) center no-repeat;opacity:1;margin-left: 70px;}
.jwd-product-item a:hover .text::after{width:80px;height:80px;left:40%;top:8%;}
.jwd-product-item a:hover .text::before {width:500px;height:500px;left:-50%;top: 50%;}
.jwd-product-item a:hover .img img.img-center {transform:scale(1.03);}


.jwd-product-detail {padding: 200px 0 100px 0;overflow: hidden;}
.jwd-product-detail .jwd-content{width: 90%;width:calc(90% - 60px);padding:0 30px; }
.jwd-product-detail-left{float: left;width: 50%;background: #000;overflow: hidden;}
.jwd-product-detail-right {float: left;width: 45%;padding: 2% 0 5% 5%;overflow: hidden;}
.jwd-product-detail-right .title-1{font-size: 50px;color: #2076DF;}
.jwd-product-detail-right .title-2{font-size: 28px;color: #26334c;}
.jwd-product-detail-right .text-3{padding: 30px 0;margin-top: 30px;border-top: 2px solid #e6e8ed;overflow: hidden;font-size: 15px;color: #666e80;line-height: 30px;text-align: inherit;}
.jwd-product-detail-right .buttom-4{margin-top: 20px;overflow: hidden;}
.jwd-product-detail-right .buttom-4 a{display: block;float: left;width: 100px;height: 60px;line-height: 60px;padding: 0 35px;color: #fff;font-size: 14px;font-weight: bold;position: relative;margin-right: 10px;}
.jwd-product-detail-right .buttom-4 a i {width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;}
.jwd-product-detail-right .buttom-4 a.play{background: #2076DF;}
.jwd-product-detail-right .buttom-4 a.play i {background: url('../images/play-01.png') center no-repeat; }
.jwd-product-detail-right .buttom-4 a.play:hover {background: #2196F3;}
.jwd-product-detail-right .buttom-4 a.play:hover i {animation: scaleDraw 5000ms infinite ease-in-out;}
@keyframes scaleDraw { 0%{transform: scale(1);} 25%{transform: scale(1.1);} 50%{transform: scale(1);} 75%{transform: scale(1.1);} }


.jwd-product-detail-content {padding: 50px 0;overflow: hidden;}
.jwd-product-detail-content .jwd-content{width:80%;}
.jwd-detail-content {margin: 30px;}
.jwd-detail-content .title-1 {font-size: 24px;color: #26334d;position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0;}
.jwd-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.jwd-detail-content .img{text-align: center;padding-top: 100px;overflow: hidden;}



.jwd-popup-window {position: fixed;top: -100%;right:0;z-index: 9999;width: 100%;height:100%;display: block;overflow: hidden;transition: all .4s;}
.jwd-popup-window.cur {top:0;background: rgba(21,33,66,.5);}
.jwd-popup-window-content {background: #fff;width:600px;height: 80%; padding:3%;overflow: hidden;margin: auto;margin-top:10%;position: relative;z-index: 10;}
.jwd-popup-close:hover {transform:rotate(180deg);}
.jwd-popup-window-mark {position: absolute;right: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.jwd-popup-window-content.jwd-video {background: #000;padding:0;width: 60%;margin-top: 5%;}
.jwd-popup-window-content.jwd-video .jwd-popup-close {z-index:1;width: 30px; height:30px;background: url("../images/xx1.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute;right:10px; display:block; top:5px;cursor: pointer;transition: all .4s;}
.jwd-popup-window-content.jwd-video video {width: 100%;height: 100%;display: block;}


/* about */
.jwd-about {position: relative;}
.jwd-about-us {position: relative; overflow: hidden;background: url('../upload/about2.jpg') center no-repeat #f3f5f8;background-size: cover;}
.jwd-about-us .jwd-content {width: 100%;}
.jwd-about-us-left {float: left;width: 50%;margin: 5%; overflow: hidden;background: #000;}
.jwd-about-us-right {position: absolute;left:55%;top:15%;z-index: 10;width:55%;}
.jwd-about-us-right .jwd-title{}
.jwd-about-us-right .introduction-1{font-size: 16px;line-height: 32px;color: #666e80;margin: 30px;padding: 3% 0;overflow: hidden;border-top: 2px solid #e6e8ed;text-align: justify;}
.jwd-about-us-right .item-3 li{list-style: none;margin: 0;padding:0 5%;float: left;width:18%;position: relative;}
.jwd-about-us-right .item-3 li::after {content: '';width: 1px;height: 100%;background: #dbdde0;position: absolute;right:10%;top: 0;}
.jwd-about-us-right .item-3 li:last-child::after {display: none;}
.jwd-about-us-right .item-3 li i{display: block;width: 40px;height: 40px;position: relative;}
.jwd-about-us-right .item-3 li h2{display: block;margin: 5px 0;padding: 0;}
.jwd-about-us-right .item-3 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal}
.jwd-about-us-right .item-3 li h2 sup{font-size:30px;font-weight: normal;}
.jwd-about-us-right .item-3 li p{display: block;font-size: 15px;color: #666e80;margin:7px 0;padding: 0;}
.jwd-about-us-right .item-3 li i svg *{fill:#2076DF}



.jwd-culture {position: relative;overflow: hidden;background-color: #fff;}
.jwd-culture .jwd-content {width:90%;}
.jwd-culture-left {float: left;width: 50%;margin: 5% 0%;}
.jwd-culture-right {float: right;width: 43%;margin:5% 0%;}
.jwd-culture-right .text{font-size: 16px;line-height: 32px;color: #666e80;margin: 30px;padding: 3% 0;overflow: hidden;border-top: 2px solid #e6e8ed;text-align: justify;}

.jwd-history {position: relative;overflow: hidden;}
.jwd-history .jwd-content {width: 100%;height: 600px;}
.jwd-history .jwd-content .jwd-title {margin-left:5%;margin-top: 100px;}
.jwd-history .jwd-content .jwd-title .title-1,.jwd-history .jwd-content .jwd-title .title-2 {color: #fff;}
.jwd-history-content {margin: 100px 0 20px 0;overflow: hidden;position: relative;cursor: url("../images/dragmove.png"),default!important;}
.jwd-history-swiper {background: url("../images/line.png") repeat-x left 87px;}
.jwd-history-item {color: #fff;font-size: 14px;width:90%;margin: 0;opacity: .5;transition:all .4s ease;}
.jwd-history-item .date-1{font-size: 40px;}
.jwd-history-item .date-1 i{display: block;width:2px;height: 25px;background: #2076DF;margin:18px 0 0 3px;position: relative;}
.jwd-history-item .date-1 i::before {content: '';width: 8px;height:8px;border-radius: 100%;position: absolute;left: -3px;bottom: 0;background: #2076DF;}
.jwd-history-item .text-2 {overflow: hidden;position: relative;margin: 14px 3px;}
.jwd-history-item .text-2::before {content: '';background: url('../images/corner.png') no-repeat;width: 100%;height: 37px;position: absolute;left: 0;top:5px;z-index: 10;}
.jwd-history-item .text-2 ul {list-style: none;border: 2px solid #6f7483;border-radius: 10px; padding:0 5%;margin-top: 17px;}
.jwd-history-item .text-2 li{list-style: none;margin: 0;padding:20px 0;border-bottom: 1px solid #3c445a;}
.jwd-history-item .text-2 li:last-child {border: none;}
.jwd-history-item .text-2 li p{margin: 5px 0;}
.jwd-history-item:hover {opacity: 1;}

.jwd-honor {background: #f2f4f7 ;overflow: hidden;}
.jwd-honor .jwd-content {background: #fff;width:90%;padding: 5%;overflow: hidden;position: relative;}
.jwd-honor .jwd-content .jwd-title {float: left;}
.jwd-honor-content {overflow: hidden;clear: both;margin: 0 0 0 30px;padding: 50px 0 0 0;}


/* contact */
.jwd-contact {position: relative;}
.jwd-contact-us {position: relative;background: #0f1d3f;overflow: hidden;}
.jwd-contact-us-left {position: absolute;top: 25%;left: 5%;z-index: 10;width: 700px;background-color:#e6e6e6;opacity: 0.6;border-radius: 10px;}
.jwd-contact-us-left .jwd-title .title-1 {color: #0f1d3f;margin: 40px 20px;}
.jwd-contact-us-left .jwd-title .title-1 i{background: url('../images/it1.png') no-repeat;}
.jwd-contact-item {margin:50px 30px 30px 30px;border-top: 2px solid #666;padding:0px;overflow: hidden;color: #333;font-size: 18px;line-height: 24px;}
.jwd-contact-item .item{border-top: 1px solid #aaa;padding: 30px 0 40px 0;overflow: hidden;}
.jwd-contact-item .item *{transition:all .4s ease;}
.jwd-contact-item .item .text-1{float: left;width: 30%;}
.jwd-contact-item .item .text-2{float: right;width: 60%;text-align: right;}
.jwd-contact-item .item.item-1{border-top:none;}
.jwd-contact-item .item.item-1 .text-2 {width: 35%;}
.jwd-contact-item .item.item-2{float: left;width: 45%; }
.jwd-contact-item .item.item-3{float: right;width: 45%;}
.jwd-contact-item .item:hover {color: #2196F3;}
.jwd-contact-us .img {background: #000;}
.jwd-contact-us a .lottie {position: relative; top:-50px;left: 72%;width: 100px;height: auto;}

.jwd-recruitment {position: relative;clear: both;overflow: hidden;}
.jwd-recruitment .jwd-content {padding: 150px 0 ;overflow: hidden;width:80%;}
.jwd-recruitment-top-text {margin: 30px;border-top: 2px solid #e6e8ed;padding: 30px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #666e80;}
.jwd-recruitment-top-text .text-1{float: left;width: 45%;}
.jwd-recruitment-top-text .text-2{float: right;}
.jwd-recruitment-top-text .text-2 strong{font-weight: normal;font-size: 16px;color: #666e80;margin-right: 30px;}
.jwd-recruitment-top-text .text-2 strong:last-child {margin: 0;}
.jwd-recruitment-list {clear: both;margin: 30px;overflow: hidden;border: 1px solid #e6e8ed;border-top: 3px solid #2076DF;box-sizing: border-box;}
.jwd-recruitment-item:first-child .title-1 span {font-size: 16px;}
.jwd-recruitment-item {border-bottom: 1px solid #e6e8ed;overflow: hidden;}
.jwd-recruitment-item:last-child {border-bottom:none;}
.jwd-recruitment-item .title-1{text-align: center;overflow: hidden;cursor: pointer;padding:0 5%;}
.jwd-recruitment-item .title-1 span {float: left;margin: 0;display: block;width: 20%;padding: 30px 0;overflow: hidden;font-size: 14px;}
.jwd-recruitment-item .title-1 span:first-child {font-size: 16px;text-align: left;}
.jwd-recruitment-item .main-2{display: none;font-size: 16px;line-height: 30px;color: #26334d;padding:4% 5%;overflow: hidden;text-align: left;position: relative;} 
.jwd-recruitment-item .title-1:hover,.jwd-recruitment-item .title-1.cur{background: #f3f4f8;}
.jwd-recruitment-item .main-2 p {font-size: 15px;}

/* news */
.jwd-news .jwd-content {width: 90%;}
.jwd-news-top {padding: 150px 0 100px 0;overflow: hidden;margin:0 30px;}
.jwd-news-top-item {background: #fff;overflow: hidden;position: relative;}
.jwd-news-top-item a{display: block;overflow: hidden;}
.jwd-news-top-item .img{float: left;width: 57%;overflow: hidden;}
.jwd-news-top-item a:hover .img img.img-center {transform:scale(1.03);}
.jwd-news-top-item a:hover .text .more-4 {background: url('../images/arrow-01.png') center no-repeat #2196F3;}
.jwd-news-top-item .text{width: 43%;height: 100%;position: absolute;right: 0;top: 0;overflow: hidden;padding: 5%;box-sizing: border-box;background: url('../upload/news1.png') 160px 220px no-repeat;}
.jwd-news-top-item .text .title-1{font-size: 22px;line-height: 34px;color: #26334c;position: relative;}
.jwd-news-top-item .text .title-1::after{content: ""; display:block; height:4px; width:50px; margin:30px 0;background: #2076DF; }
.jwd-news-top-item .text .text-2{font-size: 14px;line-height: 30px;color: #666e80;}
.jwd-news-top-item .text .data-3{position: absolute;left: 12%;bottom:13%;z-index: 1;}
.jwd-news-top-item .text .data-3 strong{font-weight: normal;color: #a1a7b2;font-size: 50px;display: block;margin: 0;padding:0;}
.jwd-news-top-item .text .data-3 span{display: block;color: #a1a7b2;font-size: 14px;}
.jwd-news-top-item .text .more-4 {width: 60px;height: 60px;background: url('../images/arrow-01.png') center no-repeat #2076DF;position: absolute;right: 12%;bottom:13%;z-index: 10;}
.jwd-news-list {padding: 100px 0 40px 0;overflow: hidden;margin:0 30px;}
.jwd-news-list .jwd-index-news-item {width: 24%;margin-bottom: 2%;}
.jwd-news-list .jwd-index-news-item .text .title-2 {font-size: 16px;}
.jwd-news-list .jwd-index-news-item a:hover .img img.img-center {transform:scale(1.03);}
.jwd-news-list .jwd-index-news-item:nth-child(4),.jwd-news-list .jwd-index-news-item:nth-child(8) {margin-right: 0;}


.jwd-page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}
.jwd-paginator {float:right; height:40px; overflow:hidden; }
.jwd-paginator,
.jwd-paginator input,
.jwd-paginator button {font-family:Tahoma, "宋体"; font-size:14px; }
.jwd-paginator a,
.jwd-paginator span {float:left; height:25px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:25px; background:#fff; }
.jwd-paginator a {color:#666; }
.jwd-paginator b{font-family:"宋体"; margin:3px;font-weight:300;}
.jwd-paginator a:link,
.jwd-paginator a:visited,
.jwd-paginator a:hover,
.jwd-paginator a:active {text-decoration:none; }
.jwd-paginator .page-start,
.jwd-paginator a,
.jwd-paginator .page-end {padding:0 8px; border:1px solid #D3D3D3;border-radius: 5px; background:#ffffff; }
.jwd-paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.jwd-paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.jwd-paginator .page-this,
.jwd-paginator .page-break {padding:0 3px; }
.jwd-paginator .page-break {border:1px solid #fff;border-radius: 5px; }
.jwd-paginator .page-this {border:1px solid #D3D3D3;border-radius: 5px;background-color:#E9E9E9; color:#2076DF;padding:0px 8px; font-weight:bold; }
.jwd-paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.jwd-paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;border-radius: 5px;font-size:12px; margin:-1px 6px 0px 6px;margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.jwd-paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.jwd-paginator a:hover {border:1px solid #2076DF;color:#2076DF;border-radius: 5px; }




.jwd-news-detail {margin-top: 100px;}
.jwd-news-detail .jwd-content {width: 90%;}
.jwd-news-detail-path {font-size: 14px;color: #a1a7b2;padding: 30px 0;overflow: hidden;}
.jwd-news-detail-path a{font-size: 14px;color: #a1a7b2;}
.jwd-news-detail-path a:hover{color: #2076DF;}
.jwd-news-detail-content {padding:5% 0;width:70%;margin: auto;}
.jwd-news-detail-content .title-1{font-size: 40px;color: #26334c;}
.jwd-news-detail-content .time-2{font-size: 16px;color: #a1a7b2;border-bottom: 2px solid #e6e8ed;padding: 30px 0;}
.jwd-news-detail-content .detail-3{padding: 30px 0;font-size: 16px;line-height: 30px; color: #666e80;overflow: hidden;}
.jwd-news-detail-content .detail-3 img {width:auto;}
.jwd-news-detail-content .return-4 {background: #f2f4f7;margin: 50px 0;overflow: hidden;position: relative;}
.jwd-news-detail-content .return-4 a{padding: 30px 5%;display: block;overflow: hidden;width:40%;position: relative;float: left;}
.jwd-news-detail-content .return-4 a span {position: relative;z-index: 10;}
.jwd-news-detail-content .return-4 a:hover span{color: #fff;}
.jwd-news-detail-content .return-4 a.next::after,
.jwd-news-detail-content .return-4 a.prev::after {content: '';position: absolute;height: 100%;top: 0;z-index: 1;transition:all .8s ease;opacity:0;}
.jwd-news-detail-content .return-4 a.next {text-align: right;}
.jwd-news-detail-content .return-4 a.prev {text-align: left;}
.jwd-news-detail-content .return-4 a.prev::after{width: 0;right:0;background-image: linear-gradient(-90deg, transparent 0%,#2196F3 100%);}
.jwd-news-detail-content .return-4 a.prev:hover::after {width: 100%;left: 0;opacity: 1;}
.jwd-news-detail-content .return-4 a.next::after{width: 0;right:0;background-image: linear-gradient(90deg, transparent 0%,#2196F3 100%);}
.jwd-news-detail-content .return-4 a.next:hover::after {width: 100%;left: 0;opacity: 1;}
.jwd-news-detail-content .return-4 a.return{width: 50px;height: 100%;padding:0;background: url('../images/rtu.png') center no-repeat;position: absolute;left: 50%;top: 0;margin-left: -25px;z-index: 10;}





.jwd-culture-nav a,.jwd-top-nav-item strong,.characteristic-3 .item-4 .text-1,.jwd-honor-list-swiper .honor .text,.jwd-footer-content-top-left ul li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.jwd-news-top-item .text .text-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}




/* nav */

.jwd-menu-toggle {display: none;width:50px;height:50px; position:fixed;right:0px;top:0px;z-index: 9999;}
.jwd-menu-toggle span.hamburger,
.jwd-menu-toggle span.hamburger:after,
.jwd-menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.jwd-menu-toggle span.hamburger,
.jwd-menu-toggle span.hamburger:after,
.jwd-menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.jwd-menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.jwd-menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.jwd-menu-toggle span.cross:before,
.jwd-menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.jwd-menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.jwd-menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .jwd-menu-toggle span.hamburger,
.no-touch .jwd-menu-toggle span.hamburger:after,
.no-touch .jwd-menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .jwd-menu-toggle span.hamburger,
.no-touch .jwd-menu-toggle span.hamburger:after,
.no-touch .jwd-menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .jwd-menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .jwd-menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}










/* fonts */

.jwd-index-banner-container .text .title-2,.jwd-index-product-nav a span,.jwd-index-product-item .text .top .title-1,.jwd-index-introduction-left .item-4 li h2 strong ,.jwd-index-news-item .text .view-3,.jwd-index-news-item .text .date-1,.jwd-top-nav-item p,.jwd-recruitment-item .title-1 span,.jwd-about-us-right .item-3 li h2 strong,.jwd-about-us-right .item-3 li h2 sup,.jwd-culture-swiper .jwd-culture-item .text .num-1,.jwd-culture-nav a,.jwd-culture-swiper .jwd-culture-item .text .title-2,.jwd-history-item .date-1,.jwd-history-item .text-2 li p,.jwd-honor-nav a strong,.jwd-honor-swiper-num strong,.jwd-honor-swiper-num span,.jwd-honor-swiper-num,.jwd-news-top-item .text .data-3 strong,.jwd-news-top-item .text .data-3 span,.jwd-faq-item .main-2,.jwd-product-detail-content .jwd-content .title-1 i,.jwd-technology-cases-center-left-item .title-1 i,.jwd-parameters-item .title-1 i,.jwd-technology-patent-swiper .text span{font-family: PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
.viewmore-3 span,.jwd-index-banner-button-next::before,.jwd-index-banner-button-prev::before,.jwd-title .title-1,.jwd-index-product-item .text .bottom .view-4 strong,.jwd-footer-content-top-right .tel-2,.jwd-banner-top .text .title-1,.jwd-contact-item .item strong,.jwd-message-text strong,.jwd-recruitment-top-text .text-2 strong,.jwd-page-trun a span,.jwd-page-trun a,.jwd-service-item .text-1,.jwd-product-detail-right .title-1,.jwd-parameters-item .item-4 li strong,.jwd-technology-cases-list-item .text-1{font-family: PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}


.jwd-index-banner-container .text .title-1,.jwd-index-product-item .text .top .title-2,.jwd-product-list-item .text .title-1,.jwd-product-item .title-1,.jwd-product-detail-right .buttom-4 a,.characteristic-3 .item-4 .text-1,.jwd-technology-cases-bottom .item-nav-2 a,.jwd-success-case-item .text-3 strong,.jwd-service-video-item .text，.jwd-message-right-input a,.jwd-end-resume a {font-weight: 1000;}





@media screen and (max-width: 5120px) {

}
@media screen and (max-width: 3840px) {

}
@media screen and (max-width: 2560px) {

}
@media screen and (max-width: 2048px) {

}
@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1680px) {

}
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1440px) {
	.jwd-index-banner-container .text .title-1 {font-size: 50px;}
	.jwd-index-banner-container .text .title-2 {font-size: 18px;}
	.jwd-index-product-nav a strong {font-size: 17px;}
	.jwd-index-product-nav a span {font-size: 12px;}
	.jwd-index-product-item .text .top .title-2 {font-size: 30px;}
	.jwd-title .title-1 {font-size: 44px;line-height: 44px;}
	.jwd-title .title-2 {font-size: 28px;}
	.jwd-index-introduction-left .text-3 {font-size: 14px;line-height: 28px;padding: 30px;width: 70%;}
	.jwd-index-introduction-left .viewmore-3 {padding: 10px 30px;}
	.jwd-index-introduction-left .item-4 li {padding: 2% 5%;}
	.jwd-index-introduction-left .item-4 li p {font-size: 14px;margin: 5px 0;}
	.jwd-index-cooperative-customers-top a {width: 200px;height: 200px;}
	.jwd-index-cooperative-customers-top a.item1 {margin-left: -100px;margin-top: -190px;}
	.jwd-index-cooperative-customers-top a.item2 {margin-left: -100px;margin-top: -10px;}
	.jwd-index-cooperative-customers-top a.item3 {margin-left: -255px;margin-top: -100px;}
	.jwd-index-cooperative-customers-top a.item4 {margin-right: -255px;margin-top: -100px;}
	.jwd-index-cooperative-customers-top a.item5 {margin-left: -410px;margin-top: -190px;}
	.jwd-index-cooperative-customers-top a.item6 {margin-left: -410px;margin-top: -10px;}
	.jwd-index-cooperative-customers-top a.item7 {margin-right: -410px;margin-top: -190px;}
	.jwd-index-cooperative-customers-top a.item8 {margin-right: -410px;margin-top: -10px;}
	.jwd-index-cooperative-customers-top a.item9 {margin-left: -565px;margin-top: -100px;}
	.jwd-index-cooperative-customers-top a.item10 {margin-right: -565px;margin-top: -100px;}
	.jwd-index-cooperative-customers-top a img.img-center {max-width: 60%;}
	.jwd-index-news-item .text .title-2 {font-size: 16px;line-height: 26px;min-height: 100px;}
	.jwd-top-nav-item strong,.characteristic-3 .item-4 .text-1,.jwd-success-case-item .title-4,.jwd-success-case-item .text-3 strong,.jwd-technology-cases-list-item .text-2 strong,.jwd-service-video-item .text {font-size: 17px;}
	.jwd-service-content .text-1,.jwd-culture-swiper .jwd-culture-item .text .title-2,.jwd-news-top-item .text .title-1 {font-size: 18px;}
	.jwd-product-item .title-1 {font-size: 18px;line-height: 30px;}
	.jwd-top-nav-item.num2 {width: 40%;left:30%;}
	.jwd-top-nav-item.num3 {width: 60%;left:20%;}
	.jwd-top-nav-item.num4 {width: 80%;left:10%;}
	.jwd-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
	.jwd-product-list {width: 80%;}
	.jwd-product-detail-right .title-1,.jwd-news-detail-content .title-1 {font-size:30px;}
	.jwd-product-detail-right .title-2 {font-size: 24px;}
	.jwd-product-detail-right .text-3 {padding: 20px 0;margin-top: 20px;font-size: 14px;line-height: 26px;}
	.jwd-product-detail-right {padding: 0 0 0 5%;}
	.jwd-product-detail-right .buttom-4 a {height: 50px;line-height: 50px;}
	.jwd-parameters-item .item-4 li p,.jwd-success-case-item .text-3,.jwd-honor-list-swiper .honor .text {font-size: 14px;}
	.jwd-parameters-item .item-4 li strong,.jwd-technology-patent-swiper .text strong {font-size: 17px;}
	.jwd-about-us-right {margin: 0 30px 0 0;}
	.jwd-culture-swiper .jwd-culture-item .img { width: 65%;}
	.jwd-culture-nav {right: 5%;}
	.jwd-news-top-item .text {padding:4% 5%;}
	.jwd-culture-swiper .jwd-culture-item .text {right: 5%;}
	.jwd-news-top-item .text .title-1::after {margin:20px 0;}
	.jwd-contact-us-left {top: 30%;}
	.jwd-contact-item .item {padding: 30px 0 ;}
}
@media screen and (max-width: 1366px) {
	.jwd-footer-content-top-left ul li a {font-size: 13px;}
	.jwd-technology-patent-swiper .text strong,.jwd-technology-patent-swiper .text span {font-size: 14px;}
	.jwd-about-us-right {margin: 0;width: 45%;}
	.jwd-about-us-right .introduction-1 {margin: 30px 0px 30px 30px;}
	.jwd-footer-content-top-left ul {width: 12%;}
}
@media screen and (max-width: 1280px) {
	.jwd-index-introduction-left .text-3 {font-size: 12px;line-height: 24px;}
	.jwd-index-introduction-left .item-4 li h2 strong {font-size: 34px;vertical-align: super;}
	.jwd-index-introduction-left .item-4 li p {margin: 0;}
	.jwd-index-news {padding: 100px 0 70px 0;}
	.jwd-detail-content .parameter-2 .item-3 li,.jwd-top-nav-item strong{font-size: 14px;}
	.jwd-product-detail-content .jwd-content {width:90%;}
	.jwd-culture-swiper .jwd-culture-item .img {width: 70%;}
	.jwd-culture-nav {right: 0;}
}
@media screen and (max-width: 1152px) {

}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 640px) {
	.jwd-menu-toggle,.mbshow {display: block!important;}
	.jwd-index-banner .jwd-index-banner-progress-bar,.jwd-index-banner-button-next,
	.jwd-index-banner-button-prev,.jwd-header-nav-show,.pcshow,.jwd-header::after {display: none!important;}
	#jwd-nav-container {background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
	#jwd-nav-container.is-visible{-webkit-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;}
	.jwd-header .jwd-content nav {float: none;padding-right: 0px;}
	.jwd-header .jwd-content {padding: 0;width: 100%;}
	.jwd-logo {left: 2%;top: 1%;margin-top: 0;z-index: 100;position: fixed;width: 80.7px;height: 50px;}
	.jwd-header-nav {padding-top:20%;}
	.jwd-header-nav li {display:block;padding: 3% 0;text-align: center;}
	.jwd-header-nav li a::after {display: none;}
	.jwd-header-nav li a {font-size: 18px;padding: 1% 0;font-weight: bold;color: #fff!important;}
	.jwd-header.scroll-top .jwd-content::after {top: 0;}
	.jwd-header.scroll-top .jwd-menu-toggle span,.jwd-header.scroll-top .jwd-menu-toggle span::after,.jwd-header.scroll-top .jwd-menu-toggle span:before,.detail .jwd-menu-toggle span:before,.detail .jwd-menu-toggle span::after,.detail .jwd-menu-toggle span {background: #000;}
	.no-touch .jwd-header.scroll-top .jwd-menu-toggle span,.no-touch .jwd-header.scroll-top .jwd-menu-toggle span::after,.no-touch .jwd-header.scroll-top .jwd-menu-toggle span:before,.detail.no-touch .jwd-menu-toggle span,.detail.no-touch .jwd-menu-toggle span::after,.detail.no-touch .jwd-menu-toggle span::before{background: #fff;}
	.no-touch .jwd-header.scroll-top .jwd-logo img.default {display: block;}
	.no-touch .jwd-header.scroll-top .jwd-logo img.hover  {display: none;}
	.jwd-header.scroll-down .jwd-logo,.jwd-header.scroll-down .jwd-menu-toggle {top: -100px;}

	.no-touch html,.no-touch body{overflow: hidden;height: 100%;}
	.jwd-footer-content-top-left,.jwd-footer-content-top-right {float: none;width: 100%;margin-left:0px;margin-right: 0;text-align: left;clear: both;}
	.jwd-footer-content-top-left ul{float: none;width: 100%;margin-right:0;}
	.jwd-footer-content-top-left ul h3 {padding: 10px 0;}
	.jwd-footer-content-top-left ul li {display: none;}
	.jwd-footer-content-top-right {padding-top: 40px;}
	.jwd-footer-content-top-right .link-4 {text-align: left;}
	.jwd-footer-content-top-right .link-4 a {margin-left: 0;margin-right: 5px;}
	

	.jwd-footer-content-bottom {margin: 0px 0px 0px 0px;}
	.jwd-footer-content-bottom a.niego {position: relative;right: auto;top: auto;}

	.jwd-index-banner-container .text {width: 90%;top: 33%;left: 5%;margin: 0;}
	.jwd-index-banner-container.center .text {left:5%;margin-left:0px;}
	.jwd-index-banner-container .text .title-1 {font-size: 30px;}
	.jwd-index-product .jwd-content {margin: 100px auto;}
	.jwd-index-product-left {width:100%;position: relative;}
	.jwd-title .title-1 {font-size: 34px;line-height: 34px;}
	.jwd-title .title-2 {font-size: 24px;}
	.jwd-index-product-nav {margin-top: 30px; margin-left: 0px;}
	.jwd-index-product-right,.jwd-index-introduction-right {float: none;width: 100%;}
	.jwd-index-product-item .text .bottom .text-3 {display: none;}
	.jwd-index-product-item .text .top .title-2 {font-size: 24px;}
	.jwd-index-product-item .text .top .title-1 {font-size: 18px;}
	.jwd-index-product-item .text .bottom .view-4 {padding-top: 20px;}
	.jwd-index-introduction-left {position: relative;left: auto; bottom:auto;width:90%;padding: 5%;margin-top:50px;}
	.jwd-index-introduction-left .text-3 {padding: 30px 0;width: 100%;}
	.jwd-index-introduction-left .viewmore-3 {padding: 10px 0px;}
	.jwd-index-introduction-left .item-4 {margin: 30px 0px 30px 0px;}
	.jwd-index-introduction-left .item-4 li i {position: relative;right: auto;top: auto;}
	.jwd-index-introduction-left .item-4 li {padding: 7% 5% 3% 5%;}
	.jwd-index-introduction-left .item-4 li h2 strong {font-size: 34px;}
	.jwd-index-cooperative-customers-top {text-align: center;padding-top:30%;}
	.jwd-index-cooperative-customers-top a {width: 100px;height: 100px;position: relative;display: inline-block;right: auto!important;top: auto!important;left: auto!important;margin: 0;}
	.jwd-index-cooperative-customers-top a {margin-left:auto!important;margin-top:auto!important;margin-right:auto!important;}
	.jwd-index-news {padding: 90px 0 70px 0;}
	.jwd-index-news-nav {position: relative;right: auto;bottom: auto;margin: 30px 0;}
	.jwd-index-news-bottom {padding-top:0px;margin-left:0px;}
	.jwd-index-news-more {margin: 30px 0px;}
	.jwd-index-news-item {float: none;width:100%;margin-right: 0;margin-bottom: 20px;}

	.jwd-banner-top .img {height: 400px;}
	.jwd-banner-top .text .title-1 {font-size: 30px;}
	.jwd-top-nav-item.num4 {width:90%;left: 5%;top: -103px;}
	.jwd-top-nav-item.num4::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.jwd-top-nav-item.num4 a {width: 50%;}
	.jwd-top-nav-item i {width: 40px;position: relative;right: auto;top: auto;margin-top: auto;}
	.jwd-top-nav-item p {display: none;}
	.jwd-top-nav-item strong {font-size: 14px;text-align: center;}
	.jwd-top-nav-item a {padding: 5%;}
	.jwd-top-nav-item.num6 {width: 90%;width: calc(90% - 0px);left: 5%;margin:0px;top: -103px;}
	.jwd-top-nav-item.num6::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.jwd-top-nav-item.num6 a {width: 33.3333333%;padding: 5%;box-sizing: border-box;}
	.jwd-top-nav-item.num6 a strong {padding-top: 0px;}
	.jwd-top-nav-item.num6 a i { margin-left:0px;left: auto;margin: auto;top: auto;}
	.jwd-top-nav-item.num6 a:nth-child(3)::after,.jwd-top-nav-item.num4 a:nth-child(2)::after {display: none;}
	.jwd-top-nav-item.num3 {width: 90%;left: 5%;text-align: center;}
	.jwd-top-nav-item.num2 {width: 90%;left:5%;}
	.jwd-top-nav-item.num2 a {width: 40%;padding:5%;}
	.jwd-top-nav-item i {margin: auto;}
	.jwd-top-nav-two {display: none!important;}
	.jwd-product-list {width: 90%;}
	.jwd-product-item {margin: 1% auto 40px auto;}
	.jwd-product-item .img {float: none;width: 100%;margin-bottom: 0px;}
	.jwd-product-item .text {width: 100%;padding: 5% 10%;position: relative;left: auto;bottom: auto;box-sizing: border-box;border-top:none;}
	.jwd-product-item .title-1 {font-size: 20px;line-height: 30px;padding: 20px 0;}
	.jwd-product-detail {padding: 70px 0 100px 0;}
	.jwd-product-detail .jwd-content {width: calc(90% - 0px);padding: 0 0px;}
	.jwd-product-detail-left,.jwd-product-detail-right {width: 100%;float: none;}
	.jwd-product-detail-swiper .swiper-button-next, .jwd-product-detail-swiper .swiper-button-prev {display: none;}
	.jwd-product-detail-right {padding: 5% 0 ;}
	.jwd-product-detail-right .buttom-4 a {width: 80px;}
	.jwd-popup-window-content.jwd-video { width: 100%; height: 100%; margin-top: auto;}
	.jwd-popup-video {height: 100%;}
	.jwd-product-detail-content .jwd-content {width: 90%;}
	.jwd-detail-content {margin: 0;}
	.jwd-about-us {padding:80px 0 110px 0;}
	.jwd-about-us-left {float: none;width: 100%;margin-left: 0px;}
	.jwd-about-us-right,.jwd-news-list {float: none;width: 100%;margin: 30px 0;}
	.jwd-about-us-right .item-3 li h2 strong {font-size: 34px;vertical-align: top;}
	.jwd-about-us-right .item-3 li {padding: 0;width: 33%;text-align: center;}
	.jwd-about-us-right .item-3 li i {margin: auto;}

	.jwd-culture {padding:80px 0 110px 0;}
	.jwd-culture-left {float: none;width: 100%;margin-left: 0px;}
	.jwd-culture-right,.jwd-news-list {float: none;width: 100%;margin: 30px 0;}
	.jwd-culture-right .item-3 li h2 strong {font-size: 34px;vertical-align: top;}
	.jwd-culture-right .item-3 li {padding: 0;width: 33%;text-align: center;}
	.jwd-culture-right .item-3 li i {margin: auto;}



	.jwd-culture-nav {position: relative;width: 100%;height: 90px;right: auto;top: auto;}
	.jwd-culture-swiper {margin: 50px 0 0 0;}
	.jwd-culture-swiper .jwd-culture-item {padding-bottom: 0;}
	.jwd-culture-swiper .jwd-culture-item .img {width: 100%;float: none;}
	.jwd-culture-swiper .jwd-culture-item .text {position: relative;left: auto;right: auto;top: auto;bottom: auto;width: 90%;padding: 5%;}
	.jwd-history {padding: 100px 0 50px 0;}
	.jwd-honor-content{margin: 0;padding: 50px 0;}

	.jwd-news-top {padding: 100px 0 80px 0;margin: 0;}
	.jwd-news-top-item .img {float: none;width: 100%;}
	.jwd-news-top-item .text {width: 100%;height: auto;position: relative;right: auto;top: auto;padding: 5%;}
	.jwd-news-top-item .text .data-3 {position: relative;left: auto;bottom: auto;margin-top: 30px;}
	.jwd-news-top-item .text .more-4 {right:7%;bottom: 7%;}
	.jwd-news-list {padding: 50px 0 40px 0;}
	.jwd-news-list .jwd-index-news-item {width: 100%;}
	.jwd-news-detail {margin-top: 40px;}
	.jwd-news-detail-content {padding: 5% 0;width: 100%;}
	.jwd-news-detail-content .title-1 {font-size: 24px;}
	.jwd-news-detail-content .detail-3 {font-size: 14px;}
	.jwd-contact-us-left {width: 90%;}
	.jwd-contact-item .item {padding: 15px 0;}
	.jwd-contact-item .item .text-1,.jwd-contact-item .item.item-1 .text-2,.jwd-contact-item .item .text-2,.jwd-message-left,.jwd-message-right,.jwd-message-right-input li {float: none;width: 100%;text-align: left;}
	.jwd-contact-item .item strong {font-size: 14px;}
	.jwd-contact-us img.img-block {width: 400%;max-width: 400%;}
	.jwd-contact-us .map {display: none;}
	.jwd-history-swiper .swiper-slide-active .jwd-history-item{opacity: 1;}
	.jwd-history-swiper .swiper-slide-active .jwd-history-item .date-1 i {background: #fff;}
	.jwd-history-swiper .swiper-slide-active .jwd-history-item .date-1 i::before {background: #fff;}
	.jwd-honor .jwd-content {padding:70px 5% 5% 5%;}
	.jwd-product-item .viewmore-3 {border: none;padding: 15px 0px 20px 0px;}
	.jwd-recruitment .jwd-content {padding: 70px 0 80px 0;width: 90%;}
	.jwd-recruitment-top-text .text-1 {float: none;width: 100%;}
	.jwd-recruitment-top-text .text-2 {float: none;padding-top: 20px;}
	.jwd-recruitment-item .title-1 {text-align: left;padding: 5%;}
	.jwd-recruitment-item .title-1 span  {padding: 3px 0;width: 50%;}
	.jwd-recruitment-item .title-1 span:first-child {font-weight: bold;border-bottom: 1px solid #e6e8ed;margin-bottom: 10px;display: block;width: 100%;padding: 3px 0;padding-bottom: 15px;}
	.jwd-recruitment-item:first-child .title-1,#jwd-indexbg {display: none;}
	.jwd-end-resume {position: relative;right: auto;bottom: auto;}
	.jwd-popup-window-content {background: #fff;width: 90%;height: 90%;padding: 15% 5% 5% 5%;overflow: hidden;margin: auto;margin-top: 0;position: relative;}
	.jwd-recruitment-item .main-2 p,.jwd-recruitment-item .main-2 {font-size: 14px;}
	.jwd-recruitment-list {margin:0;}
	.jwd-index-product .jwd-content {position: relative;left: auto;top: auto;}
	.jwd-index-product-nav {width: calc(100% - 0px);}
	.jwd-banner-top .img {animation:none;}
	.jwd-about-us-right .introduction-1 {margin: 30px;}
	.jwd-about-us-right .item-3 li::after {right: 0;}

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {


}

/*仅IE6和IE7识别*/
@media screen\9 {  }

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  }

/*仅IE8识别*/
@media \0screen {  }

/*仅IE8-10识别*/
@media screen\0 {  }

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }

/*仅IE10/11识别*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {


}
















