@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.15; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {
  -webkit-appearance: none; /* 清除iOS默认样式 */
  -moz-appearance: none;    /* 清除Firefox默认样式 */
  appearance: none;         /* 标准语法 */
  background-color: transparent; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1600px){
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header:before{ width:100%; height:1px; display:block; content:''; background-color:rgba(255,255,255,.3); position:absolute; left:0; bottom:0; z-index:1;}
.header.pos{ background-color:#004ca0; height:90px;}
.header.pos:before{ display:none;}
.header .head{ width:80%; height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:50px;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:40px; display:block; position:relative; z-index:9;}
.header .head .ser dt{ width:40px; height:40px; display:block; position:relative; float:left; z-index:1;}
.header .head .ser dt a{ width:40px; height:40px; display:block; position:absolute; right:0; top:0; overflow:hidden; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .ser dt b{ width:40px; height:40px; display:block; border-radius:100%; background-color:rgba(255,255,255,.1); overflow:hidden;}
.header .head .ser dt b img{ display:block; height:18px; margin:11px auto;}
.header .head .ser dt p{ display:block; position:absolute; left:50px; top:0; width:150px; font-size:18px; line-height:40px; height:40px; color:#fff; font-weight:bold;}
.header .head .ser dt a:hover{ background-color:rgba(255,255,255,.1); width:200px;}
.header .head .ser dt a:hover b{ background-color:rgba(255,255,255,.3);}
.header .head .ser dd{ width:40px; height:40px; display:block; position:relative; float:left; margin-left:1.5625vw; z-index:3;}
.header .head .ser dd b{ width:40px; height:40px; display:block; border-radius:100%; background-color:rgba(255,255,255,.1); overflow:hidden;}
.header .head .ser dd b img{ display:block; height:18px; margin:11px auto;}
.header .head .ser dd p{ display:block; position:absolute; right:-300px; top:0; width:300px; height:40px; background-color:rgba(255,255,255,.1); border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:13px;}
.header .head .ser dd p span{ display:block; width:calc(100% - 91px); height:40px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:16px; line-height:40px; height:40px; background-color:transparent; color:#fff;}
.header .head .ser dd p a{ display:block; width:40px; height:40px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:40px; display:block; cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:18px auto; background-repeat:no-repeat; background-color:rgba(255,255,255,.3);}
.header .head .ser.active dt{ opacity:0;}
.header .head .ser.active dd p{ right:0; opacity:1;}

.header .head .nav{ display:block; float:right; height:100%; position:relative; z-index:1;}
.header .head .nav dd{ display:flex; align-items:center; float:left; margin:0 1.82vw; height:100%; position:relative; z-index:1;}
.header .head .nav dd a{ display:block; font-size:18px; color:#fff;}
.header .head .nav dd.on:before,.header .head .nav dd:hover:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#19b2db; overflow:hidden; content:'';}
.header .head .nav dd p{ width:140px; position:absolute; left:50%; margin-left:-90px; top:80px; background-color:rgba(0,76,160,.7); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 20px; text-align:center;}
.header .head .nav dd p a{ display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.header .head .nav dd p a:hover{ color:#19b2db;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header:before{ width:100%; height:1px; display:block; content:''; background-color:rgba(255,255,255,.3); position:absolute; left:0; bottom:0; z-index:1;}
.header.pos{ background-color:#004ca0; height:70px;}
.header.pos:before{ display:none;}
.header .head{ width:90%; height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:44px;}
.header .head .logo img{ display:block; height:44px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:38px; display:block; position:relative; z-index:9;}
.header .head .ser dt{ width:38px; height:38px; display:block; position:relative; float:left; z-index:1;}
.header .head .ser dt a{ width:38px; height:38px; display:block; position:absolute; right:0; top:0; overflow:hidden; border-radius:38px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .ser dt b{ width:38px; height:38px; display:block; border-radius:100%; background-color:rgba(255,255,255,.1); overflow:hidden;}
.header .head .ser dt b img{ display:block; height:16px; margin:11px auto;}
.header .head .ser dt p{ display:block; position:absolute; left:50px; top:0; width:150px; font-size:16px; line-height:38px; height:38px; color:#fff; font-weight:bold;}
.header .head .ser dt a:hover{ background-color:rgba(255,255,255,.1); width:180px;}
.header .head .ser dt a:hover b{ background-color:rgba(255,255,255,.3);}
.header .head .ser dd{ width:38px; height:38px; display:block; position:relative; float:left; margin-left:1.5625vw; z-index:3;}
.header .head .ser dd b{ width:38px; height:38px; display:block; border-radius:100%; background-color:rgba(255,255,255,.1); overflow:hidden;}
.header .head .ser dd b img{ display:block; height:16px; margin:11px auto;}
.header .head .ser dd p{ display:block; position:absolute; right:-300px; top:0; width:280px; height:38px; background-color:rgba(255,255,255,.1); border-radius:38px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:12px;}
.header .head .ser dd p span{ display:block; width:calc(100% - 90px); height:38px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:15px; line-height:40px; height:40px; background-color:transparent; color:#fff;}
.header .head .ser dd p a{ display:block; width:38px; height:38px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:38px; display:block; cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:16px auto; background-repeat:no-repeat; background-color:rgba(255,255,255,.3);}
.header .head .ser.active dt{ opacity:0;}
.header .head .ser.active dd p{ right:0; opacity:1;}

.header .head .nav{ display:block; float:right; height:100%; position:relative; z-index:1;}
.header .head .nav dd{ display:flex; align-items:center; float:left; margin:0 1.82vw; height:100%; position:relative; z-index:1;}
.header .head .nav dd a{ display:block; font-size:16px; color:#fff;}
.header .head .nav dd.on:before,.header .head .nav dd:hover:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#19b2db; overflow:hidden; content:'';}
.header .head .nav dd p{ width:140px; position:absolute; left:50%; margin-left:-90px; top:80px; background-color:rgba(0,76,160,.7); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 20px; text-align:center;}
.header .head .nav dd p a{ display:block; font-size:15px; line-height:35px; height:35px; overflow:hidden; color:#fff;}
.header .head .nav dd p a:hover{ color:#19b2db;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .thead{ display:none;}
.header .head{ width:100%; height:60px;}
.header .head .hamburger{ height:22px; width:16px; border-radius:100%; background-color:#004ca0; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:12px 3%; padding:7px 10px;}
.header .head .hamburger .h-bar{ display:block; width:16px; height:1px; background-color:#fff; margin:5px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:7px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .head .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .head .logo{ display:block; padding:10px 3%; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img01{ display:none;}
.header .head .ser{ height:36px; display:block; float:right; margin:12px 0;}
.header .head .ser dt{ width:36px; height:36px; display:block; position:relative; float:left; z-index:1;}
.header .head .ser dt a{ width:36px; height:36px; display:block; position:absolute; right:0; top:0; overflow:hidden; border-radius:36px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .ser dt b{ width:36px; height:36px; display:block; border-radius:100%; background-color:#004ca0; overflow:hidden;}
.header .head .ser dt b img{ display:block; height:16px; margin:10px auto;}
.header .head .ser dt p{ display:none;}
.header .head .ser dd{ display:none;}

.header .head .nav{ background-color:#fff; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 60px); top:60px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; box-sizing:border-box; border-top:1px solid #eee;}
.header .head .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .head .nav dd{ width:100%; display:block; overflow:hidden; border-top:1px solid #ddd; position:relative;}
.header .head .nav dd:first-child{ border-top:none;}
.header .head .nav a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px;}
.header .head .nav dd b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .head .nav dd b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .head .nav dd.active b::after{ transform:rotateZ(135deg);}
.header .head .nav dd.active>a{ color:#004ca0;}
.header .head .nav dd p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.header .head .nav dd p a:hover{ color:#004ca0;}
}

/*banner*/
@media screen and (min-width:1600px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:2;}
.banner .swiper-slide .wen{ width:80%; position:absolute; left:10%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; height:45px;}
.banner .swiper-slide .wen .w01 img{ display:block; max-width:100%;}
.banner .swiper-slide .wen .w02{ font-size:48px; line-height:58px; color:#fff;}
.banner .swiper-slide .wen .w03{ font-size:48px; line-height:58px; color:#fff; font-weight:bold; margin-top:30px;}
.banner .swiper-slide .wen .w04{ margin-top:65px;}
.banner .swiper-slide .wen .w04 a{ width:160px; height:44px; line-height:44px; font-size:16px; text-indent:20px; color:#fff; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#004ca0;}
.banner .swiper-slide .wen .w04 a b{ width:24px; height:24px; display:block; float:right; margin:10px; background-image:url(../images/more.png); background-position:center; border-radius:100%;}
.banner .swiper-slide .wen .w04 a:hover{ background-color:#f7f7f7; color:#333;}

.banner .swiper-pagination{ position:absolute; bottom:50px; left:10%; z-index:9;}
.banner .swiper-pagination span{ width:10px; height:26px; display:block; float:left; margin-right:16px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background-image:url(../images/bn01.png);}
.banner .swi{ position:absolute; bottom:50px; right:10%; z-index:9;}
.banner .swiper-button-white{ width:40px; height:40px; float:left; cursor:pointer; background-color:rgba(255,255,255,.3); border-radius:100%;}
.banner .swiper-button-white img{ display:block; height:10px; margin:15px auto;}
.banner .swiper-button-white:hover{ background-color:#004ca0;}
.banner .swiper-button-next{ margin-left:20px;}

.banner .down{ position:absolute; left:50%; bottom:45px; text-align:center; transform:translateX(-50%); z-index:3; cursor:pointer; transition:all 0.5s;}
.banner .down img{ display:block; margin:4px auto;}
.banner .down p{ display:block; opacity:.7; color:#fff; font-size:14px; line-height:24px;}
.banner .down:hover{ bottom:30px;}
.banner .down:hover p{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.banner{ width:100%; height:56.25vw; max-height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:2;}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; height:35px;}
.banner .swiper-slide .wen .w01 img{ display:block; max-width:100%; max-height:90px;}
.banner .swiper-slide .wen .w02{ font-size:38px; line-height:38px; color:#fff;}
.banner .swiper-slide .wen .w03{ font-size:38px; line-height:38px; color:#fff; font-weight:bold; margin-top:20px;}
.banner .swiper-slide .wen .w04{ margin-top:45px;}
.banner .swiper-slide .wen .w04 a{ width:150px; height:40px; line-height:40px; font-size:15px; text-indent:20px; color:#fff; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#004ca0;}
.banner .swiper-slide .wen .w04 a b{ width:22px; height:22px; display:block; float:right; margin:9px; background-image:url(../images/more.png); background-position:center; border-radius:100%;}
.banner .swiper-slide .wen .w04 a:hover{ background-color:#f7f7f7; color:#333;}

.banner .swiper-pagination{ position:absolute; bottom:35px; left:5%; z-index:9;}
.banner .swiper-pagination span{ width:10px; height:26px; display:block; float:left; margin-right:16px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background-image:url(../images/bn01.png);}
.banner .swi{ position:absolute; bottom:35px; right:5%; z-index:9;}
.banner .swiper-button-white{ width:38px; height:38px; float:left; cursor:pointer; background-color:rgba(255,255,255,.3); border-radius:100%;}
.banner .swiper-button-white img{ display:block; height:10px; margin:14px auto;}
.banner .swiper-button-white:hover{ background-color:#004ca0;}
.banner .swiper-button-next{ margin-left:15px;}
.banner .down{ position:absolute; left:50%; bottom:35px; text-align:center; transform:translateX(-50%); z-index:3; cursor:pointer; transition:all 0.5s;}
.banner .down img{ display:block; margin:4px auto; margin-bottom:2px;}
.banner .down p{ display:block; opacity:.7; color:#fff; font-size:14px; line-height:24px;}
.banner .down:hover{ bottom:20px;}
.banner .down:hover p{ opacity:1;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:60vw; border-top:60px solid #fff; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:2;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; height:10px;}
.banner .swiper-slide .wen .w01 img{ display:block; max-width:80%; max-height:60px;}
.banner .swiper-slide .wen .w02{ font-size:18px; line-height:28px; color:#fff;}
.banner .swiper-slide .wen .w03{ font-size:18px; line-height:28px; color:#fff; font-weight:bold; margin-top:5px;}
.banner .swiper-slide .wen .w04{ margin-top:15px;}
.banner .swiper-slide .wen .w04 a{ width:130px; height:34px; line-height:34px; font-size:14px; text-indent:15px; color:#fff; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#004ca0;}
.banner .swiper-slide .wen .w04 a b{ width:20px; height:20px; display:block; float:right; margin:7px; background-image:url(../images/more.png); background-position:center; border-radius:100%;}
.banner .swiper-slide .wen .w04 a:hover{ background-color:#f7f7f7; color:#333;}

.banner .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; border-radius:100%; background-color:rgba(204,204,204,.7); margin:0 5px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#004ca0;}
.banner .swiper-button-white{ width:34px; height:34px; position:absolute; z-index:9; top:50%; margin-top:-17px; cursor:pointer; background-color:rgba(255,255,255,.3); border-radius:100%; display:none;}
.banner .swiper-button-white img{ display:block; height:10px; margin:12px auto;}
.banner .swiper-button-white:hover{ background-color:#004ca0;}
.banner .swiper-button-prev{ left:3%;}
.banner .swiper-button-next{ right:3%;}
.banner .down{ display:none;}
}

/*about*/
@media screen and (min-width:1600px){
.index{ width:100%; position:relative; z-index:1; top:-90px; left:0;}
.title{ width:80%; margin:auto; position:relative; z-index:3;}
.title .en{ font-size:50px; line-height:60px; text-transform:uppercase; color:#004ca0; font-weight:bold;}
.title .cn{ font-size:30px; line-height:40px; color:#333; font-weight:bold; margin-top:5px;}

.abox{ width:100%; padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.abox .left{ float:left; margin-left:10%; width:29.43%; padding-bottom:40px; position:relative; z-index:1;}
.abox .left .line{ width:100px; height:2px; background-color:#999; margin-top:50px;}
.abox .left .title{ margin-top:48px; width:100%;}
.abox .left .wen{ font-size:16px; line-height:36px; margin-top:55px;}
.abox .left .more{ margin-top:100px; position:relative; z-index:3;}
.abox .left .more a{ width:160px; height:44px; line-height:44px; font-size:16px; text-indent:20px; color:#fff; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#004ca0;}
.abox .left .more a b{ width:24px; height:24px; display:block; float:right; margin:10px; background-image:url(../images/more.png); background-position:center; border-radius:100%;}
.abox .left .more a:hover{ background-color:#f7f7f7; color:#333;}
.abox .left .bg{ height:124px; position:absolute; left:0; bottom:0; z-index:1;}
.abox .left .bg img{ height:124px; display:block;}
.abox .right{ float:right; width:56.77%; padding-left:4.6875%; box-sizing:border-box; position:relative; z-index:2;}
.abox .right .swi{ position:absolute; left:0; top:50%; transform:translateY(-50%);}
.abox .right .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.abox .right .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.abox .right .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-top:20px;}
.abox .right .swi .swiper-button-white:hover{ background-color:#004ca0;}
.abox .right .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.abox .right .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.abox .right .swiper-container{ width:100%;}
.abox .right .swiper-container a{ width:100%; display:block; position:relative; border-top-left-radius:50px; padding-top:63%; overflow:hidden;}
.abox .right .swiper-container a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.index{ width:100%; position:relative; z-index:1; top:-70px; left:0;}
.title{ width:90%; margin:auto; position:relative; z-index:3;}
.title .en{ font-size:40px; line-height:42px; text-transform:uppercase; color:#004ca0; font-weight:bold;}
.title .cn{ font-size:24px; line-height:34px; color:#333; font-weight:bold; margin-top:4px;}

.abox{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.abox .left{ float:left; margin-left:5%; width:29.43%; padding-bottom:30px; position:relative; z-index:1;}
.abox .left .line{ width:70px; height:2px; background-color:#999; margin-top:30px;}
.abox .left .title{ margin-top:30px; width:100%;}
.abox .left .wen{ font-size:16px; line-height:30px; margin-top:20px;}
.abox .left .more{ margin-top:70px; position:relative; z-index:3;}
.abox .left .more a{ width:150px; height:40px; line-height:40px; font-size:15px; text-indent:20px; color:#fff; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#004ca0;}
.abox .left .more a b{ width:22px; height:22px; display:block; float:right; margin:9px; background-image:url(../images/more.png); background-position:center; border-radius:100%;}
.abox .left .more a:hover{ background-color:#f7f7f7; color:#333;}
.abox .left .bg{ height:100px; position:absolute; left:0; bottom:0; z-index:1;}
.abox .left .bg img{ height:100px; display:block;}
.abox .right{ float:right; width:61.77%; padding-left:4.6875%; box-sizing:border-box; position:relative; z-index:2;}
.abox .right .swi{ position:absolute; left:0; top:50%; transform:translateY(-50%);}
.abox .right .swi .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.abox .right .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.abox .right .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-top:15px;}
.abox .right .swi .swiper-button-white:hover{ background-color:#004ca0;}
.abox .right .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.abox .right .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.abox .right .swiper-container{ width:100%;}
.abox .right .swiper-container a{ width:100%; display:block; position:relative; border-top-left-radius:30px; padding-top:63%; overflow:hidden;}
.abox .right .swiper-container a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.index{ width:100%; position:relative; z-index:1; top:-60px; left:0;}
.title{ width:94%; margin:auto; position:relative; z-index:3;}
.title .en{ font-size:30px; line-height:34px; text-transform:uppercase; color:#004ca0; font-weight:bold;}
.title .cn{ font-size:20px; line-height:30px; color:#333; font-weight:bold; margin-top:1px;}

.abox{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.abox .left{ float:left; margin-left:3%; width:94%; padding-bottom:20px; position:relative; z-index:1;}
.abox .left .line{ width:40px; height:2px; background-color:#999;}
.abox .left .title{ margin-top:15px; width:100%;}
.abox .left .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.abox .left .more{ margin-top:35px; position:relative; z-index:3;}
.abox .left .more a{ width:130px; height:34px; line-height:34px; font-size:14px; text-indent:15px; color:#fff; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#004ca0;}
.abox .left .more a b{ width:20px; height:20px; display:block; float:right; margin:7px; background-image:url(../images/more.png); background-position:center; border-radius:100%;}
.abox .left .more a:hover{ background-color:#f7f7f7; color:#333;}
.abox .left .bg{ height:74px; position:absolute; left:0; bottom:0; z-index:1;}
.abox .left .bg img{ height:74px; display:block;}
.abox .right{ float:right; width:97%; padding-left:50px; box-sizing:border-box; position:relative; z-index:2; margin-top:20px;}
.abox .right .swi{ position:absolute; left:0; top:50%; transform:translateY(-50%);}
.abox .right .swi .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.abox .right .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.abox .right .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-top:10px;}
.abox .right .swi .swiper-button-white:hover{ background-color:#004ca0;}
.abox .right .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.abox .right .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.abox .right .swiper-container{ width:100%;}
.abox .right .swiper-container a{ width:100%; display:block; position:relative; border-top-left-radius:30px; padding-top:63%; overflow:hidden;}
.abox .right .swiper-container a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}

/*动态热点*/
@media screen and (min-width:1600px){
.dbox{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.dbox .box{ width:80%; margin:auto; position:relative; z-index:3; margin-top:35px;}
.dbox .box .swiper-slide{ width:23.5%; position:relative;}
.dbox .box .swiper-slide .tu{ width:100%; padding-top:75%; display:block; position:relative; z-index:1; overflow:hidden;}
.dbox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.dbox .box .swiper-slide .wen{ background-color:#fff; padding:30px 8.33%; padding-top:25px; box-sizing:border-box;}
.dbox .box .swiper-slide .wen .w01{ font-size:20px; line-height:30px; height:60px; font-weight:bold;}
.dbox .box .swiper-slide .wen .w02{ font-size:16px; line-height:30px; height:150px; margin-top:13px; color:#666;}
.dbox .box .swiper-slide .wen .w03{ width:40px; height:40px; border-radius:100%; background-color:#004ca0; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-top:20px;}
.dbox .box .swiper-slide:hover .wen .w01{ color:#004ca0;}
.dbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:40px;}
.dbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.dbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.dbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.dbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.dbox .box .swiper-slide{ width:32%; position:relative;}
.dbox .box .swiper-slide a{ width:100%; display:flex;}
.dbox .box .swiper-slide.swiper-slide-prev a{ flex-direction:row-reverse;}
.dbox .box .swiper-slide .tu{ width:100%; padding-top:75%; display:block; position:relative; z-index:1; overflow:hidden;}
.dbox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.dbox .box .swiper-slide .wen{ background-color:#fff; position:relative; padding:25px 5%; padding-top:20px; box-sizing:border-box;}
.dbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:56px; font-weight:bold;}
.dbox .box .swiper-slide .wen .w02{ font-size:15px; line-height:25px; height:150px; margin-top:10px; color:#666;}
.dbox .box .swiper-slide .wen .w03{ width:38px; height:38px; border-radius:100%; background-color:#004ca0; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-top:15px;}
.dbox .box .swiper-slide:hover .wen .w01{ color:#004ca0;}
.dbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px;}
.dbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.dbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}
@media only screen and (max-width:1023px){
.dbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.dbox .box .swiper-slide{ width:70%; position:relative;}
.dbox .box .swiper-slide .tu{ width:100%; display:block; position:relative; z-index:1; padding-top:75%; overflow:hidden;}
.dbox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.dbox .box .swiper-slide .wen{ width:100%; background-color:#fff; padding:15px; padding-bottom:20px; box-sizing:border-box;}
.dbox .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; height:52px; font-weight:bold;}
.dbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:168px; margin-top:5px; color:#666;}
.dbox .box .swiper-slide .wen .w03{ width:34px; height:34px; border-radius:100%; background-color:#004ca0; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-top:10px;}
.dbox .box .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.dbox .box .swiper-slide:hover .wen .w01{ color:#004ca0;}
.dbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px;}
.dbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.dbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}

/*解决方案*/
.sbox .title .en{ color:#fff; opacity:.5;}
.sbox .title .cn{ color:#fff;}
@media screen and (min-width:1600px){
.sbox{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .bg img{ display:block; height:124px; position:absolute; left:10%; bottom:0;}
.sbox .title .more{ position:absolute; right:0; bottom:5px;}
.sbox .title .more a{ width:160px; height:44px; line-height:44px; font-size:16px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff;}
.sbox .title .more a b{ width:24px; height:24px; display:block; float:right; margin:10px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.sbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.sbox .title .more a:hover b{ background-image:url(../images/more.png);}
.sbox .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.sbox .box .left{ width:55.1%; float:left;}
.sbox .box .left .w01{ width:100px; height:2px; background-color:#999;}
.sbox .box .left .w02{ font-size:24px; line-height:44px; color:#fff; font-weight:bold; margin-top:40px;}
.sbox .box .left .w03{ display:block; padding-top:5px;}
.sbox .box .left .w03 li{ display:block; margin-top:25px; padding-left:30px; background-image:url(../images/title.png); background-position:left 8px; background-repeat:no-repeat;}
.sbox .box .left .w03 li b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.sbox .box .left .w03 li p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.sbox .box .right{ width:38.37%; float:right; padding-left:40px; padding-bottom:40px; position:relative; box-sizing:border-box;}
.sbox .box .right p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.sbox .box .right p img{ width:100%; display:block;}
.sbox .box .right b{ width:calc(100% - 40px); height:calc(100% - 40px); display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#004ca0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .bg img{ display:block; height:100px; position:absolute; left:5%; bottom:0;}
.sbox .title .more{ position:absolute; right:0; bottom:5px;}
.sbox .title .more a{ width:150px; height:40px; line-height:40px; font-size:15px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff;}
.sbox .title .more a b{ width:22px; height:22px; display:block; float:right; margin:9px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.sbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.sbox .title .more a:hover b{ background-image:url(../images/more.png);}
.sbox .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.sbox .box .left{ width:50.1%; float:left;}
.sbox .box .left .w01{ width:70px; height:2px; background-color:#999;}
.sbox .box .left .w02{ font-size:20px; line-height:30px; color:#fff; font-weight:bold; margin-top:30px;}
.sbox .box .left .w03{ display:block; padding-top:5px;}
.sbox .box .left .w03 li{ display:block; margin-top:15px; padding-left:25px; background-image:url(../images/title.png); background-position:left 8px; background-repeat:no-repeat;}
.sbox .box .left .w03 li b{ display:block; font-size:18px; line-height:28px; color:#fff;}
.sbox .box .left .w03 li p{ display:block; font-size:15px; line-height:25px; color:#fff; margin-top:5px;}
.sbox .box .right{ width:43.37%; float:right; padding-left:30px; padding-bottom:30px; position:relative; box-sizing:border-box;}
.sbox .box .right p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.sbox .box .right p img{ width:100%; display:block;}
.sbox .box .right b{ width:calc(100% - 30px); height:calc(100% - 30px); display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#004ca0;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .bg img{ display:block; height:74px; position:absolute; left:3%; bottom:0;}
.sbox .title .more{ position:absolute; right:0; bottom:5px;}
.sbox .title .more a{ width:130px; height:34px; line-height:34px; font-size:14px; text-indent:15px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff;}
.sbox .title .more a b{ width:20px; height:20px; display:block; float:right; margin:7px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.sbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.sbox .title .more a:hover b{ background-image:url(../images/more.png);}
.sbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.sbox .box .left{ width:100%; float:left;}
.sbox .box .left .w01{ width:40px; height:2px; background-color:#999;}
.sbox .box .left .w02{ font-size:16px; line-height:26px; color:#fff; font-weight:bold; margin-top:15px;}
.sbox .box .left .w03{ display:block; padding-top:5px;}
.sbox .box .left .w03 li{ display:block; margin-top:5px; padding-left:20px; background-image:url(../images/title.png); background-position:left 8px; background-repeat:no-repeat;}
.sbox .box .left .w03 li b{ display:block; font-size:16px; line-height:26px; color:#fff;}
.sbox .box .left .w03 li p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.sbox .box .right{ width:100%; float:right; padding-left:15px; padding-bottom:15px; position:relative; box-sizing:border-box; margin-top:15px;}
.sbox .box .right p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.sbox .box .right p img{ width:100%; display:block;}
.sbox .box .right b{ width:calc(100% - 15px); height:calc(100% - 15px); display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#004ca0;}
}

/*行业应用*/
@media screen and (min-width:1600px){
.hbox{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.hbox .title .swi{ position:absolute; right:0; bottom:5px;}
.hbox .title .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.hbox .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.hbox .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:20px;}
.hbox .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.hbox .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.hbox .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.hbox .box{ width:80%; margin:auto; position:relative; z-index:3; margin-top:35px;}
.hbox .box .swiper-slide{ width:23.5%; position:relative; background-position:center; background-size:cover;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:139%; overflow:hidden; position:relative;}
.hbox .box .swiper-slide .wen{ padding:45px 8.33%; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0;}
.hbox .box .swiper-slide .wen .w01{ width:100%;}
.hbox .box .swiper-slide .wen .w01 b{ display:block; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.hbox .box .swiper-slide .wen .w01 p{ display:block; font-size:16px; line-height:24px; text-transform:uppercase; color:#fff; margin-top:2px;}
.hbox .box .swiper-slide .wen .w02{ width:40px; height:2px; background-color:#19b2db; margin-top:15px; display:none;}
.hbox .box .swiper-slide .wen .w03{  font-size:16px; line-height:30px; color:#fff; margin-top:23px; display:none;}
.hbox .box .swiper-slide a:hover{ background-color:rgba(0,0,0,.7);}
.hbox .box .swiper-slide a:hover .wen .w02,.hbox .box .swiper-slide a:hover .wen .w03{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.hbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.hbox .title .swi{ position:absolute; right:0; bottom:5px;}
.hbox .title .swi .swiper-button-white{ width:38px; height:38px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.hbox .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.hbox .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:15px;}
.hbox .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.hbox .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.hbox .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.hbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.hbox .box .swiper-slide{ width:32%; position:relative; background-position:center; background-size:cover;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:139%; overflow:hidden; position:relative;}
.hbox .box .swiper-slide .wen{ padding:35px 5%; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0;}
.hbox .box .swiper-slide .wen .w01{ width:100%;}
.hbox .box .swiper-slide .wen .w01 b{ display:block; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.hbox .box .swiper-slide .wen .w01 p{ display:block; font-size:15px; line-height:23px; text-transform:uppercase; color:#fff; margin-top:1px;}
.hbox .box .swiper-slide .wen .w02{ width:30px; height:2px; background-color:#19b2db; margin-top:10px; display:none;}
.hbox .box .swiper-slide .wen .w03{  font-size:15px; line-height:25px; color:#fff; margin-top:20px; display:none;}
.hbox .box .swiper-slide a:hover{ background-color:rgba(0,0,0,.7);}
.hbox .box .swiper-slide a:hover .wen .w02,.hbox .box .swiper-slide a:hover .wen .w03{ display:block;}
}
@media only screen and (max-width:1023px){
.hbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.hbox .title .swi{ position:absolute; right:0; bottom:5px;}
.hbox .title .swi .swiper-button-white{ width:34px; height:34px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.hbox .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.hbox .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:10px;}
.hbox .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.hbox .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.hbox .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.hbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.hbox .box .swiper-slide{ width:70%; position:relative; background-position:center; background-size:cover;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:139%; overflow:hidden; position:relative;}
.hbox .box .swiper-slide .wen{ padding:25px 15px; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0;}
.hbox .box .swiper-slide .wen .w01{ width:100%;}
.hbox .box .swiper-slide .wen .w01 b{ display:block; font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.hbox .box .swiper-slide .wen .w01 p{ display:block; font-size:14px; line-height:22px; text-transform:uppercase; color:#fff;}
.hbox .box .swiper-slide .wen .w02{ width:20px; height:2px; background-color:#19b2db; margin-top:5px; display:none;}
.hbox .box .swiper-slide .wen .w03{  font-size:14px; line-height:24px; color:#fff; margin-top:10px; display:none;}
.hbox .box .swiper-slide a:hover{ background-color:rgba(0,0,0,.7);}
.hbox .box .swiper-slide a:hover .wen .w02,.hbox .box .swiper-slide a:hover .wen .w03{ display:block;}
}

/*新闻活动*/
@media screen and (min-width:1600px){
.nbox{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .title .more{ position:absolute; right:0; bottom:5px;}
.nbox .title .more a{ width:160px; height:44px; line-height:44px; font-size:16px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; float:left; margin-left:30px;}
.nbox .title .more a b{ width:24px; height:24px; display:block; float:right; margin:10px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.nbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.nbox .title .more a:hover b{ background-image:url(../images/more.png);}
.nbox .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:23.5%; position:relative; background-color:#fff;}
.nbox .box .swiper-slide .tu{ width:100%;}
.nbox .box .swiper-slide .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-slide .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .wen{ border:1px solid #eee; border-top:none;}
.nbox .box .swiper-slide .wen .w01{ width:84%; margin:25px auto; margin-bottom:10px;}
.nbox .box .swiper-slide .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#004ca0;}
.nbox .box .swiper-slide .wen .w02{ width:84%; margin:auto;}
.nbox .box .swiper-slide .wen .w02 a{ width:100%; display:block; font-size:18px; line-height:28px; height:56px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w02 a:hover{ color:#004ca0;}
.nbox .box .swiper-slide .wen .w04{ width:84%; padding:0 8%; margin-top:25px; border-top:1px solid #eee; height:50px; line-height:50px; position:relative;}
.nbox .box .swiper-slide .wen .w04 span{ display:block; float:left; color:#666;}
.nbox .box .swiper-slide .wen .w04 a{ display:block; float:right; width:15px; height:10px; overflow:hidden; margin-top:20px; background-image:url(../images/next02.png);}
.nbox .box .swiper-slide:hover .wen .w04 a{ background-image:url(../images/next01.png);}
.nbox .box .swiper-slide:hover .wen .w04 b{ width:100%; height:1px; background-color:#004ca0; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.nbox .box .swiper-slide:hover .wen{ border-bottom:1px solid #004ca0;}

.nbox .box .swiper-pagination{ width:100%; margin-top:40px; display:flex; justify-content:center; flex-wrap:wrap;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .title .more{ position:absolute; right:0; bottom:5px;}
.nbox .title .more a{ width:150px; height:40px; line-height:40px; font-size:15px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; float:left; margin-left:20px;}
.nbox .title .more a b{ width:22px; height:22px; display:block; float:right; margin:9px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.nbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.nbox .title .more a:hover b{ background-image:url(../images/more.png);}
.nbox .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:32%; position:relative; background-color:#fff;}
.nbox .box .swiper-slide .tu{ width:100%;}
.nbox .box .swiper-slide .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-slide .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .wen{ border:1px solid #eee; border-top:none;}
.nbox .box .swiper-slide .wen .w01{ width:90%; margin:20px auto; margin-bottom:5px;}
.nbox .box .swiper-slide .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#004ca0;}
.nbox .box .swiper-slide .wen .w02{ width:90%; margin:auto;}
.nbox .box .swiper-slide .wen .w02 a{ width:100%; display:block; font-size:17px; line-height:27px; height:54px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w02 a:hover{ color:#004ca0;}
.nbox .box .swiper-slide .wen .w04{ width:90%; padding:0 5%; margin-top:20px; border-top:1px solid #eee; height:46px; line-height:46px; position:relative;}
.nbox .box .swiper-slide .wen .w04 span{ display:block; float:left; color:#666;}
.nbox .box .swiper-slide .wen .w04 a{ display:block; float:right; width:15px; height:10px; overflow:hidden; margin-top:18px; background-image:url(../images/next02.png);}
.nbox .box .swiper-slide:hover .wen .w04 a{ background-image:url(../images/next01.png);}
.nbox .box .swiper-slide:hover .wen .w04 b{ width:100%; height:1px; background-color:#004ca0; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.nbox .box .swiper-slide:hover .wen{ border-bottom:1px solid #004ca0;}

.nbox .box .swiper-pagination{ width:100%; margin-top:30px; display:flex; justify-content:center; flex-wrap:wrap;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .title .more{ margin-left:-10px; overflow:hidden;}
.nbox .title .more a{ width:130px; height:34px; line-height:34px; font-size:14px; text-indent:15px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; float:left; margin-left:10px; margin-top:10px;}
.nbox .title .more a b{ width:20px; height:20px; display:block; float:right; margin:7px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.nbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.nbox .title .more a:hover b{ background-image:url(../images/more.png);}
.nbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:70%; position:relative; background-color:#fff;}
.nbox .box .swiper-slide .tu{ width:100%;}
.nbox .box .swiper-slide .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-slide .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .wen{ border:1px solid #eee; border-top:none;}
.nbox .box .swiper-slide .wen .w01{ width:calc(100% - 30px); margin:10px auto; margin-bottom:0;}
.nbox .box .swiper-slide .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#004ca0;}
.nbox .box .swiper-slide .wen .w02{ width:calc(100% - 30px); margin:auto;}
.nbox .box .swiper-slide .wen .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:52px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w02 a:hover{ color:#004ca0;}
.nbox .box .swiper-slide .wen .w04{ width:calc(100% - 30px); padding:0 15px; margin-top:10px; border-top:1px solid #eee; height:40px; line-height:40px; position:relative;}
.nbox .box .swiper-slide .wen .w04 span{ display:block; float:left; color:#666;}
.nbox .box .swiper-slide .wen .w04 a{ display:block; float:right; width:15px; height:10px; overflow:hidden; margin-top:15px; background-image:url(../images/next02.png);}
.nbox .box .swiper-slide:hover .wen .w04 a{ background-image:url(../images/next01.png);}
.nbox .box .swiper-slide:hover .wen .w04 b{ width:100%; height:1px; background-color:#004ca0; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.nbox .box .swiper-slide:hover .wen{ border-bottom:1px solid #004ca0;}

.nbox .box .swiper-pagination{ width:100%; margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}

/*合作伙伴*/
.pbox .title .en{ color:#fff; opacity:.5;}
.pbox .title .cn{ color:#fff;}
@media screen and (min-width:1600px){
.pbox{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.pbox .title .more{ position:absolute; right:0; bottom:5px;}
.pbox .title .more a{ width:160px; height:44px; line-height:44px; font-size:16px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff;}
.pbox .title .more a b{ width:24px; height:24px; display:block; float:right; margin:10px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.pbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.pbox .title .more a:hover b{ background-image:url(../images/more.png);}
.pbox .box{ width:80%; margin:auto; margin-top:3px; position:relative; z-index:3;}
.pbox .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.pbox .box .swiper-slide a{ width:18.43%; display:block; margin-top:30px; margin-left:1.9625%; float:left; background-color:#fff; overflow:hidden; position:relative;}
.pbox .box .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .swiper-slide a:before{ width:100%; display:block; content:''; padding-top:42.55%;}
.pbox .box .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.pbox .box .swiper-pagination{ width:100%; margin-top:40px; display:flex; justify-content:center; flex-wrap:wrap;}
.pbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn03.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.pbox .title .more{ position:absolute; right:0; bottom:5px;}
.pbox .title .more a{ width:150px; height:40px; line-height:40px; font-size:15px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff;}
.pbox .title .more a b{ width:22px; height:22px; display:block; float:right; margin:9px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.pbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.pbox .title .more a:hover b{ background-image:url(../images/more.png);}
.pbox .box{ width:90%; margin:auto; margin-top:5px; position:relative; z-index:3;}
.pbox .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.pbox .box .swiper-slide a{ width:18.43%; display:block; margin-top:20px; margin-left:1.9625%; float:left; background-color:#fff; overflow:hidden; position:relative;}
.pbox .box .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .swiper-slide a:before{ width:100%; display:block; content:''; padding-top:42.55%;}
.pbox .box .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.pbox .box .swiper-pagination{ width:100%; margin-top:30px; display:flex; justify-content:center; flex-wrap:wrap;}
.pbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn03.png);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.pbox .title .more{ position:absolute; right:0; bottom:5px;}
.pbox .title .more a{ width:130px; height:34px; line-height:34px; font-size:14px; text-indent:15px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff;}
.pbox .title .more a b{ width:20px; height:20px; display:block; float:right; margin:7px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.pbox .title .more a:hover{ background-color:#004ca0; color:#fff;}
.pbox .title .more a:hover b{ background-image:url(../images/more.png);}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.pbox .box .swiper-slide a{ width:31.33%; display:block; margin-top:15px; margin-left:3%; float:left; background-color:#fff; overflow:hidden; position:relative;}
.pbox .box .swiper-slide a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .swiper-slide a:before{ width:100%; display:block; content:''; padding-top:42.55%;}
.pbox .box .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.pbox .box .swiper-pagination{ width:100%; margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap;}
.pbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn03.png);}
}

/*footer*/
@media screen and (min-width:1600px){
.footer{ width:80%; padding:65px 10%; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:39.87%; float:left;}
.footer .w01{ width:100%;}
.footer .w01 b{ display:block; float:left; font-size:24px; line-height:34px; height:34px; overflow:hidden; color:#fff;}
.footer .w01 p{ display:block; float:left; margin-left:10px;}
.footer .w01 p strong{ display:block; font-size:18px; height:26px; line-height:26px; overflow:hidden; color:#999; text-transform:uppercase;}
.footer .w01 p span{ width:40px; height:2px; display:block; background-color:#19b2db; margin-top:1px;}
.footer .w02{ width:100%; margin-top:20px; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.footer .w03{ width:40px; height:2px; background-color:#19b2db; margin-top:10px;}
.footer .w04{ padding-top:9px;}
.footer .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:6px; color:#aaa; padding-left:26px; background-position:left 4px; background-repeat:no-repeat;}
.footer .right{ width:60.13%; float:left; margin-top:-65px;}
.footer .right li{ width:43.48%; display:block; margin-top:65px; float:left; margin-left:6.52%;}
.footer .right li:nth-child(2n+1){ clear:left; float:left;}
.footer .right li .w02{ min-height:90px; border-left:2px solid #19b2db; padding-left:18px; display:block; overflow:hidden;}
.footer .right li .w02 a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.footer .right li .w02 a:hover{ color:#fff;}
.footer .bq{ position:absolute; right:10%; bottom:65px;}
.footer .bq p{ display:block; float:left; margin-left:1.3vw; font-size:14px; color:#aaa; line-height:24px;}
.footer .bq p a{ color:#aaa;} 
}
@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:90%; padding:45px 5%; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:39.87%; float:left;}
.footer .w01{ width:100%;}
.footer .w01 b{ display:block; float:left; font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#fff; margin-right:7px;}
.footer .w01 p{ display:block; float:left;}
.footer .w01 p strong{ display:block; font-size:16px; height:24px; line-height:24px; overflow:hidden; color:#999; text-transform:uppercase;}
.footer .w01 p span{ width:30px; height:2px; display:block; background-color:#19b2db;}
.footer .w02{ width:100%; margin-top:15px; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .w03{ width:30px; height:2px; background-color:#19b2db; margin-top:5px;}
.footer .w04{ padding-top:6px;}
.footer .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:4px; color:#aaa; padding-left:24px; background-position:left 4px; background-repeat:no-repeat;}
.footer .right{ width:60.13%; float:left; margin-top:-65px;}
.footer .right li{ width:43.48%; display:block; margin-top:65px; float:left; margin-left:6.52%;}
.footer .right li:nth-child(2n+1){ clear:left; float:left;}
.footer .right li .w02{ min-height:90px; border-left:2px solid #19b2db; padding-left:18px; display:block; overflow:hidden;}
.footer .right li .w02 a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.footer .right li .w02 a:hover{ color:#fff;}
.footer .bq{ position:absolute; right:10%; bottom:45px; max-width:60.13%;}
.footer .bq p{ display:block; float:left; margin-left:1.3vw; font-size:14px; color:#aaa; line-height:24px;}
.footer .bq p a{ color:#aaa;} 
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:25px 3%; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:100%; float:left;}
.footer .w01{ width:100%;}
.footer .w01 b{ display:block; float:left; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#fff; margin-right:5px;}
.footer .w01 p{ display:block; float:left;}
.footer .w01 p strong{ display:block; font-size:14px; height:22px; line-height:22px; overflow:hidden; color:#999; text-transform:uppercase;}
.footer .w01 p span{ width:20px; height:2px; display:block; background-color:#19b2db;}
.footer .w02{ width:100%; margin-top:10px; font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.footer .w03{ width:20px; height:2px; background-color:#19b2db; margin-top:5px;}
.footer .w04{ padding-top:5px;}
.footer .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#aaa; padding-left:22px; background-position:left 4px; background-repeat:no-repeat;}
.footer .right{ display:none;}
.footer .bq{ margin-left:-15px; float:left; margin-top:15px;}
.footer .bq p{ display:block; float:left; margin-left:15px; font-size:14px; color:#aaa; line-height:24px;}
.footer .bq p a{ color:#aaa;} 
}

/*右侧浮动*/
@media screen and (min-width:1600px){
.kf{ position:fixed; right:1.5%; bottom:20%; z-index:100;}
.kf .top{ width:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background:linear-gradient(to top,#004ca0,#19b2db);}
.kf .top a{ display:block; text-align:center; padding:15px 0;}
.kf .top a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .top a span{ font-size:12px; line-height:22px; display:block; color:#fff;}
.kf .mil{ display:block; width:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background-color:#fff; margin:20px 0; padding:10px 0;}
.kf .mil dt{ display:block; text-align:center; border-bottom:1px solid #eee; position:relative;}
.kf .mil dt:last-child{ border-bottom:none;}
.kf .mil dt a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dt a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .mil dt a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dt a:hover span{ color:#004ca0;}
.kf .mil dt b{ display:none; position:absolute; right:60px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1); font-size:16px; color:#004ca0; width:140px;}
.kf .mil dt:hover b{ display:block;}
.kf .mil dt p{ display:none; position:absolute; right:60px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1);}
.kf .mil dt:hover p{ display:block;}
.kf .mil dt p img{ width:120px; display:block;}
.kf .mil dt p span{ font-size:12px; line-height:22px; display:block; color:#333; text-align:center;}
.kf .bot{ display:block; width:50px; height:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:16px; margin:17px auto; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.kf{ position:fixed; right:1.5%; bottom:15%; z-index:100;}
.kf .top{ width:46px; border-radius:46px; box-shadow:0 0 15px rgba(0,81,251,.1); background:linear-gradient(to top,#004ca0,#19b2db);}
.kf .top a{ display:block; text-align:center; padding:10px 0;}
.kf .top a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .top a span{ font-size:12px; line-height:22px; display:block; color:#fff;}
.kf .mil{ display:block; width:46px; border-radius:46px; box-shadow:0 0 15px rgba(0,81,251,.1); background-color:#fff; margin:15px 0; padding:5px 0;}
.kf .mil dt{ display:block; text-align:center; border-bottom:1px solid #eee; position:relative;}
.kf .mil dt:last-child{ border-bottom:none;}
.kf .mil dt a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dt a img{ display:block; height:20px; margin:5px auto; margin-bottom:1px;}
.kf .mil dt a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dt a:hover span{ color:#004ca0;}
.kf .mil dt b{ display:none; position:absolute; right:60px; bottom:0; background-color:#fff; border-radius:10px; padding:5px 10px; box-shadow:0 0 10px rgba(0,81,251,.1); font-size:16px; color:#004ca0; width:140px;}
.kf .mil dt:hover b{ display:block;}
.kf .mil dt p{ display:none; position:absolute; right:56px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1);}
.kf .mil dt:hover p{ display:block;}
.kf .mil dt p img{ width:120px; display:block;}
.kf .mil dt p span{ font-size:12px; line-height:22px; display:block; color:#333; text-align:center;}
.kf .bot{ display:block; width:46px; height:46px; border-radius:46px; box-shadow:0 0 15px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:14px; margin:16px auto; display:block;}
}
@media only screen and (max-width:1023px){
.kf{ position:fixed; right:1.5%; bottom:10%; z-index:100;}
.kf .top{ display:none;}
.kf .mil{ display:none;}
.kf .bot{ display:block; width:40px; height:40px; border-radius:50px; box-shadow:0 0 10px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:12px; margin:14px auto; display:block;}
}

/*内页*/
@media screen and (min-width:1600px){
.ban{ width:100%; height:28.125vw; position:relative;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .title{ position:absolute; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; margin-top:25px;}
.ban .box .title .en{ color:#fff; opacity:.5;}
.ban .box .title .cn{ color:#fff;}
.ban .sav{ width:80%; position:absolute; left:10%; bottom:-40px; z-index:3; height:80px; border-radius:15px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); border-left:10px solid #004ca0; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ flex:1; margin-left:1vw; height:80px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left::-webkit-scrollbar{ width:1px; height:5px;}
.ban .sav .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,0.1);}
.ban .sav .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.ban .sav .left a{ display:block; font-size:16px; line-height:26px; padding:0 1.5625vw; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#004ca0;}
.ban .sav .left a:before{ content:''; width:1px; height:14px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-7px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ font-size:16px; line-height:20px; margin-right:2.5625vw;}
.ban .sav .right img{ display:block; height:20px; float:left; margin-right:0.78125vw;}
.ban .sav .right a{ display:block; float:left;}
.ban .sav .right span{ display:block; float:left; margin:0 0.677vw;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ban{ width:100%; height:35vw; position:relative;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .title{ position:absolute; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; margin-top:25px;}
.ban .box .title .en{ color:#fff; opacity:.5;}
.ban .box .title .cn{ color:#fff;}
.ban .sav{ width:90%; position:absolute; left:5%; bottom:-30px; z-index:3; height:60px; border-radius:10px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); border-left:6px solid #004ca0; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ flex:1; margin-left:1vw; height:60px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left::-webkit-scrollbar{ width:1px; height:5px;}
.ban .sav .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,0.1);}
.ban .sav .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.ban .sav .left a{ display:block; font-size:15px; line-height:25px; padding:0 1.5625vw; float:left; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#004ca0;}
.ban .sav .left a:before{ content:''; width:1px; height:12px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-6px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ font-size:15px; line-height:18px; margin-right:2.5625vw;}
.ban .sav .right img{ display:block; height:18px; float:left; margin-right:0.78125vw;}
.ban .sav .right a{ display:block; float:left;}
.ban .sav .right span{ display:block; float:left; margin:0 0.677vw;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:50vw; position:relative; border-top:60px solid #fff;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .title{ position:absolute; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.ban .box .title .en{ color:#fff; opacity:.5;}
.ban .box .title .cn{ color:#fff; margin-bottom:20px;}
.ban .sav{ width:94%; position:absolute; left:3%; bottom:-25px; z-index:3; height:50px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-left:2px solid #004ca0; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ padding:0 3vw; height:50px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left a{ display:block; font-size:14px; line-height:24px; padding:0 10px; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#004ca0;}
.ban .sav .left a:before{ content:''; width:1px; height:10px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-5px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ display:none;}
}

/*关于我们-公司概况*/
@media screen and (min-width:1600px){
.ab01{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1;}
.ab01 .box{ width:80%; margin:auto; position:relative; z-index:3;}
.ab01 .box .wen{ font-size:16px; line-height:30px; margin-top:28px; float:left;}
.ab01 .box .left{ width:31.37%; float:left; padding:35px 2.61%; box-sizing:border-box; margin-top:43px; border-radius:10px; background: linear-gradient(to bottom,#f7f7f7,#fff);}
.ab01 .box .left .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#004ca0;}
.ab01 .box .left .w02{ width:40px; height:2px; background-color:#19b2db; margin-top:10px;}
.ab01 .box .left .w03{ margin-top:23px; font-size:16px; line-height:30px;}
.ab01 .box .right{ width:65.36%; float:right; margin-top:43px;}
.ab01 .box .right video{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab01{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1;}
.ab01 .box{ width:90%; margin:auto; position:relative; z-index:3;}
.ab01 .box .wen{ font-size:15px; line-height:25px; margin-top:20px; float:left;}
.ab01 .box .left{ width:31.37%; float:left; padding:25px 2.61%; box-sizing:border-box; margin-top:30px; border-radius:10px; background: linear-gradient(to bottom,#f7f7f7,#fff);}
.ab01 .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#004ca0;}
.ab01 .box .left .w02{ width:30px; height:2px; background-color:#19b2db; margin-top:7px;}
.ab01 .box .left .w03{ margin-top:15px; font-size:15px; line-height:25px;}
.ab01 .box .right{ width:65.36%; float:right; margin-top:30px;}
.ab01 .box .right video{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab01 .box .wen{ font-size:14px; line-height:24px; margin-top:10px; float:left;}
.ab01 .box .left{ width:100%; float:left; padding:15px 15px; box-sizing:border-box; margin-top:20px; border-radius:10px; background: linear-gradient(to bottom,#f7f7f7,#fff);}
.ab01 .box .left .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#004ca0;}
.ab01 .box .left .w02{ width:20px; height:2px; background-color:#19b2db; margin-top:4px;}
.ab01 .box .left .w03{ margin-top:10px; font-size:14px; line-height:24px;}
.ab01 .box .right{ width:100%; float:right;}
.ab01 .box .right video{ width:100%; display:block;}
}

@media screen and (min-width:1600px){
.ab02{ width:100%; padding-top:90px; padding-bottom:95px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:80%; margin:auto; position:relative; z-index:3; display:flex;}
.ab02 .box .left{ width:58.17%; margin-right:4.58%;}
.ab02 .box .left .title{ width:100%;}
.ab02 .box .left .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:30px;}
.ab02 .box .left .w01 span{ color:#004ca0;}
.ab02 .box .left .w02{ font-size:16px; line-height:26px; color:#666; margin-top:20px;}
.ab02 .box .left .w03{ display:block; padding-top:10px;}
.ab02 .box .left .w03 li{ display:block; margin-top:30px; padding-left:30px; background-image:url(../images/title01.png); background-position:left 8px; background-repeat:no-repeat;}
.ab02 .box .left .w03 li b{ display:block; font-size:20px; line-height:30px; color:#004ca0;}
.ab02 .box .left .w03 li p{ display:block; font-size:16px; line-height:26px; color:#333; margin-top:5px;}
.ab02 .box .right{ width:37.25%; margin-top:10px; margin-bottom:5px; background-position:center; background-size:cover;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab02{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:90%; margin:auto; position:relative; z-index:3; display:flex;}
.ab02 .box .left{ width:58.17%; margin-right:4.58%;}
.ab02 .box .left .title{ width:100%;}
.ab02 .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;}
.ab02 .box .left .w01 span{ color:#004ca0;}
.ab02 .box .left .w02{ font-size:15px; line-height:25px; color:#666; margin-top:15px;}
.ab02 .box .left .w03{ display:block; padding-top:5px;}
.ab02 .box .left .w03 li{ display:block; margin-top:20px; padding-left:25px; background-image:url(../images/title01.png); background-position:left 8px; background-repeat:no-repeat;}
.ab02 .box .left .w03 li b{ display:block; font-size:18px; line-height:28px; color:#004ca0;}
.ab02 .box .left .w03 li p{ display:block; font-size:15px; line-height:25px; color:#333; margin-top:5px;}
.ab02 .box .right{ width:37.25%; margin-top:10px; margin-bottom:5px; background-position:center; background-size:cover;}
}
@media only screen and (max-width:1023px){
.ab02{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .box .left{ width:100%; float:left;}
.ab02 .box .left .title{ width:100%;}
.ab02 .box .left .w01{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.ab02 .box .left .w01 span{ color:#004ca0;}
.ab02 .box .left .w02{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.ab02 .box .left .w03{ display:block; padding-top:5px;}
.ab02 .box .left .w03 li{ display:block; margin-top:5px; padding-left:20px; background-image:url(../images/title01.png); background-position:left 8px; background-repeat:no-repeat;}
.ab02 .box .left .w03 li b{ display:block; font-size:16px; line-height:26px; color:#004ca0;}
.ab02 .box .left .w03 li p{ display:block; font-size:14px; line-height:24px; color:#333;}
.ab02 .box .right{ width:100%; height:114.61vw; float:right; margin-top:15px; background-position:center; background-size:cover;}
}

.ab03 .title .en{ color:#fff; opacity:.5;}
.ab03 .title .cn{ color:#fff;}
@media screen and (min-width:1600px){
.ab03{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.ab03 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3; display:flex; flex-direction:row-reverse; padding-bottom:40px;}
.ab03 .box .left{ width:46.4%; margin-left:2.61%; margin-right:3.92%; margin-top:83px; position:relative; z-index:3;}
.ab03 .box .left .w01{ font-size:16px; line-height:30px; color:#fff;}
.ab03 .box .left .w02{ font-size:24px; line-height:34px; color:#fff; font-weight:bold; margin-top:38px;}
.ab03 .box .left .w03{ font-size:16px; line-height:30px; color:#fff; margin-top:8px;}
.ab03 .box .right{ flex:1; margin-right:2.61%; position:relative; z-index:3;}
.ab03 .box .right img{ width:100%; height:100%; display:block; object-fit:cover;}
.ab03 .box .mask{ width:100%; height:calc(100% - 40px); position:absolute; left:0; bottom:0; z-index:1; background-color:#004ca0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.ab03 .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3; display:flex; flex-direction:row-reverse; padding-bottom:30px;}
.ab03 .box .left{ width:46.4%; margin-left:2.61%; margin-right:3.92%; margin-top:60px; position:relative; z-index:3;}
.ab03 .box .left .w01{ font-size:15px; line-height:25px; color:#fff;}
.ab03 .box .left .w02{ font-size:20px; line-height:30px; color:#fff; font-weight:bold; margin-top:30px;}
.ab03 .box .left .w03{ font-size:15px; line-height:25px; color:#fff; margin-top:5px;}
.ab03 .box .right{ flex:1; margin-right:2.61%; position:relative; z-index:3;}
.ab03 .box .right img{ width:100%; height:100%; display:block; object-fit:cover;}
.ab03 .box .mask{ width:100%; height:calc(100% - 30px); position:absolute; left:0; bottom:0; z-index:1; background-color:#004ca0;}
}
@media only screen and (max-width:1023px){
.ab03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.ab03 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; padding-bottom:15px;}
.ab03 .box .left{ width:calc(100% - 30px); margin:auto; margin-top:10px; position:relative; z-index:3;}
.ab03 .box .left .w01{ font-size:14px; line-height:24px; color:#fff;}
.ab03 .box .left .w02{ font-size:16px; line-height:26px; color:#fff; font-weight:bold; margin-top:10px;}
.ab03 .box .left .w03{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ab03 .box .right{ width:calc(100% - 30px); margin:auto; position:relative; z-index:3;}
.ab03 .box .right img{ width:100%; height:100%; display:block; object-fit:cover;}
.ab03 .box .mask{ width:100%; height:calc(100% - 20px); position:absolute; left:0; bottom:0; z-index:1; background-color:#004ca0;}
}

/*关于我们-发展历程*/
@media screen and (min-width:1600px){
.ab04{ width:100%; padding-top:130px; padding-bottom:95px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3; overflow:hidden;}
.ab04 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab04 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#f7f7f7; overflow:hidden; display:block; float:left; margin-right:20px; background-position:center; background-repeat:no-repeat;}
.ab04 .box .an .swiper-button-white:hover{ background-color:#004ca0;}
.ab04 .box .an .swiper-button-prev{ background-image:url(../images/prev01.png);}
.ab04 .box .an .swiper-button-next{ background-image:url(../images/next01.png);}
.ab04 .box .an .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab04 .box .an .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab04 .box .gallery-top{ width:100%; height:auto;}
.ab04 .box .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab04 .box .gallery-top .swiper-slide .left{ width:49.02%; float:left; position:relative;}
.ab04 .box .gallery-top .swiper-slide .left:before{ width:100%; padding-top:64%; display:block; content:'';}
.ab04 .box .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .gallery-top .swiper-slide .right{ width:45.75%; float:right;}
.ab04 .box .gallery-top .swiper-slide .right .bt{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.ab04 .box .gallery-top .swiper-slide .right .wen{ font-size:16px; line-height:30px; color:#666; margin-top:18px;}
.ab04 .box .shu{ position:absolute; left:0; bottom:100px;}
.ab04 .box .shu p{ display:block; font-size:36px; height:40px; line-height:40px; color:#004ca0; overflow:hidden; font-weight:bold;}
.ab04 .box .gallery-thumbs{ width:83.66%; float:right; margin-top:50px;}
.ab04 .box .gallery-thumbs .swiper-slide{ width:18.75%; margin-right:1.5625%;}
.ab04 .box .gallery-thumbs .swiper-slide p{ width:80px; height:80px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab04 .box .gallery-thumbs .swiper-slide p a{ width:80px; height:80px; background-color:#eee; font-size:24px; line-height:80px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab04 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:15px; display:block; text-align:center; overflow:hidden; font-size:16px; line-height:26px; height:26px;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#7fa5cf;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#004ca0; color:#fff;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#004ca0;}
.ab04 .line{ width:80%; height:2px; background-color:#f7f7f7; position:absolute; left:10%; bottom:182px; z-index:2;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab04{ width:100%; padding-top:90px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3; overflow:hidden;}
.ab04 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab04 .box .an .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#f7f7f7; overflow:hidden; display:block; float:left; margin-right:15px; background-position:center; background-repeat:no-repeat;}
.ab04 .box .an .swiper-button-white:hover{ background-color:#004ca0;}
.ab04 .box .an .swiper-button-prev{ background-image:url(../images/prev01.png);}
.ab04 .box .an .swiper-button-next{ background-image:url(../images/next01.png);}
.ab04 .box .an .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab04 .box .an .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab04 .box .gallery-top{ width:100%; height:auto;}
.ab04 .box .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab04 .box .gallery-top .swiper-slide .left{ width:49.02%; float:left; position:relative;}
.ab04 .box .gallery-top .swiper-slide .left:before{ width:100%; padding-top:64%; display:block; content:'';}
.ab04 .box .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .gallery-top .swiper-slide .right{ width:45.75%; float:right;}
.ab04 .box .gallery-top .swiper-slide .right .bt{ font-size:20px; line-height:30px; font-weight:bold; margin-top:15px;}
.ab04 .box .gallery-top .swiper-slide .right .wen{ font-size:15px; line-height:25px; color:#666; margin-top:10px;}
.ab04 .box .shu{ position:absolute; left:0; bottom:80px;}
.ab04 .box .shu p{ display:block; font-size:30px; height:40px; line-height:40px; color:#004ca0; overflow:hidden; font-weight:bold;}
.ab04 .box .gallery-thumbs{ width:83.66%; float:right; margin-top:35px;}
.ab04 .box .gallery-thumbs .swiper-slide{ width:18.75%; margin-right:1.5625%;}
.ab04 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab04 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:20px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab04 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:10px; display:block; text-align:center; overflow:hidden; font-size:15px; line-height:25px; height:25px;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#7fa5cf;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#004ca0; color:#fff;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#004ca0;}
.ab04 .line{ width:60%; height:2px; background-color:#f7f7f7; position:absolute; left:5%; bottom:133px; z-index:2;}
}
@media only screen and (max-width:1023px){
.ab04{ width:100%; padding-top:50px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; overflow:hidden;}
.ab04 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab04 .box .an .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#f7f7f7; overflow:hidden; display:block; float:left; margin-right:15px; background-position:center; background-repeat:no-repeat;}
.ab04 .box .an .swiper-button-white:hover{ background-color:#004ca0;}
.ab04 .box .an .swiper-button-prev{ background-image:url(../images/prev01.png);}
.ab04 .box .an .swiper-button-next{ background-image:url(../images/next01.png);}
.ab04 .box .an .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab04 .box .an .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab04 .box .gallery-top{ width:100%; height:auto;}
.ab04 .box .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab04 .box .gallery-top .swiper-slide .left{ width:100%; float:left; position:relative;}
.ab04 .box .gallery-top .swiper-slide .left:before{ width:100%; padding-top:64%; display:block; content:'';}
.ab04 .box .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .gallery-top .swiper-slide .right{ width:100%; float:right; overflow:auto;}
.ab04 .box .gallery-top .swiper-slide .right .bt{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.ab04 .box .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ab04 .box .shu{ position:absolute; left:0; bottom:65px;}
.ab04 .box .shu p{ display:block; font-size:24px; height:32px; line-height:32px; color:#004ca0; overflow:hidden;}
.ab04 .box .gallery-thumbs{ width:calc(100% - 80px); float:right; margin-top:15px; height:99px;}
.ab04 .box .gallery-thumbs .swiper-slide{ width:48.5%; margin-left:3%; height:99px;}
.ab04 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab04 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab04 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:5px; display:block; text-align:center; overflow:hidden; font-size:14px; line-height:24px; height:24px;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#7fa5cf;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#004ca0; color:#fff;}
.ab04 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#004ca0;}
.ab04 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:97px; z-index:2;}
}

/*关于我们-产业分布*/
@media screen and (min-width:1600px){
.ab05{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.ab05 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab05 .box .left{ width:62.09%; float:left;}
.ab05 .box .left img{ max-width:100%; display:block;}
.ab05 .box .right{ width:32.68%; float:right;}
.ab05 .box .right ul{ display:block; margin-top:-40px;}
.ab05 .box .right ul li{ display:block; border-radius:10px; background-color:#f7f7f7; margin-top:40px; padding:35px 8%;}
.ab05 .box .right ul li .w02{ width:100%; margin-top:20px; font-size:20px; line-height:30px; font-weight:bold; color:#333;}
.ab05 .box .right ul li .w03{ width:40px; height:2px; background-color:#004ca0; margin-top:10px;}
.ab05 .box .right ul li .w04{ padding-top:9px;}
.ab05 .box .right ul li .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:6px; color:#333; padding-left:26px; background-position:left 4px; background-repeat:no-repeat;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab05{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab05 .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ab05 .box .left{ width:62.09%; float:left;}
.ab05 .box .left img{ max-width:100%; display:block;}
.ab05 .box .right{ width:32.68%; float:right;}
.ab05 .box .right ul{ display:block; margin-top:-30px;}
.ab05 .box .right ul li{ display:block; border-radius:10px; background-color:#f7f7f7; margin-top:30px; padding:25px 5%;}
.ab05 .box .right ul li .w02{ width:100%; margin-top:15px; font-size:18px; line-height:28px; font-weight:bold; color:#333;}
.ab05 .box .right ul li .w03{ width:30px; height:2px; background-color:#004ca0; margin-top:5px;}
.ab05 .box .right ul li .w04{ padding-top:6px;}
.ab05 .box .right ul li .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:4px; color:#333; padding-left:24px; background-position:left 4px; background-repeat:no-repeat;}
}
@media only screen and (max-width:1023px){
.ab05{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab05 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab05 .box .left{ width:100%; float:left;}
.ab05 .box .left img{ max-width:100%; display:block; margin:auto;}
.ab05 .box .right{ width:100%; float:right;}
.ab05 .box .right ul{ display:block;}
.ab05 .box .right ul li{ display:block; border-radius:10px; background-color:#f7f7f7; margin-top:20px; padding:15px 15px;}
.ab05 .box .right ul li .w02{ width:100%; margin-top:10px; font-size:16px; line-height:26px; font-weight:bold; color:#333;}
.ab05 .box .right ul li .w03{ width:20px; height:2px; background-color:#004ca0; margin-top:5px;}
.ab05 .box .right ul li .w04{ padding-top:5px;}
.ab05 .box .right ul li .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#333; padding-left:22px; background-position:left 4px; background-repeat:no-repeat;}
}

/*关于我们-技术研发*/
@media screen and (min-width:1600px){
.ab06{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.ab06 .title .swi{ position:absolute; right:0; bottom:5px;}
.ab06 .title .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.ab06 .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.ab06 .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:20px;}
.ab06 .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.ab06 .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab06 .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab06 .box{ width:100%; margin:auto; padding-top:30px; position:relative; z-index:3;}
.ab06 .box .left{ width:32.29%; margin-left:10%; margin-top:-28px; float:left;}
.ab06 .box .left .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#004ca0; margin-top:28px;}
.ab06 .box .left .w02{ font-size:16px; line-height:30px; color:#333; margin-top:8px;}
.ab06 .box .right{ width:53.39%; float:right; margin-top:5px;}
.ab06 .box .right .swiper-slide{ width:29.27%;}
.ab06 .box .right .swiper-slide .tu{ width:100%; position:relative; background-position:center; background-size:cover;}
.ab06 .box .right .swiper-slide .tu:before{ width:100%; padding-top:140%; display:block; content:''; position:relative; z-index:1;}
.ab06 .box .right .swiper-slide .tu a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; box-sizing:border-box; padding:35px 10%; background-color:rgba(0,0,0,.7); overflow:auto; opacity:0;}
.ab06 .box .right .swiper-slide .tu a .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ab06 .box .right .swiper-slide .tu a .w02{ font-size:16px; line-height:30px; color:#fff; margin-top:3px;}
.ab06 .box .right .swiper-slide .tu a .w03{ width:40px; height:2px; margin-top:8px; background-color:#19b2db;}
.ab06 .box .right .swiper-slide .tu a .w04{ font-size:16px; line-height:30px; color:#fff; margin-top:13px;}
.ab06 .box .right .swiper-slide:hover .tu a{ opacity:0;}
.ab06 .box .right .swiper-slide .wen{ width:100%; margin-top:15px; display:none;}
.ab06 .box .right .swiper-slide .wen .w01{ font-size:20px; line-height:30px; height:30px; font-weight:bold;}
.ab06 .box .right .swiper-slide .wen .w02{ font-size:16px; line-height:26px; height:26px; margin-top:4px; color:#666;}
.ab06 .box .right .swiper-slide:hover .wen .w01 a{ color:#004ca0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab06{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab06 .title .swi{ position:absolute; right:0; bottom:5px;}
.ab06 .title .swi .swiper-button-white{ width:38px; height:38px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.ab06 .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.ab06 .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:15px;}
.ab06 .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.ab06 .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab06 .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab06 .box{ width:100%; margin:auto; padding-top:20px; position:relative; z-index:3;}
.ab06 .box .left{ width:37.29%; margin-left:5%; margin-top:-20px; float:left;}
.ab06 .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#004ca0; margin-top:20px;}
.ab06 .box .left .w02{ font-size:15px; line-height:25px; color:#333; margin-top:5px;}
.ab06 .box .right{ width:52.39%; float:right; margin-top:5px;}
.ab06 .box .right .swiper-slide{ width:40%;}
.ab06 .box .right .swiper-slide .tu{ width:100%; position:relative; background-position:center; background-size:cover;}
.ab06 .box .right .swiper-slide .tu:before{ width:100%; padding-top:140%; display:block; content:''; position:relative; z-index:1;}
.ab06 .box .right .swiper-slide .tu a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; box-sizing:border-box; padding:25px 5%; background-color:rgba(0,0,0,.7); overflow:auto; opacity:0;}
.ab06 .box .right .swiper-slide .tu a .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.ab06 .box .right .swiper-slide .tu a .w02{ font-size:15px; line-height:25px; color:#fff; margin-top:5px;}
.ab06 .box .right .swiper-slide .tu a .w03{ width:30px; height:2px; margin-top:5px; background-color:#19b2db;}
.ab06 .box .right .swiper-slide .tu a .w04{ font-size:15px; line-height:25px; color:#fff; margin-top:15px;}
.ab06 .box .right .swiper-slide:hover .tu a{ opacity:0;}
.ab06 .box .right .swiper-slide .wen{ width:100%; margin-top:10px; display:none;}
.ab06 .box .right .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.ab06 .box .right .swiper-slide .wen .w02{ font-size:15px; line-height:25px; height:25px; margin-top:3px; color:#666;}
.ab06 .box .right .swiper-slide:hover .wen .w01 a{ color:#004ca0;}
}
@media only screen and (max-width:1023px){
.ab06{ width:100%; padding-top:50px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.ab06 .title .swi{ position:absolute; right:0; bottom:5px;}
.ab06 .title .swi .swiper-button-white{ width:34px; height:34px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.ab06 .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.ab06 .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:10px;}
.ab06 .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.ab06 .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab06 .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab06 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab06 .box .left{ width:100%; float:left;}
.ab06 .box .left .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#004ca0; margin-top:10px;}
.ab06 .box .left .w02{ font-size:14px; line-height:24px; color:#333;}
.ab06 .box .right{ width:100%; float:right; margin-top:15px;}
.ab06 .box .right .swiper-slide{ width:70%;}
.ab06 .box .right .swiper-slide .tu{ width:100%; position:relative; background-position:center; background-size:cover;}
.ab06 .box .right .swiper-slide .tu:before{ width:100%; padding-top:140%; display:block; content:''; position:relative; z-index:1;}
.ab06 .box .right .swiper-slide .tu a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; box-sizing:border-box; padding:15px; background-color:rgba(0,0,0,.7); overflow:auto; opacity:0;}
.ab06 .box .right .swiper-slide .tu a .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.ab06 .box .right .swiper-slide .tu a .w02{ font-size:14px; line-height:24px; color:#fff;}
.ab06 .box .right .swiper-slide .tu a .w03{ width:20px; height:2px; margin-top:5px; background-color:#19b2db;}
.ab06 .box .right .swiper-slide .tu a .w04{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.ab06 .box .right .swiper-slide:hover .tu a{ opacity:0;}
.ab06 .box .right .swiper-slide .wen{ width:100%; margin-top:5px; display:none;}
.ab06 .box .right .swiper-slide .wen .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.ab06 .box .right .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#666;}
.ab06 .box .right .swiper-slide:hover .wen .w01 a{ color:#004ca0;}
}

@media screen and (min-width:1600px){
.ab07{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab07 .title .more{ position:absolute; right:0; bottom:5px;}
.ab07 .title .more a{ width:160px; height:44px; line-height:44px; font-size:16px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; float:left; margin-left:30px;}
.ab07 .title .more a b{ width:24px; height:24px; display:block; float:right; margin:10px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.ab07 .title .more a.on{ background-color:#004ca0; color:#fff;}
.ab07 .title .more a.on b{ background-image:url(../images/more.png);}
.ab07 .box{ width:80%; margin:auto; height:560px; margin-top:35px; position:relative; z-index:3;}
.ab07 .box .tab{ width:100%; height:560px; position:absolute; left:0; top:0; z-index:1; background-color:#f7f7f7; opacity:0;}
.ab07 .box .tab.on{ z-index:9; opacity:1;}
.ab07 .box .gallery-top{ width:73.2%; height:560px; float:left;}
.ab07 .box .gallery-top .swiper-wrapper{ height:100%;}
.ab07 .box .gallery-top .swiper-slide{ width:100%; height:100%; background-position:center; background-size:cover; position:relative; display:block; overflow:hidden;}
.ab07 .box .gallery-top .swiper-slide video{ width:100%; height:100%; display:block; background-color:#000;}
.ab07 .box .gallery-thumbs{ width:22.88%; height:560px; float:right;}
.ab07 .box .gallery-thumbs .swiper-slide{ width:100%; height:170px; position:relative; display:block; overflow:hidden;}
.ab07 .box .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; height:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.7);}
.ab07 .box .gallery-thumbs .swiper-slide img{ width:100%; height:170px; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.ab07 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ display:none;}
.ab07 .box .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-20px; z-index:3;}
.ab07 .box .swiper-button-white:hover{ background-color:#004ca0;}
.ab07 .box .swiper-button-prev{ background-image:url(../images/prev01.png); left:4.46%;}
.ab07 .box .swiper-button-next{ background-image:url(../images/next01.png); right:4.46%;}
.ab07 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab07 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab07{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab07 .title .more{ position:absolute; right:0; bottom:5px;}
.ab07 .title .more a{ width:150px; height:40px; line-height:40px; font-size:15px; text-indent:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; float:left; margin-left:20px;}
.ab07 .title .more a b{ width:22px; height:22px; display:block; float:right; margin:9px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.ab07 .title .more a.on{ background-color:#004ca0; color:#fff;}
.ab07 .title .more a.on b{ background-image:url(../images/more.png);}
.ab07 .box{ width:90%; margin:auto; height:410px; margin-top:35px; position:relative; z-index:3;}
.ab07 .box .tab{ width:100%; height:410px; position:absolute; left:0; top:0; z-index:1; background-color:#f7f7f7; opacity:0;}
.ab07 .box .tab.on{ z-index:9; opacity:1;}
.ab07 .box .gallery-top{ width:73.2%; height:410px; float:left;}
.ab07 .box .gallery-top .swiper-wrapper{ height:100%;}
.ab07 .box .gallery-top .swiper-slide{ width:100%; height:100%; background-position:center; background-size:cover; position:relative; display:block; overflow:hidden;}
.ab07 .box .gallery-top .swiper-slide video{ width:100%; height:100%; display:block; background-color:#000;}
.ab07 .box .gallery-thumbs{ width:22.88%; height:410px; float:right;}
.ab07 .box .gallery-thumbs .swiper-slide{ width:100%; height:120px; position:relative; display:block; overflow:hidden;}
.ab07 .box .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; height:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.7);}
.ab07 .box .gallery-thumbs .swiper-slide img{ width:100%; height:120px; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.ab07 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ display:none;}
.ab07 .box .swiper-button-white{ width:38px; height:38px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-19px; z-index:3;}
.ab07 .box .swiper-button-white:hover{ background-color:#004ca0;}
.ab07 .box .swiper-button-prev{ background-image:url(../images/prev01.png); left:3%;}
.ab07 .box .swiper-button-next{ background-image:url(../images/next01.png); right:3%;}
.ab07 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab07 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.ab07{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab07 .title .more{ margin-left:-10px; overflow:hidden;}
.ab07 .title .more a{ width:130px; height:34px; line-height:34px; font-size:14px; text-indent:15px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; float:left; margin-left:10px; margin-top:10px;}
.ab07 .title .more a b{ width:20px; height:20px; display:block; float:right; margin:7px; background-image:url(../images/more01.png); background-position:center; border-radius:100%;}
.ab07 .title .more a.on{ background-color:#004ca0; color:#fff;}
.ab07 .title .more a.on b{ background-image:url(../images/more.png);}
.ab07 .box{ width:94%; margin:auto; height:calc(94vw + 20px); margin-top:15px; position:relative; z-index:3;}
.ab07 .box .tab{ width:100%; height:calc(94vw + 20px); position:absolute; left:0; top:0; z-index:1; background-color:#f7f7f7; opacity:0;}
.ab07 .box .tab.on{ z-index:9; opacity:1;}
.ab07 .box .gallery-top{ width:100%; height:calc(94vw + 20px); float:left;}
.ab07 .box .gallery-top .swiper-slide{ width:100%; height:47vw; margin-bottom:20px !important; background-position:center; background-size:cover; position:relative; display:block; overflow:hidden;}
.ab07 .box .gallery-top .swiper-slide video{ width:100%; height:100%; display:block; background-color:#000;}
.ab07 .box .gallery-thumbs{ display:none;}
.ab07 .box .swiper-button-white{ width:34px; height:34px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-17px; z-index:3;}
.ab07 .box .swiper-button-white:hover{ background-color:#004ca0;}
.ab07 .box .swiper-button-prev{ background-image:url(../images/prev01.png); left:3%;}
.ab07 .box .swiper-button-next{ background-image:url(../images/next01.png); right:3%;}
.ab07 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ab07 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}

.ab08{ display:none;}
.ab08 .title .en{ color:#fff; opacity:.5;}
.ab08 .title .cn{ color:#fff;}
@media screen and (min-width:1600px){
.ab08{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab08 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.ab08 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab08 .box .swiper-slide{ width:22.255%; position:relative; display:block; overflow:hidden;}
.ab08 .box .swiper-slide a{ width:100%; display:block; content:''; padding-top:144.11%;}
.ab08 .box .swiper-slide img{ width:100%; display:block; position:absolute; top:0; left:0;}

.ab08 .box .swiper-pagination{ width:100%; margin-top:40px; display:flex; justify-content:center; flex-wrap:wrap;}
.ab08 .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.ab08 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn03.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab08{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab08 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.ab08 .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ab08 .box .swiper-slide{ width:30.89%; position:relative; display:block; overflow:hidden;}
.ab08 .box .swiper-slide a{ width:100%; display:block; content:''; padding-top:144.11%;}
.ab08 .box .swiper-slide img{ width:100%; display:block; position:absolute; top:0; left:0;}

.ab08 .box .swiper-pagination{ width:100%; margin-top:30px; display:flex; justify-content:center; flex-wrap:wrap;}
.ab08 .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.ab08 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn03.png);}
}
@media only screen and (max-width:1023px){
.ab08{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab08 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.ab08 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab08 .box .swiper-slide{ width:70%; position:relative; display:block; overflow:hidden;}
.ab08 .box .swiper-slide a{ width:100%; display:block; content:''; padding-top:144.11%;}
.ab08 .box .swiper-slide img{ width:100%; display:block; position:absolute; top:0; left:0;}

.ab08 .box .swiper-pagination{ width:100%; margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap;}
.ab08 .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.ab08 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn03.png);}
}

/*关于我们-技术研发内页*/
@media screen and (min-width:1600px){
.ab09{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.ab09 .box{ width:80%; margin:auto; position:relative; z-index:3;}
.ab09 .box .left{ padding-bottom:40px; padding-right:40px; width:30.25%; float:left; box-sizing:border-box; position:relative;}
.ab09 .box .left p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.ab09 .box .left p img{ width:100%; display:block;}
.ab09 .box .left b{ width:calc(100% - 40px); height:calc(100% - 40px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#004ca0;}
.ab09 .box .right{ width:65.17%; float:right;}
.ab09 .box .right .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:35px;}
.ab09 .box .right .w02{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.ab09 .box .right .w03{ width:40px; height:2px; margin-top:15px; background-color:#004ca0;}
.ab09 .box .right .w04{ font-size:16px; line-height:26px; color:#004ca0; margin-top:25px; font-weight:bold;}
.ab09 .box .right .w05{ font-size:16px; line-height:30px; color:#333; margin-top:2px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab09{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab09 .box{ width:90%; margin:auto; position:relative; z-index:3;}
.ab09 .box .left{ padding-bottom:30px; padding-right:30px; width:30.25%; float:left; box-sizing:border-box; position:relative;}
.ab09 .box .left p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.ab09 .box .left p img{ width:100%; display:block;}
.ab09 .box .left b{ width:calc(100% - 30px); height:calc(100% - 30px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#004ca0;}
.ab09 .box .right{ width:65.17%; float:right;}
.ab09 .box .right .w01{ font-size:20px; line-height:30px; font-weight:bold; margin-top:25px;}
.ab09 .box .right .w02{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.ab09 .box .right .w03{ width:30px; height:2px; margin-top:10px; background-color:#004ca0;}
.ab09 .box .right .w04{ font-size:15px; line-height:25px; color:#004ca0; margin-top:20px; font-weight:bold;}
.ab09 .box .right .w05{ font-size:15px; line-height:25px; color:#333; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.ab09{ width:100%; padding-top:50px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.ab09 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab09 .box .left{ padding-bottom:15px; padding-right:15px; width:100%; max-width:315px; margin:auto; box-sizing:border-box; position:relative;}
.ab09 .box .left p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.ab09 .box .left p img{ width:100%; display:block;}
.ab09 .box .left b{ width:calc(100% - 15px); height:calc(100% - 15px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#004ca0;}
.ab09 .box .right{ width:100%;}
.ab09 .box .right .w01{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.ab09 .box .right .w02{ font-size:14px; line-height:24px; color:#666;}
.ab09 .box .right .w03{ width:20px; height:2px; margin-top:5px; background-color:#004ca0;}
.ab09 .box .right .w04{ font-size:14px; line-height:24px; color:#004ca0; margin-top:10px; font-weight:bold;}
.ab09 .box .right .w05{ font-size:14px; line-height:24px; color:#333;}
}

/*解决方案-产品介绍*/
@media screen and (min-width:1600px){
.jj01{ width:100%; padding-top:130px; padding-bottom:95px; position:relative; z-index:1; background-color:#fff;}
.jj01 .box{ width:80%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.jj01 .box .left{ width:49.02%; float:left; position:relative; height:455px;}
.jj01 .box .left .w01{ font-size:24px; line-height:44px; font-weight:bold;}
.jj01 .box .left .w02{ width:100%; position:absolute; left:0; bottom:0;}
.jj01 .box .left .w02 p{ width:46.67%; display:block; float:left; margin-left:6.66%; margin-top:40px; padding-bottom:20px; border-bottom:1px solid #ddd; height:30px; overflow:hidden; font-size:18px; line-height:30px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .left .w02 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jj01 .box .left .w02 p img{ display:block; height:30px; float:left; margin-right:20px;}
.jj01 .box .left .w02 p.on{ color:#004ca0;}
.jj01 .box .right{ width:45.75%; float:right; margin-top:5px; height:450px;}
.jj01 .box .right .tab{ width:100%; height:450px; position:relative;}
.jj01 .box .right .tab .wen{ width:65.71%; position:absolute; left:5.71%; bottom:40px; padding-top:40px;}
.jj01 .box .right .tab .wen .tu{ position:absolute; left:8.7%; top:0; width:80px; height:80px; display:flex; align-items:center; background-color:#004ca0;}
.jj01 .box .right .tab .wen .tu img{ max-width:50px; max-height:50px; display:block; margin:auto;}
.jj01 .box .right .tab .wen .cont{ padding:33px 8.7%; padding-top:70px; background-color:#fff; max-height:300px; box-sizing:border-box; overflow:auto;}
.jj01 .box .right .tab .wen .cont::-webkit-scrollbar{ width:5px; height:1px;}
.jj01 .box .right .tab .wen .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#004ca0;}
.jj01 .box .right .tab .wen .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.jj01 .box .right .tab .wen .cont .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#004ca0;}
.jj01 .box .right .tab .wen .cont .w02{ font-size:16px; line-height:30px; margin-top:8px;}
.jj01 .box .list{ width:100%; display:block; padding-top:5px;}
.jj01 .box .list li{ width:23.5%; display:block; float:left; margin-left:; margin-top:35px; margin-left:2%;}
.jj01 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jj01 .box .list li strong{ width:100%; display:block; padding-top:64.28%; position:relative; overflow:hidden;}
.jj01 .box .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jj01 .box .list li p{ font-size:16px; line-height:26px; display:block; text-align:center; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jj01{ width:100%; padding-top:90px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.jj01 .box{ width:90%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.jj01 .box .left{ width:49.02%; float:left; position:relative; height:405px;}
.jj01 .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.jj01 .box .left .w02{ width:100%; position:absolute; left:0; bottom:0;}
.jj01 .box .left .w02 p{ width:46.67%; display:block; float:left; margin-left:6.66%; margin-top:30px; padding-bottom:15px; border-bottom:1px solid #ddd; height:24px; overflow:hidden; font-size:16px; line-height:24px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .left .w02 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jj01 .box .left .w02 p img{ display:block; height:24px; float:left; margin-right:15px;}
.jj01 .box .left .w02 p.on{ color:#004ca0;}
.jj01 .box .right{ width:45.75%; float:right; margin-top:5px; height:400px;}
.jj01 .box .right .tab{ width:100%; height:400px; position:relative;}
.jj01 .box .right .tab .wen{ width:75%; position:absolute; left:5.71%; bottom:30px; padding-top:35px;}
.jj01 .box .right .tab .wen .tu{ position:absolute; left:8.7%; top:0; width:70px; height:70px; display:flex; align-items:center; background-color:#004ca0;}
.jj01 .box .right .tab .wen .tu img{ max-width:50px; max-height:50px; display:block; margin:auto;}
.jj01 .box .right .tab .wen .cont{ padding:25px 8.7%; padding-top:50px; background-color:#fff; max-height:250px; box-sizing:border-box; overflow:auto;}
.jj01 .box .right .tab .wen .cont::-webkit-scrollbar{ width:5px; height:1px;}
.jj01 .box .right .tab .wen .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#004ca0;}
.jj01 .box .right .tab .wen .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.jj01 .box .right .tab .wen .cont .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#004ca0;}
.jj01 .box .right .tab .wen .cont .w02{ font-size:15px; line-height:25px; margin-top:5px;}
.jj01 .box .list{ width:100%; display:block; padding-top:5px;}
.jj01 .box .list li{ width:23.5%; display:block; float:left; margin-left:; margin-top:25px; margin-left:2%;}
.jj01 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jj01 .box .list li strong{ width:100%; display:block; padding-top:64.28%; position:relative; overflow:hidden;}
.jj01 .box .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jj01 .box .list li p{ font-size:15px; line-height:25px; display:block; text-align:center; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.jj01{ width:100%; padding-top:50px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.jj01 .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.jj01 .box .left{ width:100%; float:left; position:relative;}
.jj01 .box .left .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.jj01 .box .left .w02{ width:100%;}
.jj01 .box .left .w02 p{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; padding-bottom:5px; border-bottom:1px solid #ddd; height:20px; overflow:hidden; font-size:14px; line-height:20px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .left .w02 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jj01 .box .left .w02 p img{ display:block; height:20px; float:left; margin-right:10px;}
.jj01 .box .left .w02 p.on{ color:#004ca0;}
.jj01 .box .right{ width:100%; float:right; margin-top:20px; height:300px;}
.jj01 .box .right .tab{ width:100%; height:300px; position:relative;}
.jj01 .box .right .tab .wen{ width:85%; position:absolute; left:15px; bottom:20px; padding-top:30px;}
.jj01 .box .right .tab .wen .tu{ position:absolute; left:15px; top:0; width:60px; height:60px; display:flex; align-items:center; background-color:#004ca0;}
.jj01 .box .right .tab .wen .tu img{ max-width:30px; max-height:30px; display:block; margin:auto;}
.jj01 .box .right .tab .wen .cont{ padding:15px; padding-top:45px; background-color:#fff; max-height:200px; box-sizing:border-box; overflow:auto;}
.jj01 .box .right .tab .wen .cont .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#004ca0;}
.jj01 .box .right .tab .wen .cont .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.jj01 .box .list{ width:100%; display:block; padding-top:5px;}
.jj01 .box .list li{ width:48.5%; display:block; float:left; margin-left:; margin-top:15px; margin-left:3%;}
.jj01 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jj01 .box .list li strong{ width:100%; display:block; padding-top:64.28%; position:relative; overflow:hidden;}
.jj01 .box .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jj01 .box .list li p{ font-size:14px; line-height:24px; display:block; text-align:center; margin-top:5px;}
}

@media screen and (min-width:1600px){
.jj02{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj02 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.jj02 .box .item{ width:30.72%; float:left; margin-left:3.92%; height:400px; background-position:center; background-size:cover; position:relative; overflow:hidden;}
.jj02 .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jj02 .box .item.on{ height:500px;}
.jj02 .box .item .wen{ padding:70px 8.51%; padding-top:65px; width:100%; height:100%; background-color:#fff; box-sizing:border-box;}
.jj02 .box .item .wen .w01{ font-size:16px; line-height:24px; height:24px; color:#004ca0; text-transform:uppercase;}
.jj02 .box .item .wen .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:10px;}
.jj02 .box .item .wen .w03{ font-size:16px; line-height:30px; height:60px; margin-top:18px;}
.jj02 .box .item .wen .w04{ height:60px; position:absolute; left:8.51%; bottom:70px;}
.jj02 .box .item .wen .w04 img{ display:block; height:60px;}
.jj02 .box .item .wen .w04 img.img02{ display:none;}
.jj02 .box .item.on .wen{ background-color:rgba(0,0,0,.7);}
.jj02 .box .item.on .wen .w01,.jj02 .box .item.on .wen .w02{ color:#fff;}
.jj02 .box .item.on .wen .w03{ height:180px; color:#fff; overflow:auto;}
.jj02 .box .item.on .wen .w04{ bottom:60px;}
.jj02 .box .item.on .wen .w04 img.img01{ display:none;}
.jj02 .box .item.on .wen .w04 img.img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jj02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj02 .box{ width:90%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.jj02 .box .item{ width:30.72%; float:left; margin-left:3.92%; height:350px; background-position:center; background-size:cover; position:relative; overflow:hidden;}
.jj02 .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jj02 .box .item.on{ height:450px;}
.jj02 .box .item .wen{ padding:50px 8.51%; padding-top:45px; width:100%; height:100%; background-color:#fff; box-sizing:border-box;}
.jj02 .box .item .wen .w01{ font-size:15px; line-height:23px; height:23px; color:#004ca0; text-transform:uppercase;}
.jj02 .box .item .wen .w02{ font-size:20px; line-height:30px; font-weight:bold; margin-top:5px;}
.jj02 .box .item .wen .w03{ font-size:15px; line-height:25px; height:50px; margin-top:15px;}
.jj02 .box .item .wen .w04{ height:60px; position:absolute; left:8.51%; bottom:50px;}
.jj02 .box .item .wen .w04 img{ display:block; height:50px;}
.jj02 .box .item .wen .w04 img.img02{ display:none;}
.jj02 .box .item.on .wen{ background-color:rgba(0,0,0,.7);}
.jj02 .box .item.on .wen .w01,.jj02 .box .item.on .wen .w02{ color:#fff;}
.jj02 .box .item.on .wen .w03{ height:180px; color:#fff; overflow:auto;}
.jj02 .box .item.on .wen .w04{ bottom:40px;}
.jj02 .box .item.on .wen .w04 img.img01{ display:none;}
.jj02 .box .item.on .wen .w04 img.img02{ display:block;}
}
@media only screen and (max-width:1023px){
.jj02{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj02 .box{ width:94%; margin:auto;; position:relative; z-index:3;}
.jj02 .box .item{ width:100%; margin-top:15px; background-position:center; background-size:cover; position:relative; overflow:hidden;}
.jj02 .box .item .wen{ padding:30px 15px; dding-top:25px; width:100%; height:100%; background-color:#fff; box-sizing:border-box;}
.jj02 .box .item .wen .w01{ font-size:14px; line-height:22px; height:22px; color:#004ca0; text-transform:uppercase;}
.jj02 .box .item .wen .w02{ font-size:16px; line-height:26px; font-weight:bold;}
.jj02 .box .item .wen .w03{ font-size:14px; line-height:24px; height:48px; margin-top:10px;}
.jj02 .box .item .wen .w04{ height:30px; margin-top:15px;}
.jj02 .box .item .wen .w04 img{ display:block; height:30px;}
.jj02 .box .item .wen .w04 img.img02{ display:none;}
.jj02 .box .item.on .wen{ background-color:rgba(0,0,0,.7);}
.jj02 .box .item.on .wen .w01,.jj02 .box .item.on .wen .w02{ color:#fff;}
.jj02 .box .item.on .wen .w03{ height:auto; color:#fff;}
.jj02 .box .item.on .wen .w04 img.img01{ display:none;}
.jj02 .box .item.on .wen .w04 img.img02{ display:block;}
}

/*解决方案-解决方案*/
@media screen and (min-width:1600px){
.jj03{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.jj03 .box{ width:80%; margin:auto; position:relative; z-index:3; display:flex;}
.jj03 .box .left{ width:52.94%; position:relative; display:flex; flex-direction:column;}
.jj03 .box .left .title{ width:100%;}
.jj03 .box .left .cont{ flex:1; margin-top:25px; background-color:#f7f7f7; position:relative;}
.jj03 .box .left .cont .tab{ width:100%; height:100%; overflow:auto; padding:45px 4.95%; padding-bottom:43px; box-sizing:border-box; position:absolute; left:0; top:0;}
.jj03 .box .left .cont .tab .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.jj03 .box .left .cont .tab .w02{ width:40px; height:2px; background-color:#004ca0; margin-top:15px;}
.jj03 .box .left .cont .tab .w03{ font-size:16px; line-height:30px; margin-top:23px;}
.jj03 .box .right{ width:47.06%; margin-top:10px;}
.jj03 .box .right .gallery-top{ width:100%;}
.jj03 .box .right .gallery-top .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.jj03 .box .right .gallery-top .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.67%;}
.jj03 .box .right .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jj03 .box .right .thumbs{ width:calc(100% - 20px); margin-top:30px; padding:0 60px; box-sizing:border-box; margin-left:20px; position:relative;}
.jj03 .box .right .gallery-thumbs{ width:100%;}
.jj03 .box .right .gallery-thumbs .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.jj03 .box .right .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.67%; position:relative; z-index:2; background-color:rgba(0,0,0,.5);}
.jj03 .box .right .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.jj03 .box .right .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ opacity:0;}
.jj03 .box .swiper-button-white{ width:40px; height:40px; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-20px; z-index:3;}
.jj03 .box .swiper-button-white:hover{ background-color:#004ca0;}
.jj03 .box .swiper-button-prev{ background-image:url(../images/prev01.png); left:0;}
.jj03 .box .swiper-button-next{ background-image:url(../images/next01.png); right:0;}
.jj03 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.jj03 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jj03{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.jj03 .box{ width:90%; margin:auto; position:relative; z-index:3; display:flex;}
.jj03 .box .left{ width:52.94%; position:relative; display:flex; flex-direction:column;}
.jj03 .box .left .title{ width:100%;}
.jj03 .box .left .cont{ flex:1; margin-top:35px; background-color:#f7f7f7; position:relative;}
.jj03 .box .left .cont .tab{ width:100%; height:100%; overflow:auto; padding:30px 4.95%; box-sizing:border-box; position:absolute; left:0; top:0;}
.jj03 .box .left .cont .tab .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.jj03 .box .left .cont .tab .w02{ width:30px; height:2px; background-color:#004ca0; margin-top:10px;}
.jj03 .box .left .cont .tab .w03{ font-size:15px; line-height:25px; margin-top:20px;}
.jj03 .box .right{ width:47.06%; margin-top:10px;}
.jj03 .box .right .gallery-top{ width:100%;}
.jj03 .box .right .gallery-top .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.jj03 .box .right .gallery-top .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.67%;}
.jj03 .box .right .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jj03 .box .right .thumbs{ width:calc(100% - 20px); margin-top:30px; padding:0 60px; box-sizing:border-box; margin-left:20px; position:relative;}
.jj03 .box .right .gallery-thumbs{ width:100%;}
.jj03 .box .right .gallery-thumbs .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.jj03 .box .right .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.67%; position:relative; z-index:2; background-color:rgba(0,0,0,.5);}
.jj03 .box .right .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.jj03 .box .right .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ opacity:0;}
.jj03 .box .swiper-button-white{ width:38px; height:38px; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-19px; z-index:3;}
.jj03 .box .swiper-button-white:hover{ background-color:#004ca0;}
.jj03 .box .swiper-button-prev{ background-image:url(../images/prev01.png); left:0;}
.jj03 .box .swiper-button-next{ background-image:url(../images/next01.png); right:0;}
.jj03 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.jj03 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.jj03{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.jj03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jj03 .box .left{ width:100%; position:relative;}
.jj03 .box .left{ width:100%; position:relative;}
.jj03 .box .left .title{ width:100%;}
.jj03 .box .left .cont{ margin-top:15px; background-color:#f7f7f7; position:relative;}
.jj03 .box .left .cont .tab{ width:100%; height:240px; overflow:auto; padding:15px; box-sizing:border-box;}
.jj03 .box .left .cont .tab .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.jj03 .box .left .cont .tab .w02{ width:20px; height:2px; background-color:#004ca0; margin-top:5px;}
.jj03 .box .left .cont .tab .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.jj03 .box .right{ width:100%; margin-top:20px;}
.jj03 .box .right .gallery-top{ width:100%;}
.jj03 .box .right .gallery-top .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.jj03 .box .right .gallery-top .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.67%;}
.jj03 .box .right .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jj03 .box .right .thumbs{ width:100%; margin-top:15px; padding:0 50px; box-sizing:border-box; position:relative;}
.jj03 .box .right .gallery-thumbs{ width:100%;}
.jj03 .box .right .gallery-thumbs .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.jj03 .box .right .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.67%; position:relative; z-index:2; background-color:rgba(0,0,0,.5);}
.jj03 .box .right .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.jj03 .box .right .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ opacity:0;}
.jj03 .box .swiper-button-white{ width:34px; height:34px; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-17px; z-index:3;}
.jj03 .box .swiper-button-white:hover{ background-color:#004ca0;}
.jj03 .box .swiper-button-prev{ background-image:url(../images/prev01.png); left:0;}
.jj03 .box .swiper-button-next{ background-image:url(../images/next01.png); right:0;}
.jj03 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.jj03 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}

.jj04{ display:none;}
@media screen and (min-width:1600px){
.jj04{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj04 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.jj04 .box .item{ width:22.5325%; float:left; overflow:hidden; position:relative; margin-left:3.29%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jj04 .box .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jj04 .box .item:before{ width:100%; display:block; content:''; padding-top:141.67%;}
.jj04 .box .item .bg{ width:100%; height:100px; background-color:#004ca0; position:absolute; left:0; bottom:0; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj04 .box .item:hover .bg{ height:100%; background-color:rgba(0,0,0,.7); background-image:none;}
.jj04 .box .item .wen{ width:100%; padding:0 8.825%; height:130px; position:absolute; left:0; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; box-sizing:border-box; text-align:center;}
.jj04 .box .item .wen .w01{ width:60px; height:60px; border-radius:100%; background-color:#333; margin:auto; display:flex; align-items:center;}
.jj04 .box .item .wen .w01 img{ max-width:40px; max-height:40px; display:block; margin:auto;}
.jj04 .box .item .wen .w02{ font-size:20px; line-height:30px; color:#fff; margin-top:15px;}
.jj04 .box .item .wen .w03{ width:30px; height:2px; margin:10px auto; margin-bottom:17px; background-color:#004ca0;}
.jj04 .box .item .wen .w04{ font-size:16px; line-height:30px; color:#fff;}
.jj04 .box .item:hover .wen{ height:100%; overflow:auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.jj04 .box .item:hover .wen .w01{ width:80px; height:80px; margin:0; background-color:#004ca0;}
.jj04 .box .item:hover .wen .w02{ margin-top:25px; font-weight:bold;}
.jj04 .box .item:hover .wen .w03{ background-color:#fff; margin:10px auto; margin-bottom:17px;}
.jj04 .box .item .wen::-webkit-scrollbar{ width:5px; height:1px;}
.jj04 .box .item .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#004ca0;}
.jj04 .box .item .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jj04{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj04 .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.jj04 .box .item{ width:23.5%; float:left; overflow:hidden; position:relative; margin-left:2%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jj04 .box .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jj04 .box .item:before{ width:100%; display:block; content:''; padding-top:141.67%;}
.jj04 .box .item .bg{ width:100%; height:80px; background-color:#004ca0; position:absolute; left:0; bottom:0; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj04 .box .item:hover .bg{ height:100%; background-color:rgba(0,0,0,.7); background-image:none;}
.jj04 .box .item .wen{ width:100%; padding:0 8.825%; height:110px; position:absolute; left:0; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; box-sizing:border-box; text-align:center;}
.jj04 .box .item .wen .w01{ width:60px; height:60px; border-radius:100%; background-color:#333; margin:auto; display:flex; align-items:center;}
.jj04 .box .item .wen .w01 img{ max-width:40px; max-height:40px; display:block; margin:auto;}
.jj04 .box .item .wen .w02{ font-size:18px; line-height:28px; color:#fff; margin-top:10px;}
.jj04 .box .item .wen .w03{ width:30px; height:2px; margin:10px auto; margin-bottom:15px; background-color:#004ca0;}
.jj04 .box .item .wen .w04{ font-size:15px; line-height:25px; color:#fff;}
.jj04 .box .item:hover .wen{ height:100%; overflow:auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.jj04 .box .item:hover .wen .w01{ width:80px; height:80px; margin:0; background-color:#004ca0;}
.jj04 .box .item:hover .wen .w02{ margin-top:15px; font-weight:bold;}
.jj04 .box .item:hover .wen .w03{ background-color:#fff; margin:5px auto; margin-bottom:10px;}
.jj04 .box .item .wen::-webkit-scrollbar{ width:5px; height:1px;}
.jj04 .box .item .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#004ca0;}
.jj04 .box .item .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
}
@media only screen and (max-width:1023px){
.jj04{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jj04 .box .item{ width:48.5%; float:left; overflow:hidden; position:relative; margin-left:3%; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jj04 .box .item:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jj04 .box .item:before{ width:100%; display:block; content:''; padding-top:154.54%;}
.jj04 .box .item .bg{ width:100%; height:80px; background-color:#004ca0; position:absolute; left:0; bottom:0; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj04 .box .item:hover .bg{ height:100%; background-color:rgba(0,0,0,.7); background-image:none;}
.jj04 .box .item .wen{ width:100%; padding:0 5%; height:110px; position:absolute; left:0; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; box-sizing:border-box;}
.jj04 .box .item .wen .w01{ width:60px; height:60px; border-radius:100%; background-color:#333; margin:auto; display:flex; align-items:center;}
.jj04 .box .item .wen .w01 img{ max-width:40px; max-height:40px; display:block; margin:auto;}
.jj04 .box .item .wen .w02{ font-size:16px; line-height:26px; height:26px; text-align:center; color:#fff; margin-top:10px;}
.jj04 .box .item .wen .w03{ width:20px; height:2px; margin:5px auto; margin-bottom:10px; background-color:#004ca0;}
.jj04 .box .item .wen .w04{ font-size:14px; line-height:24px; color:#fff;}
.jj04 .box .item:hover .wen{ height:100%; overflow:auto; padding-top:20px;}
.jj04 .box .item:hover .wen .w01{ background-color:#004ca0;}
.jj04 .box .item:hover .wen .w02{ height:auto;}
.jj04 .box .item:hover .wen .w03{ background-color:#fff;}
}

/*解决方案-售后服务*/
@media screen and (min-width:1600px){
.jj05{ width:100%; position:relative; z-index:1; background-color:#fff;}
.jj05 .box{ width:100%; margin:auto; position:relative; z-index:3; display:flex;}
.jj05 .box .left{ width:50%; padding-left:10%; padding-right:5.46875%; position:relative; padding-top:130px; padding-bottom:93px; box-sizing:border-box;}
.jj05 .box .left .title{ width:100%; padding-bottom:2px;}
.jj05 .box .left .w01{ margin-top:33px;}
.jj05 .box .left .w01 b{ display:block; float:left; font-size:24px; line-height:44px; padding-right:37px; background-image:url(../images/jj05.png); background-position:right top; background-repeat:no-repeat;}
.jj05 .box .left .w02{ margin-top:3px; font-size:16px; line-height:30px;}
.jj05 .box .left .w02 b{ color:#004ca0;}
.jj05 .box .right{ width:50%; padding-right:10%; padding-left:5.46875%; position:relative; padding-top:140px; padding-bottom:100px; box-sizing:border-box; background-position:center; background-size:cover;}
.jj05 .box .right .wen{ width:100%; height:100%; background-color:rgba(0,0,0,.7); padding:65px 7.58%; padding-bottom:70px; box-sizing:border-box;}
.jj05 .box .right .wen .w01{ font-size:24px; line-height:34px; font-weight:bold; font-weight:bold; color:#fff;}
.jj05 .box .right .wen .w02{ width:40px; height:2px; background-color:#19b2db; margin-top:15px;}
.jj05 .box .right .wen .w03{ margin-top:13px; font-size:16px; line-height:30px; color:#fff; margin-bottom:28px;}
.jj05 .box .right .wen .w04{ padding-top:5px;}
.jj05 .box .right .wen .w04 img{ display:block; float:right; height:133px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jj05{ width:100%; position:relative; z-index:1; background-color:#fff;}
.jj05 .box{ width:100%; margin:auto; position:relative; z-index:3; display:flex;}
.jj05 .box .left{ width:50%; padding-left:5%; padding-right:5.46875%; position:relative; padding-top:95px; padding-bottom:95px; box-sizing:border-box;}
.jj05 .box .left .title{ width:100%;}
.jj05 .box .left .w01{ margin-top:25px;}
.jj05 .box .left .w01 b{ display:block; float:left; font-size:20px; line-height:30px; padding-right:37px; background-image:url(../images/jj05.png); background-position:right top; background-repeat:no-repeat;}
.jj05 .box .left .w02{ margin-top:3px; font-size:15px; line-height:25px;}
.jj05 .box .left .w02 b{ color:#004ca0;}
.jj05 .box .right{ width:50%; padding-right:5%; padding-left:5.46875%; position:relative; padding-top:100px; padding-bottom:70px; box-sizing:border-box; background-position:center; background-size:cover;}
.jj05 .box .right .wen{ width:100%; height:100%; background-color:rgba(0,0,0,.7); padding:45px 7.58%; padding-bottom:50px; box-sizing:border-box;}
.jj05 .box .right .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; font-weight:bold; color:#fff;}
.jj05 .box .right .wen .w02{ width:30px; height:2px; background-color:#19b2db; margin-top:10px;}
.jj05 .box .right .wen .w03{ margin-top:15px; font-size:15px; line-height:25px; color:#fff; margin-bottom:20px;}
.jj05 .box .right .wen .w04{ padding-top:5px;}
.jj05 .box .right .wen .w04 img{ display:block; float:right; height:100px;}
}
@media only screen and (max-width:1023px){
.jj05{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.jj05 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.jj05 .box .left{ width:94%; margin:auto; position:relative;}
.jj05 .box .left .title{ width:100%;}
.jj05 .box .left .w01{ margin-top:15px;}
.jj05 .box .left .w01 b{ display:block; float:left; font-size:16px; line-height:26px; padding-right:30px; background-image:url(../images/jj05.png); background-position:right top; background-repeat:no-repeat; background-size:20px auto;}
.jj05 .box .left .w02{ font-size:14px; line-height:24px;}
.jj05 .box .left .w02 b{ color:#004ca0;}
.jj05 .box .right{ width:100%; padding:40px 3%; position:relative; box-sizing:border-box; background-position:center; background-size:cover; margin-top:35px;}
.jj05 .box .right .wen{ width:100%; height:100%; background-color:rgba(0,0,0,.7); padding:25px 15px; padding-bottom:30px; box-sizing:border-box;}
.jj05 .box .right .wen .w01{ font-size:16px; line-height:26px; font-weight:bold; font-weight:bold; color:#fff;}
.jj05 .box .right .wen .w02{ width:20px; height:2px; background-color:#19b2db; margin-top:5px;}
.jj05 .box .right .wen .w03{ margin-top:10px; font-size:14px; line-height:24px; color:#fff; margin-bottom:10px;}
.jj05 .box .right .wen .w04{ padding-top:5px;}
.jj05 .box .right .wen .w04 img{ display:block; float:right; height:66.5px;}
}

@media screen and (min-width:1600px){
.jj06{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj06 .jj{ position:absolute; right:0; bottom:0; font-size:20px; line-height:30px; font-weight:bold; text-align:right; color:#666; max-width:calc(100% - 380px);}
.jj06 .box{ width:80%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.jj06 .box ul{ width:100%; display:block; overflow:hidden;}
.jj06 .box ul li{ width:26.14%; height:510px; display:block; float:left; margin-left:2.61%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.jj06 .box ul li:first-child{ margin-left:0;}
.jj06 .box ul li.active{ width:42.5%;}
.jj06 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.jj06 .box ul li .tu{ position:absolute; left:10%; bottom:50px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj06 .box ul li .tu img{ height:60px; display:block;}
.jj06 .box ul li.active .tu{ left:6.15%;}
.jj06 .box ul li .wen{ width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:110px;}
.jj06 .box ul li.active .wen{ width:87.7%;}
.jj06 .box ul li .wen .en{ font-size:16px; line-height:26px; height:26px; color:#fff; opacity:.7; text-transform:uppercase;}
.jj06 .box ul li .wen .cn{ font-size:24px; line-height:34px; height:34px; color:#fff; margin-top:5px;}
.jj06 .box ul li .wen .wz{ display:none; padding-top:18px; font-size:16px; line-height:30px; color:#fff;}
.jj06 .box ul li.active .wen .wz{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jj06{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj06 .jj{ position:absolute; right:0; bottom:0; font-size:18px; line-height:28px; font-weight:bold; text-align:right; color:#666; max-width:calc(100% - 310px);}
.jj06 .box{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.jj06 .box ul{ width:100%; display:block; overflow:hidden;}
.jj06 .box ul li{ width:26.14%; height:450px; display:block; float:left; margin-left:2.61%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.jj06 .box ul li:first-child{ margin-left:0;}
.jj06 .box ul li.active{ width:42.5%;}
.jj06 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.jj06 .box ul li .tu{ position:absolute; left:10%; bottom:35px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj06 .box ul li .tu img{ height:60px; display:block;}
.jj06 .box ul li.active .tu{ left:6.15%;}
.jj06 .box ul li .wen{ width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:95px;}
.jj06 .box ul li.active .wen{ width:87.7%;}
.jj06 .box ul li .wen .en{ font-size:15px; line-height:25px; height:25px; color:#fff; opacity:.7; text-transform:uppercase;}
.jj06 .box ul li .wen .cn{ font-size:20px; line-height:30px; height:30px; color:#fff; margin-top:5px;}
.jj06 .box ul li .wen .wz{ display:none; padding-top:15px; font-size:15px; line-height:25px; color:#fff;}
.jj06 .box ul li.active .wen .wz{ display:block;}
}
@media only screen and (max-width:1023px){
.jj06{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.jj06 .jj{ font-size:14px; line-height:24px; font-weight:bold; color:#666; margin-top:5px;}
.jj06 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jj06 .box ul{ width:100%; display:block; overflow:hidden;}
.jj06 .box ul li{ width:100%; height:200px; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; margin-top:15px;}
.jj06 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.jj06 .box ul li .tu{ position:absolute; right:15px; bottom:20px; z-index:2; height:30px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj06 .box ul li .tu img{ height:30px; display:block;}
.jj06 .box ul li.active .tu{ bottom:calc(100% - 50px);}
.jj06 .box ul li .wen{ width:calc(100% - 30px); max-height:calc(100% - 30px); overflow:auto; padding:15px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj06 .box ul li .wen .en{ font-size:14px; line-height:22px; height:22px; color:#fff; opacity:.7; text-transform:uppercase;}
.jj06 .box ul li .wen .cn{ font-size:16px; line-height:26px; color:#fff;}
.jj06 .box ul li .wen .wz{ display:none; font-size:14px; line-height:24px; color:#fff;}
.jj06 .box ul li.active .wen .wz{ display:block;}
}

/*应用案例*/
@media screen and (min-width:1600px){
.case{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.case .title .swi{ position:absolute; right:0; bottom:5px;}
.case .title .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.case .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.case .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:20px;}
.case .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.case .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.case .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.case .box{ width:80%; margin:auto; padding-top:30px; position:relative; z-index:3;}
.case .box .swiper-slide{ width:23.5%; border-bottom:2px solid #ddd;}
.case .box .swiper-slide:hover{ border-bottom:2px solid #004ca0;}
.case .box .swiper-slide .tu{ width:100%; position:relative;}
.case .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.case .box .swiper-slide .tu b{ width:100%; padding-top:63.82%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); background-image:url(../images/case.png); background-position:center; background-repeat:no-repeat; display:block; opacity:0;}
.case .box .swiper-slide:hover .tu b{ opacity:1;}
.case .box .swiper-slide .wen{ width:100%; padding:25px 0; position:relative;}
.case .box .swiper-slide .wen .w01{ font-size:20px; line-height:30px; height:30px; font-weight:bold;}
.case .box .swiper-slide:hover .wen .w01{ color:#004ca0;}
.case .box .swiper-slide .wen .w02{ font-size:16px; line-height:26px; height:52px; margin:10px 0; color:#666;}
.case .box .swiper-slide .wen .w03{ font-size:16px; line-height:24px; height:24px; color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.case{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.case .title .swi{ position:absolute; right:0; bottom:5px;}
.case .title .swi .swiper-button-white{ width:38px; height:38px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.case .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.case .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:15px;}
.case .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.case .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.case .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.case .box{ width:90%; margin:auto; padding-top:20px; position:relative; z-index:3;}
.case .box .swiper-slide{ width:32%; border-bottom:2px solid #ddd;}
.case .box .swiper-slide:hover{ border-bottom:2px solid #004ca0;}
.case .box .swiper-slide .tu{ width:100%; position:relative;}
.case .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.case .box .swiper-slide .tu b{ width:100%; padding-top:63.82%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); background-image:url(../images/case.png); background-position:center; background-repeat:no-repeat; display:block; opacity:0; background-size:60px auto;}
.case .box .swiper-slide:hover .tu b{ opacity:1;}
.case .box .swiper-slide .wen{ width:100%; padding:20px 0; position:relative;}
.case .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.case .box .swiper-slide:hover .wen .w01{ color:#004ca0;}
.case .box .swiper-slide .wen .w02{ font-size:15px; line-height:25px; height:50px; margin:5px 0; color:#666;}
.case .box .swiper-slide .wen .w03{ font-size:15px; line-height:23px; height:23px; color:#999;}
}
@media only screen and (max-width:1023px){
.case{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.case .title .swi{ position:absolute; right:0; bottom:5px;}
.case .title .swi .swiper-button-white{ width:34px; height:34px; border-radius:100%; float:left; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.case .title .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.case .title .swi .swiper-button-next{ background-image:url(../images/next01.png); margin-left:10px;}
.case .title .swi .swiper-button-white:hover{ background-color:#004ca0;}
.case .title .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.case .title .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.case .box{ width:94%; margin:auto; position:relative; z-index:3;}
.case .box .swiper-slide{ width:100%; border-bottom:2px solid #ddd;}
.case .box .swiper-slide:hover{ border-bottom:2px solid #004ca0;}
.case .box .swiper-slide .tu{ width:100%; position:relative;}
.case .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.case .box .swiper-slide .tu b{ width:100%; padding-top:63.82%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); background-image:url(../images/case.png); background-position:center; background-repeat:no-repeat; display:block; opacity:0; background-size:40px auto;}
.case .box .swiper-slide:hover .tu b{ opacity:1;}
.case .box .swiper-slide .wen{ width:100%; padding:15px 0; position:relative;}
.case .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.case .box .swiper-slide:hover .wen .w01{ color:#004ca0;}
.case .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:48px; margin:5px 0; color:#666;}
.case .box .swiper-slide .wen .w03{ font-size:14px; line-height:22px; height:22px; color:#999;}
}

@media screen and (min-width:1600px){
.case01{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.case01 .box{ width:80%; margin:auto; margin-top:3px; position:relative; z-index:3;}
.case01 .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.case01 .box .swiper-slide a{ width:18.43%; display:block; margin-top:30px; margin-left:1.9625%; float:left; background-color:#fff; overflow:hidden; position:relative;}
.case01 .box .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.case01 .box .swiper-slide a:before{ width:100%; display:block; content:''; padding-top:42.55%;}
.case01 .box .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.case01 .box .swiper-pagination{ width:100%; margin-top:40px; display:flex; justify-content:center; flex-wrap:wrap;}
.case01 .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.case01 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.case01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.case01 .box{ width:90%; margin:auto; margin-top:5px; position:relative; z-index:3;}
.case01 .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.case01 .box .swiper-slide a{ width:18.43%; display:block; margin-top:20px; margin-left:1.9625%; float:left; background-color:#fff; overflow:hidden; position:relative;}
.case01 .box .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.case01 .box .swiper-slide a:before{ width:100%; display:block; content:''; padding-top:42.55%;}
.case01 .box .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.case01 .box .swiper-pagination{ width:100%; margin-top:30px; display:flex; justify-content:center; flex-wrap:wrap;}
.case01 .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.case01 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}
@media only screen and (max-width:1023px){
.case01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.case01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.case01 .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.case01 .box .swiper-slide a{ width:31.33%; display:block; margin-top:15px; margin-left:3%; float:left; background-color:#fff; overflow:hidden; position:relative;}
.case01 .box .swiper-slide a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case01 .box .swiper-slide a:before{ width:100%; display:block; content:''; padding-top:42.55%;}
.case01 .box .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.case01 .box .swiper-pagination{ width:100%; margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap;}
.case01 .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.case01 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
}

/*应用案例内页*/
@media screen and (min-width:1600px){
.ny{ width:80%; padding:125px 10%; padding-bottom:95px; background-color:#fff; position:relative; z-index:1;}
.ny .lbar{ width:69.28%; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:16px; line-height:26px; height:26px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center; vertical-align:middle;}
.ny .lbar .sj a{ display:inline-block; width:18px; height:18px; margin-right:10px; vertical-align:middle; background-size:100% 100%;}
.ny .lbar .sj a:last-child{ margin-right:0;}
.ny .lbar .wen{ font-size:16px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#004ca0;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:16px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#004ca0;}

.ny .rbar{ width:24.18%; border:1px solid #eee; border-top:2px solid #004ca0; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:10.81%; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 10.81%; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#004ca0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ny{ width:90%; padding:85px 5%; padding-bottom:65px; background-color:#fff; position:relative; z-index:1;}
.ny .lbar{ width:69.28%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:15px; line-height:25px; height:25px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;vertical-align:middle;}
.ny .lbar .sj a{ display:inline-block; width:16px; height:16px; margin-right:7px; vertical-align:middle; background-size:100% 100%;}
.ny .lbar .wen{ font-size:15px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#004ca0;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:15px; height:25px; line-height:25px;}
.ny .lbar .back span a:hover{ color:#004ca0;}

.ny .rbar{ width:24.18%; border:1px solid #eee; border-top:2px solid #004ca0; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#004ca0;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; padding:45px 3%; padding-bottom:35px; background-color:#fff; position:relative; z-index:1;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center; vertical-align:middle;}
.ny .lbar .sj a{ display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:middle; background-size:100% 100%;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#004ca0;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#004ca0;}

.ny .rbar{ display:none;}
}

/*新闻资讯*/
@media screen and (min-width:1600px){
.news{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:80%; margin:auto; padding-top:35px; position:relative; z-index:3;}
.news .box .list{ width:100%; display:block; margin-top:-40px;}
.news .box .list li{ width:23.5%; position:relative; background-color:#fff; float:left; margin-left:2%; margin-top:40px; display:block;}
.news .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .box .list li .tu{ width:100%;}
.news .box .list li .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.news .box .list li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news .box .list li .wen{ border:1px solid #eee; border-top:none;}
.news .box .list li .wen .w01{ width:84%; margin:25px auto; margin-bottom:10px;}
.news .box .list li .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#004ca0;}
.news .box .list li .wen .w02{ width:84%; margin:auto;}
.news .box .list li .wen .w02 a{ width:100%; display:block; font-size:18px; line-height:28px; height:56px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .box .list li .wen .w02 a:hover{ color:#004ca0;}
.news .box .list li .wen .w04{ width:84%; padding:0 8%; margin-top:25px; border-top:1px solid #eee; height:50px; line-height:50px; position:relative;}
.news .box .list li .wen .w04 span{ display:block; float:left; color:#666;}
.news .box .list li .wen .w04 a{ display:block; float:right; width:15px; height:10px; overflow:hidden; margin-top:20px; background-image:url(../images/next02.png);}
.news .box .list li:hover .wen .w04 a{ background-image:url(../images/next01.png);}
.news .box .list li:hover .wen .w04 b{ width:100%; height:1px; background-color:#004ca0; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.news .box .list li:hover .wen{ border-bottom:1px solid #004ca0;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#004ca0;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#004ca0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.news{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:90%; margin:auto; padding-top:25px; position:relative; z-index:3;}
.news .box .list{ width:100%; display:block; margin-top:-30px;}
.news .box .list li{ width:23.5%; position:relative; background-color:#fff; float:left; margin-left:2%; margin-top:30px; display:block;}
.news .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .box .list li .tu{ width:100%;}
.news .box .list li .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.news .box .list li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news .box .list li .wen{ border:1px solid #eee; border-top:none;}
.news .box .list li .wen .w01{ width:90%; margin:20px auto; margin-bottom:5px;}
.news .box .list li .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#004ca0;}
.news .box .list li .wen .w02{ width:90%; margin:auto;}
.news .box .list li .wen .w02 a{ width:100%; display:block; font-size:17px; line-height:27px; height:54px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .box .list li .wen .w02 a:hover{ color:#004ca0;}
.news .box .list li .wen .w04{ width:90%; padding:0 5%; margin-top:20px; border-top:1px solid #eee; height:46px; line-height:46px; position:relative;}
.news .box .list li .wen .w04 span{ display:block; float:left; color:#666;}
.news .box .list li .wen .w04 a{ display:block; float:right; width:15px; height:10px; overflow:hidden; margin-top:18px; background-image:url(../images/next02.png);}
.news .box .list li:hover .wen .w04 a{ background-image:url(../images/next01.png);}
.news .box .list li:hover .wen .w04 b{ width:100%; height:1px; background-color:#004ca0; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.news .box .list li:hover .wen{ border-bottom:1px solid #004ca0;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:38px; height:38px; line-height:38px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:38px; height:38px; line-height:38px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#004ca0;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#004ca0;}
}
@media only screen and (max-width:1023px){
.news{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:94%; margin:auto; position:relative; z-index:3;}
.news .box .list{ width:100%; display:block;}
.news .box .list li{ width:48.5%; position:relative; background-color:#fff; float:left; margin-left:3%; margin-top:15px; display:block;}
.news .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.news .box .list li .tu{ width:100%;}
.news .box .list li .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.news .box .list li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news .box .list li .wen{ border:1px solid #eee; border-top:none;}
.news .box .list li .wen .w01{ width:calc(100% - 20px); margin:10px auto; margin-bottom:0;}
.news .box .list li .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#004ca0;}
.news .box .list li .wen .w02{ width:calc(100% - 20px); margin:auto;}
.news .box .list li .wen .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:52px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .box .list li .wen .w02 a:hover{ color:#004ca0;}
.news .box .list li .wen .w04{ width:calc(100% - 20px); padding:0 10px; margin-top:10px; border-top:1px solid #eee; height:40px; line-height:40px; position:relative;}
.news .box .list li .wen .w04 span{ display:block; float:left; color:#666;}
.news .box .list li .wen .w04 a{ display:block; float:right; width:15px; height:10px; overflow:hidden; margin-top:15px; background-image:url(../images/next02.png);}
.news .box .list li:hover .wen .w04 a{ background-image:url(../images/next01.png);}
.news .box .list li:hover .wen .w04 b{ width:100%; height:1px; background-color:#004ca0; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.news .box .list li:hover .wen{ border-bottom:1px solid #004ca0;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:14px;}
.fanye li a{ width:34px; height:34px; line-height:34px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:34px; height:34px; line-height:34px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#004ca0;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#004ca0;}
}

/*新闻资讯*/
@media screen and (min-width:1600px){
.lx{ width:100%; padding-top:130px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:80%; margin:auto; padding-top:35px; position:relative; z-index:3; display:flex;}
.lx .box .left{ width:54.25%;}
.lx .box .left #map{ width:100%; height:100%;}
.lx .box .right{ width:39.87%; margin-left:5.625%;}
.lx .box .right dl{ display:block; overflow:hidden; margin-top:-1vw;}
.lx .box .right dl dt{ margin-top:1.5vw; overflow:hidden; display:flex; align-items:center;}
.lx .box .right dl dt strong{ width:60px;}
.lx .box .right dl dt strong img{ width:60px; display:block;}
.lx .box .right dl dt p{ width:calc(100% - 70px); display:block; margin-left:10px;}
.lx .box .right dl dt p span{ display:block; font-size:16px; line-height:26px; color:#999;}
.lx .box .right dl dt p a{ display:block; font-size:18px; line-height:26px; color:#333;}
.lx .box .right dl dd{ margin-top:1.3vw; overflow:hidden; display:block;}
.lx .box .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.lx .box .right dl dd p{ display:flex; align-items:center; margin:.5vw 0;}
.lx .box .right dl dd strong{ width:6.25vw; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.lx .box .right dl dd strong img{ width:100%; display:block;}
.lx .box .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.lx{ width:100%; padding-top:90px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:90%; margin:auto; padding-top:25px; position:relative; z-index:3; display:flex;}
.lx .box .left{ width:48%;}
.lx .box .left #map{ width:100%; height:100%;}
.lx .box .right{ width:49%; margin-left:3%;}
.lx .box .right dl{ display:block; overflow:hidden; margin-top:-10px;}
.lx .box .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.lx .box .right dl dt strong{ width:60px;}
.lx .box .right dl dt strong img{ width:60px; display:block;}
.lx .box .right dl dt p{ width:calc(100% - 70px); display:block; margin-left:10px;}
.lx .box .right dl dt p span{ display:block; font-size:16px; line-height:26px; color:#999;}
.lx .box .right dl dt p a{ display:block; font-size:18px; line-height:26px; color:#333;}
.lx .box .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.lx .box .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.lx .box .right dl dd p{ display:flex; align-items:center; margin:5px 0;}
.lx .box .right dl dd strong{ width:100px; display:block; overflow:hidden; border:1px solid #ddd;}
.lx .box .right dl dd strong img{ width:100%; display:block;}
.lx .box .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:15px;}
}
@media only screen and (max-width:1023px){
.lx{ width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:94%; margin:auto; position:relative; z-index:3;}
.lx .box .left{ width:100%;}
.lx .box .left #map{ width:100%; height:260px;}
.lx .box .right{ width:100%;}
.lx .box .right dl{ display:block; overflow:hidden;}
.lx .box .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.lx .box .right dl dt strong{ width:50px;}
.lx .box .right dl dt strong img{ width:50px; display:block;}
.lx .box .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.lx .box .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.lx .box .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.lx .box .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.lx .box .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.lx .box .right dl dd p{ display:flex; align-items:center; margin-top:5px;}
.lx .box .right dl dd strong{ width:80px; display:block; overflow:hidden; border:1px solid #ddd;}
.lx .box .right dl dd strong img{ width:100%; display:block;}
.lx .box .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}