@font-face{font-family:markpro;src:url('../font/markpro.otf');}

@font-face{font-family:dinbold;src:url('../font/dincondbold.otf');}

*{padding:0;margin:0;outline:0;text-decoration:none;list-style:none;}

html,body{font-size:14px;font-family:markpro;color:#333333;background:#FFFFFF;}

input,textarea{border:none;font-family:markpro;}

img{border:none;}

h1,h2,h3,h4,h5{font-weight:normal;font-size:14px;}

table{width:100%;border-collapse:collapse;}

audio,canvas,video{display:inline-block;}

html.hide{overflow:hidden;}

body.hide{overflow:hidden;}

a{color:#333333;}

.fl{float:left;}

.fr{float:right;}

.clear:after{content:'';display:table;clear:both;}

p{line-height:1.6em;}

.img100 img{vertical-align:bottom;width:100%;}

.middle-box{display:table;height:100%;width:100%;margin:0 auto;position:relative;table-layout:fixed;}

.middle-inner{display:table-cell;vertical-align:middle;width:100%;}

.pc-show{display:block;}

.wap-show{display:none;}

.relative{position:relative;}

.text-center{text-align:center;}

.overhide{overflow:hidden;}

.padding-tr40{padding:0 40px;}

.padding-tb60{padding:60px 0;}

.padding-tb70{padding:70px 0;}

.padding-tb80{padding:80px 0;}

.padding-tb90{padding:90px 0;}

.padding-tb100{padding:100px 0;}

.padding-tb110{padding:110px 0;}

.padding-tb120{padding:120px 0;}

.mairgin-left-4{margin-left:4%;}

.mairgin-right-5{margin-right:5%;}

.mairgin-bottom-4{margin-bottom:4%;}

.mairgin-bottom-50{margin-bottom:50px;}

.mairgin-bottom-70{margin-bottom:70px;}

.w1140{width:1140px;max-width:92%;margin:0 auto;}

.w1200{width:1200px;max-width:92%;margin:0 auto;}

.w1280{width:1280px;max-width:92%;margin:0 auto;}

.w1300{width:1300px;max-width:92%;margin:0 auto;}

.w1400{width:1400px;max-width:92%;margin:0 auto;}

.w1440{width:1440px;max-width:92%;margin:0 auto;}

.w1450{width:1450px;max-width:92%;margin:0 auto;}

.w1456{width:1456px;max-width:92%;margin:0 auto;}

.w1600{width:1600px;max-width:92%;margin:0 auto;}

.w1800{width:1800px;max-width:92%;margin:0 auto;}

.bgf1{background:#F1F1F1;}

.bgf2{background:#F2F2F2;}

.bgf3{background:#F3F3F3;}

.bgf4{background:#F4F4F4;}

.bgf5{background:#F5F5F5;}

.bgf6{background:#F6F6F6;}

.bgf7{background:#F7F7F7;}

.bgf8{background:#F8F8F8;}

.bgf9{background:#F9F9F9;}

.bgfff{background:#FFFFFF;}

.padding20{padding:20px;}

.padding30{padding:30px;}

.padding40{padding:40px;}

.padding50{padding:50px;}

.padding60{padding:60px;}

.marginRight50{margin-right:50px;}

.scrollBar::-webkit-scrollbar{width:6px;height:6px;}

.scrollBar::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292;}

.scrollBar::-webkit-scrollbar-thumb{background-color:#CFCFD2;border-radius:8px;background-clip:padding-box;min-height:28px;}

.scrollBar::-webkit-scrollbar-track-piece{background:#F3F3F3;}

.font-size18{font-size:18px;}

.font-size48{font-size:48px;}

.w50{width:50%;}

.position-full{position:absolute;top:0;left:0;width:100%;height:100%;}

/*index s*/

/*header s*/

body{transition:all .4s;padding-top:80px;}

.header{position:fixed;z-index:999;width:100%;left:0;top:0;transition:all .4s;height:80px;background:#FFFFFF;}

.header .w1400{position:relative;transition:all .4s;}

.logo{position:absolute;left:20px;top:50%;transform:translateY(-50%);}

.logo .header-logo{display:block;}

.logo .header-logo-1{display:none;}

.logo img{display:block;height:47px;transition:all .4s;}

.nav-box{margin-right:160px;position:relative;}

/* .nav-box:after{content:'';position:absolute;right:0;top:50%;height:14px;border-right:1px solid #4c4c4c;margin-top:-7px;}

*/

.nav li{float:left;position:relative;}

.nav-yi{display:inline-block;line-height:80px;font-size:16px;padding:0 32px;transition:all .4s;position:relative;z-index:3;}

.nav-yi span{position:relative;z-index:1;display:inline-block;text-align:center;}

.nav-yi span:after{position:absolute;z-index:-1;bottom:-1px;left:50%;transform:translateX(-50%);height:2px;background:#104086;width:0;content:'';transition:all .4s;}

/*.nav li.active .nav-yi span:after{width:100%;}

*/

.nav li.active .nav-yi{color:#333333;}

.nav-er{position:absolute;width:220px;left:50%;margin-left:-110px;box-shadow:0 4px 4px 1px rgba(0, 0, 0, .21);opacity:0;margin-top:-20px;transition:all .4s;pointer-events:none;}

/*.nav-er{display:none;}

*/

.nav-er a{display:block;background:rgba(255, 255, 255, 1);text-align:center;line-height:44px;text-transform:uppercase;font-size:14px;color:#777777;}

.nav li:nth-child(2) .nav-er a:nth-child(5){display:none;}

.header-area{background:#104086;height:100%;position:absolute;right:0;top:0;width:150px;}

.header-area .header-area-top{position:absolute;top:50%;transform:translateY(-50%);left:50%;margin-left:-32px;}

.search-box{margin-top:-4px;cursor:pointer;z-index:7;display:inline-block;vertical-align:middle;position:relative;margin-right:30px;padding-right:30px; display:none}

.search-box:before{content:'';height:12px;border-right:1px solid #FFFFFF;top:50%;margin-top:-6px;right:0px;position:absolute;}

.search-btn{width:16px;height:15px;background:url('../images/search-1.png') no-repeat center;background-size:cover;line-height:20px;text-align:center;z-index:5;position:relative;}

.search-con{position:absolute;width:0;right:0;height:32px;top:54px;background:#FFFFFF;overflow:hidden;transition:all .4s;border-radius:20px;box-shadow:0 0 4px #DDDDDD;}

.search-con .text{display:block;height:32px;width:100%;background:none;text-indent:36px;}

.search-close{width:32px;height:32px;position:absolute;top:0;left:0;text-align:center;line-height:32px;background:url('../images/gb64.png') no-repeat center;background-size:cover;}

.search-sb{position:absolute;right:6px;top:6px;cursor:pointer;display:none;}

.search-box.active .search-con{width:200px;}

.search-box.active .search-sb{display:block;}

.search-text{margin-right:32px;}

.language{height:32px;line-height:32px;position:relative;display:inline-block;vertical-align:middle;}

.language-box{position:absolute;top:100%;background:#FFFFFF;width:60px;left:50%;margin-left:-30px;display:none;}

.language i{position:absolute;right:-15px;top:50%;margin-top:-3px;width:12px;height:6px;background:url('../images/dbx-1.png') no-repeat center;background-size:cover;transition:all .4s;}

.language.active i{transform:rotate(90deg);}

.language a{color:#FFFFFF;}

.language-box a{display:block;text-align:center;font-size:12px;line-height:24px;color:#333333;}

.language-box a:hover{background:#37A8D9;color:#FFFFFF;}

.menu-handler{width:30px;height:32px;cursor:pointer;position:absolute;right:3%;top:14px;transition:all 0s cubic-bezier(.445, .145, .355, 1);-webkit-transition:all 0s cubic-bezier(.445, .145, .355, 1);-moz-transition:all 0s cubic-bezier(.445, .145, .355, 1);display:none;}

.menu-handler .burger{height:2px;background:#104086;display:block;width:20px;position:absolute;z-index:5;left:5px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;border-radius:2px;-webkit-border-radius:2px;top:8px;transition:all .4s;}

.menu-handler .burger-2{top:15px;}

.menu-handler .burger-3{top:22px;}

.menu-handler.active .burger-1{top:15px;-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}

.menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;}

.menu-handler.active .burger-3{top:15px;-moz-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);}

.header-style .header{background:none;box-shadow:none !important;}

.header-style .nav-yi{color:#FFFFFF;}

.header-style .search-btn{background:url('../images/search.png') no-repeat center;background-size:cover;}

.header-style .language-val{color:#FFFFFF;}

.header-style .language i{background:url('../images/dbx.png') no-repeat center;background-size:cover;}

.index-body{padding-top:0;}

.index-body.is-scroll{padding-top:0;}

body.is-scroll{padding-top:60px;}

body.is-scroll .header{height:92px;border-bottom:1px solid #BFBFBF;}

body.is-scroll .nav-yi{line-height:92px;}

body.is-scroll .search-con{top:44px;}

body.is-scroll .logo img{height:40px;}

body.is-scroll .logo .header-logo{display:none;}

body.is-scroll .logo .header-logo-1{display:block;}

.scrollBar::-webkit-scrollbar{width:10px;height:6px;}

.scrollBar::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292;}

.scrollBar::-webkit-scrollbar-thumb{background-color:#CFCFD2;border-radius:8px;background-clip:padding-box;min-height:28px;}

.scrollBar::-webkit-scrollbar-track-piece{background:#F3F3F3;}

/*home s*/

.home .banner{margin-top:93px;}

.home .banner .banner-des{position:absolute;width:100%;top:40%;transform:translateY(-50%);z-index:3;color:#FFFFFF;font-family:dinbold;}

.home .banner .banner-des p{font-size:38px;}

.home .banner .banner-des h1{font-size:64px;}

.home .banner .banner-des h2{font-size:64px;margin-left:160px;}

.bannerDot{position:absolute;left:0;width:100%;bottom:3%;z-index:9;text-align:center;}

.bannerDot .swiper-pagination-bullet{width:25px;height:1px;opacity:1;margin-right:10px;background:#FFFFFF;}

.bannerDot .swiper-pagination-bullet:last-child{margin-right:0;}

.bannerDot .swiper-pagination-bullet-active{width:30px;}

.home .about{color:#000000;padding-bottom:200px;}

.home .about .more{text-align:right;margin:60px 0;}

.home .about .fl h1{font-size:48px;text-transform:Uppercase;margin-bottom:50px;font-weight:600;}

.home .about .fl h2{font-size:30px;text-transform:Uppercase;margin-bottom:30px;color:#010101;}

.home .about .fl p{font-size:18px;color:#323232;}

.home .product{background:url('../images/home-product.jpg') no-repeat center;background-size:cover;height:900px;padding-top:80px;}

.home .product .list .swiper-slide{opacity:0;}

.home .product .list .swiper-slide-active{opacity:1;}

.home .product .list .product-list-img{width:600px;height:600px;margin:0 auto; position:relative}
.home .product .list .swiper-wrapper .swiper-slide-active .product-list-img:after{content: '';background:url('../images/product-li-bg.png') no-repeat center;background-size:cover; position: absolute; top:0;left:0; right:0; bottom:0; z-index:-1}

 
@keyframes rotateBackground {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.home .product .list .padding30{width:calc(100% - 60px);height:calc(100% - 60px);}

.home .product .list .img{overflow:hidden;border-radius:50%;width:100%;height:100%;}

.home .product .list .product-des{position:absolute;left:0;top:0;width:380px;}

.home .product .list .product-des p{color:#FFFFFF;font-size:40px;line-height:40px;margin-bottom:30px;margin-top:100px;font-weight:600;}

.home .product .list .product-des h1{color:#C4C4C4;font-size:18px;margin-bottom:30px;}

.home .product .list .product-des .jiantou{width:38px;}

.home .product .productDot{position:absolute;right:0;width:300px;top:0;height:100%;margin-top:100px;}
.home .product .jiantou { display:none}
.home .product .productDot::after{content:'';background:url('../images/productDotBg.png') no-repeat top;position:absolute;right:-28px;top:0;width:11px;height:100%;}

.home .product .productDot .swiper-pagination-bullet{color:#FFFFFF;background:none;position:relative;text-align:right;padding-right:30px;width:100%;position:relative;font-size:18px;margin-bottom:50px;height:auto;opacity:1;z-index:999;}

.home .product .productDot .swiper-pagination-bullet span{-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;}

.home .product .productDot .swiper-pagination-bullet::after{content:'';position:absolute;border:1px solid #FFFFFF;width:15px;height:15px;border-radius:50%;top:50%;transform:translateY(-50%);right:0;}

.home .product .productDot .swiper-pagination-bullet-active:after{border:1px solid #104086;background:#104086;}

.home .product .productDot .swiper-pagination-bullet-active span{color:#104086 !important;}

.home .order{margin-bottom:80px;}

.home .order .order-title{margin:50px 0;}

.home .order .order-title h1{margin-right:100px;font-size:48px;font-weight:600;}

.home .order .order-title .more{position:absolute;right:0;top:50%;transform:translateY(-50%);}

.home .order .order-list .order-list-fl{width:43.5%;}

.home .order .order-list .fr{width:56.5%;}

.home .order .order-list .fr h1{display:none;}

.home .order .order-list .order-des{position:absolute;left:20px;top:20px;}

.home .order .order-list .order-des h1{font-size:20px;}

.home .order .order-list .order-des p{font-size:16px;}
.home .order .order-list .relative{border: 1px solid #fff;transition: all 0.4s;}

.home .order .order-list .relative .order-des .more{margin:0 auto;display:none;margin-top:20px;}
.home .order .order-list .relative .pro-bot-bg{content:'';position: absolute;width: 100%;left: 0;bottom:0;right:0; z-index: 3;transition: all .4s; height:40%; opacity:0.1; transition: all 0.4s; }
.home .order .order-list .relative.active{     border: 1px solid #42a5dd;box-shadow: 0 0 8px 0 rgb(1 49 76 / 43%);transition: all 0.4s;}
.home .order .order-list .relative.active .pro-bot-bg{ opacity:0.7;transition: all 0.4s;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(16, 64, 134, 1) 100%);}

/*.home .order .order-list .relative::after{content:'';display:none;position:absolute;right:0;top:0;bottom:0;left:0;background-color:rgb(16, 64, 134, .7);}

.home .order .order-list .relative.active .order-des .more{width:30px;display:none;}

.home .order .order-list .relative.active h1{display:block;}

.home .order .order-list .relative.active::after{display:block;}

.home .order .order-list .relative.active .order-des{text-align:center;color:#FFFFFF;z-index:99;top:50%;transform:translateY(-50%);width:100%;left:0;}



.home .order .order-list .relative.active .order-des .more{display:block;}*/

.home .news{margin-bottom:50px;}

.home .news .news-title{margin-bottom:50px;}

.home .news .news-title h1{font-size:48px;font-weight:600;}

.home .news .news-title .news-nav ul{position:absolute;width:600px;right:0;top:50%;transform:translateY(-50%);border-bottom:3px solid #D8D8D8;}

.home .news .news-title .news-nav ul li{width:50%;float:left;text-align:center;color:#AAAAAA;font-size:24px;line-height:100px;}

.home .news .news-title .news-nav ul .active li{color:#104086;position:relative;}

.home .news .news-title .news-nav ul .active li::after{content:'';position:absolute;width:100%;height:3px;background:#104086;bottom:-3px;left:0;right:0;}

.home .news .news-title .news-nav ul li:hover{color:#104086;position:relative;}

.home .news .news-title .news-nav ul  li:hover::after{content:'';position:absolute;width:100%;height:3px;background:#104086;bottom:-3px;left:0;right:0;}
.home .news .news-list { position: relative}
.home .news .news-list  .swiper-container{ opacity:0 ; z-index:1;}
.home .news .news-list  .swiper-container.active{ opacity:1; z-index:99}
.home .news .news-list  .swiper-container:nth-child(2){position:absolute; top:0; left:0;  right:0}

.home .news .news-list .swiper-slide{width:33%;transition-duration:.5s;}

.home .news .news-list .swiper-slide.active{width:50%;transition-duration:.5s;}

.home .news .news-list .swiper-slide .img{height:545px;background-repeat:no-repeat;background-position:center;background-size:cover;}

.home .news .news-list .news-list-des{height:150px;margin-top:30px;}

.home .news .news-list .news-list-des .show{display:none;transition-duration:.5s;}

.home .news .news-list .news-list-des h1{font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;color:#333333;}

.home .news .news-list .news-list-des p{color:#646464;margin-top:10px;}

.home .news .news-list .news-list-des .more{margin-top:10px;}

.home .news .news-list .swiper-slide.active .news-list-des .show{display:block;transition-duration:.5s;}

/*footer s*/

.footer{background:#0d3789 url('../images/footer.jpg') no-repeat center;background-size:cover;min-height:420px;padding-top:60px;}

.footer .footer-top .footer-w80{margin-right:320px;}

.footer .footer-top .footer-w20{width:320px;position:absolute;top:0;right:0;}

.footer .footer-top .footer-logo{width:150px;position:absolute;top:0;left:0;}

.footer .footer-top .footer-nav{margin-left:230px; }
.footer .footer-top .footer-nav ul{display: flex;justify-content: space-between;}
.footer .footer-top .footer-nav ul li{margin-right:6%;}

.footer .footer-top .footer-nav ul li a.footer-nav-yi span{color:#FFFFFF;}

.footer .footer-top .footer-nav ul li a.footer-nav-yi{position:relative;margin-bottom:15px;padding-bottom:15px;display:block;}

.footer .footer-top .footer-nav ul li a.footer-nav-yi::after{content:'';position:absolute;width:30px;height:2px;background:#FFFFFF;left:0;bottom:-5px;}

.footer .footer-top .footer-nav ul li .footer-nav-er{line-height:28px;}

.footer .footer-top .footer-nav ul li .footer-nav-er a{color:#C4C4C4;display:block;position:relative;}

.footer .footer-top .footer-nav ul li .footer-nav-er a::after{content:'';left:-10px;top:50%;transform:translateY(-50%);position:absolute;width:3px;height:3px;border-radius:50%;background:#8D8D8D;}

.footer .footer-top .footer-address div{position:relative;color:#C4C4C4;margin-bottom:10px;}

.footer .footer-top .footer-address div.tel{color:#FFFFFF;font-size:40px;font-family:dinbold;}

.footer .footer-top .footer-address i{position:absolute;top:0;left:0;}

.footer .footer-top .footer-address a{color:#C4C4C4;}

.footer .footer-bottom{margin-top:60px;}

.footer .footer-bottom ul{text-align:center;}

.footer .footer-bottom ul li{display:inline-block;margin:0 10px;width:30px;height:30px;border:1px solid #9F9F9F;border-radius:50%;position:relative;text-align:center;}

.footer .footer-bottom ul li a{position:absolute;top:50%;transform:translate(-50%, -45%);left:50%;}

.footer .footer-bottom p{color:#C4C4C4;margin-top:50px;}

.footer .footer-bottom p a{color:#C4C4C4;}

.footer .footer-bottom ul li .footer-bottom-img-block{display:block;}

.footer .footer-bottom ul li .footer-bottom-img-none{display:none;}

.footer .footer-bottom ul li:hover .footer-bottom-img-block{display:none;}

.footer .footer-bottom ul li:hover{background:#FFFFFF;border:1px solid #FFFFFF;}

.footer .footer-bottom ul li:hover .footer-bottom-img-none{display:block;}

/*footer e*/



/*about s*/

.ban{margin-top:93px;}

.about-page{padding:100px 0;}

.about-page .introduction h1{font-size:48px;font-weight:600;}

.about-page .introduction .content{font-size:18px;padding:50px 0;width:80%;margin:0 auto;}

.about-page .culture{padding:100px 0;}

.about-page .culture .title h1{font-size:48px;font-weight:600;}

.about-page .culture .title p{font-size:16px;}

.about-page .culture .title{margin-bottom:80px;}

.about-page .culture .ul{width:100%;height:800px;}

.about-page .culture .ul h1{font-size:24px;color:#104086;margin-bottom:10px;}

.about-page .culture .ul h1 span{font-family:dinbold;font-size:16px;color:#FFFFFF;background:#104086;padding:5px;border-radius:5px;margin-right:10px;}

.about-page .culture .ul p{color:#737373;}

.about-page .culture .ul .li-a{width:25%;position:absolute;left:40%;bottom:32%;}

.about-page .culture .ul .li-b{width:30%;position:absolute;top:22%;left:8%;}

.about-page .culture .ul .li-c{width:38%;position:absolute;top:50%;}

.about-page .culture .ul .li-d{width:35%;position:absolute;top:80%;left:3%;}

.about-page .culture .ul .li-e{width:30%;position:absolute;top:44%;left:67%;}

.about-page .culture .ul .li-f{width:38%;position:absolute;left:40%;top:72%;}

.about-page .culture .ul .padding{padding:20px;background:#EEEEEE;min-height:150px;border-radius:5px;}

.about-page .display .title h1{font-size:48px;margin-bottom:50px;text-transform:Uppercase;font-weight:600;}

.about-page .view{position:relative;}

.about-page .view .arrow-left{left:20px;position:absolute;top:50%;transform:translateY(-50%);background:#A1A1A1 url('../images/jiantou5.png') no-repeat center;width:30px;height:50px;opacity:1;z-index:998;}

.about-page .view .arrow-right{right:20px;position:absolute;top:50%;transform:translateY(-50%);background:#A1A1A1 url('../images/jiantou4.png') no-repeat center;width:30px;height:50px;opacity:1;z-index:998;}

.about-page .view .arrow-left:hover{background:#A2B9E3 url('../images/jiantou5.png') no-repeat center;}

.about-page .view .arrow-right:hover{background:#A2B9E3 url('../images/jiantou4.png') no-repeat center;}
.about-page .view  .swiper-slide .title{ position: absolute;  width:100%; height:50px; bottom:0; left:0; right:0; background:rgba(16, 64, 134, 0.8); line-height:50px; color:#fff}
.about-page .view  .swiper-slide .title .padding{ padding-left:20px}
.about-page .preview .swiper-slide{width:24.25%;margin-right:1%;margin-top:1%;}

.about-page .preview .swiper-slide .img{position:relative;}

.about-page .preview .swiper-slide .img:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .4);left:0;top:0;cursor:pointer;}

.about-page .preview .swiper-slide .img:after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;left:0;top:0;display:none;}

.about-page .preview .active-nav .img:before{opacity:0;}

.about-page .preview .active-nav .img:after{display:block;}

.about-page .preview .swiper-slide p{font-size:20px;color:#2B2B2B;margin-top:30px;}

.about-page .sincere{margin-bottom:50px;}

.about-page .sincere .title{margin-bottom:50px;}

.about-page .sincere .title h1{font-size:48px;text-align:center;text-transform:Uppercase;font-weight:600;}

.about-page .sincere .mian ul{width:130px;position:absolute;left:0;top:0;}

.about-page .sincere .mian ul li{line-height:16px;margin-bottom:30px;color:#404040;font-size:14px;border:1px solid #9F9F9F;width:100%;min-height:54px;}

.about-page .sincere .mian ul li .padding{padding:10px;}

.about-page .sincere .mian .content{margin-left:200px;min-height:607px;position:relative;}

.about-page .sincere .mian .content .li{width:500px;position:absolute;top:0;left:0;display:none;}

.about-page .sincere .mian .content .li.active{display:block;}

.about-page .sincere .mian ul li.active{background:#104086;border:1px solid #104086;color:#FFFFFF;}

.about-page .sincere .mian .content .li h1{font-size:30px;color:#104086;margin-bottom:20px;}

.about-page .sincere .mian .content .li p{font-size:14px;}

.about-page .sincere .mian .content::after{content:'';background:url('../images/sincere.png') no-repeat center;background-size:cover;width:897px;height:607px;display:block;bottom:0;right:0;position:absolute;}

.about-page .core .title{text-align:center;}

.about-page .core .title h1{margin:50px 0;font-size:48px;text-transform:Uppercase;font-weight:600;}

.about-page .core ul li{width:50%;margin-bottom:30px;}

.about-page .core ul li .mairign{margin-right:15px;position:relative;}

.about-page .core ul li:nth-child(2n) .mairign{margin-left:15px;margin-right:0px;}

.about-page .core ul li .content{position:absolute;margin-left:40px;left:0;margin-top:40px;}

.about-page .core ul li .content i{position:absolute;top:0;left:0;}

.about-page .core ul li .content div{margin-left:70px;margin-right:30px;}

.about-page .core ul li .content h1{color:#FFFFFF;font-size:22px;}

.about-page .core ul li .content p{color:#FFFFFF;font-size:14px;}

.about-page .core ul li .content i{width:40px;}

.department{background:#0f3166 url('../images/department-bg.jpg') no-repeat center;background-size:cover;width:100%;min-height:725px;}

.department .title h1{font-size:48px;color:#FFFFFF;text-align:center;padding:50px 0;text-transform:Uppercase;font-weight:600;}

.department .content  .departmentContent1{ width:30%; margin:0 auto ; position:relative; z-index:999}
.department .content  .departmentContent1 .title{  width:50%; top:50%;transform:translateY(-50%); width:50%; left:50%; margin-left:-25%; position:absolute; color:#0b3581; font-size:22px; text-align:center}

.department .content  .departmentContent2{ width:36.7%; position:absolute; top:9%; left:0 ;}
.department .content  .departmentContent2 .des{ position:absolute; top:20px; left:20px; right:20px; bottom:20px;}
.department .content  .departmentContent2 .des .img{ width:25%; border-radius:50% ; overflow: hidden}
.department .content  .departmentContent2 .des .title{ top:50%;transform:translateY(-50%); margin-left:28%; left:0; position:absolute; color:#fff; font-size:22px; margin-right:20%}

.department .content  .departmentContent3{ width:36.7%; position:absolute; top:9%; right:0 ; text-align:right}
.department .content  .departmentContent3 .des{ position:absolute; top:20px; left:20px; right:20px; bottom:20px;}
.department .content  .departmentContent3 .des .img{ width:25%; border-radius:50% ; overflow: hidden; display:inline-block}
.department .content  .departmentContent3 .des .title{ top:50%;transform:translateY(-50%); margin-left:20%; left:0; position:absolute; color:#fff; font-size:22px; margin-right:28%; text-align:left}

.department .content  .departmentContent4{ width:37.3%; position:absolute; top:53%; left:0 ;}
.department .content  .departmentContent4 .des{ position:absolute; top:20px; left:20px; right:20px; bottom:20px;}
.department .content  .departmentContent4 .des .img{ width:25%; border-radius:50% ; overflow: hidden}
.department .content  .departmentContent4 .des .title{ top:50%;transform:translateY(-50%); margin-left:28%; left:0; position:absolute; color:#fff; font-size:22px; margin-right:20%}

.department .content  .departmentContent5{ width:37.3%; position:absolute; top:53%; right:0 ; text-align:right}
.department .content  .departmentContent5 .des{ position:absolute; top:20px; left:20px; right:20px; bottom:20px;}
.department .content  .departmentContent5 .des .img{ width:25%; border-radius:50% ; overflow: hidden; display:inline-block}
.department .content  .departmentContent5 .des .title{ top:50%;transform:translateY(-50%); margin-left:20%; left:0; position:absolute; color:#fff; font-size:22px; margin-right:28%; text-align:left}




.department .content .img{ width: 100px;}

.verification{margin:100px 0;}

.verification .title{padding-bottom:50px;}

.verification .title h1{font-size:48px;text-align:center;text-transform:Uppercase;font-weight:600;}

.verification .content{margin-top:30px;}

.verification .content ul li{width:31%;display:inline-block;margin-right:3%;vertical-align:top}

.verification .content ul li:nth-child(3n){margin-right:0;}

.verification .content ul li h1{font-size:17px;margin-bottom:10px;font-weight:600;}

.assurance{background:url('../images/department-bg.jpg') no-repeat center;background-size:cover;width:100%;height:725px;}

.assurance .title h1{font-size:48px;color:#FFFFFF;text-align:center;padding:50px 0;text-transform:Uppercase;font-weight:600;}

.assurance .content .list{position:absolute;right:0;top:0;bottom:0;}

.assurance .content ul{color:#FFFFFF;height:100%;}

.assurance .content ul li{border:1px solid #FFFFFF;width:44%;height:100%;vertical-align:top;margin-left:5%;float:right;}

.assurance .content ul li .margin{margin:40px;}

.assurance .content ul li .margin h1{font-size:18px;margin-bottom:20px;}

.assurance .content ul li .margin p{font-size:14px;}

.strongAll{margin:100px 0;}

.strongAll .title h1{font-size:32px;margin-bottom:20px;text-transform:Uppercase;text-align:center;}

.strongAll .title{margin-bottom:50px;}

.strongAll .strong{display:inline-block;width:47%;vertical-align:top;}
.strongAll .strong:nth-child(odd){margin-right:2%;}
.strongAll .strong:nth-child(even){margin-left:2%;}
.strongAll .strong .desli{ position:absolute; color:#fff; text-align:center; width:100px; font-size:16px; }
.strongAll .strong  .desa{ top:18% ;left:15%;}
.strongAll .strong  .desb{ top:50% ;left:5%;}
.strongAll .strong  .desc{ top:75% ;left:15%;}
.strongAll .strong  .desd{ top:50% ;left:50%; margin-left:-75px;transform:translateY(-50%); font-size:22px;width:150px;}
.strongAll .strong  .dese{ top:18% ;right:15%;}
.strongAll .strong  .desf{ top:50% ;right:5%;}
.strongAll .strong  .desg{ top:75% ;right:15%;}

.strongAll .quality{display:inline-block;width:47%;vertical-align:top;}
.strongAll .quality .content h2{ font-size:26px; text-align:center; color:#4d4d4d; margin-bottom:10px;}
.strongAll .quality .content .top { margin-bottom:50px}
.strongAll .quality .content .top ul{display: flex;justify-content: space-between;}
.strongAll .quality .content .top ul span{ line-height:120px; font-size:26px;}
.strongAll .quality .content .top ul li{ border:10px solid #ccd9f0; border-radius:50%; height:120px; width:120px;  position:relative}
/*.strongAll .quality .content .top ul li::after{content:'+'; position:absolute ;  top:50%;transform:translateY(-50%); right:-35%; font-size:26px;}*/
.strongAll .quality .content .top ul li:last-child::after{ display:none}
.strongAll .quality .content .top ul li .padding{ width:80%; top:50%;transform:translateY(-50%); position:absolute; text-align:center; left:50%; margin-left:-40%; color:#0b3581}
.strongAll .quality .content .bottom  ul {display: flex;justify-content: space-between;}
.strongAll .quality .content .bottom  ul li{ width:23%; background:#e5e5e5; margin-right:2%; position:relative}
.strongAll .quality .content .bottom ul li:last-child{ margin-right:0;}
.strongAll .quality .content .bottom  ul li .padding{ padding:10px; padding-top:50px;}
.strongAll .quality .content .bottom  ul li i{ font-family:dinbold;width:30px; height:25px; position:absolute; left:0; top:0; background:#104086; display:block; color:#fff; text-align:center; line-height:25px;}
.strongAll .quality .content .bottom  ul li .padding h3{ font-size:16px; margin-bottom:10px;}
.strongAll .quality .content .bottom  ul li .padding .des{ font-size:14px; color:#5d5d5d; min-height:250px;}
.manufacturing{background:#104086 url('../images/manufacturing-bg.jpg') no-repeat center;background-size:cover;width:100%;height:700px;padding-top:86px;}

.manufacturing .title{margin-bottom:30px;}

.manufacturing .title h1{font-size:48px;margin-bottom:20px;text-transform:Uppercase;text-align:center;color:#FFFFFF;font-weight:600;}

.manufacturing .list ul li{width:12.5%;float:left;height:465px;transition-duration:.5s;}

.manufacturing .list ul li .img{display:none;}

.manufacturing .list ul li .margin{margin-right:20px;background:#FFFFFF;height:100%;overflow:hidden;}

.manufacturing .list ul li .content{height:100%;position:relative;}

.manufacturing .list ul li .content .padding{padding:20px;}

.manufacturing .list ul li .content i{font-size:48px;font-family:dinbold;color:#A5ADC6;margin-bottom:20px;display:block;}

.manufacturing .list ul li .content h1{font-size:16px;color:#0B3581;margin-bottom:15px;word-wrap:break-word;table-layout:fixed;word-break:break-all;white-space:pre-wrap;}

.manufacturing .list ul li .content p{font-size:12px;color:#5D5D5D;}
.manufacturing .list ul li.active .content .padding{padding:0px;}

.manufacturing .list ul li.active .content i{display:none;}

.manufacturing .list ul li.active .content h1{width:220px;margin-bottom:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;position:absolute;left:20px;top:50%;transform:translateY(-50%);}

.manufacturing .list ul li.active .content .explain{margin-left:250px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box;position:absolute;left:0px;top:50%;transform:translateY(-50%);}

.manufacturing .list ul li.active{width:50%;height:auto;transition-duration:.5s;}

.manufacturing .list ul li.active .img{display:block;height:385px;background-size:cover;background-position:center;background-repeat:no-repeat;}

.manufacturing .list ul li.active .content{height:80px;}

.mdular{margin:100px 0;}

.mdular .title{margin-bottom:50px;}

.mdular .title h1{font-size:48px;}

.mdular .mian p{margin-bottom:50px;font-size:16px;}

.about-page .about-join li{border-bottom:1px solid #CCCCCC;padding-bottom:50px;margin-bottom:50px;line-height:26px;font-size:16px;}

.about-page .about-join li .title{margin-right:100px;width:400px;}

.about-page .about-join li .title h1{color:#104086;line-height:1.2em;}

.about-page .about-join li h1{margin-bottom:30px;font-size:32px;min-height:60px;}

.about-page .about-join li .content .margin{margin-bottom:30px;}

/*about e*/



/*contact s*/

.contact-page{padding:100px 0;}

.contact-page .information{background:url('../images/contact-bg.png') no-repeat top center;background-size:cover;padding-top:100px;}

.contact-page ul li{display:inline-block;width:24.5%;vertical-align:top;}

.contact-page ul li .img{width:90px;margin:0 auto;border:1px solid #0240B2;border-radius:50%;margin-bottom:30px;}

.contact-page ul li h1{font-size:18px;font-weight:600;text-transform:Uppercase;margin-bottom:10px;}

.contact-page ul li p{font-size:18px;margin-bottom:100px;}

.contact-page .message .title h1{font-size:48px;margin-bottom:100px;text-transform:Uppercase;text-align:center;}

.contact-page .message .lxwm-top{margin-bottom:30px;}

.contact-page .message .lxwm-top .ly-list{width:33%;display:inline-block;}

.contact-page .message .lxwm-bottom{margin-bottom:30px;}

.contact-page .message .lxwm-bottom .ly-list{width:49%;display:inline-block;}

.contact-page .message .ly-list{content:'';display:table;clear:both;width:100%;}

.contact-page .message .ly-list .ly-name{line-height:36px;}

.contact-page .message .ly-list .ly-name{float:left;width:100px;text-align:right;padding-right:10px;}

.contact-page .message .ly-list .ly-input{float:left;width:calc(100% - 110px);}

.contact-page .message .ly-list input{border:1px solid #BABABA;width:calc(100% - 10px);line-height:36px;padding-left:10px;}

.contact-page .message .ly-list textarea{min-height:300px;border:1px solid #BABABA;width:calc(100% - 10px);padding-left:10px;padding-top:10px;}

.contact-page .message .ly-list-btn{background:#0240B2;text-align:center;color:#FFFFFF;width:120px;margin:0 auto;margin-top:20px;}

.contact-page .message .ly-list-btn a{color:#FFFFFF;line-height:40px;font-size:22px;}

/*contact e*/





/*contact s*/

.solution-page{padding:100px 0;}

.solution-page .goto a{width:200px;background:#0240B2;color:#FFFFFF;line-height:50px;text-align:center;display:block;font-size:16px;border-radius:5px;margin:0 auto;margin-top:60px;}

/*contact e*/



/*capabilities s*/

.capabilities-page{padding:100px 0;}

.capabilities-page ul li{width:100%;background:#F5F5F5;margin-bottom:50px;}

.capabilities-page ul li .pic{width:35%;}

.capabilities-page ul li .xian{border-top:1px dashed #CCCCCC;margin:20px 0;}

.capabilities-page ul li .content{position:absolute;margin-left:37%;left:0;top:50%;transform:translateY(-50%);margin-right:2%;}

.capabilities-page ul li .content .title{padding-left:30px;position:relative;}

.capabilities-page ul li .content .title h1{font-size:16px;}

.capabilities-page ul li .content .title::after{content:'';position:absolute;left:0;top:0;width:20px;background:url('../images/faq1.png') no-repeat top left;background-size:cover;height:20px;}

.capabilities-page ul li .content .describe{padding-left:30px;position:relative;}

.capabilities-page ul li .content .describe::after{content:'';position:absolute;left:0;top:0;width:16px;background:url('../images/faq2.png') no-repeat top left;background-size:cover;height:18px;}

.capabilities-page ul li .content .describe p{-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;display:-webkit-box;}

/*capabilities e*/





/*news s*/

.news-page{padding:100px 0;}

.news-page .news-page-top ul li{float:left;}

.news-page .news-page-top ul li h1{color:#072448;font-size:22px;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;}

.news-page .news-page-top ul li .info{display:none;}

.news-page .news-page-top ul li .time{margin:10px 0;padding:5px;background:#104086;color:#FFFFFF;width:120px;text-align:center;position:relative;}

.news-page .news-page-top ul li .time::after{content:'';position:absolute;background:url('../images/time2.png') no-repeat top left;background-size:cover;width:11px;height:11px;left:8px;top:50%;transform:translateY(-50%);}

.news-page .news-page-top ul .first{width:50%;}

.news-page .news-page-top ul li.first h1{-webkit-line-clamp:2;}

.news-page .news-page-top ul li.first .info{display:block;margin-top:10px;}

.news-page .news-page-top ul .first .margin{margin-right:5%;}

/*.news-page .news-page-top ul .first .margin .img{height:400px;}*/

.news-page .news-page-top ul .second{width:50%;margin-bottom:10px;}

/*.news-page .news-page-top ul .second .margin .img{height:150px;}*/

.news-page .news-page-top ul .third{width:25%;}

.news-page .news-page-top ul .third .margin{margin-right:5%;}

/*.news-page .news-page-top ul .third .margin .img{height:150px;}*/

.news-page .news-page-top ul li.third h1{-webkit-line-clamp:2;}

.news-page .news-page-top ul .fourth{width:25%;}

.news-page .news-page-top ul .fourth .margin{margin-left:5%;}

/*.news-page .news-page-top ul .fourth .margin .img{height:150px;}*/

.news-page .news-page-top ul li.fourth h1{-webkit-line-clamp:2;}

.news-page .news-page-bottom{margin-top:100px;}

.news-page .news-page-bottom ul li{background:#F5F5F5;position:relative;margin-bottom:50px;}

.news-page .news-page-bottom ul li .img{width:440px;}

.news-page .news-page-bottom ul li .content{position:absolute;position:absolute;margin-left:470px;margin-top:30px;left:0;top:0;margin-right:30px;}

.news-page .news-page-bottom ul li .content h1{font-size:20px;color:#072448;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;}

.news-page .news-page-bottom ul li .content .time{margin:10px 0;padding:5px;background:#104086;color:#FFFFFF;width:120px;text-align:center;position:relative;}

.news-page .news-page-bottom ul li .content .time::after{content:'';position:absolute;background:url('../images/time2.png') no-repeat top left;background-size:cover;width:11px;height:11px;left:8px;top:50%;transform:translateY(-50%);}

.news-page .news-page-bottom ul li .content .info{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;margin-bottom:50px;margin-top:20px;}

.news-page-details{padding:100px 0;}

.news-page-details h1{font-size:32px;color:#104086;margin-bottom:50px;}

.news-page-details .time{margin:10px 0;padding:5px;background:#104086;color:#FFFFFF;width:120px;text-align:center;position:relative;}

.news-page-details.time::after{content:'';position:absolute;background:url('../images/time2.png') no-repeat top left;background-size:cover;width:11px;height:11px;left:8px;top:50%;transform:translateY(-50%);}

.news-page-details .xian{border-top:1px solid #CCCCCC;}

.news-page-details .content{margin:50px 0;}

/*news e*/



/*product s*/

.product-page{padding:50px 0;}

.product-page .product-page-nav{margin-bottom:50px;}

.product-page .product-page-nav ul li{float:left;margin-right:10px;line-height:32px;text-align:center;padding:5px 10px;}

.product-page .product-page-nav ul li.active{background:#104086;}

.product-page .product-page-nav ul li.active a{color:#FFFFFF;}

.product-page .product-page-top{margin-bottom:50px;}

.product-page .product-page-top .swiper-pagination{ text-align:center; width:100% ; margin-top:10px;display:none}
.product-page .product-page-top .swiper-pagination  .swiper-pagination-bullet{ margin:0 5px}
.product-page .product-page-top .content h1{position:absolute;left:20px;top:20px;}

.product-page .product-page-top .content p{position:absolute;left:20px;top:50px;background:#104086;color:#FFFFFF;text-align:center;font-size:12px;text-align:center;padding:0 10px;line-height:26px;}

.product-page .product-page-top .content .more{font-size:26px;width:60px;height:60px;text-align:center;line-height:60px;position:absolute;bottom:0;right:0;}

.product-page .product-page-top .swiper-slide:hover .content .more{background:#104086;color:#FFFFFF;}

.product-page .product-page-bottom ul li{width:22.4%;display:inline-block;vertical-align:top;cursor:pointer;margin-right:3%;}

.product-page .product-page-bottom ul li:nth-child(4n){margin-right:0;}

.product-page .product-page-bottom ul li:hover .content h1{color:#104086;}

.product-page .product-page-bottom ul li:hover .content p{color:#104086;}

.product-page .product-page-bottom ul li:hover .content .more{color:#104086;}

.product-page .product-page-bottom ul li .content .margin{margin-right:30px;}

.product-page .product-page-bottom ul li .content .more{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#999999;font-size:20px;}

.product-page .product-page-bottom ul li .content{margin-top:20px;margin-bottom:30px;}

.product-page .product-page-bottom ul li .content h1{font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;}

.product-page .product-page-bottom ul li .content p{color:#666666;font-size:14px;}

/*product e*/









/*productDetails s*/

.product-productDetails-nav{background:#F2F2F2;padding:40px 0;width:100%;margin-top:93px;}

.productDetails-page{margin-bottom:100px;}

.productDetails-page .productDetails-page-top{margin-top:100px;margin-bottom:100px;}

.productDetails-page .productDetails-page-top .title{width:60%;float:left;margin-right:5%;}

.productDetails-page .productDetails-page-top .title h1{font-size:32px;color:#000000;}

.productDetails-page .productDetails-page-top .title p{font-size:16px;color:#666666;}

.productDetails-page .productDetails-page-top .title .xian{border-top:1px solid #C1C1C1;}

.productDetails-page .productDetails-page-top .title ul li{display:inline-block;width:32%;margin-top:50px;vertical-align:top;}

.productDetails-page .productDetails-page-top .title ul li .name{color:#686868;}

.productDetails-page .productDetails-page-top .title ul li h2{margin-top:10px;font-size:16px; }

.productDetails-page .productDetails-page-top .title .describe h3{margin-top:50px;margin-bottom:30px;}

.productDetails-page .productDetails-page-top .title .describe p{font-size:18px;}

.productDetails-page .productDetails-page-top .pic{width:35%;float:left;}

.productDetails-page .productDetails-page-top .pic .fangda{width:40px;position:absolute;right:20px;bottom:20px;}

.productDetails-page .productDetails-page-bootom h2{font-size:32px;}
.productDetails-page .productDetails-page-bootom  .swiper-pagination{ width:100%; display:none}
.productDetails-page .productDetails-page-bootom  .swiper-pagination .swiper-pagination-bullet{ margin: 0 5px}
.productDetails-page .productDetails-page-bootom .xian{border-top:1px solid #C1C1C1;margin:50px 0;}

.productDetails-page .productDetails-page-bootom .content{margin-top:20px;margin-bottom:30px;}

.productDetails-page .productDetails-page-bootom .margin{margin-right:30px;}

.productDetails-page .productDetails-page-bootom .margin h1{font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;}

.productDetails-page .productDetails-page-bootom .margin p{font-size:14px;}

.productDetails-page .productDetails-page-bootom .more{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#999999;font-size:20px;}

.productDetails-page .productDetails-page-bootom .swiper-slide:hover .content h1{color:#104086;}

.productDetails-page .productDetails-page-bootom .swiper-slide:hover .content p{color:#104086;}

.productDetails-page .productDetails-page-bootom .swiper-slide:hover .content .more{color:#104086;}

.fangdaWidos{position:fixed;background-color:rgba(0, 0, 0, .8);left:0;bottom:0;right:0;top:0;z-index:9999;display:none;}

.fangdaWidos.active{display:block;}

.fangdaWidos .close{position:relative;}

.fangdaWidos .close::after{content:'';width:50px;height:50px;display:block;position:absolute;left:50%;margin-left:-25px;bottom:-70px;z-index:999;background:url('../images/close.png') no-repeat top left;background-size:cover;}

/*productDetails e*/


.page{text-align: center;background: #fff;margin-top: 60px;padding: 15px 0;}
.page a{display: inline-block;vertical-align: middle;font-family: dincondregular;font-size: 16px;color: #999;margin: 0 6px;position: relative;padding: 0 3px;transition: all .4s;}
.pages:after{content: '';position: absolute;width: 100%;bottom:-3px;left: 0; border-bottom: 1px solid #333;display: none;transition: all .4s;}
.page a.active{color: #333;}
.page a.active:after{display: block;}
.page a:hover{color: #333;}
.page a:hover:after{display: block;}
.page a.page-btn{font-size: 14px;}
.xqxq-page{ font-size:18px;}
.xqxq-page a{ margin-bottom:20px; display:block;color:#072448;}
.xqxq-page h3{ font-size:16px;}


.ban .ban-text{position:absolute;top:50%;width:100%;left:0;right:0;transform:translateY(-50%);}
.ban .ban-text h2{color:#FFFFFF;font-size:80px;font-family:dinbold;text-transform:Uppercase;}



/*Ŀ¼²á*/
.ml-list li{width: 30%;float: left;margin-right: 5%;position: relative;cursor: pointer;margin-top: 3%;margin-bottom: 2%;}
.ml-list li:nth-child(3n){margin-right: 0;}
.ml-list li p{line-height: 60px;border-bottom: 2px solid #d6d6d6;color: #4d4d4d;font-weight: bold;}
.ml-con:hover p{color: #072448;border-color: #072448;}
.download{position: absolute;right: 0;bottom:18px;width: 24px;height: 24px;background-image: url("../images/dl.png");filter: grayscale(1);}
.download:hover{filter: grayscale(0);}
.login{min-height:750px;}
.login .formBg{position:absolute;z-index:9999;top:0;bottom:0;left:0;right:0;background:#F1F1F1;padding:40px 0;display:block;}
.login .form{max-width:92%;width:400px;margin:0 auto;}
.login .form .mian{display:block;}
.login .form .mian2{display:none;}
.login .form .title{font-size:36px;margin-bottom:40px;}
.login .form .content{background:#FFFFFF;padding:40px;}
.login .form .content input{width:calc(100% - 40px);padding:20px 20px;background:#F3F3F3;}
.login .form .content .lable{font-size:26px;margin-bottom:10px;}
.login .form .content .value{margin-bottom:10px;border-radius:5px;}
.login .form .content .submit{background:#0F3D88;color:#FFFFFF;padding:10px 0;font-size:22px;border-radius:5px;margin-top:50px;}
.login .form .content .submita{background:#0F3D88;color:#FFFFFF;padding:10px 0;font-size:22px;border-radius:5px;margin-top:50px; display:block}
.login .form .content .noLogin{color:#FF0000;line-height:80px;}
/*.ml-hide{position: fixed;left: 0;top:0;right: 0;bottom:0;background: rgba(0,0,0,.5);z-index: 99999;display: none;}*/
/*.ml-warp{width: 1200px;background: #fff;position: absolute;top:50%;left: 50%; padding:50px 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);max-width: 90%;}*/
/*.ml-close{position: absolute;width: 60px;height: 60px;background-image: url("../images/close.jpg");right: 0;top:0;cursor: pointer;}*/
/*.ml-play{margin: 0 auto;width: 500px;box-shadow: 0 0 4px #ddd;position: relative;max-width: 80%;}*/
/*.play-num{position: absolute;top:50%;left: 100px;font-size: 16px;margin-top: -10px;}*/
/*.year-mlc{position: absolute;right: 100px;word-break: break-all;text-align: center;top:50%;line-height: 1.1em;font-weight: bold;color: #000;font-size: 18px;transform: rotate(90deg);margin-top: -10px;transform-origin: center;}*/


.slideUp,.banner .swiper-slide-active .banner-des,.swiper-slide-a.swiper-slide-active .contact-des p,.swiper-slide-a.swiper-slide-active .contact-des h2,.swiper-slide-a.swiper-slide-active .hot-line,.swiper-slide-a.swiper-slide-active .title36,.swiper-slide-a.swiper-slide-active .about-des,.swiper-slide-a.swiper-slide-active .ljgd-fff,.swiper-slide-a.swiper-slide-active .pro-bot,.swiper-slide-a.swiper-slide-active .title26,.swiper-slide-a.swiper-slide-active .instruct,.swiper-slide-a.swiper-slide-active .new-con,.swiper-slide-a.swiper-slide-active .huoban{animation:slideUp 1s both;-webkit-animation:slideUp 1s both;}

@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);}

  100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}}

.slideLeft{animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;}

@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-60px);transform:translateX(-60px);}

  100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);}}

.slideRight{animation:slideRight 1s both;-webkit-animation:slideRight 1s both;}

@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(60px);transform:translateX(60px);}

  100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);}}

.tobig,.swiper-slide-a.swiper-slide-active .contact-des .i{animation:tobig 1s both;-webkit-animation:tobig 1s both;}

@keyframes tobig{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}

  100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}