/* 头部 */
.topblank{height: 80px;}
.head_wrap {position: fixed; top: 0; width: 100%; z-index: 9; background-color:#003587; transition: all 0.5s ease;}
.head_wrap .wrapper {display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 80px; width:auto; padding:0 40px;}
.head_wrap .logo {width: 200px; background: url(../images/logo.png); display: block; height:40px; background-size: 100%; transition: 0.5s;}
.head_wrap .logofont{color:#fff; font-size:16px;}
.header-nav{display:-webkit-flex; display: -ms-flexbox; display: flex; font-family: 'Roboto-Medium';}
.header-nav li{display: block; position: relative; z-index: 999; margin-left: 30px; text-transform: uppercase;}
.header-a{display: block;font-size: 15px;color: #fff;line-height: 80px;transition: all .5s; -webkit-transition: all .5s;}
.header-a .iconfont{margin-right:5px;color:#aeea00;}
.header-a:hover,.header-a.active{color:#aeea00; transition: all .5s;-webkit-transition: all .5s;}
.header-sub{width: 210px; height: auto; position: absolute; left: 50%; top: 70px; transform:translateX(-50%); background:rgba(0, 53, 138, .9); box-shadow: 0 1px 4px rgb(0, 0, 0, 0.6); padding:5px 0; display: none;}
.header-sub.w240{width:240px}
.header-sub.w120{width:120px}
.header-sub.on{display: block;}
.header-sub a{display: block; font-size: 14px; padding:4px 0px 4px 15px; color: #fff; line-height: 22px; transition: all .5s; -webkit-transition: all .5s;}
.header-sub a:hover{color:#aeea00;}
.header-sub a.active{color:#aeea00}
.mob-btn{width: 30px; overflow: hidden; display: none; cursor: pointer; position:fixed; top:16px; right:3%;}
.mob-btn1,.mob-btn2,.mob-btn3{width: 100%;height: 3px;margin-bottom: 6px;background: #d5532e;}
.mob-btn2{}
.mob-btn div{transition: all .5s;}
.mob-btn.cli .mob-btn1{-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.mob-btn.cli .mob-btn2{ opacity: 0; transition: all .5s;}
.mob-btn.cli .mob-btn3{-webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); position: relative; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
/**banner**/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative;}
.banner .banfont{position: absolute; z-index: 2; left:0; top:50%; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.banner .banfont .banfont-tit{font-size: 88px; line-height: 1; font-family: 'Anton-Regular'; color:#fff;}
.banner .banfont .banfont-des{font-size: 30px; line-height: 1; letter-spacing: 3px; color:#fff; margin: 20px 0;}
.banner .nyfont{position: absolute; z-index: 2; left:0; top:40px; width: 100%;}
.banner span{ font-weight:bold; display: block; font-size:72px; font-family: 'Avenir-Medium'; text-transform: uppercase; color:#fff; text-align: left;}
.banner .nyfontcenter{position: absolute; z-index: 2; left:0; top:50%; width: 100%; transform: translateY(-55%); line-height: 1.3;}
.banner .nyfontcenter span{margin-bottom: 10px;}
.banner .nyfontcenter p{padding-top: 10px;}
.banner .nyfont-des{font-size: 18px; color:#fff; width:700px; position: absolute; z-index: 2; left:50%; top:50%; transform: translate(-50%,-50%);}
.banner .nyfont-btn{ width:700px; position: absolute; z-index: 2; left:50%; bottom:60px; transform: translateX(-50%);}
.banner .nyfont-btn a{border: 2px solid #003587; width:45%; background: rgba(0, 53, 138, .5); font-weight: bold; color:#fff; display: block; text-align: center; line-height: 48px; box-shadow: 0 0 15px rgb(0, 0, 0, 0.7); margin-top: 30px;}
.banner .nyfont-btn a:hover{background: #aeea00; border: 2px solid #aeea00; color:#444;}
.banner .nybg{position: absolute; left:0; top:0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; width:100%; height: 100%;}
.banner .banfont .banitem{padding:40px 0;}
.banner .banfont .banitem a{background-color: #1d2cf3; text-align: center; font-size: 16px; padding:0 30px; border-radius: 60px; line-height: 60px; display: block; color:#fff; font-weight: bold; margin:20px auto 0; transition: all .5s ease;}
.banner .banfont .banitem a:hover{background-color: #212a9e;}
.banner .banfont .banitem a:nth-child(2){width:max-content;}
/*首页*/
.hometitle{text-transform: uppercase; color:#666; font-family: 'Avenir-Medium'; font-weight: bold; text-transform: uppercase; font-size:45px; text-align: center;}
.hometitle.font32{font-size: 32px;}
.whitefont{color:#fff; text-align: left;}
.whitefont a{color:#fff;}
.whitefont a:hover{color:#003587}
.hometitle.font40{font-size: 40px; line-height: 1.3;}
.hometitle.txtleft{text-align: left;}
.hometitle em{display: block; margin:5px auto 0; width:80px; height:6px; background-color: #aeea00;}
.product{padding:50px 0 0;}
.product .proimg img{width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.product li{display: block; width:32%; margin-right:2%; box-shadow: 0 0 6px rgb(0, 0, 0, 0.12); margin-top:1%; margin-bottom:1%; box-sizing: border-box; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.product li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.product li:nth-of-type(3n){margin-right:0;}
.product .proimg{overflow: hidden;}
.product li:hover .proimg img{transform: scale(1.05);}
.product li.totallink{width:66%; margin-right:0; position: relative;}
.product .productbox{padding:20px;}
.product .protit{font-size: 18px; font-weight: bold; color:#333; line-height: 1.3;}
.product .prodes{font-size:16px; color:#666; margin-top:15px;}
.product li.totallink .proimg{width:300px;}
.product li.totallink .protit{padding:20px 0 10px}
.product li.totallink .prodes p{padding:10px 0 0;}
.product li.totallink .productbox{width:calc(100% - 300px);}
.product li.totallink .morebtn{ background-color:#005eb8; position: absolute; left:0; bottom:0; text-align: center; line-height: 45px; color:#fff; width: 100%;}
.wedo{font-size: 16px;}
.wedo li{width:46%; padding:20px 0;}
.wedo .wedotit{font-size: 18px; font-weight: bold; color:#666; line-height: 1.5; text-align: center;}
.wedo .wedotit span{color:#aeea00}
.wedo .wedodes{padding:10px 0 0;}
.wedo .wedodes p{padding:10px 0;}
.homenews{text-align: center; font-size: 20px; color:#666; padding-bottom: 50px;}
.homenews dd{margin:20px 0; text-decoration: underline;}
.homenews dd a{color:#666;}
.homenews h2{font-size: 22px; font-weight: bold; color:#000}
.homecontact{font-size: 16px; color:#666; border-top: 2px solid #005eb8; border-bottom: 2px solid #005eb8; width:max-content; padding:30px 50px; margin: 30px auto 0; width:600px;}
.homecontact a{color:#666;}
.homecontact strong{color:#333; display: block; margin-bottom: 5px;}
/**内页**/
.padding-xl{padding:80px 0;}
.padding-xl.notop{padding:0 0 80px;}
.padding-xl.nobottom{padding:80px 0 0;}
.padding{padding:50px 0;}
.padding-sm{padding:30px 0;}
.margin-top-xl{margin-top:80px;}
.margin-top{margin-top:50px;}
.margin-top-sm{margin-top:20px;}
.nycontent{padding:20px 0; font-size: 16px;}
.contact-tit{font-size:30px; text-align: center; color:#53565a; font-weight: bold; line-height: 1.2;}
.contactcont{font-size:16px; line-height: 1.8;}
.contactitem li{padding:15px 0; font-size: 16px;}
.contactitem li .contact-lt{width:350px; color:#666;}
.contactitem li .contact-lt a{color:#666;}
.contactitem li .contact-quyu{font-size: 20px; font-weight: bold; color:#53565a; margin-bottom: 5px;}
.darkblue{color:#003587}
.blue{color: #005eb8;}
.green{color: #9fd600;}
.contactitem li .contact-com{font-weight: bold; color:#222;}
.contactitem li .contact-des{padding:0 0 15px;}
.contactitem li .iconfont{display: inline-block; margin-right:10px;}
.contactitem li .contact-rt{width:580px}
.resources{font-size: 16px;}
.resources h2{font-size:22px; margin-bottom:20px; font-weight: bold;}
.resources-btn{display: flex; justify-content: space-between; padding:80px 50px;}
.resources-btn a{background-color: #005eb8; display: block; width:30%; line-height: 40px; font-size: 16px; text-align: center; color:#fff; box-shadow: 0 1px 10px rgb(0, 0, 0, 0.2); transition: all .5s ease;}
.resources-btn a:hover{background-color: #003587;}
.resources-list li{margin-top:90px}
.resources-list li:nth-child(1){margin-top:0px}
.resources-list li .resources-lt{width:610px;}
.resources-list li .resources-tit{font-size: 18px; font-weight: bold; color:#333; line-height: 1.5;}
.resources-list li .resources-des{padding:15px 0 0;}
.resources-list li .resources-rt{width:calc(100% - 640px);position: relative;}
.resources-list li .addtime{position: absolute; left:0; bottom:0; color:#777;}
.resoure-down{padding:30px 0;}
.resoure-down li{width:40%; font-size: 16px; padding:30px 0;}
.resoure-down li .downicon{width:70px}
.resoure-down li .downname{width:calc(100% - 80px); color:#777;}
.resoure-down li .downname strong{display: block; font-size: 18px; color:#333;}
/*service*/
.location{padding:0 0 30px;}
.location strong{color:#003587;}
.service-one{position: relative;}
.service-two{margin-top:60px;}
.service-six{width:60%;}
.service-three{margin-top:40px;}
.service-tit{font-size:72px; color:#003587; font-family: 'Avenir-Medium'; text-transform: uppercase; font-weight: bold; line-height: 1.2; letter-spacing: 2px;}
.service-tit.wd60{width:60%;}
.service-tit.wd70{width:70%;}
.service-tit::after{content: ''; width:85%; height: 3px; background-color: #003587; display: block; margin-top: 20px;}
.service-tit.maxcontent{width: max-content;}
.service-tit.maxcontent::after{width:100%;}
.service-tit.wd50{width:50%;font-size:40px;}
.service-tit.wd50::after{width:100%;}
.service-tit.w100{width:100%;}
.daxie{ text-transform: none;}
.service-tit.w100::after{display: none;}
.service-tit2{font-size:36px; font-family: 'Avenir-Medium'; color:#555; font-weight: bold; line-height: 1.2;}
.service-tit2.wd60{color:#003587; width:60%; font-size:40px;}
.service-two{position: relative;}
.service-twoimg{position: absolute; right:0; top:0;border: 10px solid #fff;}
.service-onebox{background-color: #fff; padding:3% 0 3% 3%; position: relative; z-index: 2; margin-top: 50px; width:60%;}
.oneleftimg{position: absolute; left:0; top:0;}
.quality-lt{width:380px}
.quality-lt .quality-ltbox{padding-left: 80px;}
.quality-lt a{border: 1px solid #ddd; box-shadow: 0 0 5px rgb(0, 0, 0, 0.12); display: block; text-align: center; line-height: 38px; width:190px;}
.quality-lt a + a{margin-top:20px;}
.quality-lt a:hover{background: #f9f9f9;}
.quality-rt{width:calc(100% - 405px)}

.quality-lt50{width:48%}
.quality-rt50{width:48%}
.wd30{width:35%;}
.padding-bottom150{padding-bottom: 150px;}
.font16{font-size:16px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font30{font-size:30px;}
.font20.wd60{width:60%;}
.service-desc{padding:20px 0 0;}
.service-desc.wd40{width:40%;}
.service-desc.wd60{width:55%;}
.service-desc.wd65{width:60%;}
.service-desc.wd80{width:80%;}
.service-desc.wdcenter{width:75%; padding:30px 0 50px; text-align: center; margin: 0px auto;}
.service-desc.wd70{width:65%;}
.service-desc p{padding:10px 0;}
.margin-img{margin-top:25px;}
.bluebtn{display: block; background-color: #005eb8; color:#fff; text-align: center; font-weight: bold; width:200px; line-height: 40px;box-shadow: 0 1px 8px rgb(0, 0, 0, 0.15); transition: all .5s ease;}
.bluebtn:hover{background-color: #003587; color:#fff;}
.bluebtn.white{background-color: #fff; color:#333; width:auto; padding:4px 30px; font-weight: normal; margin-right:20px;}
.bluebtn.nowid{width:auto; padding:4px 40px;}
.bluebtn.marginauto{margin: 0px auto;}
.btnlist{padding:30px 0 0; display: flex;}
.btnlist.btn-center{justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.btnlist .bluebtn.whitebtn{background-color: #fff; color:#666; width:140px; margin-left: 30px;}
.btnlist.btn-center .bluebtn{width:30%;}
.btnlist .marginleft{margin-left: 30px;}
.service li{position: relative; width:49%; margin: 20px 0;}
.service li .servicefont{position: absolute; left:5%; right:5%; top:0; width:auto; height: 100%; text-align: center; opacity: 0; font-size:20px; font-weight: bold; color:#fff; line-height: 1.5; display: flex; align-items: center; justify-content: center;}
.service li:hover .servicefont{opacity: 1;}
.service li:hover::before{content:''; position: absolute; left:0; bottom:0; width:100%; height:100%; display: block; background-color: rgb(0, 0, 0, 0.3);}
.bottomcontact{background-color: #8c8c8c; color:#fff; padding:20px 0;}
.bottomcontact a{color:#fff;}
.bottomcontactleft{width:47.5%;}
.bottomcontact .bottomcontact-lt{width:170px; height: 170px; position: relative;}
.bottomcontact .bottomcontact-lt img{border-radius: 170px; width:170px; height: 170px; overflow: hidden;}
.bottomcontact .bottomcontact-lt span{position: absolute; left:-20px; top:0; background-color: #003587; color:#fff; width:50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; overflow: hidden; font-size: 20px; font-weight: bold;}
.bottomcontact .bottomcontact-rt{width:calc(100% - 195px); font-size: 17px;}
.bottomcontact .bottomcontact-rt .iconfont{margin-right:10px; font-size: 18px;}
.bottomcontact .bottomcontact-rt .bottomcontact-tit{line-height: 1.3; margin-bottom: 15px;}
.bottomcontact .bottomcontact-rt .bottomcontact-tit strong{font-size: 24px; display: block; margin-bottom: 5px;}
.sernumber{ position: absolute; top:0; right:0;}
.sernumber i{font-size: 300px; color:#8c8c8c; line-height: 1; font-family: 'Anton-Regular'; letter-spacing: 2px; display: block; position: relative; z-index: 3;}
.sernumber .circle{border-radius: 40px; width:40px; height: 40px; background-color: #fff; border: 12px solid #003587; position: absolute; z-index: 4; bottom:20px; left:5px; box-shadow: 0 0 20px rgba(0, 53, 138, .6);}
.sernumber em{position: absolute; bottom:40px; left:25px;}
.sernumber em::before{position: absolute;content: ''; width: 90px; height: 90px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; z-index: 0; border: 1px solid #e9e9e9;}
.sernumber em::after{position: absolute;content: ''; width: 150px; height: 150px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; z-index: 0; border: 1px solid #e9e9e9;}
.playimage{ position: absolute; bottom:0; right:180px; background-color: #fff; padding:12px;}
.playimage .playbtn{position: absolute; right:30px; bottom:30px; border-radius: 50px; width:50px; height: 50px; display: block; z-index: 3;background-color: #005eb8;}
.playimage .playbtn::after{content: ''; position: absolute; left:50%; top:50%; display: block; transform: translate(-50%,-50%);width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #fff; border-bottom: 8px solid transparent;}
.serviceblue{}
.serviceblue .serviceblue-lt{width:calc(100% / 3)}
.serviceblue .serviceblue-con{width:290px; margin: 0px auto; text-align: center;}
.serviceblue .serviceblue-con.whitefont{ text-align: center;}
.serviceblue .serviceblue-con.whitefont a:hover{color:#aaa;}
.sblue{background-color: #003587;}
.mblue{background-color: #005eb8;}
.qblue{background-color: #3271e7;}
.servicelist{padding:0;}
.servicelist li{padding:20px 0;}
.servicelist li h3{font-weight: bold; margin-bottom: 10px;}
/*articles*/
.articlestit{font-size:24px; margin-bottom:20px; font-weight: bold; color:#555;}
.articlestit em{background-color: #005eb8; width:38%; height: 3px; display: block; margin-top: 10px;}
.articleslist{padding:20px 0 0;}
.articleslist li{border: 3px solid #005eb8; width:48.5%; margin-top:3%; margin-right: 3%;}
.articleslist li:nth-child(2n){margin-right: 0;}
.articleslist li img{width: 100%;}
.articleslist .artlistbox{padding:25px;}
.articleslist .artlisttit{ color:#003587; font-size: 22px; font-weight: bold; line-height: 1.5;}
.articleslist .artlistdes{padding:15px 0 0;}
.newscon-lt{width:calc(100% - 350px);}
.newscon-lt .newsconbox{border: 2px solid #005eb8; padding:25px;}
.newscon-lt .newsview-tit{font-weight: bold;}
.viewcontent{padding:20px 0 0;}
.viewcontent img{display: block; margin:0px auto; text-align: center;}
.newscon-rt{width:280px}
.newscon-rt .news-title{border-bottom: 1px solid #ddd;}
.newscon-rt .newstj{padding:10px 0 0;}
.newscon-rt .newstj li{padding:20px 0;}
.newscon-rt .newstj li .newstj-tit{padding:20px 0 0;}
/*产品*/
.product-tit{font-size:48px; color:#005eb8; font-family: 'Avenir-Medium'; font-weight: bold; line-height: 1.2;}
.product-tit span{display: block;}
.product-tit i{display: block; color:#333; font-size: 16px; margin-bottom: 10px;}
.productlist{}
.productlist li{width:30%; margin-right:5%; padding: 30px 0 0; text-align: center;}
.productlist li:nth-child(3n){margin-right:0;}
.productlist li h2{font-size:19px; font-weight: bold; line-height: 28px; min-height: 80px; padding:12px 0; display: flex; align-items: center; justify-content:center; flex-direction: column; box-shadow: 0 0 5px rgb(0, 0, 0, 0.12); text-align: center; margin-top:10px;}
.productlist li h2 span{display: block; font-weight: normal; font-size: 16px; line-height: 1.5;}
.productlist li h3{font-size:16px; line-height: 40px; text-align: center; text-transform: uppercase; transition: all 0.5s ease; box-shadow: 0 0 5px rgb(0, 0, 0, 0.12); margin-top:30px; font-weight: bold; color:#fff;background: #005eb8;}
.productlist li h3:hover{background: #04337b;}
.productdown{padding:40px 0;}
.productdown .productdown-tit{font-size:22px; font-weight: bold; line-height: 1.3; text-decoration: underline;}
.productdown li{width:48%; box-shadow: 0 0 10px rgb(0, 0, 0, 0.12); padding:30px;}
.productys{}
.productys li{width:25%; text-align: center;}
.productys .ysbox{width:270px; margin:0px auto;}
.productys .productystit{font-weight: bold; font-size: 20px; font-family: 'Avenir-Medium'; line-height: 1.3; padding:20px 0 30px;}
.whylist{padding:30px 0;}
.whylist li{padding:30px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.whylist li:nth-child(2){flex-direction: row-reverse;}
.whylist .why-lt{width:380px; text-align: center;}
.whylist .why-rt{width:calc(100% - 480px); font-size: 16px;}
.whylist .why-tit{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.whylist .why-rt p{position: relative; padding-left: 16px;}
.whylist .why-rt p::before{width:6px; height: 6px; border-radius: 6px; content: ''; background-color: #999; position: absolute; left:0; top:9px;}

.bluebg{background-color: #005eb8; color:#fff; text-align: center;}
.bluebg .hometitle{color:#fff; padding:10px 0;}
.bluebg .btnlist{display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row;}
.bluebg .btnlist a{display: block; background-color: #407ef2; color:#fff; width:27%; margin: 0 3%; text-align: center; font-weight: bold; line-height: 55px; box-shadow: 0 1px 8px rgb(0, 0, 0, 0.1); transition: all .5s ease;}
.bluebg .btnlist a:hover{background-color: #04337b; color:#fff;}
.bluebg .btnlist a:nth-child(4),.bluebg .btnlist a:nth-child(5){margin-top:4%;}
.bluebg .btnlistfour{display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row;}
.bluebg .btnlistfour a{display: block; background-color: #407ef2; color:#fff; width:200px; margin: 0 2%; text-align: center; font-weight: bold; line-height: 55px; box-shadow: 0 1px 8px rgb(0, 0, 0, 0.1); transition: all .5s ease;}
.anchor{position: relative; top: -80px; visibility: hidden;}
.pins-box{width:100%;}
.pins-lt{background-color: #003587; width:50%;}
.pins-box .pinscontent{width:390px; margin:0px auto; color:#fff; padding:50px 0;}
.pins-box .pinscontent img{display: block; margin:0px auto;}
.pins-box .pinscontent .pinstitle{font-weight: bold; text-align: center; padding:15px 0 25px;}
.pins-box .pinscontent p{position: relative; padding:3px 0 3px 15px;}
.pins-box .pinscontent p::after{content: ''; width:5px; height: 5px; border-radius: 6px; background-color: #fff; position: absolute; left:0; top:11px;}
.pins-rt{background-color: #005eb8; width:50%;}
.pinslist{padding:10px 0 0;}
.pinslist li{padding:30px 0;}
.pinslist-lt{width:280px;}
.pinslist-rt{width:calc(100% - 300px); padding:10px 0 0;}
.pinslist-desc p{position: relative; padding:1px 0 1px 15px;}
.pinslist-desc p::after{content: ''; width:5px; height: 5px; border-radius: 6px; background-color: #333; position: absolute; left:0; top:10px;}
.pinslistcon{text-align: center; padding:0 15%;}
.txtcenter{text-align: center;}
.imgcenter{display: block; margin:0px auto;}
.white-btn{display: block; background-color: #fff; text-align: center; width:130px; margin: 0px auto; border: 1px solid #ddd; line-height: 26px; box-shadow: 0 1px 8px rgb(0, 0, 0, 0.1); transition: all .5s ease;}
.white-btn:hover{background-color: #e8e8e8;}
table{width:100%; border-collapse: collapse; border-spacing: 0; font-size:14px;}
table tr th{background:#dedede;}
table tr th,table tr td{padding:5px;border: #ccc solid 1px; text-align: center;}
.pinstable table{width:auto; margin: 0px auto;}
.pinstable table tr th,.pinstable table tr td{padding:4px 30px; border: #ccc solid 0px;}
.stampings table{width:100%;}
.stampings table tr th,.stampings table tr td{padding:5px; border: #ccc solid 0px;}
table tr:hover{background-color: #eee;}
.w400{width:400px;}
.w400 img{display: block; margin: 0px auto;}
.w600{width:550px;}
.autobox{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding:20px; margin-top: 25px; margin-bottom: 10px;}
.autobox h3{ font-family: 'Avenir-Medium'; text-align: center; font-weight: bold; color:#005eb8; font-size: 36px; line-height: 1.2;}
.autobox h4{ font-family: 'Avenir-Medium'; text-align: center; font-weight: bold; color:#005eb8; font-size: 20px; margin-bottom: 10px;}
.graybg{background-color: #fafafa;}
.autoheader{width:800px; margin:0px auto;}
.autoheader li{width:300px; padding: 30px 0 0; text-align: center;}
.autoheader li h2{font-size:18px; box-shadow: 0 0 5px rgb(0, 0, 0, 0.12); padding:12px 0; text-align: center; margin-top:5px;}
.spliceband{background-color: #005eb8;}
.spliceband .spliceband-lt{width:calc(100% - 60%)}
.spliceband .spliceband-lt .spliceband-box{max-width: 360px; margin: 0px auto;}
.spliceband .spliceband-rt{width:60%}
.spliceband .spliceband-rt img{width:100%;}
.spliceband .spliceband-list{padding:40px 0 0;}
.spliceband .spliceband-list li{padding:15px 0;}
.spliceband .spliceband-list li:last-child{text-align: right;}
.spliceband .spliceband-list-lt{width:60px;}
.spliceband .spliceband-list-rt{width:calc(100% - 60px)}
.press-list{padding:0;}
.press-list li{padding:25px 0;}
.press-list .press-list-lt{width:300px;}
.press-list .press-list-rt{width:calc(100% - 300px); line-height: 2;}
.press-list .press-list-rt h2{color:#005fb8; font-size: 22px; font-weight: bold; margin-bottom: 10px;}
/*team*/
.bg-gray{background-color: #aaa;}
.teamlist{}
.teamtit{font-size: 36px; font-family: 'Avenir-Medium'; font-weight: bold; text-align: center; color:#003587;}
.teamtit::after{display: block; content:''; width:40px; height: 3px; background-color: #005fb8; margin:0px auto;}
.teamtit.qianl{color:#005fb8;}
.teamlist li{padding:30px 0;}
.teamlist li .team-lt{width:227px;}
.teamlist li .team-rt{width:calc(100% - 267px)}
.team-name{font-size: 16px; color:#333;}
.team-name strong{font-size: 22px; display: block; color:#000;}
.team-des{font-size: 16px; padding:10px 0; color:#000;}
.media{line-height: 1.5;}
.teamcontact .margin-top{margin-top:20px;}
.media .iconfont{font-size: 22px; color:#ddd; margin-right: 10px; display: inline-block; vertical-align: middle;}
.teamcontact li{width:50%; padding:10px 0;}
.teamcontact ul{padding:10px 0;}
.teamcontact li:first-child{width: 100%;}
.width60{width:40px;}
.width60 .iconfont{margin-right:0;}

/*视频*/
.video-container{width:750px; margin: 50px auto 0;}
#main-video{width: 100%; margin-top: 15px;}
.thumbnails { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin-top: 20px;}
.thumbnail-wrap {width: calc(25% - 10px); height: auto; overflow: hidden; position: relative; cursor: pointer; transition: all 0.5s ease;}
.thumbnail-video {width: 100%; height: auto; display: block;}
.thumbnail-play, .thumbnail-name, .thumbnail-duration, .thumbnail-mask {position: absolute; color: white; z-index: 10; transition: all 0.5s ease; opacity: 0;}
.thumbnail-play {top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; border: 1px solid #fff; width:26px; height: 26px; border-radius: 30px;}
.thumbnail-play::after{position: absolute; content: ''; left:10px; top:6px;width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #fff; border-bottom: 6px solid transparent; display: block;}
.thumbnail-name { top: 5px; left: 10px; font-size: 14px;}
.thumbnail-duration {bottom: 5px; left: 10px; font-size: 12px;}
.thumbnail-mask {top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0;}
.thumbnail-wrap:hover .thumbnail-play,.thumbnail-wrap:hover .thumbnail-name,.thumbnail-wrap:hover .thumbnail-duration { opacity: 1;}
.thumbnail-wrap::before{content: ''; background-color:rgba(0, 0, 0, 0.6); width:100%; height: 100%; position: absolute; left:0;top:0; display: block; opacity: 0;}
.thumbnail-wrap:hover::before{opacity: 1;}
.thumbnail-wrap.playing .thumbnail-mask {opacity: 1;}
.thumbnail-wrap.playing .thumbnail-play,.thumbnail-wrap.playing .thumbnail-duration {opacity: 0;}
.thumbnail-wrap.playing .thumbnail-name {opacity: 0;}
.thumbnail-wrap.ended .thumbnail-name {opacity: 1;}
.thumbnail-wrap.ended .thumbnail-play,.thumbnail-wrap.ended .thumbnail-duration,.thumbnail-wrap.ended .thumbnail-mask {opacity: 0;}

.downlist{padding:0; min-height: 400px;}
.downlist a{width: 32%; margin-right: 2%; margin-top:20px; margin-bottom:20px; font-size: 17px; line-height: 1.4; min-height: 40px; background: url(../images/down.png) no-repeat left 50%; padding-left: 50px; display: flex; align-items: center; justify-content: flex-start;}
.downlist a:nth-child(3n){margin-right:0;}
.supplierlist{padding:0; min-height: 400px;}
.supplierlist a{width: 49%; font-size: 17px; line-height: 1.4; background: url(../images/down.png) no-repeat left 50%; padding-left: 50px; margin: 20px 0;}
.supplierlist h3{color:#005fb8; font-size: 20px; font-family: 'Avenir-Medium';}
.distributors{padding-top: 30px;}
.distributors-l{box-shadow: 0 1px 6px rgba(0, 53, 135, .15); padding:40px; width: 48%;}
.distributors-ll{box-shadow: 0 1px 6px rgba(0, 53, 135, .15); padding:20px; width: 32%;}
/*图片高度*/
.resources-image img{width: 100%; height: 305px; object-fit: cover; object-position: 50% 50%;}
.team-image img{width: 100%; height: 720px; object-fit: cover; object-position: 50% 50%;}
.terms-image img{width: 100%; height: 260px; object-fit: cover; object-position: 50% 50%;}
.dist-image img{width: 100%; height: 425px; object-fit: cover; object-position: 50% 50%;}
.cert-image img{width: 100%; height: 425px; object-fit: cover; object-position: 50% 50%;}
.home-image img{width: 100%; height: 800px; object-fit: cover; object-position: 50% 50%;}
.acces-image img{width: 100%; height: 575px; object-fit: cover; object-position: 50% 50%;}
/*底部*/
.footer{background: #003587; line-height: 1.5; padding:10px 0; color:#fff;}
.footer .totop{position: fixed; right:40px; bottom:100px; cursor: pointer;}
.footer .totop::before{content: ""; position: absolute; top:0; left:50%; width: 18px; height: 18px; margin-left: -4px; border-right: 2px solid #000; border-top: 2px solid #000; transform: rotate(315deg);}
.footer .totop::after{content: ""; position: absolute; top:-1px; left:50%; width: 2px; height: 30px; background-color: #000; margin-left:4px;}
.footer .foot{padding:15px 0; position: relative;}
.footer .foot .foot-lt{width:310px;}
.footer .foot .foot-rt{min-width:170px; line-height: 1.7;}
.footer .foot .foot-tit{margin-bottom: 12px; font-size: 16px;}
.footer .foot .foot-com dd{font-size: 14px; display: block; color:#fff;margin:15px 0 8px;}
.footer .foot .foot-com dd:first-child{margin-top:0;}
.footer a{color:#fff;}
.footer .share{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px;}
.footer .share a{width:28px; height: 28px; background: #fff; margin-right:20px; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.footer .share .iconfont{color:#053989; font-size: 18px;}
.footer .share a:hover{background: #ddd;}
.footer .copyright{position: absolute; left:0; bottom:20px;}

@media all and (max-width:1480px){
.head_wrap .wrapper {padding:0 20px;}
.head_wrap .logofont{ font-size:16px;}
.header-nav li{margin-left: 30px;}
.header-nav li:first-child{margin-left: 0px;}
.header-a{font-size: 14px;}
.head_wrap .logofont{text-align: center;}
.banner .nyfontcenter span{font-size:60px;}
.banner .nyfontcenter .font20{font-size: 18px;}
/* .banner .banfont .banfont-tit{font-size: 68px; line-height: 1; color:#fff;}
.banner .banfont .banfont-des{font-size: 30px; line-height: 1; letter-spacing: 3px; color:#fff; margin: 20px 0;}
.banner span{ display: block; font-size:45px; color:#fff; text-align: left;}

.banner .banfont .banitem a{font-size: 16px; padding:0 35px; line-height: 55px; margin:15px auto 0;} */
.teamtit{font-size: 36px;}
}

/* @media(max-width:1200px){
.topblank{height: 0;}
.topbg{height: 50px;}
.head_wrap .wrapper {padding:0 3%; height: 50px;}
.head_wrap .logo {width: 125px; height:25px;background: url(../images/logo.png); background-size: 100%; margin-top:0;}
.head_wrap.active .logo{width: 125px; height:25px;background: url(../images/logo.png); background-size: 100%;}
.rightmenu{display: none;}
.PC_ban{display: none;}
.Mob_ban{display:block;}

.header-nav{width: 100%;height: calc(100% - 50px);position: fixed;top: 50px;left: 0;background: #fafafa;padding:10px 3%;box-sizing: border-box; box-sizing: -webkit-border-box;display: none; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}
.header-nav li{width: 100%;	margin: 0; position: relative;}
.mob-btn{display: block; z-index: 999;}
.header-c{width: 100%;height: 42px; z-index: 10; position: absolute;top: 0;left: 0; cursor:pointer}
.header-a{width: 100%;border-bottom: 1px solid #ddd;line-height: 42px;padding:0 5px;font-size:14px; box-sizing: border-box; box-sizing: -webkit-border-box;position: relative; color:#333;}
.header-a:after{display: none;}
.header-a:before{content: '';position:absolute; z-index: 9; right:0; margin-top: -20px; top:50%; width: 40px; height: 40px;background: url(../images/ico82.png) no-repeat center center;transition: all .5s;-webkit-transition: all .5s;}
.won.header-a:before{display: none;}
.header-nav li.on .header-a:before{transform: rotate(45deg);transition: all .5s;-webkit-transition: all .5s;}
.header-sub{position: relative;top: initial;left: inherit;background: initial;padding:5px 0;border-bottom: 1px solid #E5E5E5; width:100%;}
.header-sub a>div{display: none;}
.header-sub a{color: #666; font-size:14px;padding: 0 10px;text-align: left; line-height: 28px;}
.header-sub a:hover{background:none; color:#d5532e;}
} */