@charset "utf-8";
body, html { width: 100%; overflow-x: hidden; }  
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  font-family: "微软雅黑";}  
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000;  line-height: 1; }  
body, p { font-size: 14px; border: none; color: #000; }  
a { font-size: 14px; color: #000; text-decoration: none; border: none; padding: 0; margin: 0; }  
table { border-collapse: collapse; }  
/*img { border: 0; margin: 0; padding: 0; display: block; }  */
img { border: 0; margin: 0; padding: 0;  }  
ul, li { list-style: none; border: 0; margin: 0; padding: 0; } 
dl, dt, dd { margin: 0; padding: 0; -webkit-margin-start: 0; }  
h1, h2, h3, h4, h5 { font-weight: normal; font-size: 12px; display: block; }  
 
table, tr, td { border-spacing: 0; }  
em, i { font-style: normal; } 
/*
strong, b { font-weight: normal; } */
p { line-height: 170%; color: #555; font-size: 14px; }  
input { border: none; background: none; }  
figcaption { display: block; }  
input:focus { outline: none; }  
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #555; }  
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #555; }  

.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }  
.clearfix:after { clear: both; } 
.clear { clear: both; }

.fl{ float: left;}
.fr{ float: right;}

 input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.w1240{ max-width: 1240px;  margin: 0 auto; width: 100%;}
.padding80{ padding:80px}

/* 顶部导航  top: 0;*/
.header{ position: absolute; top: 0;  left: 0; right: 0; padding:0 85px 0 85px; z-index: 333; display: flex; justify-content: space-between; align-items: center;height: 80px;
transition: all 0.6s;}
.header-nav,.header-view{ width: 100%;}
.header-right{ width: 80px; display: flex; justify-content: space-between; align-items: center; height: 80px;position: absolute;right:85px;}

.header .logo2{display:none;}
.header .codebtn2{display:none;}
.header .barbtn2{display:none;}
.header .zoombtn2{display:none;}


.header.on{ background:#fff;border-bottom: 1px solid #e0e0e0; position: fixed;  animation: down 1s;}
.barbtn,.zoombtn{ cursor: pointer;}
.header .logo{ margin-top: 10px;}
.header.on .header-nav a{color:#000;}
.header.on .logo{display:none;}
.header.on .logo2{display:block;margin-top:10px;position: absolute;left:85px;}
.header.on .logo2 img{height:60px;}
.header.on .codebtn1{display:none;}
.header.on .codebtn2{display:block;}
.header.on .barbtn1{display:none;}
.header.on .barbtn2{display:block;}
.header.on .zoombtn1{display:none;}
.header.on .zoombtn2{display:block;}

@keyframes down{			
 	from{transform: translateY(-100%); opacity: 0;}
 	to{transform: none; opacity: 1;}	
 }
  
/* 搜索框 */
.search-alert .close {display: block;width: 18px;height: 18px;background: url(../images/ico_37.png) no-repeat center;position: absolute;top: 38px;right: 2.6%;cursor: pointer;transition: transform 0.3s ease 0s;}
.search-alert .cent-form .tex {border: none;font-size: 66px;height: 124px;line-height: 124px;text-align: center;width: 100%;box-sizing: border-box;color: #555;
background: none;font-family: "Base-font";padding-left: 88px;padding-right: 80px;background: url(../images/ico_36.png) no-repeat 35px 60px; font-size: 36px;}
.search-alert {position: fixed;z-index: 10000;background-color: #222222;left: 0;top: 0;width: 100%;height: 100%; display: none;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 124px;margin-top: -63px;border-bottom: 1px solid #515151;}
.search-alert .cent-form .sub-butn {border: none;height: 100px;margin-top: 24px;font-size: 24px;line-height: 100px;color: #555;
text-align: right;background: none;font-family: "Base-font";position: absolute;right: 0;top: 0;width: 80px;text-align: center;  cursor: pointer;}
.search-alert .close:hover {transform: rotate(90deg);}

.search-alert ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 36px; color: #555; }  
.search-alert ::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:36px; color: #555; }  

/* 二维码 */
.header-right .codediv{display: inline-block;*display: inline;zoom: 1;vertical-align: middle;position: relative;}
.header-right .img-box {visibility: hidden;position: absolute;left: 50%; top: 50px;transform: translate(-50%,.5rem);width: 120px;
box-sizing: border-box;opacity: 0;filter: alpha(opacity=0);transition: all .3s;padding-top: .35rem;}
.header-right .img-box .img {position: relative;box-shadow: 0 5px 20px rgba(4,4,4,.1);}
.header-right .img-box .img::before {content: "";position: absolute;left: 50%;top: -7px;width: 12px;height: 7px;background-repeat: no-repeat;
background-position: center; background-image: url("../images/qrcode-sj.png"); margin-left: -6px;}
.header-right .img-box .img img {width: 100%;}
.header-right .codediv:hover .img-box {opacity: 1;filter: alpha(opacity=100);visibility: visible;transform: translate(-50%,0);}



/* 下拉导航 */
.pc-nav2{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding:5vw; z-index: 333; visibility: hidden; opacity: 0; background: #fff;
transition: all 1s;}
.pc-nav2 .tit{ font-size: 18px; color: #000; opacity: 0.9; width: 90px;}
.pc-nav2 .tit a{ font-size: 18px; color: #000;}
.pc-nav2flex {display: flex; justify-content: space-around; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
padding: 0 10vw;}
.pc-nav2 li{ display: flex; align-items: center; padding: 1vw 0;}
.pc-nav2 .p1{ font-size: 14px; color: #000; opacity: 0.8; line-height: 36px;}
.pc-nav2 .p2{ font-size: 14px; color: #000; opacity: 0.8; margin-top: 5vw;  line-height: 36px;}
.pc-nav2 .subnav { padding-left: 3vw;}
.pc-nav2 .subnav a{ display: inline-block; color: #000; opacity: 0.6; font-size: 14px; margin: 0 10px 0 0; transition: all 0.6s;}
.pc-nav2 .subnav a:hover{ color: #023B98;}
.pc-nav2 .left{ width: 50%; transform: translateX(-200%); transition: all 1.6s; transition-delay: 1s; background:#fff; border-right: 1px solid #E0E0E0; }
.pc-nav2 .right{ width: 50%; transform: translateX(200%); transition: all 1.6s; transition-delay: 1s; background:#fff; padding-left: 10%; }
.pc-nav2 .close img{ cursor: pointer; position: fixed; right: 30px; top: 30px; transition: all 0.6s; z-index: 333333;}
.pc-nav2 .close img:hover {transform: rotate(90deg);}
.pc-nav2 h3{ font-size: 26px; color: #000; margin-bottom: 3vw;}
.pc-wxicon{ display: flex; align-items: center; padding: 3vw 0 0 0;}
.pc-wxicon a{ margin-right: 3vw; position: relative; display: block;}
.pc-nav2.active .left{ transform: translateX(0);  transition: all 1.6s; }
.pc-nav2.active .right{ transform: translateX(0);  transition: all 1.6s;}
.pc-nav2.active{ opacity: 1; visibility: visible; }

.weixin-img{ position: absolute; top:-130px ; right: -20px; display: none;}

/* 新改的 */
.pc-nav2 .left .meiyou{ padding-right: 10%; overflow: hidden;}
.pc-nav2 .left li.navdao{ width: 45%; float: left; padding-right: 5%; overflow: hidden; line-height: 40px; text-overflow: ellipsis; white-space: nowrap;}
.pc-nav2 .left li.navdao .ende{ font-size: 26px; display: inline-block; font-weight: bold; color: #000;}
.pc-nav2 .left li.navdao .ywen{ display: inline-block; color: #888; font-family: arial; text-transform: uppercase; font-size: 14px; font-weight: normal; padding-left: 10px;}
.pc-nav2 .left li.navdao:hover .ende{ color: #023B98;}

.main{}
.index-headerul{ display: flex; align-items: center; justify-content: space-between; flex: 1; padding: 0 4vw 0 12vw; display: -ms-flexbox;
position: relative;display:none;}
.index-headerul li{ padding: 0 2vw; height: 80px; line-height: 80px; position: relative; vertical-align: middle; display: inline-block;}
.index-headerul li.on>a{ color: #023b98;}
.index-headerul li>a{ color: #000000; font-size: 16px; transition: all 0.6s;}
.index-headerul li:hover>a{ color: #023B98;}
.index-headerul .homeon img{display: inline-block;}

.header.on .index-headerul{display:block;}
.header.on .header-nav{display:flex;justify-content:space-between;height:80px;line-height:80px;}



/* banner */
.banner { width: 100%; overflow: hidden; height: 100%;}
.banner img{ display: block; width: 100%; margin: 0 auto;}
.banner .swiper-slide img{ width:100%; height:auto; min-height:100%; transition:1s linear 2s;transform:scale(1.02,1.02);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.banner .swiper-pagination-bullet{ width:8px; height:8px; border-radius: 100%; transition: all 1s; background: #fff; opacity: 0.8; margin: 0 10px; z-index: 333;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{ background: #fff; width: 50px; border-radius: 5px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ top:auto; bottom: 140px;}
.banner .swiper-button-next{ right: 80px;}
.banner .swiper-button-prev{ left: auto; right: 130px;}
.banner .swiper-pagination { color: #fff;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size:22px;}
.banner .swiper-pagination-total{ color: #fff; font-family: 'DIN'; font-size: 16px;}
.banner .swiper-pagination-current{ color: #023b98; font-family: 'DIN'; font-size: 36px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left: 85px; width: auto; bottom: 150px;}


/* banner导航 */
.banner-navwrap{ position: absolute; padding: 0 85px; z-index: 333333; bottom: 40px; left: 0;  right: 0; width: 100%;}
.banner-nav{ background: #fff; height: 80px; display: flex; align-items: center; justify-content: space-between;}
.banner-nav .subnav{ visibility: hidden;opacity: 0;filter: alpha(opacity=0);position: absolute; left: 0;
bottom: 80px; width: 100%;background-color: rgba(0,0,0,.6); height: 60px; box-sizing: border-box; padding: 0 6vw 0 3vw;
font-size: 0; transition: all .5s; line-height: 60px; }
.banner-nav .subnav a{ color: #fff; font-size: 15px; margin-right: 3vw;}
.banner-nav .navhome{ width: 100px; background: #023b98 url(../images/home.png) no-repeat center center; display: block; height: 80px;}
.banner-navright{ flex: 1; display: flex; justify-content: space-between; align-items: center; position: relative;}
.banner-ul{ display: flex; justify-content: space-between; height: 80px; line-height: 80px; align-items: center; flex:1; padding: 0 6vw 0 3vw;}
.banner-ul li>a{ font-size: 16px; position: relative; display: block; height: 80px; line-height: 80px;}
.banner-ul li>a::before {content: ""; position: absolute; left: 0;bottom: 0; width: 0; height: 3px;background-color: #023b98; transition: all .2s;}
.banner-ul li:hover>a::before{ width: 100%;}
.banner-nav .linkbox{ height: 80px; background: #023B98; line-height: 80px; color: #fff; padding: 0 20px;}
.banner-nav .linkbox a{ color: #fff; font-size: 14px; margin: 0 20px;}
.banner-nav li:hover .subnav {opacity: 1;filter: alpha(opacity=100);visibility: visible;}




.index-sec1{  background:url(../images/p__sec1bg.png) no-repeat center center; background-size: cover;}
.index-sec1 .sec1-top{ display: flex; justify-content: space-between; align-items: center;}
.index-sec1 .left{ width: 31vw;}
 .index-sec1 .right{ align-self: flex-start;} 
.index-sec1 .right img{ width: 55vw; display: block; align-self: flex-start;}
.index-sec1 h2{ color: #000000; font-size: 44px; }
.index-sec1 h3{ font-family: arial;font-size: 30px;line-height: 40px;letter-spacing: 0px;color: #000000;opacity: 0.4;}
.index-sec1 .line{ padding: 25px 0;}
.index-sec1 .left p{ font-size: 15px;line-height: 40px;letter-spacing: 0px;color: #666666; margin-top: 3vw;}
.index-sec1 .left a{ width: 180px;	height: 50px; background: #023b98; display: block; line-height: 50px; text-align: center; font-size: 14px;
color: #fff; display: flex; justify-content: space-between; padding: 0 20px; align-items: center; transition: all 0.6s; margin-top: 6vw;}
.index-sec1 .left i{ transition: all 0.6s;}
.index-sec1 .left a:hover{ transform: translateX(10px);}
.index-sec1 .left a:hover i{ transform: translateX(5px);}
 
.index-sec1 .num-ul{ display: flex; justify-content: space-between; padding-top: 6vw;}
.index-sec1 .num-ul li{ width: 21%;}
.index-sec1 .num-ul strong{ display: inline-block; color: #023b98; font-size:70px; font-family: arial; font-weight: bold; line-height: 1; margin-right: 10px;}
.index-sec1 .num-ul .p1{ text-align: center; display: flex; justify-content: center; align-items: center; color: #333; font-size: 18px;}
.index-sec1 .num-ul .p2{ text-align: center; color: #333333; font-size: 20px; border-top: 1px solid #e0e0e0; padding-top: 1vw; margin-top: 1vw;} 
 
 
 
 
.index-title h3{ text-align: center; color: #000000;  font-size: 36px; } 

.index-sec2{ background: #f4f5fa;}
.index-sec2 ul{ display: flex; justify-content: space-between; padding-top: 50px;}
.index-sec2 li{ width: 29%; overflow: hidden; transition: all 0.6s;}
.index-sec2 li figure,.index-sec2 li figure img{ overflow: hidden; display: block; width: 100%; transition: all 0.6s;}
.index-sec2 li figcaption{ padding: 35px 0; display: block; overflow: hidden; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.index-sec2 figcaption h3{ color: #000000;	font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px;}
.index-sec2 figcaption .p1{ font-size: 14px;line-height: 30px;letter-spacing: 0px;color: #666666;  height: 60px; margin: 30px 0 40px;
overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-sec2 figcaption .p2{ font-size: 18px;line-height: 30px;letter-spacing: 0px;color: #666666; font-family:arial; border-top: 1px solid #e0e0e0;
padding-top: 34px; transition: all 0.6s;}
/*.index-sec2 li:hover figcaption{  transform: translateY(-20px); background: #fff;}*/
/*.index-sec2 li:hover figcaption h3,.index-sec2 li:hover figcaption .p1,.index-sec2 li:hover figcaption .p2{ color: #fff;}*/
.index-sec2 li:hover figcaption .p2{border-color:#023B98;}
.index-sec2 li:hover img{ transform: scale(1.05);}
.index-sec2 li:hover figcaption h3{ color: #023B98;}



.index-sec3 .index-title{ background: #023B98;}
.index-sec3 .index-title p{ color: #fff; text-align: center; font-size: 16px; margin-top: 30px;}
.index-sec3 .index-title h3{ color: #fff;}
.index-sec3 .index-title span{ color: #fff;font-size: 16px; line-height: 36px; text-align: center; display: block;}
.index-sec3 .swiper-slide{ position: relative;}
.index-sec3 figcaption{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-wrap: wrap; align-items: center; align-content: center;
justify-content: center; transition: all 0.6s;}
.index-sec3 .swiper-slide:hover figcaption{ background: #023B98;}
.index-sec3 .swiper-slide span{ width: 80px;	height: 80px;	background-color: #023b98; display: block; border-radius: 100%; margin: 0 auto;
display: flex; justify-content: center; align-items: center; transition: all 0.6s;}
.index-sec3 .swiper-slide .p1{  width: 20px; margin:35px auto; background: #fff;	height: 2px;}
.index-sec3 .swiper-slide h3{font-size: 30px;line-height: 36px;letter-spacing: 0px;color: #ffffff; text-align: center;  width: 100%;}
.index-sec3 .swiper-slide .p2{ font-family: ArialMT;font-size: 16px;line-height: 36px;letter-spacing: 8px;color: #ffffff; text-align: center; width: 100%; margin-top: 15px;}
.index-sec3 .swiper-slide .more{ width: 200px;height: 50px;border: solid 1px rgba(255,255,255,0.2); display: block; margin: 0 auto;
line-height: 50px; text-align: center; color: #fff; transition: all 0.6s; opacity: 0; z-index: 333; position: relative;}
.index-sec3 i{ display: block; background: url(../images/icon.png) no-repeat;   transition: all 0.6s;}
.index-sec3 .i1{ background-position: -111px -15px ; width: 35px; height: 38px;}
.index-sec3 .i2{ background-position: -111px -60px ; width: 35px; height: 38px;}
.index-sec3 .i3{ background-position: -111px -100px; width: 35px; height: 38px;}
.index-sec3 .i4{ background-position: -111px -150px; width: 35px; height: 38px;}
.index-sec3 .i5{ background-position: -111px -195px; width: 35px; height: 38px;}
.index-sec3 .i6{ background-position: -111px -245px; width: 35px; height: 38px;}
.index-sec3 .swiper-slide:hover span{ background: #fff; }
.index-sec3 .swiper-slide:hover .i1{ background-position:-20px -15px ; }
.index-sec3 .swiper-slide:hover .i2{ background-position:-20px -60px; }
.index-sec3 .swiper-slide:hover .i3{ background-position:-20px -100px;}
.index-sec3 .swiper-slide:hover .i4{ background-position:-20px -150px;}
.index-sec3 .swiper-slide:hover .i5{ background-position:-20px -195px;}
.index-sec3 .swiper-slide:hover .i6{ background-position:-20px -245px;}
.index-sec3 .swiper-slide:hover .more{ opacity: 1; margin-top: 6vw;}
.index-sec3 figure img{ display: block; width: 100%;}
.index-sec3 .line{ position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border:2px solid rgba(255,255,255,0.6); opacity: 0;
transition: all 0.6s;}
.index-sec3 .swiper-slide:hover .line{ opacity: 1;}

.index-sec3 .swiper-slide figure img{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg);}

.index-sec3 .swiper-slide:hover figure img{ opacity: 1; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }






.index-sec4 .sec4-cont{ padding: 0 10vw;}
.index-sec4 .sec4-cont ul{ display: flex; justify-content: space-between;}
.index-sec4 li h4{color: #000000;  	font-size: 22px; text-align: center; margin-top: 65px;}
.index-sec4 li a{ display: block; position: relative;}
.index-sec4 li figcaption{ position: absolute; top: -20px; left: 0; right:0; bottom: 70px; background: #023B98; padding: 35px; border-radius: 5px; opacity: 0; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.index-sec4 li h3{ text-align: center; color: #fff; font-size: 26px;}
.index-sec4 li .p1{ text-align: center; color: #fff; line-height: 30px; font-size: 12px; margin-top: 35px;}
.index-sec4 li span{ width: 150px;height: 36px;background-color: #ffffff;border-radius: 18px; line-height: 36px; text-align: center; color: #023B98; display: block;
margin: 45px auto 0 auto;}
.index-sec4 li b{ position: absolute; content: ''; display: block; width: 0px; height: 0; border-top: 15px solid #023B98;
border-left: 15px solid transparent; border-right:15px solid transparent; border-bottom: 15px solid transparent; bottom: -30px; left: 50%;
margin-left: -20px;}
.index-sec4 li:hover figcaption{ opacity: 1; bottom: 50px; top: 0;}



.index-sec5{ background: #f0f7fc; margin-top: 80px;}
.index-sec5 .swiper-container{  margin-top: 50px; padding-bottom: 70px;}
.index-sec5 .swiper-slide a{ position: relative; display: block;}
.index-sec5 .swiper-slide  figure,.index-sec5 .swiper-slide figure img{ display: block; width: 100%; overflow: hidden; transition: all 0.6s;}
.index-sec5 .swiper-slide:hover figure img{ transform: scale(1.1);}
.index-sec5 .swiper-slide h3{position: absolute;bottom: -32px;left: 30px;right: 30px;background: #fff;box-shadow: 0px 0px 10px 0px rgba(2, 59, 152, 0.1);/* height: 64px; */line-height: 28px;text-align: center;font-size: 16px;transition: all 0.6s;padding: 15px;}
.index-sec5 .swiper-slide :hover h3{ transform: translateY(32px);}


.footer{ background: #29292b; display: flex; justify-content: space-between;}
.footer-left{  display: flex; justify-content: space-between; padding: 35px 0; flex: 1; padding-right: 100px;}   
.footer p{ color: #bbb; line-height:44px;}
.footer a{ color: #bbb; display: block;}
.footer .div1{ padding-left: 80px;}
.footer .div1 a{ display: block; margin-top: 30px;}
.footer .div2{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 300px;height: 130px;}
.footer .div2 a{ width: 45%; transition: all 0.6s;height:44px;line-height:44px;}
.footer .div2 a:hover{ transform: translateX(10px);}
.footer .div4 p{ text-align: center; margin-top: 10px;}
.footer .div4 img{width:120px;margin-top:15px;}
.footer .div5{ background: #023B98; max-width: 385px; width: 100%; padding: 3vw 3.5vw; }
.footer .div5 li a.yiji{ color: #fff;  display: flex; justify-content: space-between; align-items: center;}
.footer .div5 li{ color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 1vw; margin-bottom: 1vw; position: relative;}
.footer .div5 li a.yiji i{ display: inline-block; content: '';  width: 0; height: 0; border-right: 5px solid transparent;
border-left: 5px solid transparent; border-top: 5px solid #fff; border-bottom: 5px solid  transparent;}
.youlian-div{ position: absolute; top: 30px;  right:0;  border: 1px solid rgba(0,0,0,0.3); 
left: 0; background:  #fff; z-index: 333; padding: 20px; display: none;}
.youlian-div a.xjd{ display: block; line-height: 30px; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; transition: all 300ms;}
.youlian-div a.xjd:hover{ transform: translateX(5px); color: #023B98;}

/* 内页头部 */
.page-header{ height: 80px; display: flex; justify-content: space-between; align-items: center;}
.page-header.on{ position: fixed;  animation: down 1s;width: 100%;background: #fff;z-index:99;  border-bottom: 1px solid #e0e0e0;}
.page-header .logocai{ display: block; padding-left: 30px;}
.page-headerright{ display: flex; flex: 1; }
.page-headerul .homeon img{  display: inline-block;}
.page-header .linkbox{ background: #023B98; height: 80px; line-height: 80px; padding: 0 40px; color: #fff;}
.page-header .linkbox a{ color: #fff; margin: 0 15px;}
.page-headerul{ display: flex; align-items: center; justify-content: space-between; flex: 1; padding: 0 6vw 0 4vw; display: -ms-flexbox;
position: relative;}
.page-headerul li{ padding: 0 1.5vw; height: 80px; line-height: 80px; position: relative; vertical-align: middle; display: inline-block;}
.page-headerul li.on>a{ color: #023b98;}
.page-headerul li>a{ color: #000000; font-size: 16px; transition: all 0.6s;}
.page-headerul li:hover>a{ color: #023B98;}


.page-headerul .subnav{
 position:
 absolute;  padding:15px 0 0; z-index:999;
 visibility:
 hidden; opacity:0;
 background: #f5f5f5;
 padding: 35px; top:80px;
 overflow: hidden;
 clear: both;
 width: 540px;
 transition: all 0.6s;
 transform: translateY(-10px);
 }
.page-headerul li:hover .subnav{ opacity:1;visibility:visible; transition:  all 0.6s; filter: alpha(opacity=100); transform: none;} 





.page-headerul .subnav .div1{ display: flex; float: left; overflow: hidden; clear: both;}
.page-headerul .subnav .div1 p{float: left;margin-right: 10px;}
.page-headerul .subnav .div1 a{ display: block; color: #666; font-size: 18px; padding-bottom: 30px; transition: all 0.6s;}
.page-headerul .subnav .div1 a:hover{ color: #023B98;}
.page-headerul .subnav .div1tu{float: right;width: 300px;}
.neibanner img{ display: block; width: 100%;}


/* 产品页面 */
.neibox{ max-width: 1400px; margin: 0 auto; width: 100%;}
.product-page{  padding-bottom: 50px;}
.product-page .breadcrumb {
	margin-bottom: 50px;
}
/* .product-page ul{ display: flex;  flex-wrap: wrap; justify-content: space-between;} */
.product-page ul{display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
/*  margin-bottom: 30px; width: 32%; */
.product-page li{ position: relative; background: #e6e6e6; padding-bottom: 20px;}
.product-page li figure,.product-page li figure img{ display: block; width: 100%; transition: all 0.6s; overflow: hidden;}
.product-page li figcaption{bottom: 0; left: 0; right: 0; top: 0; padding: 50px 20px 30px 20px;}
.product-page li h3{ text-align: center; color: #000000; font-size: 24px; line-height: 36px;}
.product-page li span{ width: 140px;height: 40px;border-radius: 20px;	border: solid 1px #033b98; display: block; text-align: center;
line-height: 40px; text-align: center; margin: 20px auto; color: #033b98; transition: all 0.6s;}
.product-page li:hover figure img{ transform: scale(0.95);}
.product-page li:hover span{ background: #033b98; color: #fff;}

/* 产品详情页 */
.detail-page .detail-sec1{ padding: 70px 0;}
.detail-page .title-name{ display: flex; justify-content: space-between; }
.detail-page .title-name h3{ background-color: #033b98; height: 60px; color: #fff; line-height: 60px; font-size: 20px; width: 400px; text-align: center;}
.detail-page .backlist{ width: 180px;height: 46px;background-color: #f8f8f8;border-radius: 8px;border: solid 1px #bbbbbb; display: block; text-align: center;
line-height: 46px;}
.detail-page .backlist img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.detail-page .de-tu{ border-top: 2px solid #023B98; background: #f8f8f8; display: flex; padding:5vw 4vw; justify-content: space-between; align-items: center;}
.detail-page .detail-sec1 .div3{ display: flex; justify-content: space-between; padding-top: 1vw;}
.detail-page .detail-sec1 .div3 div{  width: 300px;}
.detail-page .detail-sec1 .div3 .p1{ color: #023B98;font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.detail-page .detail-sec1 .div3 .p2{ color: #333333;font-size: 16px; line-height: 30px;}
.detail-page .detail-sec1 .div3 .p2 p{ color: #333333;font-size: 16px; line-height: 30px;}
.detail-page .detail-sec1 .div2{ flex: 1; padding-left: 5vw;}
.detail-page .detail-sec1 .div1{ max-width: 450px;}
.detail-page .detail-sec1 .div1 img{ display: block; max-width: 100%; height: auto;}
.detail-page .detail-sec1 .div2 h2{ color: #033b98;	font-size: 30px; font-weight: bold;}
.detail-page .detail-sec1 .div2 h4{ color: #888888;font-family: ArialMT; font-size: 14px; padding: 22px 0;}


.detail-page .detail-sec2{ background: #f8f8f8; padding: 80px 0;}
.detail-page .detail-sec2 h2{ color: #000000; font-size: 30px; margin-bottom: 35px;}
.detail-page .detail-sec2 table{ width: 100%; border-collapse: collapse; border:1px solid #e0e0e0} 
.detail-page .detail-sec2 td{ height: 70px; text-align: center;font-size: 16px; color: #333333;}
.detail-page .detail-sec2 th{ height: 80px;background-color: #033b98; color: #fff; font-size: 18px;}  
.detail-page .detail-sec2 th:nth-child(1){width: 24%;}
.detail-page .detail-sec2 th:nth-child(2){width: 76%;}
.detail-page .detail-sec2 td:nth-child(1){ background: #fff;}
.detail-page .detail-sec2 td:nth-child(2){ background: #f0f0f0;}

.detail-page .detail-sec3 { padding:20px 0 80px 0;}
.detail-page .detail-sec3 h2{ color: #000000; font-size: 30px; margin-bottom: 35px;}
.detail-page .detail-sec3 ul{ display: flex; justify-content: space-around;}
.detail-page .detail-sec3 span{ display: block; width: 180px;height: 180px;background-color: #033b98; border-radius: 100%; text-align: center;margin:0 auto;}
.detail-page .detail-sec3 img{ display: inline-block; vertical-align: middle; margin-top: 50px; height: 70px; transition: all 0.6s;}
.detail-page .detail-sec3 li p{ color: #000000; font-size: 22px; text-align: center; margin-top: 30px;width: 260px;}
.detail-page .detail-sec3 li:hover img{animation: jello 1s;}

/* 服务与支持 */
.fuwu-sec1{  background: url(../images/fwtu3.png) no-repeat top center; background-size: 100% 100%; padding: 80px 0;}
.fuwu-sec1 .div1{ display: flex; justify-content: space-between; align-items: center;  background: #fff;}
.fuwu-sec1 .neibox .right{  padding: 5vw 3vw;}
.fuwu-sec1 .right h3{ color: #023b98; 	font-size: 28px; line-height: 40px;}
.fuwu-sec1 .right b{ width: 50px; height: 1px; display: block; background: #023B98; margin: 1.5vw 0;}
.fuwu-sec1 .right .pa{ color: #666666; font-size: 15px; line-height: 40px;}
.fuwu-sec1 .right .pa p{ color: #666666; font-size: 15px; line-height: 40px;}
.fuwu-sec2{ padding: 80px 0;} 
.fuwu-sec2 .div1{ display: flex; justify-content: space-between; align-items: center;  background: #fff;}
.fuwu-sec2 .left h3{ color: #000000; font-size: 42px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}
.fuwu-sec2 .left .pb p{ color: #333333; font-size: 16px; line-height: 50px; margin-top: 35px;}
.fuwu-sec2 .left .pb p{ color: #333333; font-size: 16px; line-height: 50px; margin-top: 35px;}

.fuwu-sec3 .tit h3{ text-align: center; color: #333333;  font-size: 42px;}
.fuwu-sec3 .tit p{ text-align: center; color: #666666;  font-size: 22px; margin-top: 20px;}

.fuwu-sec3 .tu{ margin-top: 70px;}
.fuwu-sec3 .tu img{ display: block; margin: 0 auto; height: auto; max-width: 100%;}
.fuwu-sec3 .text{ padding: 70px 0;}
.fuwu-sec3 .text p b{ color: #023b98; font-size: 15px; font-weight: bold;}
.fuwu-sec3 .text .pc {font-size: 15px; font-weight: normal; letter-spacing: 0px; color: #333333; line-height: 40px;}
.fuwu-sec3 .text .pc strong{font-weight:bold;}
.fuwu-sec3 .text p {font-size: 15px; font-weight: normal; letter-spacing: 0px; color: #333333; line-height: 40px;}
.fuwu-sec4{ position: relative;}
.fuwu-sec4 .leftbg{ position: absolute; left: 0; right: 50%; top: 0; bottom: 0; background: #023B98; z-index: -1;}
.fuwu-sec4 .rightbg{ position: absolute; right: 0; left: 50%; top: 0; bottom: 0; background: #f4f5fa; z-index: -1;}
.fuwu-sec4 .div1{ display:flex; justify-content: space-between; padding: 70px 0;}
.fuwu-sec4 .div1 h3{ color: #fff; font-size: 26px; margin-bottom: 45px; font-weight: bold;}
.fuwu-sec4 .div1 .pd{ color: #fff;  font-size: 18px; line-height: 40px;width: 400px;overflow: hidden;}
.fuwu-sec4 .div1 p{ color: #fff;  font-size: 18px; line-height: 40px;}
.fuwu-sec4 .div1 .right h3,.fuwu-sec4 .div1 .right p{ color: #000;}
.fuwu-sec4 .div1 .right{ width: 50%; padding-left: 15vw;}
 
.fuwu-sec5 { padding: 70px 0;display: none;}
.fuwu-sec5 h3{ color: #000000; font-size: 42px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}
.fuwu-sec5 .div1{ display: flex; justify-content: space-between; margin-top: 40px;}
.fuwu-sec5 .right{  padding-left: 4vw;}
.fuwu-sec5 .right .p1{ color: #333333; font-size: 16px; line-height: 40px;}
.fuwu-sec5 .right .p1 b{ color: #033b98; font-size: 16px; line-height: 40px;}
.fuwu-sec5 .right .div2{ display: flex; justify-content: space-between; margin-top: 4.5vw;}
.fuwu-sec5 .right span{ display: block; color: #666666; font-size: 18px; margin-bottom: 20px;}
.fuwu-sec5 .right .div2 input{  width: 260px;height: 50px;background-color: #f9f9f9; padding-left: 10px;}
.fuwu-sec5 .right .div3{ margin-top: 40px;}
.fuwu-sec5 .right textarea{  width: 100%; background-color: #f9f9f9; height: 221px; border:none; padding: 10px 0 0 10px;}
.fuwu-sec5 .right .sub{ width: 205px;height: 50px;background-color: #033b98; display: block; height: 50px; text-align: center; color: #fff;
font-size: 18px; float: right;}


/* 关于我们 */
.about-sec1 { padding: 70px 0 50px 0;}
.about-sec1 .tu img{ display: block; max-width: 100%; margin: 0 auto;}
.about-sec1 .tit img{ display: block; margin: 0 auto;}
.about-sec1 .tit p{ text-align: center; color: #888888; font-size: 26px; margin-top: 30px; margin-bottom: 30px;}
.about-sec1 .text{ padding-top: 70px; display: flex; justify-content: space-between;}
.about-sec1 .p1{ color: #333333; font-size: 28px; line-height: 40px;}
.about-sec1 .p2{ color: #000000; font-size: 28px; line-height: 40px; font-weight: bold; margin-top: 15px;}
.about-sec1 ul{ display: flex; justify-content: space-between;}
.about-sec1 .p3 strong{ color: #023b98; font-family: arial; font-size: 80px; line-height: 40px;  }
.about-sec1 .p3 { color: #023b98; font-size: 24px; line-height: 40px;}
.about-sec1 ul li{ padding-left: 100px;}
.about-sec1 .p4 { color: #023b98; font-size: 20px; line-height: 40px;}

.about-sec2{  display: flex;}
.about-sec2 .left{ flex: 1;} 
.about-sec2 .left img{ display: block; max-width: 100%;height: 668px;}
.about-sec2 .right{ flex: 1; padding:2.5vw 3vw; background: #023b98;}
.about-sec2 .right .p{ color: #ffffff;	font-size: 16px;  line-height: 44px;}
.about-sec2 .right .p p{ color: #ffffff;	font-size: 16px;  line-height: 44px;}

.about-sec3{ background: url(../images/aboutbg.png) no-repeat center center; padding: 70px 0 160px 0; position: relative; margin-top: -50px;}
.about-sec3 .box{ padding: 0 180px;}
.about-sec3 .tit h4{ text-align: center; color: #023b98; 	font-size: 36px;}
.about-sec3 .tit p{ color: #888888; font-size: 22px; text-align: center; margin-top: 10px;}
.about-sec3 .tit{ margin-bottom: 50px;}
.about-sec3 .swiper-slide a{ display: block; background: #fff; padding: 2vw 1vw;height:300px;}
.about-sec3 .swiper-slide h3{ color: #023b98; 	font-size: 24px; line-height:32px; font-weight: bold; margin-bottom: 25px;}
.about-sec3 .swiper-slide p{ color: #000000; font-size: 14px; line-height: 36px;}
.about-sec3 .time{width: 80px;	height: 80px;	background-color: #023b98; border-radius: 100%; text-align: center; line-height: 80px;
color: #fff; font-size: 24px; margin: 40px auto; 	font-family: arial;}
.about-sec3 .rule{ background: url(../images/aboutrule.png) no-repeat center; background-size: contain; height: 22px;}
.about-sec3 .swiper-button-next{ top: auto; bottom: 70px; right: 47%; outline: none; color: #666; font-size: 10px;}
.about-sec3 .swiper-button-prev{ top: auto; bottom: 70px; left: 47%; right: auto; outline: none; color: #666; width: 20px;}
.about-sec3 .swiper-button-next:after, .about-sec3 .swiper-button-prev:after{ font-size: 20px;}
.about-sec3  span{ position: absolute; left: 50%; bottom: 85px; color: #555;}


.about-sec4 .tab-bd{  padding-top: 70px;}
.about-sec4 .h2{ color: #000000; line-height: 40px; font-size: 40px;}
.about-sec4 .tab-bd h3{  color: #023b98; font-size: 30px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}
.about-sec4 .tab-bd p{ color: #666666; font-size: 16px; line-height: 40px; margin-top: 20px;}
.about-sec4 .tab-pal{ overflow: hidden; clear: both;}
.about-sec4 .tab-bd li.on{ display: block;}
.about-sec4 .tab-bdtext{ float: left; width: 48%;}
.about-sec4 .tab-bd .right{ float: right; width: 48%;}
.about-sec4 .tab-bd img{ float: right; display: block; max-width: 100%;}
.about-sec4 .tab-hd ul{ display: flex; margin-top: 50px;  justify-content: space-between;}
.about-sec4 .tab-hd ul li{ flex: 0.9; height: 110px; 	background-color: #666666; color: #fff; text-align: center; line-height: 110px; 
font-size: 18px; cursor: pointer; border-right:1px solid #fff}
.about-sec4 .tab-hd li.on{ background: #023B98; transition: all 0.6s;}
.about-sec4 .swiper-pagination-bullet{ width: 16px;height: 16px;background-color: #ffffff;opacity: 0.7; border: solid 4px #fff; }
.about-sec4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  margin: 0 10px;}
.about-sec4 .swiper-pagination-bullet-active{border: solid 4px #033b98;  background: transparent;}
.about-sec4 .swiper-pagination{ display: none;}

.about-sec5{ background: #f4f5fa; padding: 70px 0 150px 0; position: relative;}
.about-sec5 .tit h4{ text-align: center; color: #023b98; 	font-size: 36px;}
.about-sec5 .tit p{ color: #888888; font-size: 22px; text-align: center; margin-top: 10px;}
.about-sec5 .tit{ margin-bottom: 50px;}
.about-sec5 .swiper-slide div{background: #fff;box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);padding: 30px;padding-bottom: 100px;position: relative;}
.about-sec5 .swiper-slide p{text-align: center;color: #333333;font-size: 16px;margin-top: 1.5vw;position: absolute;left: 30px;right: 30px;}
.about-sec5 .swiper-slide img{ display: block; margin: 0 auto; max-width: 100%; height: auto;}
.about-sec5 .swiper-button-next{ top: auto; bottom: 70px; right: 47%; outline: none; color: #666; font-size: 10px;}
.about-sec5 .swiper-button-prev{ top: auto; bottom: 70px; left: 47%; right: auto; outline: none; color: #666; width: 20px;}
.about-sec5 .swiper-button-next:after, .about-sec5 .swiper-button-prev:after{ font-size: 20px;}
.about-sec5  span{ position: absolute; left: 50%; bottom: 85px; color: #555;}



/*解决方案*/
.fangan-page { padding:0 0 70px 0;}
.fangan-page .breadcrumb {
	margin-bottom: 50px;
}
.fangan-page ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.fangan-page li{width: 48%; margin-bottom: 4vw;  transition: all 0.6s;}

.fangan-page li figcaption{ transition: all 0.6s; background: transparent; padding: 40px 10px 20px 10px;}
.fangan-page li figure{ position: relative; overflow: hidden;}
.fangan-page li figure img{ display: block; width: 100%; transition: all 0.6s;}
.fangan-page li figure span{ position: absolute; width: 100px;	height: 100px; background: #023B98; bottom: 0; left: 0;
color: #fff; line-height: 100px; font-size: 40px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.fangan-page li h3{ font-weight: bold; color: #000; font-size: 28px; transition: all 0.6s; margin-bottom: 30px;}
.fangan-page li p{ color: #888888; font-size: 15px; line-height: 40px;display: none;}
.fangan-page li:hover h3{ color: #023b98;}
.fangan-page li:hover{ transform: translateY(10px); }
.fangan-page li:hover figure img{ opacity: 0.9;}
.fangan-page li .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.fangan-page li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.fangan-page li:hover{   box-shadow: 0 0 10px 5px rgba(0,0,0,.1);}

.tx{
    display: flex;
    align-items: center;
    justify-content: center;
}

/*企业文化*/
.culture-sec1{ background: url(../images/culture-bg1.png) no-repeat top center; padding: 70px 0;}
.culture-sec1 .div1{ display: flex;  align-items:center;}
.culture-sec1 ul li{ margin-bottom: 2vw;}
.culture-sec1 .left img{ display: block; max-width: 100%; height: auto;}
.culture-sec1 .right { padding-left: 8vw;}
.culture-sec1 .right .p1{color: #033b98;line-height: 50px;font-size: 32px;width: 98px;text-align: center;text-align-last: justify;}
.culture-sec1 .right .p2{color: #888888;font-size: 18px;text-align: center;}

.culture-sec2{ padding: 70px 80px;}
.culture-sec2 .tit{ text-align: center; color: #023b98; font-size: 36px;}
.culture-sec2 .div1{ display: flex;  align-items:center; justify-content: space-between; margin-top: 50px;}
.culture-sec2 .div1-1{ display: flex; width: 49%; }
.culture-sec2 .div1-1:hover figcaption{ transform: translateX(-50px);}
.culture-sec2 .div1-1 figure{ width: 380px;}
.culture-sec2 .div1-1  figure img{ display: block; max-width: 100%; transition: all 0.6s;}
.culture-sec2 .div1-1 .p1{ color: #000000; font-size: 18px;	line-height: 40px;}
.culture-sec2 .div1-1 .p2{ color: #023b98; font-size: 16px;	line-height: 40px; margin-bottom: 15px; height: 40px; overflow: hidden;}
.culture-sec2 .div1-1 figcaption{ display: flex; align-items: center; margin-left: -3vw; position: relative; z-index: 3; max-width: 480px;
transition: all 0.6s;}
.culture-sec2 .div1-1 .div2{ background: #fff; box-shadow: 0px 0px 5px 0px rgba(6, 0, 1, 0.1);  height: 320px; padding: 2vw} 
.culture-sec2 .div1-1 .p3{ 	color: #888888; font-size: 14px; line-height: 30px; height: 150px; overflow: hidden;}  
.culture-sec2 .div1-1 .div2{ position: relative; overflow: hidden;}
.culture-sec2 .div1-1 .div2 .cir{ position: absolute; bottom: 0; left: -50%; width: 120%; border-radius: 50%; background: #023B98; opacity: 0.1;
top: 0; transform: scale(0); transition: all 0.6s; right: 50%;}
.culture-sec2 .div1-1:hover .cir{ transform: scale(1);} 

.culture-sec3{ padding: 70px 80px; background: #fafafa; position: relative;}
.culture-page .cultit{ margin-bottom: 40px;}
.culture-page .cultit h3{ color: #023b98; font-size: 36px; text-align: center;}
.culture-page .cultit p{ color: #888888; font-size: 22px; text-align: center; margin-top: 20px;}
.culture-sec3 .swiper-slide p{ text-align: center; color: #333333; font-size: 18px; transition: all 0.6s;}
.culture-sec3 i{ display: block; border-radius: 100%; background: #023b98; width: 12px;	height: 12px; margin: 50px auto;}
.culture-sec3 figure img{ display: block; max-width: 100%; margin: 0 auto; transition: all 0.6s;}
.culture-sec3 .swiper-button-next{ right: 60px; bottom: 135px; top: auto;}
.culture-sec3 .swiper-button-prev, .culture-sec3 .swiper-container-rtl .swiper-button-next{left: 60px; bottom: 135px; top: auto; }
.culture-sec3 .line{ position: absolute; left: 0; right: 0; background: #E0E0E0; height: 1px; bottom: 155px;}
.culture-sec3 .swiper-button-next:after, .culture-sec3 .swiper-button-prev:after{ font-size: 0;}
.culture-sec3 .swiper-slide:hover figure img{  transform: translateY(10px);}
.culture-sec3 .swiper-slide:hover p{ transform: translateY(-10px); color: #023b98;}
.culture-sec3 .swiper-button-prev,.culture-sec3 .swiper-button-next{ outline: none; cursor: pointer;}

.culture-sec4{ padding: 70px 0;}
.culture-sec4 .neibox{ position: relative;}

.culture-sec4 figure img,.culture-sec4 figure{ display: block; max-width: 100%; margin: 0 auto; overflow: hidden; }

.culture-sec4 .swiper-slide{ position: relative;}
.culture-sec4 .swiper-button-next2{ right: -60px; bottom: 135px; top: auto; position: absolute;}
.culture-sec4 .swiper-button-prev2, .culture-sec4 .swiper-container-rtl .swiper-button-next2{left: -60px; bottom: 135px; top: auto; 
position: absolute;}
.culture-sec4 .swiper-button-next2:after, .culture-sec4 .swiper-button-prev2:after{ font-size: 0;}
.culture-sec4 .swiper-slide figure img{ display: block; transition: all 0.6s; overflow: hidden; width: 100%;}
/* .culture-sec4 .swiper-slide:hover figure img{ transform: scale(1.05);} */
.culture-sec4 .swiper-button-prev2,.culture-sec4 .swiper-button-next2{ outline: none; cursor: pointer;}
.culture-sec4 .mask-p{ position: absolute; top: 10px; bottom: 10px; left:10px; right: 10px; transition: all 0.6s; opacity: 0;
border:2px solid rgba(255,255,255,0.5); transform: scale(0.8); z-index: 3;}
.culture-sec4 .mask-p1{ text-align: center; color: #fff; position: absolute; top: 50%; left: 0; right: 0; padding: 0 10px; font-size: 16px; transition: all 0.6s;
transform: translateY(-5px); z-index: 33; opacity: 0; padding: 0 25px; margin-top: -14px;}
.culture-sec4 .swiper-slide:hover .mask-p{ opacity: 1; transform: scale(1);}
.culture-sec4 .swiper-slide:hover .mask-p1{ opacity: 1; transform: none;}
.culture-sec4 .mask-bg1{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background:#023b98; opacity: 0.8; transition: all 0.6s; opacity: 0; z-index: 1;}
.culture-sec4 .swiper-slide:hover .mask-bg1{ opacity: 1;}
.culture-sec4 .forth-line{ width: 94%; height: 94%; position: absolute; left: 3%; top: 3%;  z-index: 333;}
.culture-sec4 .line1, .culture-sec4 .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.culture-sec4 .line1 { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.culture-sec4 .line2 { border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.culture-sec4 .swiper-slide:hover:hover .line1,
.culture-sec4 .swiper-slide:hover:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }




/*人力资源*/
.resource-sec1{ background: url(../images/rlzytu1.png) no-repeat top right; padding: 70px 0;  animation: cloud_three 100s linear infinite;}
.resource-sec1 .div1{ display: flex; justify-content: space-between;}
.resource-sec1 p{ font-size: 15px;  color: #666666; line-height: 36px; margin-top: 40px;}
.resource-sec1 .left h3{ color: #000000; font-size: 40px;}
.resource-sec1 .left{ max-width: 840px;}
.resource-sec1 .div-tu{ padding-top: 80px;}
.resource-sec1 .div-tu img{ display: block; max-width: 100%; height: auto;}
.resource-sec1 .right .line{  width: 1px;	height: 330px; background: #023B98; margin-top: 10px;}
.resource-sec1 .right p{ font-size: 18px;}


/*@keyframes cloud_three{
    0%{
       background: url(../images/rlzytu1.png) no-repeat top right
    }
    100%{
     background: url(../images/rlzytu1.png) no-repeat top center
    }
}*/


.rencai-tit h3{ color: #333333;  font-size: 34px; text-align: center;}
.rencai-tit p{ color: #666666;  font-size: 22px; text-align: center; padding-top: 1vh;}

.rencai-box2 { padding:70px 0;}
.rencai-box2 li{ margin-bottom: -1px;}
.rencai-box2 .div1{ border:1px solid #F5F5F5; display: flex; align-items: center; justify-content: space-between;}
.rencai-box2 .rc-name{ color: #666666; font-size: 22px; text-align: center; padding: 0 15px; width: 250px;}
.rencai-box2 .rc-text{ flex: 1; display: flex; justify-content: space-between; padding:2.5vw 2vw 2.5vw 4vw; border-left:1px solid #F5F5F5; }
.rencai-box2 .rc-text p{ color: #666666; font-size: 15px; width: 25%;}
.rencai-box2 .more-btn{ background: #f0f0f0; width: 130px; color: #666666; font-size: 15px;	height: 40px; display: block;
text-align: center; line-height: 40px; cursor: pointer;}
.rencai-box2 .more-btn i{ display: inline-block; background: url(../images/ryzz-arrowdown.png) no-repeat center; width: 18px; height: 8px;
vertical-align: middle;}
.rencai-box2 .div2{ border:1px solid #F5F5F5; border-top: none; padding:0vw 4vw 4vw 4vw; display: none;}
.rencai-box2 .rc-p1{  color: #666666; font-size: 18px; font-weight: bold; padding-top: 2.5vw; padding-bottom: 2vw;} 
.rencai-box2 .rc-ptext p{ color: #666666; 	font-size: 15px; line-height: 50px;}
.rencai-box2 .rc-joinbtn{ width: 160px; font-size: 15px; color: #ffffff; display: block;height: 40px;background-color: #023b98; text-align: center;
 line-height: 40px; margin-top: 2vw; transition: all 0.6s;}
.rencai-box2 .rc-joinbtn:hover{ transform: translateX(10px); box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.rencai-ul2 li.on .more-btn i{ transform: rotate(180deg);}


.join-formwrap{ position: fixed; background: rgba(0,0,0,0.8); top:0; left: 0; right: 0; bottom: 0; z-index: 33333; display: none;}
.join-form{ background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 3vw 2vw;
max-width: 600px; width: 100%;}
.join-form .join-tit{ font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 2vw;}
.join-form  input{ background: #F5F5F5; height: 50px; width:100%; padding-left: 1em; line-height: 50px; margin-bottom: 1.5vw;}
.join-form .join-close{ position: absolute; top:-20px; right: -20px; background: #222; color: #fff; height: 40px; width: 40px; border-radius: 100%; align-items: center;
display: flex; justify-content: center; font-size: 24px; cursor: pointer; transition: all 0.36s;}
.join-form .join-close:hover{ background: #023b98;}
.join-form .sub{ display: block; border:none; background: none; background: #333; color: #fff; display: block; height: 50px; width: 100%; font-size: 16px;
 cursor: pointer; transition: all 0.6s; }
.join-form .sub:hover{  background: #023b98;}


/*销售网络*/
.sale-sec1{ padding: 70px 0;}
.sale-sec1 .div1{ display: flex; justify-content: space-between; align-items: center;}
.sale-sec1 .div1 .left{ padding-right: 5vw; max-width: 680px;}
.sale-sec1 .div1 .right{ max-width: 720px; position: relative;}
.sale-sec1 .pos-img{ position: absolute; transition: all 0.6s; animation: downup 3s infinite; top: 0; right: 0; bottom: 0;}
.sale-sec1 .div1 .right img{ display: block; max-width: 100%; height: auto;}
.sale-sec1 h3{ color: #000000; font-size: 42px; border-bottom: 1px solid #e0e0e0; padding-bottom: 35px; margin-bottom: 2vw;}
.sale-sec1 p{  color: #333333;font-size: 16px; line-height: 50px;}
.sale-sec1 ul{ display: flex; justify-content: space-between; margin-top: 3vw;}
.sale-sec1 li{ text-align: center; width: 50%;	height: 130px;	background-color: #033b98; line-height: 130px; border-right: 1px solid rgba(255,255,255,0.1);}
.sale-sec1 li a{ color: #ffffff; font-size: 26px;}
.sale-sec1 li img{ display: inline-block; vertical-align: middle; margin-right: 10px; transition: all 0.6s;}
.sale-sec1 li:hover img{ transform: translateX(5px); animation: jello 1s;}

@keyframes downup{
	from{ transform:translateY(2px);}
	50%{ transform: translateY(-2px);}
	to{transform: translateY(2px);}
}
@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

.sale-sec2{ background: url(../images/xswltu5.png) no-repeat top center; height: 240px;}
.sale-sec2 .neibox{ display: flex; align-items: center; justify-content: center; height: 240px;}
.sale-sec2 .neibox img{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.sale-sec2 .neibox p{ font-size: 30px; color: #fff;}
.sale-sec2 .neibox span{ font-size: 44px; font-family: 'DIN';}

.sale-sec3{ padding: 70px 0; position: relative;}
.sale-sec3 .left{ max-width: 600px; padding-right: 3vw;}
.sale-sec3 h3{  color: #000000; font-size: 40px;  }
.sale-sec3 p{ color: #666666; font-size: 18px; margin-top: 25px; line-height: 40px;}
.sale-sec3 .left a{ width: 210px; height: 64px; background-color: #033b98; display: block; color: #ffffff; font-size: 18px; line-height: 64px; text-align: center;
transition: all 0.6s; margin-top: 45px;}
.sale-sec3 .left img{ vertical-align: middle; display: inline-block; margin-right:10px}
.sale-sec3 .left a:hover{ transform: translateX(10px);}
.sale-sec3 .map{ position: absolute; right:0; top: 0; bottom: 0; width: 100%; max-width: 670px; background: #f5f5f5;}



/*新闻中心*/

.breadcrumb{ display: flex; justify-content: space-around; margin-top: 70px; border-bottom: 1px solid #F5F5F5; color: #888;}
.breadcrumb a{ color: #888888; font-size: 18px; display: block; padding-bottom: 40px; border-bottom: 2px solid transparent; position: relative;
transition: all 0.6s;}
.breadcrumb a.on,.breadcrumb a:hover{color: #033b98; border-bottom: 2px solid #033B98;}

.news-sec1 .div1{ display: flex; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); margin: 50px 0; padding: 50px; align-items: center;}
.news-sec1 .p1{ color: #000000; font-size: 16px;}
.news-sec1 .p2{ color: #000000; font-size: 22px; margin-top: 30px; line-height: 36px; height: 72px; overflow:hidden;}
.news-sec1 .p3{ color: #888888; font-size: 16px; line-height: 40px; margin: 50px 0; height: 80px; overflow: hidden;}
.news-sec1 a.more{ width: 154px;height: 40px;border: solid 2px #023b98; display: block; line-height: 40px; text-align: center; color: #023b98; font-size: 16px;
transition: all 0.6s; box-sizing: content-box;}
.news-sec1 .left{ padding-right: 4vw; max-width: 642px;}
.news-sec1 .right{ max-width: 700px; width: 100%;}
.news-sec1 .right img{ display: block; max-width: 100%;width:100%; height: auto;}
.news-sec1 a:hover{ transform: translateX(10px);}


.news-sec2 ul{ display: flex; flex-wrap: wrap; margin-right: -3.3%;}
.news-sec2 ul li{ width: 30%; margin-right: 3.3%; margin-bottom: 55px; transition: all 0.6s;}
.news-sec2 ul li a{ display: block; position: relative;}

/*.news-sec2 .line-inner { position:absolute; top:0; left:0; width:100%; height:100% }
.news-sec2 li .line1,.news-sec2 li .line2,.news-sec2 li .line3,.news-sec2 li .line4{ position:absolute; display:block;transition:transform .3s,-webkit-transform .3s;
  background-color:#7e57c2; left:0; width:100%; height:2px; -webkit-transform:scaleX(0); transform:scaleX(0); top:0; width:2px; height:100%; -webkit-transform:scaleY(0); transform:scaleY(0);}
.news-sec2 li .line3{top: 0;left: 0;  width: 100%;  height: 2px;  -webkit-transform: scaleX(0); position: absolute;  content: "";  display: block;  -webkit-transition: -webkit-transform .3s;  transition: -webkit-transform .3s;  transition: transform .3s;  transition: transform .3s,-webkit-transform .3s; transform: scaleX(0);background-color: #7e57c2; -webkit-transform-origin:right center; transform-origin:right center; }
.news-sec2 li .line4{top: 0;left: 0;  width: 100%;  height: 2px;  -webkit-transform: scaleX(0); position: absolute;  content: "";  display: block;  -webkit-transition: -webkit-transform .3s;  transition: -webkit-transform .3s;  transition: transform .3s;  transition: transform .3s,-webkit-transform .3s; transform: scaleX(0);background-color: #7e57c2; -webkit-transform-origin:right center; transform-origin:right center; }

.news-sec2 li .line1{ transform-origin: top center;left: 0;top: 0;  width: 2px;  height: 100%;  -webkit-transform: scaleY(0);  transform: scaleY(0); background-color: #7e57c2;}
.news-sec2 li .line2{ transform-origin: top center; transform: scaleY(1); right: 0; top: 0;  width: 2px;  height: 100%;}
.news-sec2 li .line4{transform-origin: right center; transform: scaleX(1); bottom: 0; left: 0;  width: 100%;  height: 2px;}

.news-sec2 li .line1:hover{transform-origin: bottom center; transform: scaleY(1); }
.news-sec2 li .line2:hover{transform-origin: top center; transform: scaleY(1);}
.news-sec2 li .line3:hover{ transform-origin: left center; transform: scaleX(1); }
.news-sec2 li .line4:hover{transform-origin: right center; transform: scaleX(1);}*/



.news-sec2 ul li figure img{ display: block; max-width: 100%;}
.news-sec2 .p2{ color: #666; font-size: 14px; margin-top: 20px;}
.news-sec2 h2{ color: #000; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 20px;}
.news-sec2 .p1{ color: #666666; font-size: 14px; margin-top: 20px; line-height: 24px;height:48px;overflow:hidden;}
.news-sec2 li span{ width: 134px; height: 40px; border-radius: 20px; border: solid 1px #e0e0e0; display: block; line-height: 40px; text-align: center;
margin-top: 35px; transition: all 0.6s; }
.news-sec2 li:hover{ transform: translateY(10px);}
.news-sec2 .more{ display: block; margin: 0 auto; width: 250px;height: 70px;background-color: #ffffff; transition: all 0.6s;
box-shadow: 0px 0px 30px 0px rgba(6, 0, 1, 0.1); color: #000000; font-size: 16px; line-height: 70px; text-align: center; margin-bottom: 70px;}
.news-sec2 .more:hover{ transform: translateX(10px);}
.news-sec2 li:hover h2{ color: #023b98;}
.news-sec2 li:hover span{ color: #fff; background: #023b98;}

.news-sec2 ul li figcaption{ transition: all 0.6s;padding:10px 8px;}
.news-sec2 ul li:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}

/* 新闻详情页 */
.newsdetail-sec1{ box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); padding:115px 150px 50px 150px; margin-top: 50px; margin-bottom: 50px; position: relative;}
.newsdetail-sec1 .tip{ position: absolute; top: 0; left: 150px; width: 120px;	height: 90px;	background-color: #023b98;	border-radius: 0px 0px 6px 6px}
.newsdetail-sec1 .tip strong{text-align: center;display: block;color: #fff;font-size: 22px;line-height: 1.3;width: 60px;margin: 0 auto;margin-top: 10px;}
.newsdetail-sec1 .tip p{ text-align: center; color: #fff; line-height: 20px;}
.newsdetail-sec1 .newsde-tit{ border-bottom: 1px solid #F5F5F5; padding-bottom: 30px; margin-bottom: 20px;}
.newsdetail-sec1 .newsde-tit h2{text-align: center; color: #000; font-size: 30px;}
.newsdetail-sec1 .newsde-tit p{text-align: center; color: #666666; font-size: 14px; margin-top: 30px;}
.newsdetail-sec1 .newsdecont p{ color: #333333; font-size: 14px; line-height: 40px; margin-bottom: 0px;}
.newsdetail-sec1 .newsdecont img{ display: block; max-width: 100%; margin: 5px auto;}

.index-more .more{ display: block; margin: 0 auto; width: 250px;height: 70px;background-color: #ffffff; transition: all 0.6s;
box-shadow: 0px 0px 30px 0px rgba(6, 0, 1, 0.1); color: #000000; font-size: 16px; line-height: 70px; text-align: center; margin-bottom: 70px;}
.index-more.more:hover{ transform: translateX(10px);}

.fenpian{ border-top: 1px solid #E0E0E0; display: flex; justify-content: space-between; padding-top: 50px; align-items: center; margin-top: 50px;}
.fenpian a{ display: block; margin-bottom: 20px; transition: all 0.6s;}
.fenpian .backlist{ width: 120px;height: 40px;border-radius: 20px;font-size: 14px; line-height: 40px;border: solid 1px #023b98;color: #023b98;
text-align: center;}
.fenpian a:hover{ color: #023B98;}
.fenpian .backlist:hover{ transform: translateX(10px);}
	
	
/* 样板工程 */
.yangban-page{ padding: 70px 0;}
.yangban-page ul{ display: flex; flex-wrap: wrap; margin-right: -3.3%;}
.yangban-page ul li{ width: 30%; margin-right: 3.3%; margin-bottom: 55px; transition: all 0.6s;}
.yangban-page ul li p{ text-align: center; color: #000; font-size: 20px; margin-top: 30px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.yangban-page li figure{ position: relative;}
.yangban-page li .border{ position: absolute; bottom: -15px; background: #e5ebf4; left: 20%; right: 20%; height:30px; z-index: -1; border-radius: 5px;}
.yangban-page li figure,.yangban-page li figure img{display: block; max-width: 100%; transition: all 0.6s; }

.yangban-page .more{ display: block; margin: 0 auto; width: 250px;height: 70px;background-color: #ffffff; margin-top: 50px; transition: all 0.36s;
box-shadow: 0px 0px 30px 0px rgba(6, 0, 1, 0.1); color: #000000; font-size: 16px; line-height: 70px; text-align: center; margin-bottom: 50px; overflow: hidden;}
.yangban-page .more:hover{ transform: translateX(10px);}

.btn-11 {  position: relative;  color: #033b98; cursor: pointer;  overflow: hidden;}  
.btn-11 span{ position: relative; z-index: 333; font-size: 16px; transition: all 0.6s;}
.btn-11:before, .btn-11:after {  position: absolute;  top: 50%;  content: '';  width: 20px;  height: 20px;  background: #033b98;  border-radius: 50%;  }  
.btn-11:before {  left: -20px;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  /*     animation: criss-cross-left 0.8s reverse; */  }  
.btn-11:after {  right: -20px;  -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);  /*     animation: criss-cross-right 0.8s reverse; */  }  
.btn-11:hover:before, .btn-11:hover:after {  /*       @include size($btn-width); */  }  
.btn-11:hover:before {  -webkit-animation: criss-cross-left 0.8s both;  animation: criss-cross-left 0.8s both;  }  
.btn-11:hover:after {  -webkit-animation: criss-cross-right 0.8s both;  animation: criss-cross-right 0.8s both;  }
.btn-11:before, .container04 .btn-11:after{ background:#033b98}
.btn-11:hover span{ color: #fff}

@-webkit-keyframes criss-cross-left {  0% {  left: -20px;  }  50% {  left: 50%;  width: 20px;  height: 20px;  }  100% {  left: 50%;  width: 375px;  height: 375px;  }  }  
@keyframes criss-cross-left {  0% {  left: -20px;  }  50% {  left: 50%;  width: 20px;  height: 20px;  }  100% {  left: 50%;  width: 375px;  height: 375px;  }  } 
@-webkit-keyframes criss-cross-right {  0% {  right: -20px;  }  50% {  right: 50%;  width: 20px;  height: 20px;  }  100% {  right: 50%;  width: 375px;  height: 375px;  }  } 
@keyframes criss-cross-right {  0% {  right: -20px;  }  50% {  right: 50%;  width: 20px;  height: 20px;  }  100% {  right: 50%;  width: 375px;  height: 375px;  }  }




.yangban-page .logo-div{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 33;}
.yangban-page .logo-topdiv{ position: absolute; top: 0; height: 0; bottom: 50%; background: #023B98; right: 0; left: 0; transition: all 1s; opacity: 0.8;}
.yangban-page .logo-bottomdiv{ position: absolute;  height: 0; bottom: 0; background:#023B98; right: 0; left: 0; transition: all 1s; opacity: 0.8;}
.yangban-page .logo-div img{ display: block; margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; z-index: 33; transition: all 0.6s; 
opacity: 0;}
.yangban-page li:hover .logo-topdiv,.yangban-page li:hover .logo-bottomdiv{ height: 50%;}
.yangban-page li:hover .logo-div img{ opacity: 1; transition-delay: 0.4s;}


@media (max-width:1800px) {		
	.banner .swiper-container
	-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left: 50px;}
	.header,.banner-navwrap{ padding: 0 50px;}
	.banner-ul li>a{ font-size:	15px;}
	.padding80{ padding:60px 50px;}
	.index-sec4 .sec4-cont{ padding: 0 5vw;}
	.footer-left{ padding-right: 50px; padding-top: 30px; padding-bottom: 30px;}
	.footer-left .div1{ padding-left: 50px;}
	.footer .div2{ max-width: 200px;}
	.about-sec2 .right { padding:3vw ;}	
	.about-sec2 .right .p{ line-height: 36px; font-size: 15px;}
	.about-sec2 .right .p p{ line-height: 36px; font-size: 15px;}
	.about-sec3 .box{ padding: 0 100px;}	
	.page-headerul li{ padding: 0 1vw;}
	.header.on .logo2{left: 50px;}
	.header-right{right: 50px;}
}

@media (max-width:1600px) {		
	.about-sec2 .left img {
	    display: block;
	    max-width: 100%;
	    height: 505px!important;
	}
	.about-sec2 .left{  flex: 0.8;}
	.about-sec2 .right { padding:2vw ;}
	.about-sec3 .box{ padding: 0 50px;}
	.fangan-page li figure span{ width: 60px;	height: 60px; line-height: 60px;}
	.culture-sec4 .swiper-button-next{ right: -10px; bottom: 135px; top: auto;}
	.culture-sec4 .swiper-button-prev, .culture-sec4 .swiper-container-rtl .swiper-button-next{left: -10px; bottom: 135px; top: auto; }
	
	.sale-sec1 li{ height: 120px; line-height: 120px;}
	.newsdetail-sec1{ padding-left: 80px; padding-right: 80px;}
}

@media (max-width:1500px) {		
	.about-sec2 .left img {
	    display: block;
	    max-width: 100%;
	    height: 520px!important;
	}
	.footer .div2{ display: none;}
	.page-headerul{ padding: 0 3vw 0 3vw;}
	.page-headerul li{ padding: 0 0.8vw;}
	.neibox{ padding-left: 30px; padding-right: 30px;}	
	.footer .div5 li{ padding-bottom: 2vw;}
	.detail-page .detail-sec3 ul{ justify-content: space-between;}
	.detail-page .detail-sec3 ul li{ flex: 1; padding: 0 12px;}
	.detail-page .detail-sec3 span{ width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;}
	.detail-page .detail-sec3 img{ margin: 0;}
	.detail-page .detail-sec3 li p{ width: 100%; font-size: 16px;}
}
.detail-page .detail-sec2{
	display: none;
}
@media (max-width:1300px) {		
	.about-sec2 .left img {
	    display: block;
	    max-width: 100%;
	    height: 100%!important;
	}
}
.cword{
	    color: #023b98;
	    font-size: 30px;
	    line-height: 40px;
}