*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ font-family: '微软雅黑',Arial;color: #666666;background-color:#fff;font-size: 62.5%;}
h3,h4,h5,h6,a,span,p{color: #666666;font-family:'微软雅黑',Arial;font-weight: normal;display: block;}
img {width: 100%;object-fit: cover;transition: 0.4s;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;}
.imgbox {overflow: hidden;position: relative;}
:root {
  --dex: #1779dd;
}
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.fl { float: left; }
.fr { float: right; }
input,.form-change select{ -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 

/*background-color: var(--white); */

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}


/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 


/* common */
.i-cont {width: 1320px;margin: auto;}
.more {background-color: #fff;border: 1px solid #fff;color: #333333;font-size: 16px;transition: 0.4s;width: 170px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.more:hover {background-color: transparent;color: #fff;}


/* head */
.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.head { box-sizing: border-box;height: 90px;}
.head .icenter {padding: 0 134px 0 52px;display: flex;justify-content: space-between;align-items: center;}
.head .icenter .logo {display: flex;align-items: center;    z-index: 10;}
.head .icenter .logo  img {  transition: 0s;  width: 60px; margin-right: 10px; filter: grayscale(10) brightness(100);}
.head .icenter .logo  .tips h4{font-size: 22px;color: #fff;margin-bottom: 5px;    line-height: 100%;}
.head .icenter .logo  .tips h5{font-size: 12px;color: #fff;}
.head .icenter .right {display: flex;justify-content: space-between;align-items: center;width: 73.6%;}
.head .icenter .right ul {display: flex;align-items: center;justify-content: space-between;}
.head .icenter .right ul li a{height: 90px; line-height: 90px; color: #fff; font-size: 17px; padding: 0 52px;position: relative;}
.head .icenter .right ul li a::before {    display: none; position: absolute; content: ""; left: 0px; bottom: -1px; width: 100%; height: 3px; background-color: var(--dex);}
.head .icenter .right ul li:hover a::before {display: block;}
.head .icenter .right .op {display: flex;align-items: center;}
.head .icenter .right .op img {    transition: 0s;    width: 17px; filter: grayscale(10) brightness(4); margin-right: 8px;}
.head .icenter .right .op a {font-size: 14px;color: #ffff;position: relative;}
.head .icenter .right .op a:hover {color: var(--dex)!important;}
.head .icenter .right .op a:nth-of-type(1){margin-right: 26px;}
.head .icenter .right .op a:nth-of-type(1)::after {    position: absolute; content: ""; top: 11px; transform: translateY(-50%); height: 13px; width: 1px; background-color: #fff; left: 41px;}
.head .icenter .nav {     z-index: 10; border-left: 1px solid rgba(255, 255, 255, 0.3); position: absolute;right: 0px;top: 0px; cursor: pointer; width: 96px;height: 90px;display: flex;justify-content: center;align-items: center;}
.head .icenter .nav span {width: 36px;height: 2px;background-color: #fff;position: relative;}
.head .icenter .nav span::after {position: absolute; content: ""; top: -10px; left: 0px; width: 100%; height: 100%; background-color: #fff;}
.head .icenter .nav span::before {position: absolute;content: "";top: 10px;left: 0px;width: 100%;height: 100%;background-color: #fff;}

.head .icenter .nav.on span::before { transform: rotate(-90deg);top: 0px; background-color: #fff!important;}
.head .icenter .nav.on span { transform: rotate(45deg); }
.head .icenter .nav.on span::after {display: none;}
.head .icenter .nav.on {background-color: var(--dex);}
.head .icenter .nav.on span {background-color: #fff!important;}
.head .icenter .logo.on img{filter: none!important;}
.head .icenter .logo.on .tips h5 ,.head .icenter .logo.on .tips h4{color: #666!important;}

.navbar { position: absolute; right: 0px; height: calc(100vh - 90px); top: 90px; border-left: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;     width: 96px;}
.navbar .nav {display: none;}
.navbar .tool {margin-top: 52px;display: flex;flex-direction: column;width: 100%;justify-content: center;align-items: center;}
.navbar .tool a:nth-of-type(1) {margin-bottom: 18px;}
.navbar .tool a{width: 38px; height: 38px; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: 17px; display: flex; justify-content: center; align-items: center;}
.navbar .tool a:hover {background-color: #fff;color: #333;}
.navbar .tool a img{position: absolute;height: 100px;width: auto;top: 0;right: 38px;display: none;}
.navbar .tool a:hover img{display: block;}
.navbar .scroll {    position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);cursor: pointer;}
.navbar .scroll span {position: absolute; font-size: 14px; color: #fff; top: -91px; left: 14px; transform: translateX(-50%) rotate(90deg); white-space: nowrap;}
.navbar .scroll img {    width: 24px; }

.div1:hover,.div2 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1:hover .head .icenter .logo ,.div2 .head .icenter .logo {filter: none;}
.div1:hover .head .icenter .right ul li a ,.div2 .head .icenter .right ul li a{color: #333;}
.div1:hover .head .icenter .op a ,.div2 .head .icenter .op a {color: #666;}
/* .div1:hover .head .icenter .right .tools a:nth-of-type(2),.div2 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1:hover .head .icenter .right .tools .lang img,.div2 .head .icenter .right .tools .lang img{filter: invert();} */
/* .head .icenter .right ul li a:hover {color: var(--dex);} */
.div1:hover .head .icenter .logo img,.div2 .head .icenter .logo img {filter: none;}
.head .icenter .right ul li a:hover {color: var(--dex)!important}
.div1:hover .head .icenter .logo .tips h4 , .div2 .head .icenter .logo .tips h4 {color: #333;}
.div1:hover .head .icenter .logo .tips h5 ,.div2  .head .icenter .logo .tips h5 {color: #333;}
.div1:hover .head .icenter .right .op a:nth-of-type(1)::after ,.div2 .head .icenter .right .op a:nth-of-type(1)::after {background-color:#666}
.div1:hover .head .icenter .right .op img ,.div2 .head .icenter .right .op img {filter: none;}

.div1:hover .head .icenter .nav, .div2 .head .icenter .nav{ border-left: 1px solid rgba(0, 0, 0, 0.1);}
.div1:hover .head .icenter .nav span , .div1:hover .head .icenter .nav span::after , .div1:hover .head .icenter .nav span::before ,.div2 .head .icenter .nav span ,.div2 .head .icenter .nav span::after, .div2 .head .icenter .nav span::before{background-color: #333;}
.div2  {animation: top-b 0.4s linear;}

@keyframes top-b { 
  0%{
    transform: translateY(-90px);
  }
  100%{
    transform: translateY(0px);
  }
}



/* sub_nav */
.head .icenter .right ul li {position: relative;}
.head .icenter .right ul li .sub_nav {     height: 450px;    width: 100%; display: none; position: absolute; top: 90px; left: 0px; padding: 20px 0;} 
.head .icenter .right ul li:hover .sub_nav {background-color: rgb(240, 240, 240);}
.head .icenter .right ul:hover li .sub_nav {display: block;} 
.head .icenter .right ul li .sub_nav a {  font-size: 16px;  margin: 0px; height: auto; line-height: inherit; text-align: center; color: #666; padding: 10px 0;position: relative;}
.head .icenter .right ul li  .sub_nav a:hover{color: var(--dex);}
.head .icenter .right ul::before {     display: none; content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 450px; background: #f5f5f5; z-index: 0; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1); box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);} 
.head .icenter .right ul:hover::before {display: block;}
/* .head .icenter .right ul:hover .sub_nav a::before {display: none;} */
.head .icenter .right ul li .sub_nav a::before{    content: '';
    display: inline-block;
    width: 3px;
    height: 14px;
    background-color: #1f9afd;
    position: absolute;
    top: 14px;
    left: 10px;
    opacity: 0;}
.head .icenter .right ul li .sub_nav a:hover:before{opacity: 1;}
.head .icenter .right ul li .sub_nav a i{opacity: 0;transition: all .6s;color: #1f9afd;position: absolute;
    right: 10px;
    top: 13px;}
.head .icenter .right ul li .sub_nav a:hover i{opacity: 1;}

.div1 .menuDown {display: none; position: absolute; left: 0; top: 0; width: 100%; padding: 100px 0 100px; background: #f5f5f5 url(/style/img/all_nav_bg_02.png) no-repeat 90% bottom; height: auto;background-size: 100%;
  -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);
  box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);
}
.div1 .menuDown .menu_wrap .menubox {
  float: left;
  width: 20%;
  height: 480px;
  text-align: center;
  padding: 15px 0;
  box-sizing: border-box;
}
.div1 .menuDown .menu_wrap .menubox h2 {
  position: relative;
  font-size: 26px;
  height: 90px;
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
.div1 .menuDown .menu_wrap .menubox h2 p {
  display: table-cell;
  vertical-align: middle;color:#333;
}
.div1 .menuDown .menu_wrap .menubox h2:after {
  position: absolute;
  display: block;
  content: "";
  width: 24px;
  height: 2px;
  background: #000;
  bottom: 0;
  left: 50%;
  margin-left: -12px;
}
.div1 .menuDown .menu_wrap .menubox ul li {
  margin-bottom: 10px;
}
.div1 .menuDown .menu_wrap .menubox ul li a {
  font-size: 17px;
  color: #333;
}
.div1 .menuDown .menu_wrap .menubox ul li:hover a {
  color: var(--dex);
}
.div1 .menuDown .menu_wrap>div {
  border-right: 1px solid #c4c4c4;
}

.div1 .menuDown .menu_wrap>div:last-child {
  border-right: 0;
}

/* banner */
.videoIcon{    position: absolute; left: 3.4vw; bottom: 40px; display: flex; align-items: center; z-index: 3; cursor: pointer;}
.videoIcon .videoIcon1{ position: relative; display: flex; align-items: center; justify-content: center;}
.videoIcon .videoIcon1 .videoIcon11{ position: absolute; left: 0; top: 0; animation: xunzhuan  infinite 5s linear;}
.videoIcon .hide_video {display: none;}

.index_banner {position: relative; height: 100vh; overflow: hidden;}
.index_banner .indexSwiper {height: 100%;}
.index_banner .box {position: relative;    height: 100%;}
.index_banner .box img {height: 100%;}
.index_banner .box .text {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.index_banner .box .text h4 {font-size: 30px;color: #fff;position: relative;}
.index_banner .box .text h4::before {position: absolute;content: "";top: 50%;transform: translateY(-50%);left: -97px;width: 68px;height: 1px;background-color: #fff;}
.index_banner .box .text h4::after {position: absolute;content: "";top: 50%;transform: translateY(-50%);right: -97px;width: 68px;height: 1px;background-color: #fff;}
.index_banner .box .text h3 {        font-size: 48px; font-weight: bold; margin: 20px 0 40px; color: #fff;}

.index_banner .op {position: absolute;left: 50%;transform: translate(-50%);bottom: 9%;display: flex;align-items: center;    z-index: 1;}
.index_banner .op .fa {   background-image: none; padding: 0px; margin: 0px; width: auto; position: unset; font-size: 26px; color: #fff; height: 18px; line-height: 18px;}
.index_banner .op .indexSwiper-pagination {margin: 0 22px; display: flex; position: relative; top: 1px;}
.index_banner .op .swiper-pagination-bullet { margin: 0 11px; width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: transparent; border: 1px solid #fff; }
.index_banner .op  .swiper-pagination-bullet-active { opacity: 1; background: #fff; }


@keyframes xunzhuan{
  0%{ transform: rotate(0deg); }
  100%{transform: rotate(360deg);}
}
.videoIcon .videoIcon2{ display: flex; flex-direction: column; color:#fff; padding-left: 10px; text-transform: uppercase; }
.videoIcon .videoIcon2 .videoIcon21{ font-size: 16px; }
.videoIcon .videoIcon2 .videoIcon22{ font-size: 14px; }
.videoIcon .hide_video {display: none;}

.vi_box {     top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: 100%;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width: 70%; height: 86%;}
.vi_box .box  .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}




/* footer */
footer {padding-top: 75px; background-color: #293c52;background-size: cover;background-image: url(../img/footer-bg.png);}
footer .fo01 {display: flex; justify-content: space-between; padding-bottom: 95px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
footer .fo01 dl {width: 74%; justify-content: space-between; display: flex;}
footer .fo01 dl dd {width: 260px;}
footer .fo01 dl dd:nth-of-type(1){width: 160px;}
footer .fo01 dl dd:nth-of-type(2){width: 266px;}
footer .fo01 dl dd:nth-of-type(3){width: 119px;}
footer .fo01 dl dd:nth-of-type(4){width: 118px;}
footer .fo01 dl dd:nth-of-type(5){width: 118px;}
footer .fo01 dl dd:nth-of-type(3) .min a ,footer .fo01 dl dd:nth-of-type(4) .min a {width: 100%;}
footer .fo01 dl dd h3 a{font-size: 18px;color: #ffff;}
footer .fo01 dl dd h3 {padding-bottom: 14px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin-bottom: 10px;}
footer .fo01 dl dd .min  {display: flex;flex-flow: wrap;}
footer .fo01 dl dd .min a {    font-size: 14px; margin-bottom: 10px; width: 50%; opacity: 0.6; color: #fff;}
footer .fo01 dl dd .min a:hover {opacity: 1;}
footer .fo01 .text {}
footer .fo01 .text h3 {font-size: 14px;color: #fff;margin-bottom: 5px;    text-align: right;}
footer .fo01 .text h4 {font-size: 30px;font-family: arial;font-weight: bold;margin-bottom: 21px;color: #fff;    text-align: right;}
footer .fo01 .text span {font-size: 14px;color: #fff;margin-bottom: 5px;    text-align: right;}
footer .fo01 .text h5 {font-size: 17px;color: #fff;margin-bottom: 25px;    text-align: right;}
footer .fo01 .text h6 {font-size: 14px;color: #fff;margin-bottom: 0;    text-align: right;}
footer .fo01 .text .share {    display: -webkit-flex;    display: flex;    -webkit-justify-content: space-between;    justify-content: space-between;    align-items: center;    -webkit-align-items: center;}
footer .fo01 .text .share img{display: block;width: auto;height: 90px;}
footer .fo01 .text .share a {width: 38px;height: 38px;border-radius: 50%;border: 1px solid #ffff;font-size: 14px;display: flex;justify-content: center;align-items: center;color: #fff}
footer .fo01 .text .share a:nth-of-type(1) {margin-right: 5px;}
footer .fo02 {display: flex;justify-content: space-between;align-items: center;padding: 30px 0;}
footer .fo02  .le {display: flex;align-items: center;}
footer .fo02  .le span {font-size: 14px;color: #fff; opacity: 0.5;  position: relative;margin-right: 24px;}
/*footer .fo02  .le span::after {    position: absolute; content: ""; right: -13px; height: 14px; width: 2px; background-color: rgba(255, 255, 255, 0.5); top: 4px;}*/
footer .fo02  .le a {font-size: 14px;color: #aaa;opacity: 1;     margin: 0 10px;}
footer .fo02  .se {    font-size: 12px; opacity: 0.3;color: #fff;}
footer .fo01 .text .share a:hover { background-color: #fff; color: #333; }



/* rightCb */
.rightCb{ width:70px; position: fixed; right:0; top: 30%; display: none; flex-direction: column; z-index: 88888;}
.rightCb .rightCb1{ width:70px; margin-bottom: 5px; cursor:pointer;}
.rightCb .rightCb1 .rightCbImg{ width:70px; height:70px; display: flex; flex-direction: column; justify-content: center; align-items: center;  background: var(--dex); border-radius: 5px; overflow: hidden; position: relative;}
.rightCb .rightCb1 .rightCbImg img {width: 32px;margin: 0 auto;}
.rightCb .rightCb1 .rightCbImg span {color: #fff;font-size: 12px;margin-top: 1px;}
.rightCb .rightCb1 .rightCbImg:before{ content:""; position:absolute; display:inline-block; width:100%; height:100%; opacity:0; background:#000; left:0; top:0;}
.rightCb .rightCb1 .rightCbImg.on{width:80; transform:translateX(-10px); transition: all ease 1.5;}
.rightCb .rightCb1 .rightCbMenu{ position: absolute; right:80px; top: 0; padding:0 15px 0 0; background: url(../images/cbl18.png) no-repeat calc( 100% - 10px) 30px; display: none; flex-direction: column; }
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox{ width: 355px; background: #fff; border-radius:5px; display:flex; flex-direction: column; padding:0 30px; box-shadow: rgba(21,106,169,0.3) 0 0 10px;  }
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu1{ width:100%; display: flex; align-items: center; justify-content: space-between; height: 80px; }
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu1 img{width: 56px;}
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu1 .closeCbl {width: 20px;}
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2{ width:100%; display: flex; flex-direction: column; font-size: 14px; line-height: 26px; }
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2 li{ border-top:#e8e8e8 solid 1px; padding:30px 0; }
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2 p{ padding-left: 20px;     display: flex;}
.rightCb  .address {transition: 0.4s;left: 0px;}
.rightCb  .address.on {left: -15px;;position: relative;transition: 0.4s;}



/* message_bg */
.message_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none;  z-index:99999;}

.message_bg .box{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.message_bg .message{ background:#fff; width:450px; padding:35px;}
.message_bg .message .message_title{ display:flex; align-items:center; font-size:20px; color:#333; justify-content:space-between; border-bottom:1px solid #dcdcdc; padding-bottom:13px;}
.message_bg .message .message_title .message_close{ cursor:pointer; font-size:20px; color:#999;}
.message_bg .message .message_txt{ margin-top:22px;}
.message_bg .message .message_txt .message_txt_list{ height:45px; border:1px solid #dcdcdc; width:100%; display:flex; align-items:center; padding:0px 15px; font-size:16px; color:#333; margin-bottom:15px;}
.message_bg .message .message_txt textarea{ width:100%; height:150px; border:1px solid #dcdcdc; padding:8px; font-size:15px; color:#333; line-height:24px; font-family:"思源黑体"; resize:none;}
.message_bg .message .message_txt input[type="submit"]{ width:100%; height:45px; display:flex; align-items:center; justify-content: center; background:#035fa3; color:#fff; font-size:16px; cursor:pointer; margin-top:15px;}
/* .message_bg .message .message_txt .control-group{ display:flex; align-items:center; height:45px; border:1px solid #dcdcdc; width:100%; display:flex; align-items:center; font-size:16px; color:#333; margin-top:15px; justify-content:space-between;}
.message_bg .message .message_txt .control-group img{ cursor:pointer; max-height:43px;}
.message_bg .message .message_txt .control-group input{ padding:0px 15px; font-size:15px; color:#333; width:50%;} */


/* index01 */
.jiyi_top {display: flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom: 60px;position: relative;}
.jiyi_top .wen {     font-size: 100px; font-family: 'Times New Roman'; color: #ededed; text-align: center; position: absolute; top: -58px; left: 50%; transform: translateX(-50%); z-index: -1; line-height: 92px; font-weight: bold;}
.jiyi_top h3 {font-size: 40px;color: #333333;font-weight: bold;margin-bottom: 20px;text-align: center;}
.jiyi_top h4 {font-size: 18px;color: #333333;text-align: center;position: relative;}
.jiyi_top h4::after {position: absolute;content: "";width: 45px;height: 2px;background-color: #2388f0;left: 50%;transform:translateX(-50%);bottom: -30px;}
.index01 {padding: 80px 0 100px;position: relative;overflow: hidden;background: url(../img/bg_catalog.png);    background-size: cover;}
.index01 .content {display: flex;justify-content: space-between;align-items: center;}
.index01 .content .left {width: 12.7%;position: relative;}
.index01 .content .left::after {position: absolute; content: ""; right: 10px; height: 100%; width: 1px; background-color: #cccccc; top: 0px;}
.index01 .content .left a {    display: flex; justify-content: space-between; align-items: center; margin: 34px 0;z-index: 1; position: relative;}
.index01 .content .left a:hover span {color: var(--dex);transform: scale(1.15);}
.index01 .content .left a:hover i::before {background-color: var(--dex);}
.index01 .content .left a span {width: 131px;font-size: 16px;color: #888888;text-align: right;    font-weight: bold;transition: all .4s;}
.index01 .content .left a i {position: relative;display: block;width: 23px;height: 23px;background-color: #f7f7f7;border-radius: 50%; }
.index01 .content .left a i::after {position: absolute;content: "";width: 18px;height: 18px;border: 1px solid #b0b0b0;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
.index01 .content .left a i::before {position: absolute;content: "";border-radius: 50%;background-color: #b0b0b0;width: 9px;height: 9px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index01 .content .left a.active span {color: var(--dex);}
.index01 .content .left a.active i::before {background-color: var(--dex);}
.index01 .content .right {width: 1120px;height: 620px;}
.index01 .content .right a {width: 272.5px;height: 200px;    position: relative;overflow: hidden;}
.index01 .content .right a::before {display: none; z-index: 3; content: ""; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(46, 122, 203 ,0.6);}
.index01 .content .right a:hover::before {display: block;}
.index01 .content .right .top {display: flex;justify-content: space-between;margin-bottom: 10px;}
.index01 .content .right .top .le {width: 837.5px;}
.index01 .content .right .top .le .le_t {display: flex;justify-content: space-between;margin-bottom: 10px;}
.index01 .content .right .top .le .le_b {display: flex;justify-content: space-between;}
.index01 .content .right .top .le .le_t  a:nth-of-type(1){width: 555px;}
.index01 .content .right .top .le .le_t  a:nth-of-type(2){width: 272.5px;}
.index01 .content .right .top .ri a{width: 272.5px;height: 410px;}
.index01 .content .right a img{height: 100%;}
.index01 .content .right .bot {display: flex;justify-content: space-between;}
.index01 .content .right a .cc {z-index: 4; position: absolute; bottom: 24px; left: 24px; display: flex; justify-content: space-between; align-items: center; width: 88%;}
.index01 .content .right a .cc .text{}
.index01 .content .right a .cc .text h4 {font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 3px;}
.index01 .content .right a .cc .text h5 {font-size: 16px;color: #ffffff;}
.index01 .content .right a .cc .icon { width: 28px;height: 28px;border-radius: 50%;border: 1px  solid #fff;color: #fff;font-size: 24px;display: none;justify-content: center;align-items: center;}
.index01 .content .right a:hover .cc .icon {display: flex;}
.index01 .content .right a:hover img{transform: scale(1.1);}



 
input, button, select, textarea {outline: none;}
.searchbanner{ display: block;overflow: hidden;width: 100%;margin: 0 auto 0;position: relative;    max-height: 500px;}
.searchbanner p{ display: block;text-align: center;color: #fff;font-size: 40px;line-height: 1em;margin-bottom: 20px;}
.searchbanner form{ display: block;width: 50%;margin: 0 auto;overflow: hidden;position: relative;}
.searchbanner form .search-field{    display: block;    width: 100%;    border: 0;    background: #eee;    height: 40px;    text-indent: 1em;    font-size: 16px;    color: #333;}
.searchbanner form .btn{ cursor:pointer; position: absolute;width: 40px;height: 40px;background: #00a0e9;top: 0;right: 0;border: 0;line-height: 40px;text-align: center;display: block;color: #fff;}
.searchbanner form .btn .fa{ color: #fff; font-size: 16px;}
.searchbanner dl{ position: absolute;width: 80%;top: 50%;left: 10%;z-index: 3;}
.searchbanner img{ display: block;width: 100%}
.searchbanner::after { content: "";    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.5);    z-index: 1;}
.searchlist-titile{}
.searchlist-titile .page-title,.nott{ text-align: center;color: #fff;font-size: 16px;margin-top: 20px;}
.searchlist-titile .page-title span{ color: #f00;}

.searchclist{display: block;overflow: hidden;min-height:500px;}

.piclist{ display: block;overflow: hidden; margin: 0 auto 100px; }
.piclist h4{ display: block;color: #000;font-size: 26px;font-weight: 100;border-bottom: 1px solid #eee;margin-bottom: 30px;}
.piclist dl{}
.piclist dl a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.piclist dl a p{ display: block;overflow: hidden;width: 8%;    border: 1px solid #eee;}
.piclist dl a p img{display: block; width:auto;     margin: 0 auto; max-width: 100%;}
.piclist dl a dt{display: block;overflow: hidden;width: 88%;}
.piclist dl a dt strong{ display: block;color: #333;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.piclist dl a:hover dt strong,.pdflist dl a:hover strong{color:#f00;}
.piclist dl a dt font{ font-size: 14px;color:#666;   font-family: Montserrat-Bold;}
  




/* index02 */
.index02 {position: relative;padding: 110px 0;overflow: hidden;background: url(../img/i2_bg.jpg);background-size: cover;}
.index02::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(48, 72, 98, 0.8); position: absolute; left: 0; top: 0;}
.index02 .i-cont {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.index02 .left {position: relative;font-size: 32px;font-weight: bold;color: #fff;}
.index02 .left .wen {position: absolute; left: 0px; top: 50%; font-size: 100px; font-family: 'Times New Roman'; transform: translateY(-50%); color: rgba(237, 237, 237,0.1); font-weight: bold;}
.index02 .right {display: flex;align-items: center;}
.index02 .right .info {margin-right: 28px;}
.index02 .right .info h4 {display: flex;justify-content: center;margin-bottom: 4px;align-items: center;}
.index02 .right .info h4 img {    width: 28px; margin-right: 12px; height: auto; object-fit: contain;}
.index02 .right .info h4 a { width: fit-content;height: fit-content;   white-space: nowrap; font-size: 30px;font-family: arial;font-weight: bold;color: #fff;}
.index02 .right .info h5 {font-size: 14px;color: #fff;opacity: 0.66;}
.index02 .right .more {width: 241px;height: 53px;}



/* index03 */
.index03 {padding-top: 75px;position: relative;overflow: hidden;}
.index03  .jiyi_top .wen { top: -20px;}
.index03 .content {display: flex;justify-content: space-between;height: 740px;position: relative;}
.index03 .content .i-cont {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    z-index: 1;}
.index03 .content .i-cont .t {margin-bottom: 60px;}
.index03 .content .i-cont .t  h4 {font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 22px;}
.index03 .content .i-cont .t p {font-size: 16px;color: #fff;line-height: 30px;margin-bottom: 32px;    width: 412px;}
.more2 {background-color: transparent;color: #fff; width: 170px;height: 46px;}
.more2:hover {background-color: #fff;color: #333;}
.index03 .content .i-cont dl {display: flex;}
.index03 .content .i-cont dl dd {padding: 30px 44px;width: 286px;background-color:#308bea;}
.index03 .content .i-cont dl dd:nth-of-type(2){position: relative;}
.index03 .content .i-cont dl dd:nth-of-type(2)::before {position: absolute;content: "";left: 0px;height: 100%;width: 1px;background-color: #c5c5c5;    top: 0px;}
.index03 .content .i-cont dl dd:nth-of-type(2)::after{position: absolute;content: "";right: 0px;height: 100%;width: 1px;background-color: #c5c5c5;    top: 0px;}
.index03 .content .i-cont dl dd img{width: 40px;margin-bottom: 20px;}
.index03 .content .i-cont dl dd h4{font-size: 16px;color: #fff;margin-bottom: 5px;}
.index03 .content .i-cont dl dd h4 strong{font-size: 53px;font-family: arial;font-weight: bold;margin-right: 12px;}
.index03 .content .i-cont dl dd h5{font-size: 16px;color: #fff;}
.index03 .content .left {width: 39%;background-color: #1f2022;height: 100%;}
.index03 .content .right {width: 61%;position: relative;overflow: hidden;height: 100%;}
.index03 .content .right img {height: 100%;}





/* index04 */
.index04{padding: 105px 0 80px; border-top: 1px solid #ddd;overflow: hidden;position: relative;}
.index04 .bg {position: absolute;width: 100%;height: 73%;left: 0px;bottom: 0px;}
.index04 .bg img {height: 100%; width: 100%; object-fit: contain;opacity: 0.5;}
.index04 .top{width: 100%;box-sizing: border-box;margin-bottom: 30px;}
.index04 .top .title{margin-bottom: 15px;}
.index04 .top span{font-size: 13px;color: #666666;display: block;}
.index04 .min02{width: 100%;box-sizing: border-box;margin: auto;position: relative;}
.index04 .min02 .left{width: 60%;float: left;box-sizing: border-box;padding-right: 140px;position: relative;display: block;}
.index04 .min02 .left .imgbox{width: 100%;z-index: 2;}
.index04 .min02 .left::before {position: absolute; content: ""; width: 80%; height: 100%; border: 1px solid #dddddd; right: 112px; bottom: -30px;}
.index04 .min02 .left:hover img{transform: scale(1.1);}
.index04 .min02 .left:after{content: '';display: none;width: 75%;height: 100%;border: 1px solid #dddddd;position: absolute;top: 30px;right: 110px;z-index: 0;} 
.index04 .min02 .left .text{    width: 61%; box-sizing: border-box; background-color: rgba(34,34,34,0.8); padding: 40px 120px 40px 40px; position: absolute; right: 140px; top: 50%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.index04 .min02 .left .text h3{font-size: 22px;color: #fff;margin-bottom: 20px;font-weight: bold;}
.index04 .min02 .left .text h4{font-size: 14px;color: #fff;line-height: 21px;opacity:0.75;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
.index04 .min02 .left .text h5{background-color: #1779dd;width: 150px;height: 150px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -75px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);}
.index04 .min02 .left .text h5:after{content: '';display: block;width: 170px;height: 170px;border-radius: 50%;border: 1px solid #fff;left: -12px;top: -12px;position: absolute;}
.index04 .min02 .left .text h5 p{display: block;color: #fff;font-size: 50px;font-weight: bold;}
.index04 .min02 .left .text span{font-size: 16px;display: inline-block;color: #fff;margin-top: 10px;}

.index04 .min02 .right{width: 40%;position: absolute;height: 100%;right: 0;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;top: 0;}
.index04 .min02 .right a{display: block;width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.index04 .min02 .right a .text{width: 56%;}
.index04 .min02 .right a .text h3{font-size: 16px; color: #222222; line-height: 24px; font-weight: bold;}
.index04 .min02 .right a:hover .text h3{color: #1779dd;}
.index04 .min02 .right a .img{width: 35%;overflow: hidden;}
.index04 .min02 .right a:hover .img img{transform: scale(1.1);}
.index04 .min02 .right a .text .font{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;flex-flow: row;-webkit-flex-flow: row;margin-top: 20px;}
.index04 .min02 .right a .text .font h3{font-size: 14px;color: #666666;}
.index04 .min02 .right a .text .font p{display: block;width: 70px;height: 25px;background-color: #cccccc;color: #ffffff;font-size: 12px;border-radius: 5px;line-height: 25px;text-align: center;}
.index04 .min02 .right a:hover .text .font p{background-color: #1779dd;}

.index04 .bot {display: flex;justify-content: center;align-items: center;margin-top: 70px;z-index: 1; position: relative;}
.index04 .bot a {color: #333;border: 1px solid #333;}
.index04 .bot a:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);}


/* honest */
.inner_banner {position: relative;overflow: hidden;}
.inner_banner::after {content: ""; display: inline-block; width: 100%; height: 100%; background: linear-gradient(to right,rgb(62 69 93 / 80%) ,rgba(144, 135, 137,0.2)); position: absolute; left: 0; top: 0; }
.inner_banner .text {position: absolute;left: 50%;top: 56%;transform: translate(-50%,-50%);    z-index: 1;}
.inner_banner .text h4 {font-size: 44px;font-weight: bold;margin-bottom: 15px;color: #fff;}
.inner_banner .text h5 {font-size: 20px;color: #fff;font-weight: bold;}
.inner_banner .text h6 {position: absolute;left: 0px;top: -33px;font-family: arial;font-weight: bold;color: rgba(255,255,255,0.3);font-size: 103px;}

.hst {padding: 100px 0 ;position: relative;overflow: hidden;}
.hst .top {background: url(/style/img/hst_bg.png);background-size: cover;position: relative;overflow: hidden;padding: 100px 90px;margin-bottom: 90px;}
.hst .top .text {position: relative;font-size: 20px;color: #fff;width: 686px;line-height: 38px;}
.hst .bot {padding-top: 68px;border-top: 1px solid #cccccc;}
.hst .bot .content {margin-bottom: 62px;}
.hst .bot .content:last-child {margin-bottom: 0px;}
.hst .bot .content span {font-size: 22px;color: #111111;margin-bottom: 19px;}
.hst .bot .content p {font-size: 18px;color: #555555;line-height: 36px;}

/* con */
.con {padding-top: 80px;position: relative;overflow: hidden;}
.con dl {display: flex;flex-flow: wrap;    margin-bottom: 42px;}
.con dl dd {    width: 49%; margin-right: 2%; margin-bottom: 2%; position: relative; border-radius: 12px; overflow: hidden; padding: 55px 58px;}
.con dl dd:nth-of-type(2n){margin-right: 0px;}
.con dl dd .imgbox::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(79, 88, 100, 0.8); position: absolute; left: 0; top: 0; }
.con dl dd:hover .imgbox::after {background-color: rgba(53, 83, 118, 0.86);}
.con dl dd:hover .imgbox img {transform: scale(1.1);}
.con dl dd .imgbox {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
.con dl dd .imgbox img {height: 100%;}
.con dl dd .content {z-index: 1; position: relative;}
.con dl dd .content .title {margin-bottom: 28px;}
.con dl dd .content .title h4 {font-size: 28px;font-weight: bold;color: #fff;margin-bottom: 13px;}
.con dl dd .content .title h5 {font-size: 17px;color: #fff;}
.con dl dd .content p {padding-top: 20px;border-top: 1px solid #ccc;font-size: 16px;line-height: 30px;color: #fff;}

/* baiduAPI */
#dituContent_x{width: 100%;margin: auto;height: 403px;} 
.iw_poi_title {color: rgb(79, 138, 240);font-size: 15px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap}
.iw_poi_content {font: 13px arial, sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word}
#dituContent_x img {width: auto;}
.con .bot {margin-top: 90px; padding-bottom: 65px; position: relative; overflow: hidden; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.con .bot .bg {    position: absolute; width: 100%; bottom: 30px; z-index: -1;}
.con .bot h4 {font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 26px;}
.con .bot form {width: 753px;}
.con .bot form  .label span input { width: 100%; height: 37px;    border: none; outline: none; display: block; text-indent: 1em; font-size: 14px; line-height: 40px; margin: 0; background-color: #fff; }
.con .bot form  .label img { display: block; border-right: 1px solid #ccc; padding-right: 10px;    width: auto; }
.con .bot form  .label span { display: block; overflow: hidden; position: relative; width: calc(100% - 25px); }
.con .bot form .label {    border: 1px solid #ccc; width: 100%;position: relative;    margin-bottom: 22px; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; padding: 0 15px; background-color: #fff; }
.con .bot form .textarea { width: 100%; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; border: 1px solid #ccc; margin-bottom: 25px; box-sizing: border-box; padding: 0 15px; align-items: flex-start; -webkit-align-items: flex-start; padding: 15px; background: #fff; }
.con .bot form button {   border: 1px solid var(--dex); margin: auto; margin-top: 30px; border-radius: 7px; cursor: pointer; background-color: var(--dex); color: #fff; height: 44px; width: 167px;}
.con .bot form button:hover {background-color: transparent; color: var(--dex);}
.con .bot form .textarea img {     width: auto; display: block; border-right: 1px solid #ccc; padding-right: 10px; }
.con .bot form .textarea span { display: block; overflow: hidden; position: relative; width: calc(100% - 25px); height: 104px;}
.con .bot form .textarea span textarea { display: block; width: calc(100% - 25px); outline: none; font-size: 14px; color: #666666; border: none; box-sizing: border-box; background-color: transparent; height: 100px; resize: none; text-indent: 1em; line-height: 21px; }


/* join */
.join_top h4{font-size: 12px;color: #666666;margin-bottom: 13px;}
.join_top h5{font-size: 36px;font-weight: bold;color: #333333;}
.join01 {padding: 80px 0 100px; position: relative; overflow: hidden;}
.join01 dl {position: relative;margin-top: 47px;display: flex;justify-content: space-between;}
.join01 dl dd:hover .imgbox  img{transform: scale(1.1);}
.join01 dl dd {width: 32%;}
.join01 dl dd .bot {padding: 25px 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.join01 dl dd .bot h4 {font-size: 22px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.join01 dl dd .bot h5 {font-size: 16px;color: #333333;}
.join01 dl dd:hover {background-color: #fff;box-shadow: 0 0 10px #ddd;}
.join02 {padding: 100px 0 ;position: relative;overflow: hidden;background-color: #f2f5f7;}
.join02 .i-cont {justify-content: space-between;display: flex;align-items: center;}
.join02 .left {width: 47%;}
.join02 .left p {font-size: 16px;color: #666666;line-height: 34px;margin-top: 28px;}
.join02 dl {width: 46%;}
.join02 dl dd {display: flex;align-items: center;margin-bottom: 38px;} 
.join02 dl dd:last-child {margin-bottom: 0px;}
.join02 dl dd  .icon {width: 57px;height: 57px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: #d1e3f6;margin-right: 26px;}
.join02 dl dd  .icon img {width: 28px;}
.join02 dl dd .text h4{font-size: 20px;font-weight: bold;color: #333333;margin-bottom: 8px;}
.join02 dl dd .text h5{font-size: 16px;color: #666666;}


.join03 {padding: 100px 0 0;position: relative;overflow: hidden;}
.join03  .join_top {margin-bottom: 42px;}
.join03 dd {background-color: #fff;}
.join03 dd .title {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #dddddd;     cursor: pointer;   padding: 23px 0;}
.join03 dd:last-child {border-bottom: 1px solid #ddd;} 
.join03 dd .title .le h4 {font-size: 21px;color: #333333;font-weight: bold;}
.join03 dd .title .ri {width: 22px;height: 22px;border-radius: 50%;background-color: #1779dd;display: flex;justify-content: center;align-items: center;}
.join03 dd .title .ri .jian{display: none;}
.join03 dd .title .ri i {font-size: 16px;color: #fff;}
.join03 dd .content {display: none;padding: 40px 0;position: relative;border-top: 1px solid #dddddd;}
.join03 dd .content::after {position: absolute;left: 160px;content: "";height: 86%;width: 1px;top: 50%;transform: translateY(-50%);background-color: #ddd;}
.join03 dd .content .text {margin-bottom: 55px;display: flex;    z-index: 1; position: relative;}
.join03 dd .content .text:last-child {margin-bottom: 0px;}
.join03 dd .content .text h5 {font-size: 18px;font-weight: bold;color: #222222;width: 160px;    position: relative;}
.join03 dd .content .text h5::after {    position: absolute; right: -1px; content: ""; height: 22px; width: 2px; background-color: #0550cd; top: 3px;}
.join03 dd .content .text p {padding-left: 68px; font-size: 16px;line-height: 35px;color: #666666;}
.join03 dd .title:hover .le h4,.join03 .active .title .le h4{color:#1779dd;}


.join04 {position: relative;overflow: hidden;padding: 130px 0;}
.join04::before {    position: absolute; width: 100%; height: 70%; background-color: #f2f5f7; content: ""; bottom: 0px; left: 0px;}
.join04 .i-cont {display: flex;justify-content: space-between;align-items: center;}
.join04 .i-cont .imgbox {width: 37.5%;    z-index: 1;}
.join04 .i-cont .imgbox:hover img {transform: scale(1.1);}
.join04  .text {width: 57%;position: relative;}
.join04  .text::after {     content: ""; position: absolute; top: 50%; right: 0px; width: 140%; height: 172%; background-color: #fff; box-shadow: 0 0 10px #ddd; transform: translateY(-50%);}
.join04  .text h4 {font-size: 20px;color: #1779dd;font-weight: bold;margin-bottom: 14px;    z-index: 1; position: relative;}
.join04  .text h5 {font-size: 16px;font-weight: bold;color: #333333;line-height: 30px;margin-bottom: 37px;    z-index: 1; position: relative;}
.join04  .text ul {    z-index: 1; position: relative;}
.join04  .text ul li {display: flex;font-size: 16px;color: #333333;align-items: center;margin-bottom: 16px;}
.join04  .text ul li:last-child {margin-bottom: 0px;}
.join04  .text ul li img {    width: 26px; margin-right: 14px;}
.join01 dl dd .imgbox img{height: 300px;}

/* about */
.inner_banner .ab_nav {z-index: 1;  position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); height: 70px; display: flex;}
.inner_banner .ab_nav a {font-size: 16px; color: #fff; transition: 0.3s; width: calc(100%/6);border-right: 1px solid #fff;box-sizing: border-box;background-color: #1d446c;height: 100%;display: flex;justify-content: center;align-items: center;}
.inner_banner .ab_nav a:hover {background-color: #1779dd;}
.inner_banner .ab_nav a.active {background-color: #1779dd;}
.inner_banner .ab_nav a:last-child {border-right: 0px;}

.ab_banner {overflow: unset;}
.ab01 {        padding: 150px 0 178px; position: relative; overflow: hidden;}
.ab01 .content {        position: relative; width: 824px; height: 512px;}
.ab01 .content .ab01_thumbs {overflow: hidden;}
.ab01 .content  .box .ab_title {margin-bottom: 34px;}
.ab01 .content  .box  p {font-size: 16px;color: #444444;line-height: 30px;    text-align: justify;}
.ab01 .content .list { position: absolute; bottom: 0px; left: 130px;padding-top: 0px; border-top: 1px solid #aaaaaa;  width: 600px; padding-right: 0px; }
.ab01 .content .list .g {font-size: 16px; color: #444444; position: relative; cursor: pointer; text-align: center; padding-top: 9px; width: fit-content; margin: auto;}
.ab01 .content .list .swiper {overflow: hidden;}
.ab01 .content .list .g.active {color: var(--dex);}
.ab01 .content .list .g.active::before {display: block;} 
.ab01 .content .list .g:hover {color: var(--dex);}
.ab01 .content .list .g:hover::before {display: block;} 
.ab01 .content .list .g::before {display: none; position: absolute; top: 0px; content: ""; width: 100%; height: 2px; background-color: var(--dex);}
.ab01 .content .fa {display: flex; justify-content: center; align-items: center; background-image: none; margin: 0px; padding: 0px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #5c5c5c; font-size: 30px; color: #5c515c; top: auto; bottom: 0px; outline: none;}
.ab01 .content .fa:hover {background-color: var(--dex);color: #fff;}
.ab01 .content .fa-angle-left {left: 0px;}
.ab01 .content .fa-angle-right {right: auto; left: 60px;}
.ab_title h3{font-size: 24px;font-weight: bold;color: #1779dd;margin-bottom: 12px;}
.ab_title h4{font-size: 34px;color: #333333;font-weight: bold;}
.ab01 .right {position: absolute; right: 0px; height: 590px; width: 37%; top: 110px; overflow: hidden;}
.ab01 .right .imgbox {height: 100%}
.ab01 .right .imgbox:hover img {transform: scale(1.1);}
.ab01 .right img {height: 100%;}
.ab01 .right .ab01_gallery {height: 100%;}

.ab02 canvas {position: absolute;left: 0px;top: -7px;}
.ab02 {position: relative;overflow: hidden;padding: 100px 0  0;background: url(/style/img/ab02_bg.jpg);background-size: cover;}
.ab02 .i-cont {position: relative;}
.ab02 .i-cont  .fa {     outline: none; background-image: none;margin: 0px;padding: 0px;width: 44px;height: 44px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;border: 1px solid #fff;font-size: 30px;}
.ab02 .i-cont  .fa:hover {background-color: var(--dex);}
.ab02 .i-cont  .fa-angle-left {left: auto;right: 65px;}
.ab02 .i-cont  .fa-angle-right {right: 0px;}
.ab02 .ab_title {}
.ab02 .ab_title h3 ,.ab02 .ab_title h4{color: #fff;}
.ab02 .i-cont {margin-bottom:60px;}
.ab02 .wei {    position: relative; top: -38px;}
.ab02 .ab02Swiper {padding: 90px 0 360px;}
.ab02 .content {    margin-left: calc((100% - 1318px)/2); padding-left: 4px; overflow: hidden;}
.ab02 .fa {display: none;}
.ab02 .bot {position: relative;}
.ab02 .bot::after {top: 90px;left: 0px; position: absolute;content: "";width: 100%;background-color: rgba(255, 255, 255, 0.3);height: 2px;}
.ab02 .bot .box {position: relative;width: 100%;height: 2px;}
.ab02 .bot .box .dot { opacity: 0.5;    position: absolute; left: 0px; top: -3px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%;}
.ab02 .bot .box .dot::before {    height: 23px; width: 2px; background-color: #fff; position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: 0px;}
.ab02 .bot .box .dot span {font-size: 36px;font-family: arial;color: #fff;position: absolute;top: -80px;opacity: 0.5;}
.ab02 .bot .box .dian {width: 100%;position: absolute;left: 0px;height: 100%;top: 0px;}
.ab02 .bot .box .dian span {      opacity: 0.5;  width: 2px; height: 6px; position: absolute; bottom: 1px;  background-color: #fff;}
.ab02 .bot .box .dian span:nth-of-type(1){left: 10%;}
.ab02 .bot .box .dian span:nth-of-type(2){left: 20%;}
.ab02 .bot .box .dian span:nth-of-type(3){left: 30%;}
.ab02 .bot .box .dian span:nth-of-type(4){left: 40%;}
.ab02 .bot .box .dian span:nth-of-type(5){left: 50%;}
.ab02 .bot .box .dian span:nth-of-type(6){left: 60%;}
.ab02 .bot .box .dian span:nth-of-type(7){left: 70%;}
.ab02 .bot .box .dian span:nth-of-type(8){left: 80%;}
.ab02 .bot .box .dian span:nth-of-type(9){left: 90%;}
.ab02 .bot .box  .text {      opacity: 0.5; padding: 26px 16px;  position: absolute; top: 27px; left: 4px; width: 89%;}
.ab02 .bot .box .text h4 { font-size: 18px; font-weight: bold; margin-bottom: 14px; color: #fff; }
.ab02 .bot .box  .text h5 {font-size: 15px;line-height: 24px;color: #fff;} 
.ab02 .bot .swiper-slide-active .dot span{opacity: 1;}
.ab02 .bot .swiper-slide-active  .box .dot  {opacity: 1;}
.ab02 .bot .swiper-slide-active .text {opacity: 1;}


.ab03 {padding: 100px 0;position: relative;overflow: hidden;background: url(/style/img/about_mapbg.jpg);background-size: cover;}
.ab03  .imgbox {    width: 106%; margin-left: -3%;}
.ab03 .i-cont .ab_title {margin-bottom: 28px;}
.ab04 {background: url(/style/img/ab04_bg.jpg);background-size: cover; padding: 100px 0;position: relative;overflow: hidden;}
.ab04 .ab_title {margin-bottom: 45px;}
.ab04 .ab_title h3 {color: #fff;}
.ab04 .ab_title h4 {color: #fff;}
.ab04 .jian {display: none;}
.ab04 .title img {width: 22px;}
.ab04 .title .le h4 {font-size: 22px;color: #fff;}
.ab04 dl {display: flex;justify-content: space-between;flex-flow: wrap;width: 48.5%;}
.ab04 .fen {    display: flex; justify-content: space-between; align-items: flex-start;}
.ab04 dd {border-top: 1px solid #fff;position: relative;padding: 0 0px;width:100%;}
.ab04 dd .title {padding: 20px 26px;display: flex;justify-content: space-between;align-items: center;}
.ab04 dd .title:hover {background-color: #0f1422;}
.ab04 dd:last-child {border-bottom: 1px solid #fff;}
.ab04 dd .content {padding: 26px;border-top: 1px solid #fff;display: none;}
.ab04 dd .content .text { padding: 16px 0; border-bottom: 1px dashed #fff;justify-content: space-between;display: flex;align-items: center;}
.ab04 dd .content .text img {width: 100px;}
.ab04 dd .content .text p {width: calc(100% - 150px);font-size: 15px;color: #fff;line-height: 26px;}
.ab04 dd.active .title{background-color: #0f1422;}
.ab04 dd.active .content {background-color: rgba(0, 0, 0, 25%);}
.ab05 {padding: 100px 0 ;position: relative;overflow: hidden;}
.ab05 .ab_title {margin-bottom: 50px;}
.ab05 .content {position: relative;overflow: hidden;}
.ab05 .box {display: flex;justify-content: center;align-items: center;flex-direction: column;border-right: 1px solid #cccccc;}
.ab05 .box img {    width: auto; height: 70px;}
.ab05 .box span {font-size: 16px;margin-top: 0;color: #27344d;}
.ab05 .box:hover span {color: var(--dex);}
.ab05 .content .swiper {padding: 0 5px;} 

.ab05 .content .swiper .swiper-wrapper{
  -webkit-transition-timing-function: linear !important; 
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  }

.ab06 {position: relative;overflow: hidden;background-color: #f4f7fa;}
.ab06 .i-cont {position: relative;padding: 105px 0 120px;}
.ab06 .ab_title {margin-bottom: 50px;}
.ab06 .text {width: 27%; z-index: 1; position: relative;}
.ab06 .text h4 {font-size: 24px;color: #333333;margin-bottom: 22px;}
.ab06 .text p {font-size: 16px;color: #444444;line-height: 30px;padding-top: 22px;border-top: 2px solid var(--dex);text-align: justify;}
.ab06 ._map {    position: absolute; right: 0px; top: 0px; width: 78%;}
.ab06 ._map .dot {    width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.ab06 ._map .dot span {position: absolute;width: 11px;height: 11px;background-color: var(--dex);border-radius: 50%;}
.ab06 ._map .dot span::after { border-radius: 50%; background-color: rgba(22, 121, 221, 15%); position: absolute;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);width: 10px;height: 10px;}

.ab06 ._map .dot span:nth-of-type(1){left: 8%; top: 46%;}
.ab06 ._map .dot span:nth-of-type(1)::after {animation: dot1 2s linear infinite;}
@keyframes dot1 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }

}
.ab06 ._map .dot span:nth-of-type(2){    left: 13%; top: 72%;}
.ab06 ._map .dot span:nth-of-type(2)::after {animation: dot2 1.8s linear infinite;}
@keyframes dot2 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(3){    left: 13%; top: 83%;}
.ab06 ._map .dot span:nth-of-type(3)::after {animation: dot3 2.4s linear infinite;}
@keyframes dot3 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(4){    left: 16%; top: 43%;}
.ab06 ._map .dot span:nth-of-type(4)::after {animation: dot4 1.7s linear infinite;}
@keyframes dot4 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(5){    left: 15%; top: 57%;}
.ab06 ._map .dot span:nth-of-type(5)::after {animation: dot5 2.1s linear infinite;}
@keyframes dot5 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(6){left: 23%; top: 47%;}
.ab06 ._map .dot span:nth-of-type(6)::after {animation: dot6 2.2s linear infinite;}
@keyframes dot6 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4.8);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(7){    left: 27%; top: 63%;}
.ab06 ._map .dot span:nth-of-type(7)::after {animation: dot7 1.6s linear infinite;}
@keyframes dot7 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(8){    left: 29%; top: 41%;}
.ab06 ._map .dot span:nth-of-type(8)::after {animation: dot8 2s linear infinite;}
@keyframes dot8 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4.8);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(9){    left: 33%; top: 54%;}
.ab06 ._map .dot span:nth-of-type(9)::after {animation: dot9 2.4s linear infinite;}
@keyframes dot9 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(10){left: 34%; top: 59%;}
.ab06 ._map .dot span:nth-of-type(10)::after {animation: dot10 1.8s linear infinite;}
@keyframes dot10 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4.8);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(11){    left: 37%; top: 72%;}
.ab06 ._map .dot span:nth-of-type(11)::after {animation: dot11 2s linear infinite;}
@keyframes dot11 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(5.8);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(12){    left: 42%; top: 83%;}
.ab06 ._map .dot span:nth-of-type(12)::after {animation: dot12 1.9s linear infinite;}
@keyframes dot12 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4.3);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(13){    left: 38%; top: 29%;}
.ab06 ._map .dot span:nth-of-type(13)::after {animation: dot13 1.8s linear infinite;}
@keyframes dot13 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4.4);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(14){left: 44%; top: 50%;}
.ab06 ._map .dot span:nth-of-type(14)::after {animation: dot14 2.4s linear infinite;}
@keyframes dot14 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(4.4);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(15){left: 69%; top: 38%;}
.ab06 ._map .dot span:nth-of-type(15)::after {animation: dot15 2s linear infinite;}
@keyframes dot15 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(16){    left: 80%; top: 54%;}
.ab06 ._map .dot span:nth-of-type(16)::after {animation: dot16 1.8s linear infinite;}
@keyframes dot16 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(17){    left: 82%; top: 67%;}
.ab06 ._map .dot span:nth-of-type(17)::after {animation: dot17 1.7s linear infinite;}
@keyframes dot17 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}
.ab06 ._map .dot span:nth-of-type(18){left: 88%; top: 77%;}
.ab06 ._map .dot span:nth-of-type(18)::after {animation: dot18 2.3s linear infinite;}
@keyframes dot18 {
  0%{
    opacity: 0; 
  }
  50%{
    opacity: 1; 
  }
  100%{
    transform: translate(-50%,-50%) scale(6);
    opacity: 0;
  }
}

/* pro */
.pro {padding: 80px 0;position: relative;overflow: hidden;}
.pro dl {display: flex;flex-flow: wrap;}
.pro dl dd {overflow: hidden; width: 49%;margin-right: 2%;margin-bottom: 2%;position: relative;    height: 264px;}
.pro dl dd a  {height: 100%;}
.pro dl dd:nth-of-type(2n) {margin-right: 0px;}
.pro dl dd .imgbox img {height: 100%;}
.pro dl dd:hover .imgbox img {transform: scale(1.2);}
.pro dl dd .imgbox {height: 100%;}
.pro dl dd .imgbox::after {     content: ""; display: inline-block; width: 100%; height: 100%; background: linear-gradient(to top , #000 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0.1)); position: absolute; left: 0; top: 0; }
.pro dl dd .bg {   transition: 0.3s; width: 48%; position: absolute; left: -48%; top: 0px; height: 100%;}
.pro dl dd:hover .bg {left: 0%;}
.pro dl dd .bg img{   height: 100%; opacity: 0.8;}
.pro dl dd .text { transition: 0.3s; position: absolute; left: 30px; top: 108%; transform: translateY(-50%); }
.pro dl dd .text h4 {transition: 0.3s; font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 24px;}
.pro dl dd:hover .text {top: 50%;}
.pro dl dd:hover .text h4 {margin-bottom: 6px;}
.pro dl dd .text h5 {font-size: 16px;color: #fff;margin-bottom: 40px;}
.pro dl dd .text .more {  font-size: 15px; transition: 0.4s; width: 136px; height: 42px;}

.proinfo  {padding: 80px 0;position: relative;overflow: hidden;}
.proinfo .i-cont {display: flex;justify-content: space-between;position: relative;}
.proinfo .i-cont::before {    position: absolute; left: -30%; top: -50%; background-color: #f5f6fb; width: 51%; height: 200%; content: "";}
.proinfo .left{width: 20%;padding-right: 4%;}
.proinfo .left .title {background-color: var(--dex);font-size: 18px;color: #fff;font-weight: bold;padding: 16px 0 16px 20px;    z-index: 1; position: relative;}
.proinfo .left .min a {transition: 0.3s; display: flex;justify-content: space-between;align-items: center; padding: 16px 0 16px 20px;font-size: 16px;color: #333;border-bottom: 1px solid #cccccc; position: relative; z-index: 1;}
.proinfo .left .min a span {position: relative;}
.proinfo .left .min a span::after {    content: ""; transition: 0.3s; opacity: 0; position: absolute; content: ""; left: -20px; top: 50%; transform: translateY(-50%); height: 14px; background-color: var(--dex); width: 2px;}
.proinfo .left .min a:hover span {color: var(--dex);    font-weight: bold;}
.proinfo .left .min a:hover span::after {opacity: 1;}
.proinfo .left .min a.active span {color: var(--dex);    font-weight: bold;}
.proinfo .left .min a.active span::after {opacity: 1;}
.proinfo .left .min a i {color: var(--dex);font-size: 18px;transition: 0.3s;opacity: 0;}
.proinfo .left .min a:hover i {opacity: 1;}
.proinfo .left .min a.active i {opacity: 1;}
.proinfo .right {width: 80%;padding-left: 6%;}
.proinfo .right  .a {    position: relative; transition: 0.3s; padding: 28px;border: 1px solid #cccccc;margin-bottom: 20px;}
.proinfo .right  .a::after {    position: absolute; bottom: 0px; width: 100%; height: 4px; background-color: #2c8da6; content: ""; left: 0px;}
.proinfo .right  .a h4 {transition: 0.3s;  font-size: 22px;font-weight: bold;color: #333333;margin-bottom: 5px;}
.proinfo .right  .a h5 {transition: 0.3s;  font-size: 16px;color: #444444;margin-bottom: 5px;font-weight: bold;}
.proinfo .right  .a h6 {transition: 0.3s;  font-size: 16px;color: #444444;}
.proinfo .right  .a:hover {background: linear-gradient(to right, rgb(24, 133, 157) 0% ,rgb(111, 167, 197) 60% , rgb(170, 190, 224) 100%);}
.proinfo .right  .a:hover::after {opacity: 0;}
.proinfo .right  .a:hover h4 {color: #fff;}
.proinfo .right  .a:hover h5 {color: #fff;}
.proinfo .right  .a:hover h6 {color: #fff;}

.page {display: flex;justify-content: flex-start;align-items: center;    margin-top: 80px; }
.page h2{display: none;}
.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}
.page a {width: 32px; height: 32px; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #464647; margin-right: 14px; border-radius: 5px;}
.page a:last-child{margin-right: 0px;}
.page span {width: 32px;height: 32px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #464647;margin-right: 14px;border-radius: 5px;}
.page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}
.page span {color: #fff;background-color: var(--dex);border-color: var(--dex);}
.page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.proinfo-2 {margin-top: 90px; padding: 90px 0 70px;}
.proinfo-2 .right h3 {font-size: 36px;color: #333333;font-weight: bold;margin-bottom: 26px;}
.proinfo-2 .seg {padding-top: 34px;border-top: 2px solid #4c99b4;    padding-bottom: 25px;}
.proinfo-2 .seg:nth-of-type(1) {display: flex;justify-content: space-between;}
.proinfo-2 .seg .le { width: 60%;}
.proinfo-2 .seg_title {font-size: 18px;font-weight: bold;color: #1779dd;}
.proinfo-2 .le  ul {display: flex;}
.proinfo-2 .le  li:nth-of-type(1) {margin-right: 25px;}
.proinfo-2 .le  li p {margin-bottom: 24px;height: 23px;}
.proinfo-2 .le  li:nth-of-type(1) p:nth-of-type(1),.proinfo-2 .le  li:nth-of-type(2) p:nth-of-type(1) {height: 58px;line-height: 30px;}
.proinfo-2 .le  li:nth-of-type(1) p {width: 100px;}
.proinfo-2 .le  li:nth-of-type(2) p {font-size: 16px;color: #444444;width: 353px;    line-height: 26px;}
.proinfo-2 .ri{width: 40%;}
.proinfo-2 .ri img{ display: block;width: auto;max-width: 100%;}


.segtxt{padding-top: 34px;border-top: 2px solid #4c99b4;     display: block;overflow: hidden;   padding-bottom: 25px;}
.segtxt dd{display: flex;align-items: center;margin-bottom: 12px;}
.segtxt dd img{width: 18px;margin-right: 10px;}
.segtxt dd span{font-size: 16px; color: #333333; line-height: 26px;}
.segtxt .seg_title{margin-bottom: 28px;}
.segtxt p{font-size: 16px;line-height: 30px;color: #333333;}

.segtxt dl{display: block;overflow: hidden;float: left;width: 50%;margin-bottom: 50px;}

.segtxt table{ border-collapse: collapse;}
.segtxt table tbody{}
.segtxt table tbody tr{ display: block;overflow: hidden; display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.segtxt table tbody tr:last-child{border-bottom: 1px solid #ddd;}
.segtxt table tbody tr td{border: 1px solid #ddd;    float: left;    display: block;    padding: 5px;    font-size: 14px;    margin-bottom: 0;    border-right: 0;border-bottom: 0; }
.segtxt table tbody tr td:last-child{ border-right: 1px solid #ddd;color:#333; }
.segtxt table tbody i{font-style: initial;}


.screen-reader-response{display: none;}
.wpcf7-response-output,.wpcf7-validation-errors{display: block;color: #f00;font-weight: bold;font-size: 16px;text-align: center;margin-top: 10px;}
.con .bot form .label span span,.con .bot form .textarea span span{ position: absolute; top: 0; color: #f00; letter-spacing: 0; right: 10px; width: auto; font-size: 14px;    line-height: 40px;}






/* 新闻 */
.newsbanner .ab_nav a {font-size: 16px; color: #fff; transition: 0.3s; width: calc(100%/4);border-right: 1px solid #fff;box-sizing: border-box;background-color: #1d446c;height: 100%;display: flex;justify-content: center;align-items: center;}

.news01wrap{width: 100%;box-sizing: border-box;}
.news01wrap .li{display: block;width: 100%;box-sizing: border-box;padding: 50px calc(50% - 660px);border-bottom: 1px solid #DDDDDD;transition: all .3s;}
.news01wrap .li:hover{background-color: #f1f2f3;}
.news01wrap .li:nth-of-type(1){padding-top: 85px;}
.news01wrap .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.news01wrap .item .imgbox{width: 20%;box-sizing: border-box;overflow: hidden;}
.news01wrap .item .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01wrap .li:hover .item .imgbox img{transform: scale(1.1);}
.news01wrap .item .text{width: 80%;box-sizing: border-box;padding-left: 60px;padding-right: 200px;}
.news01wrap .item .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;}
.news01wrap .item .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01wrap .item .text h4{font-size: 16px;line-height: 30px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news01wrap .li:hover .item .text h3{color: #1779dd;}
.newspage{margin: 50px auto;}



/* 可持续发展 */
.deve01wrap{margin: 0px auto;padding: 80px 0;}
.deve01{display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
.deve01 .left{width: 68%;margin-right: 5%;}
.devtitle{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ccc;display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;}
.devtitle span{font-size: 57px;display: inline-block;margin-right: 30px;color: #1779dd;font-weight: bold;}
.devtitle h2{font-size: 30px;font-weight: bold;display: inline-block;}
.deve01 p{font-size: 16px;color: #555;line-height: 32px;}
.deve01 .right{width: 27%;}
.deve01 .right img{width: auto;max-width: 100%;}

.deve02wrap{padding: 80px 0;background-color: #f3f5f6;}
.deve02{}
.deve02 ul{}
.deve02 ul li{display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;margin-bottom: 45px;}
.deve02 ul li .imgbox{width: 25%;}
.deve02 ul li .imgbox img{width: 100%;}
.deve02 ul li .textbox{width: 70%;}
.deve02 ul li .textbox h3{font-size: 20px; font-weight: bold;color: #1779dd;margin-bottom: 30px;color: #333;}
.deve02 ul li .textbox p{font-size: 16px;color: #555;line-height: 32px;}

.deve03wrap{padding: 80px 0;}
.deve03wrap .deve02{}
.deve03wrap .deve02 ul li{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.deve03wrap .deve02 ul li a{font-size: 16px;color: #1779dd;text-decoration: underline;}








/* 新闻详情 */
.n-infowrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 90px;overflow: hidden;height: 300px;background-color: #f1f2f3;}
.n-infowrap img{display: block;width: 100%;}
.newinfotext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.newinfotext h3{font-size: 32px;color: #222;line-height: 50px;font-weight: bold;}
.newinfotext p{font-size: 14px;color: #444;opacity: 0.75;margin-top: 20px;}

/* newsinfowrap */
.newsinfowrap{background-color: #fff;}
.newsinfo{margin: auto;box-sizing: border-box;padding: 80px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.newsinfo:after{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 30%;background-color: #DDDDDD;}
.newsinfo-left{width: 70%;box-sizing: border-box;position: relative;padding-right: 60px;} 
.newsinfomin{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;}
.newsinfomin p{font-size: 15px;line-height: 28px;color: #4b4d4f;margin-bottom: 30px;}
.newsinfomin p img{ display: block;width: auto;height: auto;margin: 20px 0;    max-width: 100%;}
.newsinfomin h4{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;}
.newsinfo-left .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 0px;margin-top: 0;}
.newsinfo-left .page a{font-size: 14px;color: #545454;    font-size: 14px;
    border: none;
    width: auto;
    height: auto;
    display: block;
    margin: 0;background: none;}
.newsinfo-left .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo-left .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo-left .page a:hover{color: #00307f;}

/* newsinfo-right */
.newsinfo-right{width: 30%;box-sizing: border-box;padding-left: 60px;}
.newsinfo-right .tl{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;}
.newsinfo-right .list{width: 100%;}
.newsinfo-right .list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #dddddd;}
.newsinfo-right .list a:first-child{border-top: 1px solid #dddddd;}
.newsinfo-right .list a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.newsinfo-right .list a .imgbox img{display: block;width: 100%;transition: all .6s;}
.newsinfo-right .list a:hover .imgbox img{transform: scale(1.1);}
.newsinfo-right .list a .text{width: 62%;box-sizing: border-box;}
.newsinfo-right .list a .text h3{font-size: 14px;line-height: 25px;color: #4b4d4f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;}
.newsinfo-right .list a .text p{font-size: 12px;color: #aaaaaa;}
.newsinfo-right .list a:hover .text h3,.newsinfo-right .list a:hover .text p{color: #00307f;}


.n-infowrap{position: relative;}
.n-infowrap .ab-nav {display: flex;   font-size: 16px; position: absolute;top: 35px;z-index: 1;left: 50%;transform: translateX(-50%);color: #888;}
.n-infowrap .ab-nav a {font-size: 13px;margin: 0 6px;color: #888;    display: flex; align-items: center;}
.n-infowrap .ab-nav a:nth-of-type(1){margin-left: 0px;}
.n-infowrap .ab-nav a i{margin-right: 6px;}
.n-infowrap .ab-nav a:hover {color:#1d99fd;}
.n-infowrap .ab-nav i{font-size: 16px;color: #888;}






@media screen and (max-width:1600px) {
  .i-cont,.news01wrap .item{ width: 1160px; }
  .head .icenter .right ul li a { height: 80px; line-height: 80px; font-size: 14px; margin: 0px; padding: 0 34px; }
  .head .icenter .right { width: 72%; }
  .head .icenter .right ul li .sub_nav a { font-size: 13px; margin: 0px; padding: 8px 0; }
  .head .icenter .right ul li .sub_nav { height: 363px; top: 80px; padding: 18px 0; }
  .head .icenter .right ul::before { height: 363px; }
  .div1 .menuDown .menu_wrap .menubox h2 { font-size: 22px; height: 80px; margin-bottom: 15px; width: 100%; }
  .div1 .menuDown .menu_wrap .menubox ul li a { font-size: 16px; }
  .div1 .menuDown .menu_wrap .menubox { width: 20%; height: 416px; padding: 13px 0; }
  .div1 .menuDown { padding: 90px 0 90px; }
  .head { height: 80px; }
  .head .icenter .nav { width: 86px; height: 80px;}
  .head .icenter { padding: 0 120px 0 36px; }
  .head .icenter .logo img { width: 45px; margin-right: 8px;}
  .head .icenter .logo .tips h4 { font-size: 16px; margin-bottom: 3px; }
  .head .icenter .logo .tips h5 {     font-size: 12px; transform: scale(0.8); position: relative; left: -14px; }
  .head .icenter .right .op img { width: 15px; margin-right: 6px; }
  .head .icenter .right .op a { font-size: 12px;}
  .head .icenter .right .op a:nth-of-type(1) { margin-right: 20px; }
  .head .icenter .right .op a:nth-of-type(1)::after { top: 8px; height: 10px; left: 34px; }
  .head .icenter .nav span { width: 30px;}
  .head .icenter .nav span::before { top: 8px;}
  .head .icenter .nav span::after { position: absolute; top: -8px;}
  .index_banner .box .text h4 { font-size: 26px;}
  .index_banner .box .text h3 { font-size: 40px; margin: 16px 0 36px; }
  .more { font-size: 14px; width: 150px; height: 44px;}
  .index_banner .op .swiper-pagination-bullet { margin: 0 8px; width: 8px; height: 8px;}
  .index_banner .op .fa { font-size: 22px; height: 16px; line-height: 16px; }
  .videoIcon .videoIcon1 .videoIcon11 { width: 46px; }
  .videoIcon .videoIcon1 .videoIcon12{width: 46px;}
  .videoIcon .videoIcon2 .videoIcon21 { font-size: 14px; }
  .navbar { height: calc(100vh - 80px); top: 80px; width: 86px; }
  .navbar .tool { margin-top: 43px;}
  .navbar .tool a { width: 32px; height: 32px; font-size: 14px;}
  .navbar .scroll img { width: 17px; }
  .navbar .scroll span { font-size: 12px; top: -75px; left: 10px;}
  .navbar .scroll { bottom: 43px;}
  .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblTitle { font-size: 20px; margin-bottom: 20px; }
  .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink a { font-size: 14px;height: 54px;}
  .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink { width: 150px; }
  .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1:nth-of-type(1) .lblLink { width: 207px; }
  .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1:nth-of-type(2) .lblLink { width: 301px; }
  .menuBack { height: 42px; border-radius: 45px; padding: 0px 25px; bottom: 40px; font-size: 12px; }
  .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink { width: 436px; }
  .headerAbout .headerAbout1 { font-size: 18px; margin: 20px 0;}
  .headerAbout .headerAbout1 a { font-size: 18px; }
  .headerAbout .headerAbout2 .headerAbout21 img { width: 50px; }
  .jiyi_top h3 { font-size: 32px; margin-bottom: 10px; }
  .jiyi_top h4 { font-size: 15px;}
  .jiyi_top h4::after { width: 30px; height: 2px; bottom: -24px; }
  .jiyi_top { margin-bottom: 50px;}
  .jiyi_top .wen { font-size: 76px; top: -30px; line-height: 63px; }
  .index01 { padding: 70px 0 90px;}
  .index01 .content .left a span { width: 100px; font-size: 12px;}
  .index01 .content .left a i::after { width: 14px; height: 14px;}
  .index01 .content .left a i::before { width: 6px; height: 6px;}
  .index01 .content .left a { margin: 28px 0;}
  .index01 .content .right { width: 984px; height: 532px; }
  .index01 .content .right a { width: 240px; height: 172px; }
  .index01 .content .right a .cc .text h4 { font-size: 16px; margin-bottom: 2px; }
  .index01 .content .right a .cc .text h5 { font-size: 13px; }
  .index01 .content .right a .cc { bottom: 16px; left: 16px;}
  .index01 .content .right a .cc .icon { width: 24px; height: 24px; font-size: 20px; }
  .index01 .content .right .top .ri a { width: 240px; height: 352px; }
  .index01 .content .right .top .le .le_t a:nth-of-type(1) { width: 488px; }
  .index01 .content .right .top .le .le_t a:nth-of-type(2) { width: 240px; }
  .index01 .content .right .top .le { width: 736px; }
  .index02 { padding: 100px 0; }
  .index02 .left .wen { font-size: 80px;}
  .index02 .left { font-size: 26px;}
  .index02 .right .info h4 a { font-size: 26px;}
  .index02 .right .info h4 img { width: 26px; }
  .index02 .right .info h5 { font-size: 12px; }
  .index02 .right .more { width: 225px; height: 46px; font-size: 14px; }
  .rightCb .rightCb1 .rightCbImg { width: 62px; height: 62px;}
  .rightCb { width: 62px;    margin-bottom: 3px;}
  .rightCb .rightCb1 .rightCbImg img { width: 26px; }
  .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu1 img { width: 46px; }
  .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu1 .closeCbl { width: 16px; }
  .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2 li { padding: 22px 0; }
  .index03 { padding-top: 65px; }
  .index03 .jiyi_top .wen { top: -10px; }
  .index03 .content .i-cont .t h4 { font-size: 20px; margin-bottom: 16px; }
  .index03 .content .i-cont .t p { font-size: 14px; line-height: 28px; margin-bottom: 29px; width: 390px; }
  .index03 .content { height: 640px; }
  .index03 .content .i-cont .t { margin-bottom: 45px; }
  .index03 .content .i-cont dl dd { padding: 33px 34px; width: 261px; }
  .index03 .content .i-cont dl dd img { width: 32px; margin-bottom: 16px; }
  .index03 .content .i-cont dl dd h4 strong { font-size: 45px; margin-right: 10px; }
  .index03 .content .i-cont dl dd h4 { font-size: 14px; margin-bottom: 3px; }
  .index03 .content .i-cont dl dd h5 { font-size: 14px; }
  .index04 { padding: 95px 0 70px; }
  .index04 .min02 .left .text h3 { font-size: 18px; margin-bottom: 16px; }
  .index04 .min02 .left .text h4 { font-size: 12px; line-height: 19px;}
  .index04 .min02 .right a .text h3 { font-size: 14px; line-height: 22px; }
  .index04 .min02 .right a .text .font h3 { font-size: 12px; }
  .index04 .min02 .right a .text .font p { width: 67px; height: 24px; font-size: 12px; border-radius: 5px; line-height: 24px; }
  .index04 .min02 .left .text h5 p { font-size: 38px; }
  .index04 .min02 .left .text span { font-size: 14px; margin-top: 8px; }
  footer { padding-top: 65px; }
  footer .fo01 dl dd h3 a { font-size: 16px; }
  footer .fo01 dl dd h3 { padding-bottom: 12px; margin-bottom: 10px; }
  footer .fo01 dl dd .min a { font-size: 12px; margin-bottom: 10px;}
  footer .fo01 .text h3 { font-size: 12px; margin-bottom: 3px; }
  footer .fo01 .text h4 { font-size: 26px; margin-bottom: 16px; }
  footer .fo01 .text span { font-size: 12px; margin-bottom: 3px; }
  footer .fo01 .text h5 { font-size: 14px; margin-bottom: 20px; }
  footer .fo01 .text h6 { font-size: 12px; margin-bottom: 5px; }
  footer .fo01 .text .share a { width: 32px; height: 32px; font-size: 12px;}
  footer .fo01 { padding-bottom: 80px;}
  footer .fo02 .le span { font-size: 12px; margin-right: 20px; }
  footer .fo02 .le a { font-size: 12px; }
  footer .fo02 .le span::after { right: -12px; height: 10px; width: 1px; top: 4px; }
  footer .fo02 .se { font-size: 12px; }
  footer .fo02 { padding: 24px 0; }
  
  /* honest */
  .inner_banner .text h4 { font-size: 36px; margin-bottom: 13px; }
  .inner_banner .text h5 { font-size: 17px; }
  .inner_banner .text h6 { top: -29px; font-size: 86px; }
  .inner_banner img {height: 430px;}
  .hst { padding: 90px 0; }
  .hst .top .text { font-size: 18px; width: 585px; line-height: 34px; }
  .hst .top { padding: 90px 80px; margin-bottom: 80px; }
  .hst .bot { padding-top: 58px; }
  .hst .bot .content span { font-size: 20px; margin-bottom: 14px; }
  .hst .bot .content p { font-size: 16px; line-height: 32px; }
  .hst .bot .content { margin-bottom: 52px; }
  .con dl dd .content .title h4 { font-size: 24px; margin-bottom: 10px; }
  .con dl dd .content .title h5 { font-size: 15px; }
  .con dl dd .content .title { margin-bottom: 24px; }
  .con dl dd .content p { padding-top: 18px; font-size: 14px; line-height: 26px; }
  .con dl dd { padding: 44px 46px; }
  .con .bot form { width: 700px; }
  .con .bot { margin-top: 72px; padding-bottom: 55px;}
  .con .bot h4 { font-size: 26px; margin-bottom: 22px; }
  .con .bot form button { height: 40px; width: 145px; }
  .con .bot form .label { margin-bottom: 18px;}
  .join01 { padding: 70px 0 90px;}
  .join_top h4 { margin-bottom: 10px; }
  .join_top h5 { font-size: 30px; }
  .join01 dl { margin-top: 36px;}
  .join01 dl dd .bot { padding: 20px 0; }
  .join01 dl dd .bot h4 { font-size: 18px; margin-bottom: 8px; }
  .join01 dl dd .bot h5 { font-size: 14px; }
  .join01 dl dd .imgbox img { height: 260px; }
  .join02 { padding: 90px 0;}
  .join02 .left p { font-size: 14px; line-height: 30px; margin-top: 24px; }
  .join02 dl dd .text h4 { font-size: 18px; margin-bottom: 6px; }
  .join02 dl dd .text h5 { font-size: 14px; }
  .join02 dl dd .icon img { width: 24px; }
  .join02 dl dd .icon { width: 52px; height: 52px; margin-right: 23px; }
  .join02 dl dd { margin-bottom: 32px; }
  .join03 { padding: 90px 0 0;}
  .join03 .join_top { margin-bottom: 34px; }
  .join03 dd .title .le h4 { font-size: 18px; }
  .join03 dd .title { padding: 20px 0; }
  .join03 dd .content .text p { padding-left: 60px; font-size: 14px; line-height: 32px; }
  .join03 dd .content .text h5 { font-size: 16px; width: 146px; }
  .join03 dd .content::after { left: 146px;}
  .join04 .text h4 { font-size: 18px; margin-bottom: 12px;}
  .join04 .text h5 { font-size: 14px; line-height: 26px; margin-bottom: 32px;}
  .join04 .text ul li { font-size: 14px; margin-bottom: 14px; }
  .join04 .text ul li img { width: 20px; margin-right: 14px; }
  .join04 { padding: 112px 0; }
  .inner_banner .ab_nav a { font-size: 14px;}
  .inner_banner .ab_nav { bottom: -31px; height: 62px; }
  .ab_title h3 { font-size: 20px; margin-bottom: 8px; }
  .ab_title h4 { font-size: 28px; }
  .ab01 .content .box .ab_title { margin-bottom: 26px; }
  .ab01 .content .box p { font-size: 14px; line-height: 26px; }
  .ab01 .content { width: 58%; height: 466px; }
  .ab01 .right { height: 510px; width: 37%; top: 110px; }
  .ab01 .content .list .g { font-size: 14px;padding-top: 8px;}
  .ab01 .content .list { width: 555px;}
  .ab01 .content .fa-angle-right { left: 52px; }
  .ab01 .content .fa { width: 36px; height: 36px; font-size: 26px;}
  .ab01 { padding: 130px 0 109px; }
  .ab02 { padding: 90px 0 0;}
  .ab02 .content { margin-left: calc((100% - 1158px)/2); }
  .ab02 .bot::after { top: 83px; }
  .ab02 .i-cont .fa-angle-left { right: 52px; }
  .ab02 .i-cont .fa { width: 36px; height: 36px; font-size: 26px; }
  .ab02 .bot .box .dot span { font-size: 30px; top: -76px;}
  .ab02 .bot .box .text h4 { font-size: 16px; margin-bottom: 12px; }
  .ab02 .bot .box .text h5 { font-size: 13px; line-height: 22px; }
  .ab02 .bot .box .text { padding: 24px 14px;}
  .ab02 .ab02Swiper { padding: 82px 0 296px; }
  .ab02 .i-cont { margin-bottom: 56px; }
  .ab02 .wei {    position: relative; top: -20px;}
  .ab03 { padding: 90px 0;}
  .ab03 .i-cont .ab_title { margin-bottom: 20px; }
  .ab03 .imgbox { width: 77%; margin-left: 0%; margin: auto; }
  .ab04 { padding: 90px 0;}
  .ab04 .ab_title { margin-bottom: 38px; }
  .ab04 dd .title { padding: 16px 23px;}
  .ab04 .title .le h4 { font-size: 20px; }
  .ab04 .title img { width: 20px; }
  .ab04 dd .content .text p { width: 310px; font-size: 14px; line-height: 24px; }
  .ab05 { padding: 90px 0;}
  .ab05 .ab_title { margin-bottom: 44px; }
  .ab05 .box span { font-size: 14px; margin-top: 20px; }
  .ab05 .box img { height: 42px; }
  .ab06 .i-cont { padding: 95px 0 106px; }
  .ab06 .ab_title { margin-bottom: 42px; }
  .ab06 .text h4 { font-size: 22px; margin-bottom: 20px; }
  .ab06 .text p { font-size: 14px; line-height: 26px; padding-top: 19px; border-top: 2px solid var(--dex); }
  .ab06 ._map .dot span::after { width: 8px; height: 8px; }
  .ab06 ._map .dot span{width: 8px; height: 8px;}

  .pro dl dd .text h4 { font-size: 20px;}
  .pro dl dd .text h5 { font-size: 14px; margin-bottom: 38px; }
  .pro dl dd .text .more { font-size: 14px; width: 126px; height: 38px; }

  .proinfo .left .min a { padding: 14px 0 14px 18px; font-size: 14px;}
  .proinfo .left .min a span::after { left: -18px; height: 12px;}
  .proinfo .left .title { font-size: 16px; padding: 14px 0 14px 18px;}
  .proinfo .right .a { padding: 26px; margin-bottom: 18px; }
  .proinfo .right .a h4 { font-size: 20px;}
  .proinfo .right .a h5 { font-size: 14px;}
  .proinfo .right .a h6 { font-size: 14px;}
  .proinfo .right .a::after { height: 3px;}
  .proinfo::before { width: 23%; }
  .proinfo { padding: 70px 0; }
  .page { margin-top: 70px; }
  .page span {margin-right: 12px;}
  .page a {margin-right: 12px;}

  .proinfo-2 .right h3 { font-size: 32px; margin-bottom: 24px; }
  .proinfo-2 .seg { padding-top: 30px; padding-bottom: 22px; }
  .proinfo-2 .le li:nth-of-type(1) p:nth-of-type(1), .proinfo-2 .le li:nth-of-type(2) p:nth-of-type(1) { height: 54px; line-height: 28px; }
  .proinfo-2 .le li:nth-of-type(1) p { width: 94px; }
  .proinfo-2 .le li p { margin-bottom: 20px; }
  .proinfo-2 .le li:nth-of-type(2) p { font-size: 14px; width: 298px;}
  .proinfo-2 .seg_title { font-size: 16px;}
  .proinfo-2 .seg:nth-of-type(2) .seg_title { margin-bottom: 22px; }
  .proinfo-2 .seg:nth-of-type(2) dl dd span { font-size: 14px; line-height: 24px; }
  .proinfo-2 .seg:nth-of-type(2) dl dd img { width: 15px; margin-right: 8px; }
  .proinfo-2 .seg:nth-of-type(2) dl dd { margin-bottom: 10px; }
  .proinfo-2 .seg:nth-of-type(3) .seg_title { margin-bottom: 24px; }
  .proinfo-2 .seg:nth-of-type(3) p { font-size: 14px; line-height: 28px; }
  .proinfo-2 { margin-top: 80px;}


.head .icenter .right ul li .sub_nav a::before{top: 10px;left: 4px;}
.head .icenter .right ul li .sub_nav a i{    right: 2px;top: 11px;}

}