/*鏍峰紡鍒濆鍖?/
*{ margin:0; padding:0;color: #444;color: #888888;font-family:"Microsoft YaHei"; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0 ;  overflow-x: hidden;min-width: 1200px;position: relative;width: 100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-size:16px; font-weight:bold; padding:0; margin:0;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;max-width: 100%;}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }.fr{float:right;}.fl{float:left}

body{font-family:'Microsoft YaHei';max-width:1920px; margin:auto; font-size:14px; width:100%;}
.container{width:1200px;margin:auto; }
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.pcshow{display:block;}
.mobileshow{display:none}

@font-face {
    font-family: "iconfont"; /* Project id 2982851 */
    src: url('//at.alicdn.com/t/font_2982851_ot9885rjsni.woff2?t=1652242622723') format('woff2'), 
        url('//at.alicdn.com/t/font_2982851_ot9885rjsni.woff?t=1652242622723') format('woff'), 
        url('//at.alicdn.com/t/font_2982851_ot9885rjsni.ttf?t=1652242622723') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-dianhua:before {content: "\e612";}
.icon-dianhua1:before {content: "\e60c";}
.icon-youxiang:before{content:"\e908"}
.icon-mingpianjiaxiaochengxuicon_wangzhi:before{content:"\e618"}
.icon-dianliang:before{content:"\e642"}
.icon-qianjin:before{content:"\e628"}
.icon-fanhui:before{content:"\e600"}
.icon-home:before{content:"\e7c6"}
.icon-dizhi:before{content:"\e62e"}
.icon-fax-fill:before{content:"\e620"}
.icon-address:before{content:"\e611"}
.icon-dianhua-yuankuang:before{content:"\e8be"}
.icon-24gf-telephone2:before{content:"\e96d"}
.icon-faxchuanzhen:before{content:"\e6e5"}
.icon-guanbi:before{content:"\e69f"}
.icon-sousuo:before{content:"\eafe"}

.header{ width:100%; background:#fff;z-index:9999; position:relative;}
.header .navagation{overflow:hidden;}
.header .logo{overflow:hidden; float:left; margin-top:5px;}
.header .logo .iso{margin-left:25px;}
.header .logo img{height:70px;}
.header .headtel{display: block;float: left; line-height: 45px; font-size: 24px; color: #281714; font-weight: bold; margin-top: 8px; padding-left: 15px;}
.header .nav {float:right; overflow:hidden;}
.header .nav a{font-size:18px; color:#000;line-height:80px; float:left; width:105px; text-align:center}
.header .nav a.current,.header .nav a:hover{background-color:#003377; color:#fff; }
.header .nav a.lan{position:absolute; right:5%; top:25px; display:none; width:30px; height:30px; line-height:30px; background-color:#003377; color:#fff; border-radius:50%; font-size: 12px;}
.header.header-small{ background: #fff; position: fixed;width: 100%;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.header.header-small .logo img{height:35px;}
.header.header-small .nav a{font-size:15px; line-height:35px;}
.header.header-small .nav a.lan{top:5px; line-height:30px; font-size:12px;}
.header.header-small .languages{height:40px;}
.header.header-small .languages span{top:8px;}
.header.header-small .languages .lans{top:40px;}
.header .languages{position:absolute; right:0; width:5%; height:80px; top:0; z-index:9999;}
.header .languages:hover{background-color:#003377}
.header .languages span{display:block; width:25px; height:25px; background:url(/assets/images/clang_h.png) no-repeat center center;position: absolute; top: 25px; left: 50%;margin-left: -15px; cursor:pointer;}
.header .languages:hover span{background:url(/assets/images/clang.png) no-repeat center center;}
.header .languages .lans{position: absolute;top: 80px; background-color: #003377; width: 200px; right: -200px; padding: 10px 15px;-webkit-transition: all linear .2s;transition: all linear .2s;}
.header .languages:hover .lans{right:0;}
.header .languages .lans a{display:inline-block; width:100%; color:#fff; padding:0; margin: 10px 0;font-size:14px; padding-left: 35px;line-height:18px; font-weight:normal; text-align:left; background: url(/assets/images/languages.png) no-repeat;}
.header .languages .lans a:hover{background-color:#fff; color:#003377}
.header .languages .lans a.cn{background-position:0 -460px;}
.header .languages .lans a.en{background-position:0 -46px;}
.header .languages .lans a.arabic{background-position:0 -23px;}
.header .languages .lans a.russian{background-position:0 -344px;}
.header .languages .lans a.german{background-position:0 -230px;}
.header .languages .lans a.french{background-position:0 -92px;}
.header .languages .lans a.spain{background-position:0 -69px;}
.header .languages .lans a.portuguese{background-position:0 -322px;}
.footer{overflow:hidden; background-color:#1A1A1A; width:100%;}
.footer .container{padding:40px 0; width:}
.footer .foot { overflow:hidden; position:relative; }
.footer .foot::after{content:""; width:100%; height:1px; background-color:#5c5a59; position:absolute; top:70px; left:0;}
.footer .foot .fl{float:left; width:35%;}
.footer .foot .fl .flogo{height: 80px;}
.footer .foot .fl p{font-size:15px; color:#999; line-height:24px;}
.footer .foot .fl p.slogan{color:#fff; line-height:24px; font-size:13px; margin-top:5px;}
.footer .foot .fl p.tel{font-size:30px; color:#c9792b;}
.footer .foot .fl p.tel span{font-size:25px; color:#c9792b; padding-right:5px; transform:rotate(45deg)}
.footer .foot .fl p img,.footer .foot .fr p span{float:left; margin-right:10px;}
.footer .foot .fr{overflow:hidden; float:right; width:65%; display:flex; }
.footer .foot .fr .item{flex:1;}
.footer .foot .fr .item h3{}
.footer .foot .fr .item h3 a{font-size:15px; color:#999999; line-height:55px; padding-top:20px;}
.footer .foot .fr .item a{color:#999999; display:block; line-height:32px;}
.footer .foot .fr .item a:hover{color:#fff;}
.footer .foot .fr .item p{font-size:12px; line-height:30px;}
.footer .copyright{overflow:hidden; margin-top:40px; padding-top:20px; border-top: 1px solid #464646;}
.footer .copyright .fl{float:left}
.footer .copyright .fl a{display:block; width:30px; height:30px; background-size:contain; background-color:#ddd; float:left; display:flex; border-radius:100%; margin-right:5px;align-items: center;}
.footer .copyright .fl a img{height:25px; margin:auto;}
.footer .copyright .fl a.wechat img{height:20px;}
.footer .copyright .fr{float:right; color:#666666; }
.footer .copyright .fr a{color:#666666; margin-left:15px;}
.footer .copyright .fr a:hover{color:#c9792b;}
.footer .copyright .fr a.fw{background:url(../images/icon04.png) no-repeat center right; padding-right:26px;}

.page_banner{overflow:hidden; position:relative;}
.page_banner img{width:100%; display:block; z-index:1}
.page_banner h1{color:#003377; font-size:40px; position:absolute; top:20%; left:50%; margin-left:-560px; z-index:9; padding-left:20px; }
.page_banner h1.white{color:#fff;}
.page_banner h1:before{content:""; position:absolute; top:2px; left:0; height:40px; width:5px; background-color:#003377; margin-right:15px; }
.page_banner .textwrap{overflow:hidden; background-color:#003377; padding:50px; height:300px;}
.page_banner .textwrap.tar{text-align:right}
.page_banner .textwrap h3{color:#fff; font-size:24px; line-height:30px; position:relative;}
.page_banner .textwrap h3.line{padding-top:50px; margin-top:50px;}
.page_banner .textwrap h3.line:before{content:""; width:10%; height:3px; background-color:#fff; position:absolute; right:0; top:0;  }
.page_banner .textwrap p{color:#fff; line-height:36px; font-size:16px;}
.boxtit {overflow:hidden; text-align:center; }
.boxtit h3{color:#003377; font-size:28px; font-weight:bold; letter-spacing:1px;}
.boxtit h2{color:#666; font-size:28px; font-weight:normal;position:relative; height:50px; line-height:50px; letter-spacing:1px; text-transform:uppercase; }
.boxtit p{font-size: 16px; line-height: 28px; color: #555; margin-top:20px; padding: 10px 10%;}
.subnab{background-color:#f2f2f2;}
.subnab .container{display:flex}
.subnab a{padding:0 40px; line-height:50px; color:#333; font-size:15px;}
.subnab a:hover,.subnab a.on{background-color:#003377; color:#fff; }
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background:url(/assets/images/arrow.png) no-repeat center center; width:45px; height:45px; background-size:contain; top:50%; }
.swiper-container .swiper-button-prev{left:0; }
.swiper-container .swiper-button-next{right:0; transform:rotate(180deg);}

.products{overflow:hidden}
.products .box1{padding:3% 0;}
.products .cate{ text-align:center; }
.products .cate a{display:inline-block; font-size:20px; font-weight:bold; position:relative; padding:0 30px; line-height:40px; }
.products .cate a::after{content:""; width:2px; height:16px; background-color:#555; position:absolute; right:0; top:13px; }
.products .cate a:last-child::after{display:none}
.products .cate a.cur{ color:#333;}
.products .list{overflow:hidden; margin-top:2%;}
.products .list .swiper-container{padding-bottom:3%}
.products .list .swiper-slide{display:flex; justify-content:space-between; }
.products .list .swiper-slide img{width:46%; border:1px solid #f2f2f2; }
.products .list .swiper-slide .txt{width:46%;}
.products .list .swiper-slide .txt h1{font-size:16px; background-color:#003377; color:#fff; line-height:35px; padding:0 20px; display:inline-block; margin-top:40px; }
.products .list .swiper-slide .txt h3{font-size:16px; margin-top:50px; color:#333; line-height:30px;}
.products .list .swiper-slide .txt p{ margin-top:10px; color:#666; line-height:24px;}
.products .list .swiper-slide .txt p b{font-weight:bold; color:#003377; padding-right:5px; font-size:15px;}
.products .swiper-pagination{}
.products .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:#ddd; opacity:1;}
.products .swiper-pagination .swiper-pagination-bullet-active{background:#003377; width:30px; border-radius:8px}
.products .box2{padding:4% 0; background-color:#f2f2f2;}
.products .box2 .icons{display:flex; justify-content:space-between; text-align:center; padding:0 15%; margin-top:3%;}
.products .box2 .icons .i{  }
.products .box2 .icons .i img{width:80px; height:80px;border-radius:50%; background-color:#003377;  }
.products .box2 .icons P{font-weight:bold; color:#003377; font-size:20px; line-height:30px; margin-top:10px;  }
.products .box2 .swiper-container{padding-bottom:3%;}
.products .box2 .swiper-wrapper{margin-top:3%;background-color: #fff;}
.products .box2 .swiper-slide{display:flex; justify-content:space-between; background-color:#fff;padding: 3%; min-height: 450px;}
.products .box2 .swiper-slide .txt{width:40%; padding-left:3%;}
.products .box2 .swiper-slide .imgbox{width:55%;}
.products .box2 .swiper-slide .imgbox img{width:100%;}
.products .box2 .swiper-slide h3{font-size:28px; line-height:40px; color:#333; }
.products .box2 .swiper-slide b{font-weight:bold; color:#003377; font-size:20px; display:block; padding-bottom:10px;}
.products .box2 .swiper-slide p{font-size:15px; line-height:22px; margin:10px 0; color:#555; position:relative; padding-left:12px; }
.products .box2 .swiper-slide p::before{content:""; width:5px; height:5px; background-color:#003377; border-radius:50%; top:9px; left:0; position:absolute;}
.products .box2 .fj .swiper-slide .imgbox{width:60%;}
.products .box3{padding:4% 0;}
.products .box3 .viewbox {overflow:hidden; background-color:#002661; display:flex; margin-top:3%;}
.products .box3 .viewbox video{position:relative; width:900px;}
.products .box3 .viewbox img{width:900px;}
.products .box3 .viewbox .text{float:right; padding: 3% 2%; width: 300px;}
.products .box3 .viewbox h2{font-size:22px; position:relative; color:#fff;; padding-bottom:5%; line-height:32px;}
.products .box3 .viewbox h2::after{position:absolute; content:""; width:40%; height:2px; background-color:#fff; bottom:5px; left:0; }
.products .box3 .viewbox p{color:#fff; margin-top:50px; line-height:24px; font-size:15px;}
.products .box3 .list{overflow:hidden; margin-top:30px; display:flex;justify-content: space-between; }
.products .box3 .list a{overflow:hidden; display:block; float:left; width:380px;}
.products .box3 .list a .img{width:100%; height:240px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
.products .box3 .list a .img::after,.products .box3 .viewbox video::after{content:""; background:url(/assets/images/video_play.png) no-repeat center center; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:999; width: 50px; height: 50px; border-radius: 50%;    background-size: contain;}
.products .box3 .list a .tt{color:#003377; font-size:15px; line-height:28px;padding:5px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.products .box3 .list a .subtt{line-height:24px;padding:0 5px; height:48px; overflow:hidden}
.products .box3 .list a p.summary{display:none}
.products .swiper-container .swiper-button-next,.products .swiper-container .swiper-button-prev{top:60%}
.products.liangban .swiper-container .swiper-button-next,.products.liangban .swiper-container .swiper-button-prev{top:50%}
.products.fj .swiper-container .swiper-button-next,.products.fj .swiper-container .swiper-button-prev{top:50%}

.solutionlist{overflow:hidden}
.solutionlist .box .boxtit{text-align:left; position:relative;}
.solutionlist .box1{padding:4% 0 6%; overflow:hidden; background:url(/upload/images/2023/3/7ac5d80c933d1c8.png) no-repeat center center; }
.solutionlist .box1 .left{float:left; width:700px;}
.solutionlist .box1 .left video{width: 100%;}
.solutionlist .box1 .right{float:right; width:450px;}
.solutionlist .box1 .summary{font-size:16px; line-height:32px; color:#333; margin-top:40px;}
.solutionlist .box2{overflow:hidden; position:relative; }
.solutionlist .box2 .con{margin-top:100px; overflow:hidden; padding-bottom:5%; }
.solutionlist .box2 .swiper-button-next,.solutionlist .box2 .swiper-button-prev{ background-color: #fff; width: 35px; height: 35px; border-radius: 50%; background-size: 30px; top: auto; bottom: 5px;}
.solutionlist .box2 .ctr{width:18%; float:left;  height: 420px; position: relative;}
.solutionlist .box2 .ctr .swiper-button-next{right:100px;}
.solutionlist .box2 .application{width:82%; float:right; }
.solutionlist .box2::after{ content:""; background-color:#999; border-top-right-radius:15px; border-bottom-right-radius:15px; width:40%; position:absolute; top:120px; left:0; bottom: 0; height: 80%;}
.solutionlist .box2 .swiper-slide{background-color:#f2f2f2; border-bottom:5px solid #f2f2f2; }
.solutionlist .box2 .swiper-slide:hover{border-bottom:5px solid #003377; }
.solutionlist .box2 .swiper-slide img{width:100%;}
.solutionlist .box2 .swiper-slide .txt{ padding:15px 20px;}
.solutionlist .box2 .swiper-slide .txt h3{font-size:15px; font-weight:bold; color:#333; line-height:40px;}
.solutionlist .box2 .swiper-slide .txt p{font-size:14px; color:#555; line-height:25px; height:75px; overflow:hidden;  display: none; }
.solutionlist .box2 .swiper-slide .arrow{width:18px; margin-top:20px; }
.solutionlist .page_banner.swiper-container .swiper-button-next,.solutionlist .page_banner.swiper-container .swiper-button-prev{top:35%}

.join{overflow:hidden; }
.join .contact{overflow:hidden; padding:4% 0; }
.join .contact .container{margin-top:3%;}
.join .contact .left{float:left; width:450px}
.join .contact .left h1{font-size: 26px; font-weight: bold; color: #333;}
.join .contact .left h2{font-weight: normal; color: #444; line-height: 20px; text-transform: uppercase; font-size: 13px;}
.join .contact .pannel{margin-top:30px;}
.join .contact .pannel p{color:#333; line-height:26px; font-size:15px;}
.join .contact .right{float:right; width:700px}
.join .map{overflow:hidden; position:relative;}
.join .map .allmap{width:50%;height:550px; float: left; z-index:9; border: 2px solid #ddd;}
.join .map .allmap .BMap_bubble_title{font-weight:bold; color:#003377; line-height:30px;}
.join .map .allmap .BMap_bubble_content{ color:#555; line-height:24px;}
.join .map #allmap1{border-right:none;}
.join .map .formbox{position:absolute; top:100px; left:50%; width:340px; margin-left:-600px; z-index:999; background-color:#fff; padding:30px 25px; border-radius:10px;}
.join .map .formbox p{line-height:18px; }
.join .map .item{overflow:hidden; display:flex; justify-content:space-between; margin-bottom:15px; line-height:30px;}
.join .map .item span{text-align:right; width:25%; line-height:30px; color:#555}
.join .map .item input{ width:70%; border:none; background-color:#f2f2f2; outline:none; height:28px; padding:1px 10px;color:#333 }
.join .map .item textarea{width:70%; height:80px; border:none; background-color:#f2f2f2; outline:none; resize:none;padding:10px; }
.join .map .btn{display:inline-block; line-height:30px; padding:0 20px; font-size:12px; color:#333; background-color:#f2f2f2; float:right;  margin:20px auto 0}
.join .map .btn:hover{background-color:#003377; color:#fff;}
.join .ass{overflow:hidden; padding:4% 0 0;}
.join .ass .con{display:flex; height:55vh; margin-top:3%;}
.join .ass .item{flex:1; text-align:center; background-color:#eee; }
.join .ass .item:nth-child(2n+1){background-color:#fafafa;}
.join .ass .item img{margin:15vh auto 3vh;}
.join .ass .item p{color:#333; line-height:30px; font-size:16px;}
.join .recurit{overflow:hidden; padding:4% 0;}
.join .recurit .container{margin-top:3%;}
.join .recurit .left{width:870px; float:left}
.join .recurit .right{width:308px; float:right}
.join .recurit .mid{padding:40px 20px; background-color:#003377; }
.join .recurit .mid .group{margin-bottom:20px}
.join .recurit .mid .group input{border:none; background-color:#f2f2f2; height:30px; width:100%; outline:none; padding:5px;}
.join .recurit .mid .group p{color:#ddd; line-height:20px;}
.join .recurit .mid .btn{display:inline-block; line-height:30px; padding:0 20px; font-size:12px; color:#333; background-color:#f2f2f2;}
.join .recurit .mid .btn:hover{background-color:#fff}
.join .recurit .bottom{position:relative}
.join .recurit .bottom .txt{position:absolute; top:20px; left:20px;font-size:15px;}
.join .recurit .bottom .txt p{color:#000; line-height:30px; }
.join .recurit .bottom .txt b{color:#003377; }
.join .recurit .job{overflow:hidden; background-color:#fff; padding:20px 30px; margin-bottom:10px; border:1px solid #ddd; }
.join .recurit .job .summary{display:flex; justify-content:space-between; padding:10px 0;}
.join .recurit .job .summary h2{color:#333; font-size:18px; line-height:30px; width:25%;}
.join .recurit .job .summary span{color:#555; line-height:30px; }
.join .recurit .job .summary .ex{background:url(/assets/images/icon_03.png) no-repeat center center; background-size:contain; width:30px; height:30px; cursor:pointer; border-radius:50%;}
.join .recurit .job .summary .ex.jian{background:url(/assets/images/icon_02.png) no-repeat center center; }
.join .recurit .job .con{margin-top:20px; display:none}
.join .recurit .job .con p{line-height:24px; color:#333; }
.join .recurit .job .con p strong,.join .recurit .job .con strong p{font-weight:bold; color:#003377; line-height:30px;}

.news{overflow:hidden; background:url(/assets/images/news_bg.png) no-repeat center bottom;  padding-bottom: 25vh;}
.news .box{width:1320px; margin:3% auto 4%; position:relative; }
.news .box .boxtit{text-align:left; margin-bottom:2%; position:relative;}
.news .box .boxtit .more{position:absolute; right:0; top:50px; color:#333; line-height:25px; padding:0 15px; border:1px solid #333; }
.news .box .boxtit .more:hover{background-color:#003377; border:1px solid #003377; color:#fff}
.news .box .swiper-container{width:1200px;}
.news .box .swiper-slide{background-color:#f2f2f2; border-radius:10px; }
.news .box .swiper-slide .img{width:100%; height:190px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-top-left-radius:10px; border-top-right-radius:10px; }
.news .box .swiper-slide .txt{padding:15px;}
.news .box .swiper-slide h3{font-size:16px; font-weight:bold; color:#003377; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news .box .swiper-slide p{font-size:14px; color:#555; line-height:25px; height:75px; overflow:hidden; }
.news .box .swiper-slide span{font-size:18px;}
.news .list{overflow:hidden; padding:4% 0;}
.news .list .container{overflow:hidden;}
.news .list .item{display:flex; justify-content:space-between; border-top:1px solid #ddd; padding:2.5% 0;}
.news .list .item .img{ width:400px; height:200px; background-repeat:no-repeat; background-position:top center; background-size:cover; }
.news .list .item .txt{width:750px; padding:10px 20px;}
.news .list .item .txt h3{color:#333; line-height:28px; height:56px; }
.news .list .item .txt p{color:#555; line-height:24px; height:72px;margin: 10px 0 20px;}
.news .list .item .txt span{color:#999; font-size:13px;}
.news .info{overflow:hidden; padding:3% 5px;}
.news .info .tit{font-size:24px; line-height:28px; color:#333; }
.news .info .date{line-height:30px; color:#999;}
.news .info .con{margin-top:3%;}
.news .info .con p{font-size:16px; line-height:26px; color:#333; margin-bottom:10px;}
.news .info .con p strong{font-weight: bold; color:#003377; font-size: 18px;}
.news .info .con img{max-width:100%; }
.news  .swiper-button-next,.news  .swiper-button-prev{background:url(/assets/images/arrow.png) no-repeat center center; width:45px; height:45px; background-size:contain; top:55%; }
.news  .swiper-button-prev{left:0; }
.news  .swiper-button-next{right:0; transform:rotate(180deg);}

.innovate{}
.innovate .page_banner .textwrap,.news .page_banner .textwrap,.solutionlist .page_banner .textwrap,.about .page_banner .textwrap{text-align:right}
.innovate .about{overflow:initial;}
.innovate .achievement{padding:4% 0; background:url(/assets/images/innovate_bg.png) no-repeat center center; background-size:cover; }
.innovate .achievement .swiperach{margin-top:3%; padding-bottom:3%;}
.innovate .achievement .swiperach .swiper-slide{background-color:#fff; border-radius:10px;}
.innovate .achievement .swiperach .swiper-slide img{width:96%; margin:30px auto; }
.innovate .achievement .swiperach .swiper-slide .txt{background-color:#fff; padding:15px 20px;}
.innovate .achievement .swiperach .swiper-slide h3{font-size:16px; font-weight:bold; color:#003377; line-height:40px;}
.innovate .achievement .swiperach .swiper-slide p{font-size:14px; color:#555; line-height:25px; height:75px; overflow:hidden; display: none;}
.innovate .achievement .swiperach .swiper-slide .arrow{width:18px;margin: 20px 0 10px;}
.innovate .achievement .swiperach  .swiper-pagination{}
.innovate .achievement .swiperach  .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:#fff; opacity:1;}
.innovate .achievement .swiperach  .swiper-pagination .swiper-pagination-bullet-active{background:#003377; width:30px; border-radius:8px}
.innovate  .swiper-button-next,.innovate  .swiper-button-prev{background:url(/assets/images/arrow.png) no-repeat center center; width:45px; height:45px; background-size:contain; top:50%; }
.innovate  .swiper-button-prev{left:0; }
.innovate  .swiper-button-next{right:0; transform:rotate(180deg);}
.innovate .brand{padding:4% 0; }
.innovate .brand .container{ overflow:hidden; margin-top:3%}
.innovate .brand .container a{float:left; margin: 10px; width: 180px;border:1px solid #f2f2f2; padding:10px;}
.innovate .brand .container img{ width:100%; margin:auto; }

.about{overflow:hidden}
.about .textwrap p{float:right; width:640px;}
.about .company{ display:flex; justify-content:space-between; position:relative;padding-top: 6vh; margin-top: -6vh; overflow:hidden; }
.about .company .item{ padding:25vh 0; flex:1; position:relative; }
.about .company .item.on::before{content: ""; background-color: rgba(0,0,0,0.2); position: absolute; left: 0; top: -6vh; right: 0; bottom: 0; z-index: 9;}
.about .company .item .intxt{ width:190px; height:75px; padding:10px 0 10px 75px; margin:auto; z-index:99; position:relative;}
.about .company .item h4{font-weight:bold; font-size:32px; color:#333; line-height:35px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.about .company .item p{font-size:16px; color:#555;  line-height:20px;}
.about .company .item .bg{width:100%; height:110%; position:absolute; top:100%; left:0; background-repeat:no-repeat;background-size:cover;  transition: transform .3s ease; z-index:1; }
.about .company .item::after{background-color:rgba(0,0,0,0.4); position:absolute; top:0; left:0; bottom:0; right:0;}
.about .company .item:hover .bg,.about .company .item.on .bg{top:-6vh; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.about .company .item:hover h4,.about .company .item:hover p,.about .company .item.on h4,.about .company .item.on p{color:#fff; }
.about .company .item:hover::after,.about .company .item.on::after{content:""}
.about .company .item1 .intxt{background:url(/assets/images/remarks_1.png) no-repeat center left;}
.about .company .item2 .intxt{background:url(/assets/images/remarks_2.png) no-repeat center left;}
.about .company .item3 .intxt{background:url(/assets/images/remarks_3.png) no-repeat center left;}
.about .company .item4 .intxt{background:url(/assets/images/remarks_4.png) no-repeat center left;}
.about .culture{overflow:hidden; padding:4% 0; background:url(/assets/images/about_bg1.png) no-repeat center center; background-size:cover; }
.about .culture .container{background-color:#003377; border-radius:20px; padding:5% 0; margin-top:3%;}
.about .culture .container p{text-align:center; line-height:60px; font-size:18px; color:#fff; font-weight:bold; }
.about .history{overflow:hidden; padding:4% 0;background-color:#f2f2f2;}
.about .history .con{width:100%; position:relative; height:60vh; }
.about .history .line{width:100%;}
.about .history .content{position:absolute; top:30%; left:2.5%; overflow:hidden; width:95%; z-index:99; }
.about .history .swiper-slide{width:20%;}
.about .history .swiper-slide img{border-radius:50%; margin:auto; }
.about .history .swiper-slide .y{font-size:20px; color:#003377; margin-top:10px; font-weight:bold; text-align:center; }
.about .history .swiper-slide .c{font-size:15px; color:#333; line-height:24px; width: 60%; margin: 10px auto; text-align: center;}
.about .video{}
.about .honor{overflow:hidden; padding-top:4%;}
.about .honor .con{overflow:hidden; margin-top:3%; position:relative;}
.about .honor .con::after{content:""; background-color:#003377; position:absolute; bottom:0; left:0; width:100%; height:80%; z-index:9;}
.about .honor .swiper-container { width: 1000px;  height: 100%;  z-index:99; }
.about .honor .swiper-slide{text-align:center;transition:300ms;transform:scale(0.6);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.about .honor .swiper-slide.about .honor .swiper-slide.swiper-slide-active,.about .honor .swiper-slide.swiper-slide-duplicate-active{transform:scale(1)}
.about .honor .txt{position:relative; z-index:99; padding:4%; }
.about .honor .txt p{text-align:center; line-height:40px; color:#fff; font-size:16px; }
.about .video{overflow:hidden; padding:4% 0; background-color: #f2f2f2;}
.about .video .viewbox {overflow:hidden; background-color:#002661; display:flex; margin-top:3%;}
.about .video .viewbox video{width:900px;}
.about .video .viewbox .text{float:right; padding: 3% 2%; width: 300px;}
.about .video .viewbox h2{font-size:22px; position:relative; color:#fff;; padding-bottom:5%; line-height:32px;}
.about .video .viewbox h2::after{position:absolute; content:""; width:40%; height:2px; background-color:#fff; bottom:5px; left:0; }
.about .video .viewbox p{color:#fff; margin-top:50px; line-height:24px; font-size:15px;}
.about .video .list{overflow:hidden; margin-top:30px; display:flex;justify-content: space-between; }
.about .video .list a{overflow:hidden; display:block; float:left; width:380px;}
.about .video .list a .img{width:100%; height:240px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.about .video .list a p{color:#333; font-size:15px; line-height:24px;padding:0 5px; }
.about .base{padding:4% 5% 5%;}
.about .base .content{margin-top: 2%; overflow:hidden}
.about .base .tab_nav{display: flex; justify-content: center;margin-bottom: 2%;}
.about .base .tab_nav a{width: 160px; background-color: #f2f2f2; line-height: 40px; display: block; font-weight: bold; color: #555; text-align: center; margin: 0 10px;}
.about .base .tab_nav a.on{background-color: #037;color: #fff;}
.about .base .tab_con .con{display: none;}
.about .base .item{overflow: hidden;}
.about .base .item img{width:100%}
.about .base .item p{ line-height:30px; font-size:15px; text-align: center; color: #333; padding-top: 10px;}

.index{overflow:hidden; background-color:#f4f4f4;}
.index .bannerbox{position:relative;}
.index .bannerbox .swiper-pagination{padding:1.8% 0;}
.index .bannerbox .swiper-pagination .swiper-pagination-bullet{width:0.8vw; height:0.8vw; margin:0 0.3vw; background-color:#fff; opacity:1; }
.index .bannerbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2vw; border-radius:8px; background-color:#003377}
.index .contro{overflow:hidden; background:url(/assets/images/banner_bg.png) no-repeat bottom left; background-size:contain; padding:1.8% 4%; position:absolute; bottom:0; width:45%; min-height:50px; z-index: 99999; display:flex; justify-content:flex-end; padding-right:5%; align-items:center; text-align:center;}
.index .contro .item{padding:0; width:45px; height:45px; line-height:45px; margin-right:8%; display:block; border:1px dashed #fff; position:relative;border-radius:50%; color:#FFF; font-size:20px; cursor:none;}
.index .contro .item::after{content:""; position:absolute; width:90%; height:1px; background-color:#fff;top: 50%; right: -110%;}
.index .contro .item.on{background-color:#fff;  color:#003377}
.index .contro .item.next{background:url(/assets/images/next_bg.png) no-repeat bottom left; background-size:contain; border:none;cursor:pointer;right: auto; margin-top: 0;}
.index .contro .item.next::after{display:none;}
.index .indexcont{background-color:#f8f8f8;}
.index .container{overflow:hidden}
.index .titbox {overflow:hidden;}
.index .titbox h3{color:#333; font-size:28px; font-weight:normal; text-align:center; letter-spacing:1px; text-transform:uppercase}
.index .titbox h2{color:#003377; font-size:28px; font-weight:600;position:relative; height:50px; line-height:40px; text-align:center; letter-spacing:1px;}
.index .textbox {padding:0 5%;}
.index .textbox p{line-height:35px;  font-size:17px; color:#333; text-align:center;}
.index .aboutbox{overflow:hidden; padding:4% 0 3%; background-color:#fff;}
.index .aboutbox h2{ font-size: 32px; font-weight: bold;color: #003377;line-height: 48px; text-align:center;position:relative; padding-bottom:5%; margin-bottom:5%}
.index .aboutbox h2::after{content:""; position:absolute; width:20%; height:3px; background-color:#BFBFBF; bottom:0; left:50%; margin-left:-10%;}
.index .aboutbox .remarks{overflow:hidden; margin-top:35px; display:flex; justify-content:space-between; padding:0 5%; }
.index .aboutbox .remarks .item{float:left; height:75px; padding:10px 0 10px 75px;}
.index .aboutbox .remarks .item h4{font-weight:bold; font-size:32px; color:#333; line-height:35px;}
.index .aboutbox .remarks .item p{font-size:16px; color:#555;  line-height:20px;}
.index .aboutbox .remarks .item1{background:url(/assets/images/remarks_1.png) no-repeat center left;}
.index .aboutbox .remarks .item2{background:url(/assets/images/remarks_2.png) no-repeat center left;}
.index .aboutbox .remarks .item3{background:url(/assets/images/remarks_3.png) no-repeat center left;}
.index .aboutbox .remarks .item4{background:url(/assets/images/remarks_4.png) no-repeat center left;}
.index .aboutbox .more{ background:url(/assets/images/bg_01.png) no-repeat center center; width:122px; height:30px;display:block; margin:8% auto 0; text-align:center; }
.index .aboutbox .more span{background:url(/assets/images/icon_01.png) no-repeat center right; color:#fff; font-size:16px;  line-height:30px;padding-right:15px; }
.index .productbox{overflow:hidden; padding:4% 0 2%; /*background:url(/assets/images/product_bg.png) no-repeat center right;*/}
.index .productbox .textbox{margin-top:2%;}
.index .productbox .list{overflow:hidden; width:90%; margin:3% auto 0;}
.index .productbox .imgbox{overflow:hidden; float:left; width:60%;}
.index .productbox .imgbox img{width:100%;}
.index .productbox .infobox{overflow:hidden; float:left; width:40%; padding:3% 5% 3% 3%;}
.index .productbox .infobox a{display:block;}
.index .productbox .infobox .a1{font-size:24px; font-weight:bold;  color:#333;position:relative;line-height: 30px;}
.index .productbox .infobox .a2{font-size:16px; color:#555; margin-top:50px;}
.index .productbox .infobox .more{ background:url(/assets/images/bg_01.png) no-repeat center center; width:122px; height:30px;display:block; margin-top:10%; text-align:center; }
.index .productbox .infobox .more span{background:url(/assets/images/icon_01.png) no-repeat center right; color:#fff; font-size:16px;  line-height:30px;padding-right:15px; }
.index .productbox .swiper-container{padding-bottom:4%;}
.index .productbox .swiper-pagination{bottom:0;}
.index .productbox .swiper-pagination .swiper-pagination-bullet{width:0.6vw; height:0.6vw; margin:0 0.3vw; background-color:#fff; opacity:1; }
.index .productbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2vw; border-radius:8px; background-color:#003377}
.index .solution{overflow:hidden; padding:4% 0 0; background-color:#fff;}
.index .solution .runpic-box{ position: relative; width: 100%; height: 75vh; overflow: hidden;  margin-top: 3%;}
.index .solution .runpic-words { position: absolute; width: 100%; height: 100%; top: 0; left: 0;  z-index: 3;}
.index .solution .runpic-words ul{ width: 100%; height: 100%; }
.index .solution .runpic-words ul li { cursor: pointer; position: relative; height: 100%; float: left; text-align: center;}
.index .solution .runpic-words ul li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3); }
.index .solution .runpic-words ul li:last-child:after{ display: none; }
.index .solution .runpic-words ul li .txt{ color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.index .solution .runpic-words ul li .ico{ position: relative; width: 69px; height: 55px; margin: 0 auto 40px; }
.index .solution .runpic-words ul li .ico img{ width: 69px; }
.index .solution .runpic-words ul li .ico .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.index .solution .runpic-words ul li .name{ font-size: 36px; line-height: 36px; color: #fff; }
.index .solution .runpic-words ul li .cha{ opacity: 0; overflow: hidden; padding-top: 0; height: 0; padding: 0 10%; }
.index .solution .runpic-words ul li .msg{ font-size: 15px; color:#fff; line-height: 32px; height: 96px; }
.index .solution .runpic-words ul li .btnDiv{ display:none;  position: absolute; left: 50%; bottom: 0; margin-left: -90px; text-align: left; width: 180px; height: 46px; line-height: 46px; font-size: 14px; text-indent: 45px; }
.index .solution .runpic-words ul li .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.index .solution .runpic-words ul li .btnDiv a{ display:block; color: #333;}
.index .solution .runpic-words ul .liNow{ background: rgba(0,0,0,0.5);}
.index .solution .runpic-words ul .liNow .txt .cha{ opacity: 1; padding-top: 45px; height: 230px; }
.index .solution .runpic-words ul .liNow .ico img{ opacity: 0; }
.index .solution .runpic-words ul .liNow .ico .img1{ opacity: 1; }
.index .solution .runpic-words ul .liNow .btnDiv:after{ animation: iconAni 1.5s ease infinite; }
/*.index .solution .runpic-words .swiper-button-prev{ z-index: 2; position: absolute; top: 50%; margin-top: -30px; left: 20px; width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/nimg12_lefton.png) center no-repeat; }
.index .solution .runpic-words .swiper-button-next{ z-index: 2; position: absolute; top: 50%; margin-top: -30px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/nimg12_righton.png) center no-repeat; }
.index .solution .runpic-words .swiper-button-prev:hover{ background: #ffed00 url(../images/nimg12_lefton.png) center no-repeat; }
.index .solution .runpic-words .swiper-button-next:hover{ background: #ffed00 url(../images/nimg12_righton.png) center no-repeat; }*/
.index .solution .runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 75vh; background-color: #b6b5aa;}
.index .solution .runpic-pic ul li { width: 100%; height: 75vh; display: none; background: center no-repeat; position: relative; background-size: cover; position: absolute; top: 0%; left: 0%;}
.index .solution .runpic-pic-true{animation: toPicBig 1s ease-in-out both;}
.index .newsbox{overflow:hidden; padding:4% 0; background-color:#fff;}
.index .newsbox .topnews{overflow:hidden; background-color:#002661;}
.index .newsbox .topnews a{display:flex;}
.index .newsbox .topnews img{width:900px;}
.index .newsbox .topnews .text{float:right; padding: 3% 2%; width: 300px;}
.index .newsbox .topnews h2{font-size:22px; position:relative; color:#fff;; padding-bottom:5%; line-height:32px;}
.index .newsbox .topnews h2::after{position:absolute; content:""; width:40%; height:2px; background-color:#fff; bottom:5px; left:0; }
.index .newsbox .topnews p{color:#fff; margin-top:50px; line-height:24px; font-size:15px;}
.index .newsbox .list{overflow:hidden; margin-top:30px; display:flex;justify-content: space-between; }
.index .newsbox .list a{overflow:hidden; display:block; float:left; width:380px;}
.index .newsbox .list a .img{width:100%; height:285px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.index .newsbox .list a p{color:#333; font-size:15px; line-height:24px;padding:0 5px; }
.index .newsbox .list a p.date{color:#003377; font-weight:bold;padding:10px 5px;}
.index .businessbox{overflow:hidden; background-color:#eeeeee}
.index .businessbox .titbox{margin-bottom:3%; display: none;}
.index .businessbox .map{margin:1% auto 2%; display: none;}
.index .businessbox p{line-height:100px; text-align:center; color:#fff; background-color:#002661; font-size: 16px;}

@media screen and (max-width:1400px) {
    .header .nav a.lan{right:3%}
}

/*鎵嬫満绔?/
@media screen and (max-width:1200px) {
    body {min-width: 360px;position: relative;width: 100%;}
    .container{width:100%;margin:auto; }
    .pcshow{display:none;}
    .mobileshow{display:block}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none}
    .innovate .page_banner .textwrap,.news .page_banner .textwrap,.solutionlist .page_banner .textwrap,.about .page_banner .textwrap{text-align:center}

    /*澶村熬*/
    .header{ padding:5px 0px; background-color:#fff; }
    .header .logo{ margin-left: 2%; z-index:999;  position:relative}
    .header .logo .iso{margin-left:20px;}
    .header .logo img{height:40px;}
    .header.header_b{background-color:#fff}
    .header.header-small .nav a{line-height:60px; font-size:16px; padding:5px 0;}
    .header .mmenu{float:right; width:8%; margin-right:3%; margin-top:8px;}
    .header .mmenu span{display:block; width:86%; height:4px; margin:4px auto; background-color:#003377}
    .header.header_b .mmenu span{ background-color:#1d2087}
    .header .nav {float:none; width:75%; padding-top:80px;position:fixed; top:0; bottom:0; left:-75%;  background-color:#003377; z-index:999;}
    .header .nav a{display:block;line-height: 50px; font-size: 16px; color:#eee; margin:0; text-indent:0; width:100%;border-bottom: 1px solid #476389; }
    .header .nav a.lan{border:1px solid #ddd; }
    .header .headtel{line-height: 40px;  margin-left: 15px; font-size: 16px; color: #333; font-weight: bold; margin-top: 0; padding-left: 20px; background:url(/upload/images/2020/4/9cf4c2eaa04d03b8.png) no-repeat center left; background-size:15px;}
    .header .languages{right:15%; width:30px; height:55px; }
    .header .languages span{top:15px;}
    .header .languages .lans{ width: 100%; height: 100%; position: fixed; top: 55px; padding:5%; right: -100%;}
    .header .languages .lans a{margin:20px 0;}
    .footer .container{width:100%; padding:0; margin:auto; padding-bottom:5%;}
    .footer .foot{overflow:hidden; padding:4%;}
    .footer .foot::after{display:none}
    .footer .foot .fl{overflow:hidden; float:none; width:100%; padding-right:0;}
    .footer .foot .fl .flogo{height:50px; margin-bottom:15px;}
    .footer .foot .fl p{font-size:14px; color:#ddd; }
    .footer .foot .fl p.tel{font-size:26px;}
    .footer .foot .fr{display:none}
    .footer .copyright{overflow:hidden; margin-top:0;}
    .footer .copyright .fl{float:none; display:none}
    .footer .copyright .fr{float:none; padding:0 5%; color:#666666; text-align:center; line-height:180%; font-size:12px; }
    .footer .copyright .fr a{color:#666666; margin-left:15px;}

    .page_banner h1{font-size:24px; top:10%; left:5%; margin-left:0; line-height:30px; }
    .page_banner h1:before{top:0; left:0; height:30px; width:3px; padding-left:10px; }
    .page_banner .textwrap{overflow:hidden; background-color:#003377; padding:5% 4%; height:auto; min-height:240px;}
    .page_banner .textwrap h3{font-size:18px; line-height:30px; position:relative;}
    .page_banner .textwrap h3.line{padding-top:5%; margin-top:5%;text-align: center;}
    .page_banner .textwrap h3.line:before{right:50%; margin-right:-5%; }
    .page_banner .textwrap p{color:#fff; line-height:1.8; font-size:15px; margin-top:20px;text-align: center;}
    .boxtit h3{ font-size:20px; line-height:40px;}
    .boxtit h2{ font-size:18px; height:auto; line-height:1; }
    .subnab{margin-top:1px;}
    .subnab .container{display:flex; flex-wrap:wrap; }
    .subnab a{padding:0; text-align:center; line-height:45px; color:#333; font-size:14px;}

    .products .subnab a{width:50%}
    .products .box1{padding:5% 4%;}
    .products .cate a{font-size:14px;padding: 0 10px;}
    .products .list{margin-top:0;}
    .products .list .swiper-container{padding-bottom:5vh}
    .products .list .swiper-slide{display:block;}
    .products .list .swiper-slide img{width:100%; border:none; }
    .products .list .swiper-slide .txt{width:100%; text-align:center;}
    .products .list .swiper-slide .txt h1{font-size:15px; margin-top:5%; }
    .products .list .swiper-slide .txt h3{font-size:15px; margin-top:5%; color:#333; line-height:30px;}
    .products .list .swiper-slide .txt p{ margin-top:10px; color:#666; line-height:24px; text-align:left}
    .products .swiper-pagination{}
    .products .swiper-pagination .swiper-pagination-bullet{width:2vw; height:2vw; background-color:#ddd; opacity:1;}
    .products .swiper-pagination .swiper-pagination-bullet-active{ width:5vw; background-color:#003377; }
    .products .box2{padding:5% 0; }
    .products .box2 .icons{display:flex; justify-content:space-between; text-align:center; padding:0 10%; margin-top:5%;}
    .products .box2 .icons .i{}
    .products .box2 .icons .i img{width:50px; height:50px;}
    .products .box2 .icons p{ font-size:16px; line-height:30px; margin-top:5px;  }
    .products .box2 .swiper-container{padding-bottom:5vh;}
    .products .box2 .swiper-wrapper{margin-top:3%;}
    .products .box2 .swiper-slide{display:block; padding:4%; min-height:50px; }
    .products .box2 .swiper-slide .txt{width:100%; padding:1%;}
    .products .box2 .swiper-slide .imgbox{width:100%}
    .products .box2 .swiper-slide img{width:100%;}
    .products .box2 .swiper-slide h3{font-size:20px;}
    .products .box2 .swiper-slide p{font-size:15px; line-height:30px; color:#555; margin-top:10px; }
    .products .box3{padding:5% 0;}
    .products .box3 .viewbox {overflow:hidden; background-color:#002661; display:flex; margin-top:3%;}
    .products .box3 .viewbox video{position:relative; width:100%;}
    .products .box3 .viewbox img{width:100%;}
    .products .box3 .viewbox .text{float:none;}
    .products .box3 .list{overflow:hidden; margin-top:3%; display:block; flex-wrap:wrap; justify-content: space-around; padding:0 2%;}
    .products .box3 .list a{float:left; width:48%; margin:1%;}
    .products .box3 .list a .img{width:100%; height:120px; }
    .products .box3 .list a .img::after,.products .box3 .viewbox video::after{ margin:-20px 0 0 -20px; width: 40px; height: 40px;}
    .products .box3 .list a .tt{color:#003377; font-size:15px;}
    .products .box3 .list a .subtt{line-height:24px;padding:0 5px; height:48px; overflow:hidden}

    .solutionlist .textwrap h3{float:none;}
    .solutionlist .textwrap p{float:none; width:100%;}
    .solutionlist .subnab a{width:25%}
    .solutionlist .box .boxtit{text-align:center; position:relative;margin-top: 5%;}
    .solutionlist .box1{padding:0 0 5%; }
    .solutionlist .box1 .left{float:none; width:100%;}
    .solutionlist .box1 .right{float:none; width:100%;}
    .solutionlist .box1 .summary{font-size:15px; padding: 0 8%;line-height:1.8; margin-top:6%; text-align:center; }
    .solutionlist .box2 .con{margin-top:3%; padding-bottom:5%; }
    .solutionlist .box2 .swiper-button-next,.solutionlist .box2 .swiper-button-prev{ background-color: #fff; width: 35px; height: 35px; border-radius: 50%; background-size: 12px; top: auto; bottom: 5px;}
    .solutionlist .box2 .ctr{width:100%; float:none;  display:none}
    .solutionlist .box2 .application{width:100%; float:none; }
    .solutionlist .box2::after{ display:none; }

    .join .subnab a{width:33.333%}
    .join .contact{overflow:hidden; padding:5% 4%; }
    .join .contact .container{margin-top:3%; overflow:hidden}
    .join .contact .left{float:none; width:100%; text-align:center}
    .join .contact .left h1{font-size:20px}
    .join .contact .left h2{}
    .join .contact .pannel{margin-top:5%;}
    .join .contact .pannel p{color:#333; line-height:26px; font-size:15px;}
    .join .contact .right{float:none; width:100%; margin-top: 5%;}
    .join .map{overflow:hidden; position:relative; background-color:#f2f2f2; }
    .join .map #allmap{display:none;}
    .join .map .allmap{display:none}
    .join .map .formbox{position:initial; width:94%; margin:5% auto; padding:8% 鈥?%; border-radius:0;}
    .join .map .formbox p{line-height:18px; }
    .join .map .item{overflow:hidden; display:flex; justify-content:space-between; margin-bottom:15px; line-height:30px;}
    .join .map .item span{text-align:right; width:25%; line-height:30px; color:#555}
    .join .map .item input{ width:70%; border:none; background-color:#f2f2f2; outline:none; height:28px; padding:1px 10px;color:#333 }
    .join .map .item textarea{width:70%; height:80px; border:none; background-color:#f2f2f2; outline:none; resize:none;padding:10px; }
    .join .map .btn{display:inline-block; float:none; line-height:40px; margin:20px auto 0; width:100%; text-align:center;}
    .join .ass{overflow:hidden; padding:5% 0 0;}
    .join .ass .con{display:flex; flex-wrap:wrap; height:auto; overflow:hidden; margin-top:3%;border-top: 1px solid #eee;}
    .join .ass .item{flex:auto; text-align:center; background-color:#eee; width:50%;padding: 5vh 0; }
    .join .ass .item:nth-child(2n+1){background-color:#eee;}
    .join .ass .item:nth-child(1),.join .ass .item:nth-child(4){background-color:#fff;}
    .join .ass .item img{margin:3vh auto;width: 60px;}
    .join .ass .item p{color:#333; line-height:30px; font-size:15px;padding: 0 10%;}
    .join .recurit{overflow:hidden; padding:5% 0;}
    .join .recurit .container{margin-top:3%; overflow:hidden;}
    .join .recurit .left{width:94%; margin:auto; float:none;}
    .join .recurit .right{display:none;}
    .join .recurit .job{ padding:3%;}
    .join .recurit .job .summary{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0;}
    .join .recurit .job .summary h2{font-size:16px; line-height:30px; width:100%;}
    .join .recurit .job .summary span{color:#555; line-height:30px; }
    .join .recurit .job .summary .ex{background:url(/assets/images/icon_03.png) no-repeat center center; background-size:contain; width:30px; height:30px; cursor:pointer; border-radius:50%;}
    .join .recurit .job .summary .ex.jian{background:url(/assets/images/icon_02.png) no-repeat center center; }
    .join .recurit .job .con{margin-top:20px; display:none}
    .join .recurit .job .con p{line-height:24px; color:#333; }
    .join .recurit .job .con p strong,.join .recurit .job .con strong p{font-weight:bold; color:#003377; line-height:30px;}

    .news{background-size:contain;  padding-bottom: 12vh; background-color:#f2f2f2;}
    .news .subnab a{width:33.333%}
    .news .box{width:100%; margin:auto; position:relative; background-color: #fff;}
    .news .box .boxtit{text-align:center; margin-bottom:0; position:relative; padding:5% 0;}
    .news .box .boxtit .more{position:initial;display:inline-block; }
    .news .box .swiper-container{width:100%;}
    .news .box .swiper-slide .img{width:100%; height:120px; }
    .news .box .swiper-slide .txt{padding:15px;}
    .news .box .swiper-slide h3{font-size:15px; line-height:1.6;}
    .news .box .swiper-slide p{font-size:14px; color:#555; line-height:25px; height:75px; overflow:hidden; }
    .news .box .swiper-slide span{font-size:16px;}
    .news .list{overflow:hidden; padding:4% 0;}
    .news .list .container{margin-top:3%; width: 94%;}
    .news .list .item{padding:0; background-color:#fff; border:none; margin-bottom:10px;}
    .news .list .item .img{ width:38%; height:100px; }
    .news .list .item .txt{width:62%; padding:10px 1% 10px 3%; }
    .news .list .item .txt h3{color:#333; line-height:1.8; height:60px; font-size:15px;overflow: hidden; }
    .news .list .item .txt p{display:none;}
    .news .list .item .txt span{color:#999; font-size:13px; line-height:20px;}
    .news .info{overflow:hidden; border-top:1px solid #ddd; padding:3% 5px;}
    .news .info .tit{font-size:18px; line-height:1.8; color:#333; }
    .news .info .date{line-height:30px; color:#999;}
    .news .info .con{margin-top:3%;}
    .news .info .con p{font-size:15px; line-height:24px; color:#333; }
    .news .info .con img{max-width:100%; margin:auto;}
    .news  .swiper-button-next,.news  .swiper-button-prev{background:url(/assets/images/arrow.png) no-repeat center center; width:45px; height:45px; background-size:contain; top:55%; }
    .news  .swiper-button-prev{left:0; }
    .news  .swiper-button-next{right:0; transform:rotate(180deg);}

    .innovate .achievement{padding:5% 0;}
    .innovate .achievement .swiperach{ padding-bottom:5vh;}
    .innovate .achievement .swiperach .swiper-slide{background-color:#ddd; border-radius:10px;}
    .innovate .achievement .swiperach .swiper-slide img{width:96%; margin:20px auto; }
    .innovate .achievement .swiperach .swiper-slide .txt{background-color:#fff; padding:15px 20px;}
    .innovate .achievement .swiperach .swiper-slide h3{font-size:15px;line-height:25px; height:50px;}
    .innovate .achievement .swiperach .swiper-slide p{font-size:14px; color:#555; line-height:25px; height:75px; overflow:hidden; }
    .innovate .achievement .swiperach .swiper-slide .arrow{width:18px;margin: 20px 0 10px;}
    .innovate .achievement .swiperach  .swiper-pagination{}
    .innovate .achievement .swiperach  .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:#fff; opacity:1;}
    .innovate .achievement .swiperach  .swiper-pagination .swiper-pagination-bullet-active{background:#003377; width:30px; border-radius:8px}
    .innovate  .swiper-button-next,.innovate  .swiper-button-prev{display:none}
    .innovate .brand{padding:5% 0; }
    .innovate .brand .container a{margin: 1%; width: 31.333%; height:60px;padding:5px 10px;}
    .innovate .brand .container img{ max-width:100%; margin:auto; max-height:50px; vertical-align:central; }

    .about .textwrap h3{float:none;}
    .about .textwrap p{float:none; width:100%;}
    .about .company{ flex-wrap:wrap; padding-top:0; margin-top:0; }
    .about .company .item{ padding:5vh 0; flex:1; }
    .about .company .item .intxt{ width:100%; height:auto; padding:54px 0 5%; margin:auto; z-index:99; position:relative; text-align:center;}
    .about .company .item h4{ font-size:20px; color:#333; line-height:1.5;}
    .about .company .item p{font-size:14px; color:#555;  line-height:1.1;}
    .about .company .item .bg{display:none}
    .about .company .item::after{display:none}
    .about .company .item:hover .bg,.about .company .item.on .bg{top:-6vh; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
    .about .company .item:hover h4, .about .company .item:hover p, .about .company .item.on h4, .about .company .item.on p{color:#333;}
    .about .company .item1 .intxt{background:url(/assets/images/remarks_1.png) no-repeat center top; background-size: 50px;}
    .about .company .item2 .intxt{background:url(/assets/images/remarks_2.png) no-repeat center top; background-size: 50px;}
    .about .company .item3 .intxt{background:url(/assets/images/remarks_3.png) no-repeat center top; background-size: 50px;}
    .about .company .item4 .intxt{background:url(/assets/images/remarks_4.png) no-repeat center top; background-size: 50px;}
    .about .culture{overflow:hidden; padding:5% 0;}
    .about .culture .container{ padding:8% 5%; margin-top:3%; width:92%;}
    .about .culture .container p{line-height:1.6; font-size:15px; color:#fff; font-weight:normal; margin:20px; }
    .about .history{padding:5% 0;}
    .about .history .con{width:100%; position:relative; height:auto; margin-top:5% }
    .about .history .line{width:100%;}
    .about .history .content{position:initial; width:96%; z-index:99; margin:0 auto; }
    .about .history .swiper-slide{width:auto;}
    .about .history .swiper-slide .y{font-size:18px; }
    .about .history .swiper-slide .c{font-size:14px; line-height:1.6; width: 90%; margin: 10px auto; text-align: center;}
    .about .honor{overflow:hidden; padding-top:5%;}
    .about .honor .con{overflow:hidden; margin-top:3%; position:relative;}
    .about .honor .con::after{content:""; background-color:#003377; position:absolute; bottom:0; left:0; width:100%; height:80%; z-index:9;}
    .about .honor .swiper-container { width: 100%;  height: 100%;  z-index:99; }
    .about .honor .swiper-slide{text-align:center;transition:300ms;transform:scale(0.6);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
    .about .honor .swiper-slide.swiper-slide-active,.about .honor .swiper-slide.swiper-slide-duplicate-active{transform:scale(1)}
    .about .honor .txt{position:relative; z-index:99; padding:4%; }
    .about .honor .txt p{text-align:center; line-height:1.6; color:#fff; font-size:14px; margin:15px 0;}
    .about .video{overflow:hidden; padding:5% 0;}
    .about .video .viewbox {display:block; margin-top:3%;}
    .about .video .viewbox video{width:100%;}
    .about .video .viewbox .text{float:none; padding: 5% 4%; width:100%}
    .about .video .viewbox h2{font-size:18px; padding-bottom:5%; line-height:1.8;}
    .about .video .viewbox h2::after{position:absolute; content:""; width:100%; height:1px; background-color:#fff; bottom:5px; left:0; }
    .about .video .viewbox p{color:#fff; margin-top:3%; line-height:24px; font-size:14px;}
    .about .video .list{margin-top:0; display:none; padding:5% 4%;}
    .about .video .list a{ float:none; width:100%; display:flex;background-color: #f2f2f2;margin-bottom: 10px;}
    .about .video .list a .img{width:40%; height:100px;}
    .about .video .list a p{color:#333; font-size:15px; line-height:24px;padding:15px 0 15px 5%; width:60%;  }
    .about .base .boxtit p{padding:0;}
    .about .base .tab_nav a{width: 50%; margin: auto;}

    .index .bannerbox .swiper-pagination{padding:0;}
    .index .bannerbox .swiper-pagination .swiper-pagination-bullet{width:2vw; height:2vw; margin:0 1vw; background-color:#fff; opacity:1; }
    .index .bannerbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4vw; border-radius:8px; background-color:#003377}
    .index .contro{display:none}
    .index .indexcont{background-color:#f8f8f8;}
    .index .titbox h3{ font-size:18px;}
    .index .titbox h2{font-size:20px;}
    .index .textbox p{line-height:1.8;  font-size:15px; margin-bottom:5px;}
    .index .aboutbox{padding:5% 4%;}
    .index .aboutbox h2{ font-size: 20px;}
    .index .aboutbox .remarks{margin-top:6%; padding:0; flex-wrap:wrap; }
    .index .aboutbox .remarks .item{width:50%; height:auto; padding:50px 0 5%; text-align:center;}
    .index .aboutbox .remarks .item1,.index .aboutbox .remarks .item2,.index .aboutbox .remarks .item3,.index .aboutbox .remarks .item4{background-size:50px; background-position:top center; }
    .index .aboutbox .remarks .item h4{ font-size:20px; line-height:1.1;}
    .index .aboutbox .remarks .item p{font-size:14px; color:#555;  line-height:1;}
    .index .aboutbox .more{ margin: 5% auto;}
    .index .aboutbox .more span{ font-size:15px; }
    .index .productbox{overflow:hidden; padding:5% 4%;}
    .index .productbox .textbox{margin-top:2%;}
    .index .productbox .list{width:100%; margin:5% auto 0;}
    .index .productbox .imgbox{float:none; width:100%; display:block;}
    .index .productbox .infobox{float:none; width:100%; padding:3% 0;}
    .index .productbox .infobox a{display:block;}
    .index .productbox .infobox .a1{font-size:18px; }
    .index .productbox .infobox .a2{font-size:15px; color:#555; margin-top:10px;}
    .index .productbox .infobox .more{ width:122px; height:30px;display:block; margin-top:10%; text-align:center; }
    .index .productbox .infobox .more span{font-size:15px;  line-height:30px;padding-right:15px; }
    .index .productbox .swiper-container{padding-bottom:5%;}
    .index .productbox .swiper-pagination .swiper-pagination-bullet{width:2vw; height:2vw; margin:0 1vw; background-color:#fff; opacity:1; }
    .index .productbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4vw; border-radius:8px; background-color:#003377}
    .index .solution{overflow:hidden; padding:5% 0 0; background-color:#fff;}
    .index .solution .runpic-box{height: auto; overflow: hidden;  margin-top: 3%;}
    .index .solution .runpic-words { position: absolute; width: 100%; height: 100%; top: 0; left: 0;  z-index: 3;}
    .index .solution .runpic-words ul li { cursor: pointer; position: relative; height: 100%; float: left; text-align: center;}
    .index .solution .runpic-words ul li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3); }
    .index .solution .runpic-words ul li:last-child:after{ display: none; }
    .index .solution .runpic-words ul li .txt{ color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
    .index .solution .runpic-words ul li .ico{ margin: 0 auto 5%; }
    .index .solution .runpic-words ul li .name{ font-size: 20px;font-weight:bold;}
    .index .solution .runpic-words ul li .cha{ opacity: 0; overflow: hidden; padding-top: 0; height: 0; padding: 0 10%; }
    .index .solution .runpic-words ul li .msg{ font-size: 15px; color:#fff; line-height: 32px; height: 96px; }
    .index .solution .runpic-words ul li .btnDiv{ display:none;  position: absolute; left: 50%; bottom: 0; margin-left: -90px; text-align: left; width: 180px; height: 46px; line-height: 46px; font-size: 14px; text-indent: 45px; }
    .index .solution .runpic-words ul li .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
    .index .solution .runpic-words ul .liNow .txt .cha{ opacity: 1; padding-top: 10%; }
    .index .solution .runpic-pic {height: 50vh;}
    .index .solution .runpic-pic ul li { width: 100%; height: 50vh;}
    .index .newsbox{padding:5% 0 0; }
    .index .newsbox .topnews{overflow:hidden; background-color:#002661; display:block;}
    .index .newsbox .topnews a{display:block;}
    .index .newsbox .topnews img{width:100%;}
    .index .newsbox .topnews .text{float:none; padding: 4%; width:100%;}
    .index .newsbox .topnews h2{font-size:18px; padding-bottom:5%; line-height:1.5; color:#e5e5e5; }
    .index .newsbox .topnews h2::after{width:100%; background-color:#25426e; bottom:5px; left:0; }
    .index .newsbox .topnews p{color:#e5e5e5; margin-top:10px; line-height:1.5; font-size:14px;}
    .index .newsbox .list{margin-top:0; display:block;justify-content: space-between; padding:4%; }
    .index .newsbox .list a{ float:none; width:100%; padding-bottom: 5%;background-color: #f2f2f2;margin-bottom: 2%;}
    .index .newsbox .list a .img{width:100%; height:285px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
    .index .newsbox .list a p{color:#333; font-size:15px; line-height:24px;padding:0 10px; }
    .index .newsbox .list a p.date{color:#999; font-weight:normal; padding:5px 10px;}
    .index .businessbox{overflow:hidden; padding:5% 0 0; background-color:#eeeeee}
    .index .businessbox .map{margin:1% auto 2%;}
    .index .businessbox p{line-height:1.5; padding:2% 4%}
}


.en.header .nav a{width:auto; min-width:80px;font-size:16px; padding: 0 20px;}
.en.header .nav a.lan{min-width:0; padding:0;width:30px; font-size:14px;}
.en.footer .foot .fl{width:40%;}
.en.footer .foot .fr{width:50%;justify-content:space-between;}
.en.footer .foot .fr .item{flex:none;}
.en.footer .foot .fr .item:last-child{width:140px;}
.en .page_banner .textwrap h3{font-size:20px;}
.en .boxtit h2{display:none}
.en .boxtit h3{text-transform:uppercase; letter-spacing:0; font-size: 36px; font-weight:normal}
.en .subnab a{font-size:14px; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.en.index .aboutbox h2{font-size:28px;}
.en.index .titbox h3{display:none}
.en.index .titbox h2{letter-spacing:0; text-transform:uppercase; }
.en.index .productbox .infobox .a1{font-size:16px; line-height:24px;}
.en.index .solution .runpic-words ul .liNow .txt .cha{height:auto}
.en.index .solution .runpic-words ul li .msg{line-height:26px; height:auto;}
.en.about .textwrap p,.en.solutionlist .textwrap p{line-height:30px;}
.en.about .culture .container p{font-weight:normal; font-size:16px; line-height:30px; margin:20px 0px;}
.en.about .base .tab_nav a{width:350px;}
.en.products .subnab .container a{width:25%;}
.en.products .box2 .icons .i img{margin:auto}
.en.products .box2 .icons P{font-size:18px;}
.en.products .box2 .swiper-slide{min-height:600px;}
.en.products .box2 .swiper-slide .txt{width:60%; padding-left:1%;}
.en.products .box2 .swiper-slide .imgbox{width:39%;}
.en.products .list .swiper-slide .txt{width:50%;}
.en.products .list .swiper-slide .txt h1{margin-top:0}
.en.products .list .swiper-slide .img{width:48%;}
.en.products .list .swiper-slide .img img{width:100%}
.en.solutionlist .box2::after{top:80px;}
.en.solutionlist .box2 .swiper-slide .txt h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.en.innovate .about .company .item .intxt{background:none; padding:0;}
.en.innovate .achievement .swiperach .swiper-slide h3{line-height:25px; height:50px; margin-bottom:15px;}
.en.innovate .achievement .swiperach .swiper-slide p{height:100px;}
.en.innovate .swiper-button-next,.en.innovate .swiper-button-prev{top:40%;}
.en.news .box .boxtit .more{top:0;}
.en.news .list .item .txt h3{overflow:hidden; }
.en.join .contact .left h1{text-transform:uppercase; font-size:20px; line-height:32px;}
.en.join .contact .pannel{margin-top:20px;}


@media screen and (max-width:1200px) {
    .en.header .nav a{display:block; width:100%}
    .en.footer .foot .fl{width:100%;}
    .en .page_banner h1{display:none}
    .en .boxtit h3{font-size:22px;}
    .en.about .textwrap h3, .en.solutionlist .textwrap h3{width:100%; font-size:17px;max-width: 100%;}
    .en.about .textwrap p, .en.solutionlist .textwrap p{width:100%; line-height:1.8}
    .en.about .base .tab_nav{flex-wrap:wrap}
    .en.about .base .tab_nav a{width:100%}
    .en.index .aboutbox h2{font-size:18px;line-height:1.8 }
    .en.index .textbox{padding:0;}
    .en.index .textbox p{font-size:13px;}
    .en.products .subnab .container a{width:100%}
    .en.products .cate a{display:block; width:100%; padding:0; line-height:22px; margin:10px 0;}
    .en.products .cate a::after{display:none}
    .en.products .list .swiper-slide .img{width:100%}
    .en.products .list .swiper-slide .txt{width:100%;}
    .en.products .box2 .icons{padding:0 5%;}
    .en.products .box2 .icons p{font-size:12px;}
    .en.products .box2 .swiper-slide .txt{width:100%}
    .en.products .box2 .swiper-slide .imgbox{width:100%}
    .en.innovate .achievement .swiperach .swiper-slide h3{font-size:14px; overflow:hidden;  height:80px; line-height:20px;}
    
}