@charset "UTF-8";

.modal-open {padding:0 !important}

/*header*/
@media all and ( min-width: 768px ){
#header{	position:relative !important; }
}
#header #gnb > ul > li > a{color:#333}
#header #gnb > ul > li.on > a,
#header #gnb > ul > li > a:hover,#header #gnb .li:hover a{color:#EEFC02}
#header #gnb > ul > li.on > a:after,
#header #gnb > ul > li > a:hover:after 
{width: 36px;content:""; position: absolute; bottom: 0; left: 50%;-ms-transform: translateX(-50%); 
    -o-transform: translateXXX(-50%); 
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
     transform: translateX(-50%);
height: 3px;
background: #255EB5;
opacity: 1;}
#header + .sitemap-line-btn .line{background-color:#222;}
#header .header-lang .lang-open-btn{color:#222;}
#header .partners-select{background-color:#000; border-color:#000;}
#header .partners-select .lang-open-btn{color:#fff}
#header .logo .m-logo {    display: block;}
#header .logo .pc-logo {display:none;}
.index-wrapper #header .sitemap-line-btn .line {background:#255EB5;}
#header .header-lang svg path{fill:#CFCFCF;stroke:#CFCFCF;}
#header .sousuoend svg path,
#header .cuohao svg path {fill:#CFCFCF;}

/*page side*/
.top-visual{position:relative;overflow:hidden;width:100%;margin:0 auto;height:400px;}
.top-visual.num1 .bg-img{ background-size:cover; background-repeat: no-repeat; background-position: center;}
.top-visual .bg-img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-animation:bgScale 2s ease forwards;animation:bgScale 2s ease forwards;}
.top-visual .txt-box{ position:absolute; width: 100%; left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;}
.bg-imgs {height:100%; width: 100%; background-size:cover; background-repeat: no-repeat; background-position: center;}

@-webkit-keyframes bgScale{
0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bgScale{
0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}

.fnt-title-s1 {font-size:30px;color: #fff; font-weight: bold; margin-top: 10px; padding-bottom: 26px;}
.fnt-title-s1 span { position: relative;display: inline-block; padding-bottom: 20px;}
.fnt-title-s1 span:before {width: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -10px; height: 3px;content:"";
background: #FFFFFF;
opacity: 1;}
.fnt-title-s1 span,.fnt-title1 span {color:inherit;font-size: inherit;}
.fnt-title1 {font-size:30px;color: #fff;}

.gnb-sub-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: visibility 350ms ease-out, z-index 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: visibility 350ms ease-out, z-index 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: visibility 350ms ease-out, z-index 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: visibility 350ms ease-out, z-index 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: visibility 350ms ease-out, z-index 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gnb-sub-menu .ul {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  background: #255EB5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
	padding:15px 0;
  font-size: 0;
  text-align: right;
  -webkit-transition: opacity 350ms ease-out, -webkit-transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 350ms ease-out, -moz-transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 350ms ease-out, -ms-transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 350ms ease-out, -o-transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 350ms ease-out, transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1;
  white-space:nowrap;
  overflow-x:auto;
}
.gnb-sub-menu ul li {
  display: inline-block;
  margin:0 4px;
}

.gnb-sub-menu ul li a {
  display: block; background: #00A2C2; min-width: 117px; padding: 0 15px; height: 40px; line-height: 40px; text-align: center; border-radius: 30px;
}

.gnb-sub-menu ul li a span {
  font-size:18px;
  display: block;
  color: #fff;
  position: relative;
  -webkit-transition: color 300ms ease-out;
  -moz-transition: color 300ms ease-out;
  -ms-transition: color 300ms ease-out;
  -o-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.gnb-sub-menu ul li.active a,.gnb-sub-menu ul li:hover a {background:#fff;}
.gnb-sub-menu ul li.active a span,.gnb-sub-menu ul li:hover a span{color:#255EB5;}
.gnb-sub-menu.active {
  z-index:99; position:fixed;
  visibility: visible;
}
.gnb-sub-menu.active .ul {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.location {border-bottom: 1px solid #ECECEC; padding: 15px 0;}
.location .lo_index {float:left; margin-right: 20px; display: inline-block;padding-top: 10px;}
.location .lo_a { float:right;font-size: 16px; color: #999999; margin-top: 10px;border-left:1px solid #ECECEC; margin-left: 20px;padding-left: 28px;}
.location .lo_print {width: 48px; margin-left: 40px;
height: 48px; line-height: 48px;
border: 1px solid #EAEAEA;
border-radius: 50%; display: inline-block; text-align: center;}
.location .dropdown {float:left;}
.location .dropdown .btns {border:none; display: inline-block;cursor: pointer;outline: 0; position: relative; padding:10px 0; font-size: 16px; color: #999999; padding-right: 48px;}
.location .dropdown .btns i {position:absolute; right: 0; top: 9px;}
.location .dropdown-menu {background: #FFFFFF; border: none; margin-left: -45px; padding: 9px 15px; box-shadow: 1px 0px 4px 1px #eee; z-index: 1;}
.location .dropdown-menu ul li { line-height:30px;}
.location .dropdown-menu ul li:hover a span{color:#255EB5;}


.prolist .location {border-bottom: 1px solid #ECECEC; padding: 15px 0;}
.prolist .location .lo_index {float:left; margin-right: 20px; display: inline-block;padding-top: 10px;}
.prolist .location .lo_a { float:right;font-size: 16px; color: #999999; margin-top: 10px;border-left:1px solid #ECECEC; margin-left: 20px;padding-left: 28px;}
.prolist .location .lo_print {width: 48px; margin-left: 40px;
height: 48px; line-height: 48px;
border: 1px solid #EAEAEA;
border-radius: 50%; display: inline-block; text-align: center;}
.prolist .location .dropdown {float:left;}
.prolist .location .dropdown .btns {border:none; display: inline-block;cursor: pointer;outline: 0; position: relative; padding:10px 0; font-size: 16px; color: #999999; padding-right: 48px;}
.prolist .location .dropdown .btns i {position:absolute; right: 0; top: 9px;}
.prolist .location .dropdown-menu {background: #FFFFFF; border: none; margin-left: -45px; padding: 9px 15px; box-shadow: 1px 0px 4px 1px #eee; z-index: 1;}
.prolist .location .dropdown-menu ul li { line-height:30px;}
.prolist .location .dropdown-menu ul li:hover a span{color:#255EB5;}

@media print {
     body{
        -webkit-print-color-adjust:exact;
        -moz-print-color-adjust:exact;
        -ms-print-color-adjust:exact;
        print-color-adjust:exact;
    } 
    button{display:none;}
}

/*about*/
.about_cont {padding-top:50px;}
.about_first {border-bottom:1px solid #ECECEC; padding-bottom: 30px; margin-bottom:60px;}
.about_left {float:left; width: 40%;}
.about_left h3 {font-size:22px;font-weight: bold;}
.about_left h3 span{position: relative;padding-right: 30px;}
.about_left h3 span:before {width: 20px; content:""; position: absolute; right: 0; top: 50%;
height: 1px;
background: #999999;
opacity: 1;}
.about_left h4 {font-size:36px; color: #255EB5; font-weight: bold; line-height: 1.1; padding: 30px 0;}
.about_left p {font-size:16px; line-height: 28px;}
.x-section-7 {float:left; width:100%; padding-left:0px; padding-top: 24px;}
.x-section-7 .co7 .item {width:23.5%; float: left; padding: 20px 5px; text-align: center; background-color: rgba(102,102,102,0.16); margin-right:2%;}
.x-section-7 .co7 .item:last-child{margin-right: 0;}
.x-section-7 .co7 .item span { color: #333333; font-size: 48px; line-height: 57px; height: 57px; display: block;font-family: 'Open Sans', sans-serif;}
.x-section-7 .co7 .item span.font36 {font-size:48px; font-weight: 700;}
.x-section-7 .co7 .item p {font-size:16px; padding-top: 10px;}
.x-section-7 .co7 .item .svg {height:52px; margin-bottom: 15px;display: none;}
.numfont {font-family: 'Open Sans', sans-serif;}
.x-section-7 .co7 .item .svg img{transition: 0.3s;-webkit-transition: 0.3s;}
.x-section-7 .co7 .item:hover .svg img{-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }


.about_mid {}
.about_mid .left_a {width:65.5%; float: left; padding-right: 100px;}
.about_mid .right_a {width:34.5%;float: right;}
.about_mid .about_mid01 {font-size:32px; line-height: 1.4; color: #333333;}
.about_mid .about_mid02 {padding-top:38px;}
.about_mid .about_mid02 p {font-size:16px; line-height: 1.5;padding:13px 0;}
.about_mid .about_mid01 span,.about_mid .about_mid01 strong {color:inherit; font-size:inherit;}
.about_video {height:709px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.about_video span { position:absolute; cursor: pointer;left: 50%; top: 50%;    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
.about_mid03 {padding-top:50px;}
.about_mid03 ul li {border:1px solid #DDDDDD;overflow: hidden; height: 60px; padding: 18px 30px 0 20px; margin-bottom: 20px; line-height: 25px;transition: 0.3s;
    -webkit-transition: 0.3s;}
.about_mid03 ul li a{ display:block;}
.about_mid03 ul li span {display:inline-block;ransition: 0.4s;    -webkit-transition: 0.4s;}
.about_mid03 ul li span.left {position:relative; padding-left: 17px; font-size: 18px; color: #333333;}
.about_mid03 ul li span.left:before {width: 8px;content:""; position: absolute; top: 50%; margin-top: -4px; left: 0;
height: 8px; display: inline-block;
background: #D1E5E9;
border-radius: 50%;
opacity: 1;}
.about_mid03 ul li:hover {border:1px solid #255EB5;}
.about_mid03 ul li:hover span.left {-webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);} 
#vido .modal-dialog {max-width:900px;}
#vido video {max-width:100%;}
.about_botom {background:url("../images/aboutbg.jpg") no-repeat center center; margin-top: 120px; background-size: cover; padding: 87px 0 60px 0; }
.about_botom h3 {font-size:32px;color: #333333;font-weight: bold;border-bottom: 1px solid #CFCFCF; line-height: 1.1; padding-bottom: 20px;}

.about_botom ul {padding:75px 0 0 0; margin-left: -12px; margin-right: -12px;}
.about_botom ul li {width:16.66%; padding:12px;text-align: center; float: left;}
.about_botom ul li .about_bg {padding:34px;}
.about_bg {height: 228px;background: #FFFFFF;border-radius: 0px 60px 60px 60px;transition: 0.3s;
    -webkit-transition: 0.3s;}
.about_bg .aboutsvg {display:block; text-align: center; height: 45px; margin-bottom: 12px;}
.about_bg .aboutsvg svg {transition: 0.4s;-webkit-transition: 0.4s;}
.about_bg:hover .aboutsvg svg{-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }

.about_bg strong {display:block; color: #333333; font-size:17px; line-height: 1.1; padding-bottom: 10px;}
.about_bg p{font-size:16px; line-height: 28px;}
.about_botom ul li:hover .about_bg {background:#255EB5;}
.about_botom ul li:hover .about_bg svg path {fill:#ffffff;}
.about_botom ul li:hover .about_bg svg path:nth-child(2) {fill:none;stroke:#ffffff;}
.about_botom ul li:hover .about_bg strong {color:#fff;}
.about_botom ul li:hover .about_bg p {color:#A9E6F2;}

/*leader*/
.leader_cont { padding-top:0px;}
.page_title h2 {color:#333333; font-size: 36px;text-align: center; font-weight: bold; line-height: 1.2; padding-bottom: 22px;}
.page_title p {position:relative;padding-bottom: 0px; text-align: center;}
/* .page_title p:before {content:""; height: 40px;background: #255EB5; width: 1px; position: absolute; bottom: 0; left: 50%;} */
.leader_text {padding:175px 0 0 0;}
.leader_text p {font-size:16px; line-height: 28px; padding: 12px 0;}
.leader_mid { height:280px; background: url("../images/leaderbg.jpg") no-repeat center;  display: flex; align-items: flex-end; background-size: cover; margin-top: 0px; position: relative; padding: 0 0 44px 55px;}
.leader_mid h3 {color:#333333; font-size: 36px; font-weight: bold; line-height: 1.2; padding-bottom: 10px;}
.leader_mid h4 {color:#333333; font-size: 22px;  line-height: 1.2;}

.leader_img {position:absolute; bottom: 0;width: 36%;right: 0;}
.leader_bottom {padding:40px 0 0 0; margin-bottom: 90px; position: relative;}

.leader_bottom .left {float:left; width: 56.8%;}
.leader_bottom .right {position:absolute;bottom: 0;right: 0;}
.leader_bottom .right img {max-width:50%;}

/*culture*/
.index {position:relative}
.main { left: 0;top:0;width: 100%;display: block;transform: matrix(1, 0, 0, 1, 0, 0);}
	

.case_fixed_img{ height:350px; margin-bottom: 37px; margin-top: 26px;
    background-position: center;
    background-repeat: no-repeat; 
    background-size:cover;
    position: relative;
    z-index: 10;
}

.case_fixed_img .before{position: absolute;left: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.case_fixed_img .after{position: absolute;right: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.case_tit {position:absolute; left: 60px; bottom: 50px; max-width: 90%;}
.case_tit .fnt_26{font-size:26px; line-height: 1.4; color: #fff;}
.cuture_down {padding-top:0;}
.cuture_down h3.cuture_title {color:#333; font-size:26px; font-weight: bold; text-align: center;margin-bottom: 76px;  }
.cuture_down h3.cuture_title strong {position:relative; display: inline-block;padding-bottom: 66px;}
.cuture_down h3.cuture_title strong::before {
    content: "";
    height: 40px;
    background: #255EB5;
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;

}
.cuture_title i {max-width:960px; display: block; background: #255EB5; height: 1px; margin: 0 auto; margin-top: 20px; position: relative;}
.cuture_title i:before,.cuture_title i:after {position:absolute; content:""; bottom: -50px; height: 50px;background: #255EB5; width: 1px;}
.cuture_title i:before {left:0;}
.cuture_title i:after {right:0;}

.cul_cicle {width: 100%; margin-bottom: 95px; padding: 50px 30px;
background: #FFFFFF;
border: 2px dashed #255EB5;
opacity: 1;
border-radius: 170px;}
.cul_cicle { }
.cul_cicle ul li {width:25%; text-align: center; float:left;}
.cul_cicle ul li .ciclew {width:200px; height: 200px; margin: 0 auto; padding-top: 47px; border-radius: 50%;transition: 0.3s;
    -webkit-transition: 0.3s;}
.cul_cicle ul li:nth-child(1) .ciclew {background:#6EBFCF;}
.cul_cicle ul li:nth-child(2) .ciclew {background:#69A6B2;}
.cul_cicle ul li:nth-child(3) .ciclew {background:#1498B2;}
.cul_cicle ul li:nth-child(4) .ciclew {background:#255EB5;}
.cul_cicle ul li .ciclew span { height:50px; margin-bottom: 25px; display: block;}
.cul_cicle ul li .ciclew p {color:#fff; font-size: 20px; font-weight: bold;}
.cul_cicle ul li strong {display:block;font-size: 18px; color: #333333; line-height: 1.1; padding-top: 20px;}
.cul_cicle ul li:hover:nth-child(1) .ciclew {background:#429BAC;}
.cul_cicle ul li:hover:nth-child(2) .ciclew {background:#4792A1;}
.cul_cicle ul li:hover:nth-child(3) .ciclew {background:#188195;}
.cul_cicle ul li:hover:nth-child(4) .ciclew {background:#089CB9;}

/*hisdory*/
.ly-container {padding-top:60px; margin-bottom: 130px; overflow: hidden;}

.his_fixed_img{ height:350px; 
    background-position: center;
    background-repeat: no-repeat; 
    background-size:cover;
    position: relative;
    z-index: 100;
}
.his_fixed_img .before{position: absolute;left: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.his_fixed_img .after{position: absolute;right: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.his_tit {font-size: 26px; text-align: center; position: absolute; top: 50%; width: 100%;line-height: 1.5;color: #FFFFFF;    -webkit-transform: translateY(0);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.his_tit p {color:#fff;font-size: 32px;font-weight: bold;}

.history-tab {
  position: fixed; display: none;
  width: 200px;
	right: 30px;
	top: 30%;
  z-index: 99;
}
.history-tab-year { border-right: 1px solid #DDDDDD; }
.history-tab-year li {
  position: relative;
  text-align: right;padding-right: 15px;
	margin-bottom: 30px;
}

.history-tab-year li a {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #333333;
}

.history-tab-year li a:after {
  content: '';
  position: absolute;
  right: -5px;
  top: 5px;
  width: 9px;
  height: 9px;
	border-radius: 50%;
  background: #C9C9C9;
}

.history-tab-year li.active a {
  color: #255EB5;
}
.history-tab-year li.active a:after {background:#255EB5;}
.history {
  position: relative;
}

.history-progress {
  position: absolute;
  left: 50%;
  top: 5%;
  width: 1px;
  height: 95%;
  background-color: #DDDDDD;
}

.history-progress-line {
  display: block;
  position: absolute;
  width: 100%;
  background-color: #255EB5;
  -webkit-transition: height .5s;
  transition: height .5s;
}

.history-term {
  position: relative;padding-top:40px; background: #fff; padding-bottom: 80px; z-index: 9;
  overflow: hidden;
}



.history-summary {
  position: relative;
  text-align: center;
}

.history-summary:before, .history-summary:after {
  content: '';
  position: absolute;
  left: 50%;
  display: block;
  border-radius: 50%;
}
.history-summary .year-event {font-size: 18px;
	color: rgba(102,102,102,0.66);
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 0;
  line-height: 1.5;
}

.history-summary .year-event:last-child {  padding-bottom: 80px;}

.history-summary .year-event > p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
}

.history-summary .year-event.t-single {  display: block;  overflow: hidden;}
.history-summary .year-event.t-single:before {content:""; position: absolute; left: 50%; margin-left: -5px; top: 51px; width: 10px;
height: 10px;
background: #255EB5;
border-radius: 50%; z-index: 99;
}
.history-summary .year-event.t-single:after {content:"";opacity: 0; position: absolute; left: 50%; margin-left: -13px; top: 43px; width: 26px;
height: 26px;
background: #FFFFFF;
border: 1px solid #255EB5;
border-radius: 50%;transition: 0.3s;
    -webkit-transition: 0.3s;}
.history-summary .year-event.t-single:hover:after {opacity:1;}
.history-summary .year-event.t-single > p {  width: 50%;color: inherit; position: relative;}

.history-summary .year-event .month {
  display: block;
  margin: 6px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 26px;
  color: #333333;
}
.history-summary .year-event .l {
  float:left;
  padding-right: 95px;
  text-align: right;
}

.history-summary .year-event .r {
  float: right;
  padding-left: 95px;
  text-align: left;
}
.history-summary .year-event.t-single > p:before {background:#DDDDDD;content:""; height: 1px; width: 65px; position: absolute; top: 25px;}
.history-summary .year-event .r:before {left:0;}
.history-summary .year-event .l:before {right:0;}

.history-summary .histext {max-width:324px; display:inline-block; color:inherit;}
.history-summary .year-event.t-single:hover .histext {color:#255EB5;}

.up-on-scroll {
  opacity: 0;
  -webkit-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: opacity 1s,
 -webkit-transform 0.7s;
  transition: opacity 1s,
 -webkit-transform 0.7s;
  transition: transform 0.7s,
 opacity 1s;
  transition: transform 0.7s,
 opacity 1s,
 -webkit-transform 0.7s;
}

.up-on-scroll.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media all and ( max-width: 991px ){

	.history-tab {display:none !important;}
	
}
@media all and ( max-width: 767px ){

	.his_fixed_img {height:250px;}
	.his_tit {font-size:24px;}
	.his_tit p {font-size:30px;}
	.history-summary .year-event.t-single > p::before {
		width: 35px;
		top: 25px;
	}
	.history-summary .year-event .r {padding-left:45px;}
	.history-summary .year-event .l {padding-right:45px;}
	.history-summary .year-event {font-size:16px; padding: 15px 0;}
	.history-summary .year-event.t-single::before {top:35px;}
	.history-summary .year-event.t-single::after {top:26px;}
}

/*new*/
.new_title {padding-top:60px;}
.new_title h2 {color:#333333; font-size: 36px; font-weight: bold; line-height: 1.2; padding-bottom: 20px;}
.new_title p {position:relative;padding-bottom:50px; font-size:16px; color: #707070; }
.new_titles {font-size:26px; color: #333;font-weight: bold;}
.newinput {width: 62%; outline: 0; line-height: 56px; padding: 0 15px; margin-right: 1%; float: left;
height: 56px;
background: #FFFFFF;
border: 1px solid #ECECEC;
border-radius: 30px;}
.newbut {height: 56px; width: 15.5%; font-size: 16px; color: #fff;float: left; border:none; text-align: center; line-height: 56px; outline: 0;background: #255EB5;border-radius: 30px;}
.select_box{  position:relative;height: 56px; width: 20%; outline: 0; margin-right: 1%;float: left; line-height: 56px;background: #FFFFFF;border: 1px solid #ECECEC;border-radius: 30px;z-index: 9;}
.select_box span{ display:inline-block; width:100%; font-size: 16px; height:36px; line-height:36px; cursor:pointer; padding: 0 20px; position: relative;z-index: 8;}
.select_box .span_aa{ color:#255EB5;}
.select_box ul{ width:101%; position:absolute; top:55px; left:-1px; padding: 0 12px;border:1px solid #ECECEC;border-top:none; display:none; background:#fff; border-radius: 0 0 25px 25px;}

.select_box li{ cursor:pointer; line-height:36px; text-indent:10px;}
.select_box.cmn {border-bottom: none; border-radius:25px 25px 0 0;}

/*.select_box li:hover{ background:#39F; color:#fff;}*/
.select_box font{ position:absolute; right:10px; font-size:38px; color:#CECECE; transform:rotate(90deg);} 
.new_up {border-bottom:1px solid #EFEFEF; padding-bottom: 50px; margin-bottom: 34px; padding-top: 40px;}
.new_up .main-news-controls .stop-pause-controls {position:relative;}
.new_up .main-news-controls .play-news-btn{display:none;}
.new_up .main-news-controls .stop-pause-controls i{color:#fff; font-size:24px;}

.newposition_c {margin-top: 40px; padding-bottom: 50px;}
.newposition_c .swiper-pagination {
    bottom: 3px;
    width: 50%;
    text-align: right;
}


.swiper-container.newposition_c .swiper-pagination span.swiper-pagination-bullet { opacity: 1;background:none;width: 10px; height: 10px; margin: 0 8px; position: relative;}
.swiper-container.newposition_c .swiper-pagination  span:before {background: #C9C9C9; border-radius: 50%; content:"";width: 8px; left: 1px; top: 1px; height: 8px; position: absolute;transition: 0.3s;-webkit-transition: 0.3s;}
.swiper-container.newposition_c .swiper-pagination  span.swiper-pagination-bullet-active:before ,.swiper-container.newposition_c .swiper-pagination  span:hover:before {background:#255EB5; left: 0; top: 0; width: 10px; height: 10px; }


.new_polist {position:relative; margin-top: 40px;}
.new_polist .slick-slider { padding-bottom: 55px;}
.new_polist ul li {width:410px; float: left; margin-right: 65px;}

.new_polist .slick-dots {position:absolute; bottom: 0; left: 0; width: 50%; text-align: right;}
.new_polist ul .slick-dots li button{margin-right: 18px; float: none; display: inline-block;width: 8px;
height: 8px;
background: #C9C9C9;
border-radius: 50%;}
.new_polist ul .slick-dots li {margin-right: 18px; width: 10px; float: none; display: inline-block;}
.new_polist ul .slick-dots li button{font-size:0;}
.new_polist ul .slick-dots li.slick-active button{width: 10px;height: 10px;background: #255EB5;border-radius: 50%;}
.newposition_c .new_img {overflow:hidden; position: relative;}
.newposition_c .new_img img{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.newposition_c .new_img .newmask {position:absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; display: flex;align-items: center; justify-content: center; text-align: center; background: rgba(13,180,213,0.5);transition: 0.3s; border-radius: 3px;
    -webkit-transition: 0.3s;}
.newposition_c .new_img .newmask span {display:inline-block;   color: #fff; font-size: 16px; padding: 7px 0;  border-top:1px solid #fff;border-bottom:1px solid #fff;}
.newposition_c .news-tit {font-size:18px; color: #333333; height: 56px; line-height: 28px; margin-top: 20px; font-weight: bold; overflow:hidden; 	display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; }
.news-date {font-size: 16px; margin-top: 14px; display: block; position: relative;line-height: 21px;color: #C9C9C9;}
.news-date:after {content:""; opacity: 0; background: url("../images/newjt.svg") no-repeat; width: 18px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.newposition_c .new_thumb:hover .news-date:after {  opacity: 1;transition: 0.5s;    -webkit-transition: 0.5s;}
.newposition_c .new_thumb:hover .new_img .newmask { opacity: 1;}
.newposition_c .new_thumb:hover .news-tit { color: #255EB5;}
.newposition_c .new_thumb:hover .new_img img {border-radius:3px;-webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.new_polist .main-news-controls {position:absolute; left: 50%; bottom: -5px;}


.new_list {border-bottom:1px solid #EFEFEF; padding-bottom: 50px; padding-top: 16px;}
.new_list .new_img{max-height: 215px; overflow: hidden;}
.new_list .new_img img{width: 100%;}
.new_list ul {margin-left:-32px; margin-right: -32px;}
.new_list ul li {width:33.33%; float: left;padding: 24px 32px;}
.new_list ul li a {height:395px; display: block; padding:44px 35px;
background: #F7F8FA;opacity: 1;border-radius: 3px;transition: 0.3s;
    -webkit-transition: 0.3s;}
.new_list li .news-tit{	 overflow:hidden; line-height:24px;	display:block; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
	font-size:18px; color: #333333; font-weight: bold; margin-top:16px;  }
.new_list li .news-sub-txt{
	 overflow:hidden; 	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
	margin-top:35px; line-height: 28px; height: 56px;
	font-size:16px;  font-weight:500; 
}
.new_list li .news-date{display:block; color:#C9C9C9; font-size:16px; margin-top:16px; }
.new_list ul li:hover a {background:#255EB5;}
.new_list ul li:hover .news-sub-txt,.new_list  ul li:hover .news-tit {color:#FFFFFF;}
.new_list ul li:hover .news-date{color:#8AE0F1;}

.paged{padding-top:20px; margin:0 auto 50px; text-align: center; box-sizing:border-box;}
.paged:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.paged a{border: 1px solid #DDD; display:inline-block; line-height:40px; color: #333; background-color: #fff; margin: 0 2px;width: 40px; height:40px;text-decoration: none; font-size:14px;border-radius:50% }
.paged a:hover{border:1px solid #255EB5; text-decoration: none; color:#fff; background-color:#255EB5; font-size:14px;}
.paged span {border-radius:50%; display:inline-block; border: 1px solid #255EB5;  background-color:#255EB5;color: #fff; line-height:40px;width: 40px; height:40px; font-size:14px; margin:0 2px;}
.paged a:first-child , .paged a:last-child{ border:none;} 
.paged .pagination {display:block;}
.paged .pagination li {display:inline-block;}

/*pro*/
.probg {background:#F7F9FA;}
.font26 {font-size:26px;}
.probg .new_title p {padding-bottom:0;}
.pro_title01 {color:#255EB5; font-weight: bold; line-height: 1.1; padding: 34px 0 26px 0;}
.pro_title01 .right {font-size: 16px;
line-height: 35px; font-weight: 500;
color: #666666;}
.pro_list {border-bottom: 1px solid #F7F9FA;    padding-top: 16px;}
.pro_list ul.pron {margin-left:-22px; margin-right: -22px;}
.pro_list ul.pron li {width:25%; float: left; padding: 0 22px 40px 22px;}
.pro_list ul.pron li a {display:block; position: relative;}
.pro_list ul.pron li .newsroom-item-article {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow var(--transition-duration);
    transition: -webkit-box-shadow var(--transition-duration);
    transition: box-shadow var(--transition-duration);
    transition: box-shadow var(--transition-duration), -webkit-box-shadow var(--transition-duration);
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.pro_list ul.pron li .newsroom-item-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    -webkit-transition: height var(--transition-duration);
    transition: height var(--transition-duration);
}
.pro_list ul.pron li .newsroom-item-image img {width:100%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
 
.pro_list ul.pron li .newsroom-item-content {
    -webkit-transition: padding-bottom var(--transition-duration) ease;
    transition: padding-bottom var(--transition-duration) ease;
  	height:100px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
	position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pro_list ul.pron li .newsroom-item-content .prosub{color:#333333;font-size:18px; font-weight: 700; line-height: 1.1; padding-bottom: 14px;}
.pro_list ul.pron li .newsroom-item-content .protext {font-size:14px;color: #999999;}
.newsroom-item-header-container {  padding: 20px 34px;transition: 0.4s;    -webkit-transition: 0.4s; position: absolute; background: #fff; height: 100px; bottom: 0; left: 0; width: 100%;}
.newsroom-item-header-container .pro_ico{ position:relative;}
.newsroom-item-header-container .pro_ico:before,.newsroom-item-header-container .pro_ico:after {content:"";position: absolute; opacity: 0; }
.newsroom-item-header-container .pro_ico:before {width: 30px;height: 30px;/* background: #EDEDED; */border-radius: 50%;right: 0;bottom: 0;}
.newsroom-item-header-container .pro_ico:after {right:11px;bottom: 32px;width: 6px;height: 11px;background: url("../images/projt.svg") no-repeat;}
.pro_list ul.pron li:hover  .newsroom-item-header-container {height:120px;}
.pro_list ul.pron li:hover .newsroom-item-article {
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.04), -10px 0 20px 0px rgba(0,0,0,0.04);
    box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.04), -10px 0 20px 0px rgba(0,0,0,0.04);
}
.pro_list ul.pron li:hover .newsroom-item-header-container .pro_ico:before,.pro_list ul.pron li:hover .newsroom-item-header-container .pro_ico:after {opacity:1;}

/*cotact*/
.lx_map {height:667px;}
.cont_up {padding-top:50px;}
.cont_up .conttitle {font-size: 36px; line-height: 1.2; padding-bottom: 38px;
font-weight: bold;
color: #255EB5;}
.cont_address {float:left; display: inline-block; padding-right: 50px;}
.cont_nav {width: 172px;
height: 46px; display: inline-block;
background: #EDEDED; font-size: 16px; line-height: 46px; position: relative;
border-radius: 30px 30px 30px 4px;}
.cont_nav a {display:block; padding-left: 30px; color: inherit; width: 100%;position: relative;}
.cont_nav:before,.cont_nav:after {content:"";position: absolute; }
.cont_nav:before {width: 30px;height: 30px;background: #fff;border-radius: 50%;right: 10px;top:9px;}
.cont_nav:after {right:21px;top: 18px;width: 6px;height: 11px;background: url("../images/projt.svg") no-repeat;}
.cont_nav:hover {background:#255EB5; color: #fff;}
.cont_address { font-size:16px; line-height: 37px;}
.cont_address i {width:37px; height: 37px; display: inline-block; text-align: center; line-height: 34px; background: #ECECEC; border-radius: 50%; margin-right: 10px; position: relative;}
.contup_botom {padding-top:40px; border-bottom:0px solid #999999; padding-bottom: 50px;}
.contup_l {border-top:1px solid #ECECEC;float:left; width: 61%; padding-top: 33px;}
.contup_l ul li { float: left; padding: 11px 0;}
.contup_l ul li:nth-child(1) {border-right:0px solid #ECECEC;width:50%; padding-right: 5px;}
.contup_l ul li:nth-child(2) {width:50%; padding-left: 8%;}
.contup_l ul li:nth-child(3) {border-right:0px solid #ECECEC;width:50%; padding-right: 5px;}
.contup_l ul li:nth-child(4) {width:50%; padding-left: 8%;}
.contup_l ul li:nth-child(5) {border-right:0px solid #ECECEC;width:50%; padding-right: 5px;}
.contup_l ul li:nth-child(6) {width:50%; padding-left: 8%;}

.contup_l ul li i {width: 37px;height: 37px; float: left;text-align: center;margin-right: 10px; line-height: 37px; background: #ECECEC;border-radius: 50%; display: inline-block;}
.contup_l ul li span { font-size: 16px;max-width:87%; padding-top: 8px; float: left; display: inline-block;
width: -webkit-calc(100% - 47px);
    width: -moz-calc(100% - 47px);
    width: calc(100% - 47px);
    white-space: nowrap;
}
.contup_r { float:right; text-align: right; width: 35%;}
.contup_r ul li {padding:0 17px; display: inline-block; width:35%; text-align: center;}
.contup_r ul li img{width: 100%;}
.contup_r ul li p {padding-top:7px;}

.cont_indus {padding-top:60px;}
.indus36 {font-size:36px;color: #333333; line-height: 1.1; padding-bottom: 40px;}
.cont_indus ul {margin-left:-29px; margin-right: -29px;}
.cont_indus ul li {width:50%;padding:0 29px; float: left; padding-bottom: 36px;}
.indus_cont {background: #FFFFFF; height: 225px; border: 1px solid #C9C9C9; color: #666; padding: 34px 40px; position: relative;}
.cont_indus ul li p{ font-size:16px; padding-bottom: 15px;color:inherit;}
.cont_indus ul li p i {margin-right:5px; width: 30px;}
.cont_indus ul li .indus_name {font-size: 20px;line-height: 25px; margin-bottom: 5px; font-weight: bold;color: #333333; height: 50px; }
.cont_indus ul li .indus_cont .cont_nav {position:absolute;right: 40px; bottom: 50px;}
.cont_indus ul li:hover .indus_cont {background:#255EB5;border: 1px solid #255EB5;color: #ffffff;}
.cont_indus ul li:hover .indus_name {color: #ffffff;}
.cont_indus ul li:hover p i svg path {fill:#ffffff;}
.cont_indus ul li:hover .cont_nav {background:#ffffff !important;color: #666 !important;}
.cont_indus ul li:hover .cont_nav:before {background:#EDEDED;}

/*yanfa*/
.bg-imgs {display:none;}
.res_list {position:relative; height: 385px; margin-top: 18px; background: url("../images/yfbg.jpg") no-repeat center; background-size: cover;}

.res_list .slides {height:100%;}
.res_list .home-slider.scrolled:after {display:none !important;}
.res_list .home-slider .slide .home-slider-item {position:inherit; width: 100%;}
.res_list .home-slider .slide.current {}
.res_cont {width:100%; height: 100%; overflow:hidden; position: relative;}
.res_l {float:left;width:60%; padding-left: 80px; max-height: 100%; padding-top: 90px; }
.res_r { width:40%; padding-right: 150px; position: absolute;right: 0; bottom: 0;}
.res_l .res_zw {font-size: 16px;line-height: 24px;overflow: hidden; word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;}
.res_l .res_name {font-size: 26px; line-height: 1.1; padding: 10px 0; display: block;
font-weight: bold;
line-height: 1.2;
color: #333333;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.res_l p {font-size:16px; line-height: 24px;word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;}

.res_l { opacity: 0;-webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);}

.res_r {opacity: 0;-webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);}
.home-slider .slide.active .res_l{   -webkit-transition: -webkit-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -moz-transition: -moz-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -ms-transition: -ms-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -o-transition: -o-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;}
.home-slider .slide.active .res_r{   -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1200ms ease-out;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1200ms ease-out;
    -ms-transition: -ms-transform 1200ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1200ms ease-out;
    -o-transition: -o-transform 1200ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1200ms ease-out;
    transition: transform 1200ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1200ms ease-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;}

.res_list  .home-slider-indices {
    bottom: 34px;
    left: 80px;
}
.res_list .home-slider-indices .indices li {
    display: inline-block;
    vertical-align: middle;
    margin-right:18px;
    width: 10px;
}

.res_list .home-slider-indices .indices li .index {width: 8px;height: 8px;background: #FFFFFF;border-radius: 50%;}
.res_list .home-slider-indices .indices li.active .index {width: 10px;height: 10px;background: #255EB5;}
.res_list .home-slider-indices .indices a.btn-pause {
    width: .5rem;
    background-color: transparent;
    height: .75rem;
    text-indent: -999em;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: 4px;
    right: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.core_menlist {}
.core_menlist ul {margin-left:-15px; margin-right: -15px; padding-top: 15px; padding-bottom: 15px; overflow:hidden;}
.core_menlist ul li {width:25%; float: left; padding: 15px 15px;}
.core_img {background:url("../images/corebg.jpg") no-repeat; padding: 28px 50px 0 50px;border-radius: 3px;overflow: hidden;background-size: cover;}
.core_menlist ul li .core_cont span {display:block; padding-top: 18px; font-size: 16px;}
.core_menlist ul li .core_cont strong {display:block;font-size: 22px;line-height: 1.1;padding: 10px 0; color: #255EB5;}
.core_menlist ul li .core_cont p {font-size:16px; height: 50px; line-height: 25px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.core_menlist li .core_img img{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.core_menlist li:hover .core_img img {border-radius:3px;-webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}

.core_more a{width: 172px; position: relative; margin-top: 40px; display: block; font-size: 16px; padding-left: 30px; height: 46px; line-height: 46px;background: #ffffff;
border-radius: 30px 30px 30px 4px;}
.core_more a:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/projt.svg") no-repeat 55% 50%;
	background-color: #EDEDED;
	border-radius: 50%;
    background-size: 30%;
    transition: .5s ease-in-out;
}
.core_more a:hover:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.core_more a:hover {background:#255EB5; color: #fff;}



/*job*/
.job_up {padding-top:50px;}
.jobcour_list { height:350px; position: relative; margin-top: 30px; padding-bottom: 35px}
.job_down {background:#F6F6F6;}
/* .job_up p{color: #FFF; font-size: 22px; font-weight:700; padding: 50px 30px; line-height: 42px;} */


.jobcour_list  .home-slider-indices {     bottom:0;    left: 50%; right: inherit;-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
.jobcour_list .home-slider-indices .indices li {
    display: inline-block;
    vertical-align: middle;
    margin-right:18px;
    width: 10px;
}

.jobcour_list .home-slider-indices .indices li .index {width: 8px;height: 8px;background: #C9C9C9;border-radius: 50%;}
.jobcour_list .home-slider-indices .indices li.active .index {width: 10px;height: 10px;background: #255EB5;}
.jobcour_list  .home-slider-indices .indices a.btn-pause::before,.jobcour_list  .home-slider-indices .indices a.btn-pause::after  { background: #C9C9C9;}

.jobcour_list .home-slider-indices .indices a.btn-pause {
    width: .5rem;
    background-color: transparent;
    height: .75rem;
    text-indent: -999em;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: 4px;
    right: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.jobcour_list .home-slider-indices .indices a.btn-pause.play::before {
    border-top: 0.375rem solid transparent;
    border-left: 0.6rem solid #C9C9C9;
    border-bottom: 0.375rem solid transparent;
}
.jobcour_list .home-slider .slides {height:100%; position: relative;}
.jobcour_list .home-slider .slide.active .bg {
    -webkit-transition: -webkit-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


.jobcour_list .home-slider .slide .bgs {    position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position:center; background-repeat: no-repeat; display: flex;}
.jobcour_list .home-slider .slide.active .home-slider-desc p {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}
 
.jobcour_list .home-slider .slide.active .home-slider-desc p {
    -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
    -moz-transition: -moz-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
    -ms-transition: -ms-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
    -o-transition: -o-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
    transition: transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}


.jobcour_list .home-slider .slide,.jobcour_list .home-slider .slide .home-slider-item {width:100%; height: 100%;}
.jobcour_list .home-slider .slide .home-slider-item {left:0; top: 0;}
.jobcour_list  .home-slider-desc p { font-size:26px; line-height: 1.4; color: #fff;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
}
.jobcour_list .home-slider-desc {display:flex; align-items: flex-end; padding: 0 0 60px 60px;}
.job_mid {padding:50px 0;}
.job_mid ul {margin-left:-35px; margin-right: -35px;}
.job_mid ul li {width:33.33%; padding: 0 35px; float: left;}
.job_mid ul li .job_title {font-size: 20px; text-align: center;
font-weight: bold;
line-height: 28px;
color: #333333;    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.job_mid ul li .jobsv {display:block; height: 45px; text-align: center; margin: 35px 0 33px 0;}
.job_mid ul li .jobsv img {max-height:100%;}
.job_mid ul li p {margin-top:25px;font-size: 16px;line-height: 28px; height: 112px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}

.job_more {text-align:center; padding: 30px 0;}
.job_more a{
    width: 172px;
    height: 46px;
    display: inline-block;
    background: #fff;
    font-size: 16px;
    line-height: 46px;
    position: relative;
    border-radius: 30px 30px 30px 4px;
	cursor: pointer !important;
}
.job_more a:hover {background:#255EB5;color:#fff !important;}
.job_positon {padding-top:21px;}
.job_positon ul {margin-left:-29px; margin-right: -29px;}
.job_positon ul li {padding:29px;float: left; width: 33.33%; transform: none !important;}
.job_positon ul li a.joba {height: 240px; display: block; padding: 40px; position: relative;
background: #FFFFFF;
border-radius: 3px;    transition: 0.3s;
    -webkit-transition: 0.3s;}
.job_positon ul li .job_bm {font-size: 16px; display: block; line-height: 21px;
color: #C9C9C9;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   }
.job_positon ul li .job_gw{font-size: 20px; display: block; padding: 20px 0;
line-height: 26px;
color: #333333;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.job_positon ul li .job_adress{ font-size:16px; display: block;}
.job_positon ul li .job_adress em {font-style:normal;color: #ECECEC; display: inline-block;padding: 0 5px;}
.job_positon ul li .job_time{font-size: 16px; padding-right: 20px;word-break: break-all; margin-top: 30px; display: block;position: relative;
line-height: 21px;
color: #C9C9C9;}
.job_positon ul li .job_time i {position:absolute; right: 0; top: 0;}
.job_positon ul li a.joba:hover {background:#255EB5;}
.job_positon ul li a.joba:hover .job_bm {color:#8AE0F1;}
.job_positon ul li a.joba:hover .job_gw {color:#ffffff;}
.job_positon ul li a.joba:hover .job_adress {color:#ffffff;}
.job_positon ul li a.joba:hover .job_adress em{color:#8AE0F1;}
.job_positon ul li a.joba:hover .job_time {color:#8AE0F1;}
.job_positon ul li a.joba:hover .job_time i svg path{fill:#fff;}
.btn_mask {   position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
	background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    outline: 0;}

.join-body { padding:15px 35px;}
.join-body p {line-height:1.5; font-size: 16px; padding-bottom: 15px;}
.jobb_more { padding-top:30px; }
.jobb_more a{width: 172px; position: relative; display: block; font-size: 16px; padding-left: 30px; height: 46px; line-height: 46px;background: #EDEDED;
border-radius: 5px 5px 5px 5px;}
.jobb_more a span {color:inherit;}
.jobb_more a:before {
    position: absolute;
    content: "";

	    width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/projt.svg") no-repeat 55% 50%;
	/* background-color: #ffffff; */
	border-radius: 50%;
    background-size: 30%;
    transition: .5s ease-in-out;
}
.jobb_more a:hover:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.jobb_more a:hover {background:#255EB5; color: #fff;}


/*job detail*/
.jobyp { padding-top:40px;}
.recuit label{width:28%;float:left;font-size:16px;font-weight:500;line-height: 35px;}
.recuit input[type=text]{width:72%;float:left;background: #F0F0F0;border: none;outline: 0;box-shadow: none;font-size: 16px;color: #1d1d1d;border-radius: 0;}
.recuit input[type=radio]{ height:34px; margin-top:0px; vertical-align:-12px; margin-right:6px;-webkit-appearance: radio;}
.recuit select { width:72%; float:left;}

.recuit .form-group{ line-height:34px; margin-bottom:25px;}
.recuit button{margin-bottom:30px;width: 177px;
    display: inline-block;
    color: #fff !important;
	padding: 0;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    background: #255EB5;
   border-radius: 5px 5px 5px 5px;outline:0;}
.recuit textarea { border-radius:0px; width:100%; float:left;background: #F0F0F0; padding: 10px !important;
    border: none;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    color: #1d1d1d;
    border-radius:0;}
.message_code span { margin-left:5px;}
.message_code span img { max-height:50px;}

@media screen and (max-width:1199px){
.recuit label{ width:32%;}
.recuit input[type=text]{ width:68%;}
.recuit select { width:68%;}
}

@media screen and (max-width:991px){
.recuit .form-group:after{ content:''; display:block; visibility:hidden; clear:both; }
.recuit .form-group{ margin-bottom:10px;}
.recuit label{ width:25%;}
.recuit input[type=text]{ width:75%;}
.recuit select { width:75%;}
.recuit textarea { width:100%;}
}

@media screen and (max-width:767px){
.recuit label{ width:28%;}
.recuit input[type=text]{ width:72%;}
.recuit select { width:72%;}

}
@media screen and (max-width:374px){
.recuit label{ width:100%;}
.recuit input[type=text]{ width:100%;}
.recuit select { width:100%;}

}

/*industry company*/
.top-visual.indus_bg {height:calc(100vh - 85px);}
.indus_bg .bg-img2{position:absolute;background-size:cover; background-repeat: no-repeat; background-position: center;left:0;top:0;width:100%;height:100%;-webkit-animation:bgScale 2s ease forwards;animation:bgScale 2s ease forwards;}

.indus-down {
    position: absolute;
    left: 50%;
    bottom: 0;
	  -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    z-index: 5;
}

.indus-down .label {
    display:inline-block;
    letter-spacing: .1em;
    font-size:16px;
	cursor: pointer;
    position: relative;
    padding-bottom: calc(42px + .8rem);
    color: #fff;
}
.indus-down .label span {color:inherit;}
.indus-down .label .line {
    display: block;
    width: 3px;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
}

.indus-down .label .line:before {
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    position: absolute;
    width: 1px;
}

.indus-down .label .line:after {
    background: #255EB5;
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    width: 1px;
    -webkit-animation: scroll-down-line 3s infinite;
    -o-animation: scroll-down-line 3s infinite;
    animation: scroll-down-line 3s infinite;
}

@-webkit-keyframes scroll-down-line {
    0%, 20% {
        height: 45%;
        top: -45%;
    }
    80%, 100% {
        height: 45%;
        top: 105%;
    }
}

@keyframes scroll-down-line {
    0%, 20% {
        height: 45%;
        top: -45%;
    }
    80%, 100% {
        height: 45%;
        top: 105%;
    }
}
.indus_text {position:absolute; top: 50%; width: 100%; left: 0;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.indus_text .container { text-align:center;}
.indus_text h3.ind_gsname {font-size: 40px; margin-bottom: 34px;font-weight: bold;line-height: 28px;color: #FFFFFF;}
.indus_text p {font-size: 16px;font-weight: 400;line-height: 28px;color: #FFFFFF; padding: 0 15px;}

.indus_menu {border:1px solid #E0E0E0; margin: 60px 0 75px 0;}
.indus_menu ul li {width:25%; float: left;height: 65px; text-align: center;}
.indus_menu ul li a {display:block; width: 100%; font-size: 18px;height: 65px;  line-height: 65px;color: #333333;}
.indus_menu ul li:hover a,.indus_menu ul li.active a {background: #255EB5;color: #fff; font-weight: bold;}
.index_first {padding:0 0 30px 0;}
.index_first .left {max-width:50%; padding-right: 30px;}
.index_first .left span {font-size: 18px;
font-weight: bold;
line-height: 36px;
color: #255EB5;}
.index_first .left p {
font-size: 32px;
font-weight: bold;
line-height: 48px;
color: #333333;}
.index_first .right {width:50%; max-width: 640px;}
.index_first .right p {font-size:16px; line-height: 28px; padding-bottom: 22px;}
.ings_lc {min-height:350px; background-image: url("../images/indbg01.jpg"); background-repeat: no-repeat; background-size: cover;background-position: center; background-attachment: fixed; overflow: hidden;padding:109px 60px; margin-bottom: 55px;}
.ings_lc .ings_left {float:left; width: 50%;}
.ings_lc .ings_right {float:left; width: 50%;}
.ings_lc .ings_right p {font-size: 16px;line-height: 28px;color: #FFFFFF;}
.ind_three .left p{font-size: 36px;line-height: 48px; font-weight: 500; color: #333333;}
.ings_lc .ings_left h3 {font-size: 32px;  position: relative;font-weight: bold;line-height: 28px;color: #FFFFFF;}
.ings_lc .ings_left h3:before {content:""; max-width:130px; width: 40%; height: 1px; line-height: 1px; background: rgba(255,255,255,0.6);position: absolute; left:164px; top: 50%;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.indus_midbg {background-image:url("../images/indbg02.jpg"); background-repeat: no-repeat; background-position: center;background-size: cover; background-attachment: fixed; overflow: hidden; height: 640px; position: relative;}
.indus_midbg .indus_midmask {position:absolute; left: 0; top: 0;background: rgba(0,0,0,0.2); width: 100%; height: 100%; display: flex; align-items: center;}
.indus_midbg .indus_midmask h3 {font-size: 36px; text-align: center;
font-weight: bold;
line-height: 47px;
color: #FFFFFF;}
.indus_bottom {overflow:hidden;position: relative;margin: 60px 0 100px 0;}
.indus_bottom .indusb_left {float:left; width: 58.5%; padding-right: 147px;}
.indus_bottom .indusb_left h3{font-size: 36px;line-height: 48px; font-weight: 500; color: #333333; margin-bottom: 40px; margin-top: 58px;}

.indus_bottom .indusb_left p {font-size: 16px;line-height: 28px; padding-bottom: 28px;}
.indus_bottom .indusb_right {position:absolute; width: 41.5%; height: 100%; right: 0; top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }

/*honor*/
.pt50 {padding-top:50px;}
.about-list2 {
  position: relative;
	margin-top: 40px;
  z-index: 1;
  overflow: hidden;
}
.about-list2 .about-list-banner {
  height: 350px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-list2 .about-list-banner .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
	margin: 0;
  left: 0;
  top: 0;
  background-size: cover;
  z-index: 1;
}
.about-list2 .xianbox {
  position: absolute;
  width: 50px;
  height: 208px;
  top: 90px;
  left: calc(50vw - 500px);
  z-index: 2;
  overflow: hidden;
}
.about-list2 .xianimg {
  width:100%;
  height:100%;background: url("../images/img45.png") no-repeat left top; background-size: cover;
  display: none;
}
.about-list2 .about-list-banner .bgimg .container {height:100%;}
.about-list2 .about-list-banner .bgimg .left{ width:50%; height: 100%;padding: 45px 30px 50px 0px; position: relative;}
.about-list2 .about-list-banner .bgimg .left h3 {font-size: 36px;
line-height: 1.1;
color: #FFFFFF;}
.about-list2 .about-list-banner .bgimg .left p {font-size: 22px; line-height: 62px; position: absolute; left: 0px; bottom: 50px;
color: #FFFFFF;}
.honor_bgd {background:#F8F8F8;}
.honor_tab { padding-top:50px; position: relative;}
.honor_tab .nav-tabs {border:none; text-align: center; display: block; position: absolute; right: 0; max-width: 70%; top: -64px;}
.honor_tab .nav-tabs .nav-item { display:inline-block;}
.honor_tab .nav-tabs .nav-link {font-size:16px;min-width: 172px; display: block; margin: 0 10px; padding: 0; height: 46px; line-height: 46px;
background: #FFFFFF;
border-radius: 30px 30px 30px 4px;}
.honor_tab .nav-tabs .nav-item.show .nav-link,.honor_tab  .nav-tabs .nav-link.active,.honor_tab .nav-tabs .nav-link:hover {
background: #255EB5; color: #fff;}
.ind_honor_case .swiper-container {
    overflow: initial;
	overflow: hidden;
}

.honor_bgd .swiper-pagination {position:inherit; padding-top: 50px;}
.honor_eject  .caseeject {max-width:inherit;}
.honor_eject  .caseeject .modal-content{max-width:850px;
background: #FFFFFF; margin: 0 auto;
box-shadow: 0px 3px 66px rgba(0, 0, 0, 0.16);border-radius: 29px;}
.honor_eject .modal-content {border:none;}
.honor_eject .modal-header {border:none; text-align: center; padding-top: 50px;}
.honor_eject .modal-header .close {display:inline-block;margin: 0 auto; padding: 0;width: 44px;height: 44px; line-height: 44px; padding-top: 15px; border: 1px solid #A4A4A4;
border-radius: 50%;}
.honor_eject .modal-header .close img {vertical-align:top;}
.honor_eject .modal-header .close:hover img{   -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	transition: 0.5s;-webkit-transition: 0.5s;}

.honor_eject .modal-body {padding-bottom:80px;}
.homenewlist {max-width:565px; margin: 0 auto}
.homenewlist .owl-dots {display:none;}
.homenewlist  .owl-theme .owl-nav {margin-top:0;}
.honor_title {font-size: 22px; padding-top: 35px; line-height: 29px; text-align: center;color: #333333;}
.honor_title p{color: #333333;}
.honor_eject  .owl-theme .owl-nav {margin-top:0;}
.honor_eject .owl-carousel.owl-theme .owl-nav button {position:absolute; top: 50%;width: 44px; outline: 0; height: 45px; line-height: 45px; background: #ECECEC;
border-radius: 50%; margin-top: -50px;    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.honor_eject  .owl-theme .owl-nav button span {font-size: 0;display: inline-block;width: 16px; height: 14px;vertical-align: middle;}
.honor_eject  .owl-theme .owl-nav button.owl-prev {left:-20%;}
.honor_eject  .owl-theme .owl-nav button.owl-next {right:-20%;}
.honor_eject  .owl-theme .owl-nav button:hover {background:#255EB5;}
.honor_eject  .owl-theme .owl-nav button.owl-prev span {background:url("../images/ryleft.png") no-repeat;background-size: cover;}
.honor_eject  .owl-theme .owl-nav button.owl-next span {background:url("../images/ryright.png") no-repeat;background-size: cover;}
.honor_eject  .owl-theme .owl-nav button.owl-prev:hover span {background:url("../images/rylefth.png") no-repeat;background-size: cover;}
.honor_eject  .owl-theme .owl-nav button.owl-next:hover span {background:url("../images/ryrighth.png") no-repeat;background-size: cover;}
.ind_honor_case {padding-bottom:55px; text-align: center;}
/* .ind_honor_case .pro_img_box{height:255px;} */
.ind_honor_case .pro_img_box img{border-radius:0;height: 100%; width: auto;}

.ind_honor_case .swiper-container span.swiper-pagination-bullet { opacity: 1;background:none;width: 10px; height: 10px; margin: 0 8px; position: relative;}
.ind_honor_case .swiper-container span:before {background: #C9C9C9; border-radius: 50%; content:"";width: 8px; left: 1px; top: 1px; height: 8px; position: absolute;}
.ind_honor_case .swiper-container span.swiper-pagination-bullet-active:before ,.ind_honor_case .swiper-container span:hover:before {background:#255EB5; left: 0; top: 0; width: 10px; height: 10px; }
.ind_honor_case .swiper-slide a {display:block; line-height: 245px;}
.about-list2 .time-contentbox {position:relative; padding: 118px 0 75px 0;}
.honr_img img {margin:0 auto;}
.honor_eject .owl-carousel.owl-drag .owl-item {text-align:center;}
.honor_eject .item {text-align:center;display:inline-block;}
.honor_eject .item .honr_img {display:inline-block;}
.about-list2 .time-contentbox .xianbox2 {
    width: calc(100vw * 4.1);
    height: 170%;
	position: absolute;
	left: 0;
	top:-120px;
    z-index: 1;
}
.about-list2 .time-contentbox .xianimg2 {
    width: calc(100vw * 4.1);
    height:100%;
}

.about-list2 .time-contentbox .swiper-container {
    overflow: initial;
}
.honr_one h3{font-size: 32px;font-weight: bold;line-height: 46px;color: #333333;}
.honr_one p {font-size: 16px;line-height: 28px;}
.time-contentbox .swiper-slide {z-index:99; padding-bottom: 45px; }
.time-contentbox .swiper-slide:first-child {padding-top: 178px !important;}
.time-contentbox .swiper-slide:nth-child(2n) {padding-top:100px;}

.honorbut {padding-top: 70px; text-align: center;}
.honorbut .honor_but {width: 51px; position: relative; z-index: 99;height: 51px; text-align: center; line-height: 51px; display: inline-block; cursor: pointer;background: #ECECEC;border-radius: 50%; margin: 0 12px; outline: 0;}
.honorbut .honor_but:hover {background:#255EB5;}
.honorbut .honor_but:hover svg path {fill:#fff;}
.honor_sub {font-size: 18px; margin-top: 15px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
line-height:34px;
text-align: center;
color: #333333;}
.honor_subs {font-size: 18px;position: absolute; left: 0; width: 100%; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
line-height: 24px;
color: #333333;}

.time-contentbox .swiper-slide:nth-child(2n) .honor_subs {bottom:0;}
.time-contentbox .swiper-slide:nth-child(2n-1) {padding-top:45px;}
.time-contentbox .swiper-slide:nth-child(2n-1) .honor_subs {top:0;}

@media all and ( min-width: 992px ){
.time-contentbox .swiper-slide:first-child {width:420px !important;}

}

/*indus pro*/
.index_first .left em { font-size: 16px;line-height: 1.4;}
.indpro_onebg {min-height: 700px; padding: 100px 0 0 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.indpro_onebg h3.font36 {font-size: 36px; text-align: center;
font-weight: bold;
line-height: 1.4;
color: #FFFFFF;}
.indpro_onebg ul {text-align:center; padding-top: 130px; padding-bottom: 50px; margin-right: -60px; margin-left: -60px;}
.indpro_onebg ul li {display:inline-block; max-width: 25%;width: 322px; padding: 0 60px;}
.indpro_onebg ul li .inpro_bd {width:100%;
height: 260px; padding: 67px 5px 0 5px;
background: #FFFFFF;transition: 0.3s;
    -webkit-transition: 0.3s;
border-radius: 0px 50px 50px 50px;}
.indpro_onebg ul li .inpro_bd span{height:75px; display: block;}
.indpro_onebg ul li .inpro_bd p{font-size: 18px; margin-top: 20px;
line-height: 28px;
color: #255EB5;}
.indpro_onebg ul li:hover .inpro_bd {background:#255EB5;}
.indpro_onebg ul li:hover .inpro_bd span svg path {fill:#fff;}
.indpro_onebg ul li:hover .inpro_bd p {color:#fff;}

.homepro {padding:60px 0 0 0;}
.homepro  .inpro_twobg {height:487px; width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover;}
.homepro .nav {padding-top:30px; text-align: center; display: block; padding-bottom: 75px;}
.homepro .nav li {display:inline-block; padding:0  22px;}

.homepro .nav li a strong {font-size: 18px;
font-weight: 500;
line-height: 48px;
color: #333333;}
.homepro .nav-pills .nav-link.active {background:none;}
.homepro .nav li a:after {content:"";width: 0;height: 3px; position: absolute; bottom: 0; left: 0; opacity: 0; background: #255EB5; transition: 0.3s;
    -webkit-transition: 0.3s;}
.homepro .nav li a {padding:0; border-radius: 0; display: inline-block; position: relative;}
.homepro .nav li a.active strong,.homepro .nav li a:hover strong {color:#255EB5;}
.homepro .nav li a:hover:after,.homepro .nav li a.active:after {opacity: 1;width: 100%;}

.inpro_cont {max-width: 546px; width: 60%; float: right;
height: 100%; padding: 68px;
background: rgba(0,0,0,0.5);animation: banRt 1s ease both;}
.inpro_cont h3 {font-size: 22px; position: relative;
font-weight: bold;
line-height: 1.1; padding-bottom: 18px; margin-bottom: 20px;
color: #FFFFFF;}
.inpro_cont h3:after {content:"";height: 2px;background:rgba(255,255,255,0.5);position: absolute; width: 18px; left: 0; bottom: 0;}
.inpro_cont .scoll {overflow:hidden; max-height: 316px; overflow-y: auto;}
.inpro_cont .scoll::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.inpro_cont .scoll::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.4);
  border-radius:2px;
}
.inpro_cont .scoll::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.6);
  border-radius:10px;
}
.inpro_cont .scoll::-webkit-scrollbar-thumb:hover{
  background: #fff;
}
.inpro_cont .scoll p { font-size:16px; color: #fff; padding-bottom: 15px; line-height: 28px;}

@keyframes banLt{
	0%{transform: translateX(-150px);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}
@keyframes banBt{0%{transform: translateY(50px);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}
@keyframes banRt{0%{transform: translateX(50px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
@keyframes banPs{0%{transform: scale(.4);opacity: 0;}100%{transform: scale(1);opacity: 1;}}
.indpro_threbg {height:475px; background-image: url("../images/inprobg03.jpg");}

.indpro_threbg2 {
background: #F7F9FA;padding: 60px 0 24px 0;}
.indpro_threbg2 ul {margin-left:-40px; margin-right: -40px;overflow: hidden;}
.indpro_threbg2 ul li {width:50%; padding: 0 40px; float: left;padding-bottom: 40px;}
.indpro_threbg2 ul li .indpro_img {  position: relative;border-radius: 10px;overflow: hidden; transition: 0.3s;-webkit-transition: 0.3s;}
.indpro_threbg2 ul li .indpro_img span {overflow: hidden;display:block;}
.indpro_threbg2 ul li .indpro_cont3{width: 100%; position: absolute; bottom: 0; left: 0; padding:26px 40px; max-height: 70%;overflow: hidden;
background: #FFFFFF;transition: 0.3s;    -webkit-transition: 0.3s;border-radius: 10px;}
.indpro_threbg2 ul li .indpro_cont3 strong {font-size: 22px;line-height: 28px;color: #333333;}
.indpro_threbg2 ul li .indpro_cont3 p {font-size:16px; line-height: 28px; margin-top: 15px; display: none; max-height: 112px; overflow-y: auto;}
.indpro_threbg2 ul li .indpro_cont3 p::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.indpro_threbg2 ul li .indpro_cont3 p::-webkit-scrollbar-track{
  background:rgba(255,255,255,1);
  border-radius:2px;
}
.indpro_threbg2 ul li .indpro_cont3 p::-webkit-scrollbar-thumb{
  background:rgba(247,249,250,1);
  border-radius:10px;
}
.indpro_threbg2 ul li .indpro_cont3 p::-webkit-scrollbar-thumb:hover{
  background: #fff;
}


.indus_four {padding:60px 0;}
.indpro_threbg2 ul li:hover .indpro_img {background-size:110%;}
.indpro_threbg2 ul li:hover .indpro_cont3 {padding:35px 40px 26px 40px;}
.indpro_threbg2 ul li:hover .indpro_cont3 p {display:block;}
.indpro_threbg2 ul li .indpro_img span img{border-radius: 10px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.indpro_threbg2 ul li:hover .indpro_img span img {border-radius:3px;-webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.pro_threesub {text-align:center;}
.pro_threesub h3{font-size: 36px;line-height: 48px;color: #333333; padding-bottom: 20px;}
.pro_threesub p{max-width:870px; margin: 0 auto; font-size: 16px; line-height: 28px;}
/*four*/
.indus_fourlist {padding-top:48px;}
.indus_fourlist ul {margin-left:-12px; margin-right: -12px; overflow:hidden;}
.indus_fourlist ul li {width:16.66%; float: left;padding: 0 12px; padding-bottom: 24px;}
.indus_fourlist ul li .indusfour_bg {height:418px; width: 100%; position: relative;background-position: center; background-repeat: no-repeat; background-size: cover;border-radius: 3px;}
.indus_fourlist ul li .indusfour_bg:before {height: 100%;content:""; width: 100%; position: absolute; left: 0; top: 0;
background: #000000;
opacity: 0.3;
border-radius: 3px;}
.indus_fourlist ul li:first-child .indusfour_bg .line {left:50%;}
.indus_fourlist ul li:last-child .indusfour_bg .line { width: 100%}
.indus_fourlist ul li .indusfour_bg .line {
    content: '';
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
	width: 120%;
	height: 5px; margin-top: -2px;
    background-color:  #255EB5;;
}

.indus_fourlist ul li .indusfour_bg  .indusfour_title {font-size: 20px; padding: 20px; display: block;font-weight: bold; position: relative;line-height: 1.2;color: #FFFFFF;}
.indus_fourlist ul li .indusfour_bg  .indusfour_num {font-size: 50px; position: absolute; right: -5px; bottom: -5px;font-family: 'Open Sans', sans-serif;font-weight: bold;line-height: 1;color:rgba(255,255,255,0.5); z-index: 9;}

/*five*/

.indus_five { padding: 74px 0 50px 0; background: #F7F9FA;}
.indus_five .swiper-pagination {  bottom: 3px; width: 50%; text-align: right;}
.indus_five .indusfive_c {padding-bottom:50px;}
.banner-onno{background-image: url('../images/banplay.png'); background-repeat: no-repeat; width: 11px; height: 14px; position: absolute; bottom: 0; margin-left: 15px; left: 50%; z-index: 99; cursor: pointer;}
.banner-onno.ontrue{background-image: url('../images/banstop.png');}
.indus_five .indusfive_c .swiper-pagination span {margin:1px 7px 0 7px;}
.indus_five .indusfive_c span.swiper-pagination-bullet-active {width:10px; height: 10px;margin:0px 7px 0 7px;}


.indus_more {  opacity: 0;-webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px); }
.indus_more span{width: 172px; max-width: 100%; position: relative; display: block; font-size: 16px; padding-left: 30px; height: 46px; line-height: 46px;background: #ffffff;
border-radius: 30px 30px 30px 4px;}
.indus_more span:before {display:none !important;}
.indus_more span:after {
    position: absolute;
    content: "";
	width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/projt.svg") no-repeat 55% 50%;
	background-color: #EDEDED;
	border-radius: 50%;
    background-size: 30%;
    transition: .5s ease-in-out;
}
.indus_more span:hover:after {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.indus_more span:hover {background:#255EB5; color: #fff;}
.indusfive_sub {font-size: 36px; text-align: center;
line-height:1.4; padding-bottom: 75px;
color: #333333;}
.indusfive_k {width:100%; height: 546px;}
.indusfive_page {width:100%; height: 100%; padding: 40px;border-radius: 3px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex; align-items: flex-end; transition: 0.4s;-webkit-transition: 0.4s;}
.indusfive_page:before {content:""; background: rgba(0,0,0,0.2); border-radius: 3px;width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.indusfive_k .indusfive_page div {width:100%; height: 30px;transition: 0.4s;    -webkit-transition: 0.4s;}
.indusfive_k .indusfive_page h3 {font-size: 25px; position: relative;font-weight: bold;line-height: 28px;color: #FFFFFF;}
.indusfive_k .indusfive_page p {font-size:16px; color: #fff; position: relative; line-height: 1.5; padding: 20px 0;  max-height:224px;     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;opacity: 0;-webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px); }
.indusfive_k:hover .indusfive_page div {height:auto;}
.indusfive_k:hover .indusfive_page {z-index: 9;}
.indusfive_k:hover .indusfive_page p {  opacity: 1;  -webkit-transition: -webkit-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -moz-transition: -moz-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -ms-transition: -ms-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -o-transition: -o-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;-webkit-transform: translateX(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.indusfive_k:hover .indusfive_page .indus_more {  opacity: 1;  -webkit-transition: -webkit-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -moz-transition: -moz-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -ms-transition: -ms-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    -o-transition: -o-transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 800ms ease-out;-webkit-transform: translateX(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.indusfive_k:hover .indusfive_page:before {background:rgba(0,0,0,0.7); transition: 0.3s;-webkit-transition: 0.3s;}

/*six*/
.indusfive_s {padding-bottom:50px;}
.indusfive_s .swiper-pagination {  bottom: 3px; width: 50%; text-align: right;}

.indusfive_s .banner-onnos{background-image: url('../images/banplay.png'); background-repeat: no-repeat; width: 11px; height: 14px; position: absolute; bottom: 0; margin-left: 15px; left: 50%; z-index: 99;cursor: pointer;}
.indusfive_s .banner-onnos.ontrues{background-image: url('../images/banstop.png');}
.indusfive_s .swiper-pagination span {margin:1px 7px 0 7px;}
.indusfive_s span.swiper-pagination-bullet-active {width:10px; height: 10px;margin:0px 7px 0 7px;}
.indussix_k { }
.indussix_k .indussix_page {width:100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; display: flex; align-items: flex-end;}
.indussix_k a {position: relative; overflow:hidden;width: 100%; height: 100%; display: block;}
.indussix_k a span {display:inline-block; width: 51px; height: 51px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 9;}
.indussix_k .indussix_page div {display:flex; position: relative; height: 60px; width: 100%;}
.indussix_k .indussix_page div:before{height:100%; width: 100%; content:" "; position: absolute; left: 0; bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.8;}
.indussix_k .indussix_page div h3 {font-size: 18px; position: relative; padding: 15px 29px;
font-weight: bold;
line-height: 32px;
color: #FFFFFF; white-space: nowrap;  overflow: hidden;  text-overflow:ellipsis;}
.videocase .modal-dialog {max-width:900px;}
.videocase video {max-width:100%;}
.indussix_k a .proimg{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.indussix_k:hover a .proimg {-webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.indus_down { border-top: 2px solid #4B4B4B; padding-top: 20px; padding-bottom: 60px;}
.pb38 {padding-bottom:38px;}
.indus_down ul li { border:1px solid #E8E8E8; padding-left:38px; overflow:hidden; height:80px; margin:10px 0;}

.downt01 { float:left; width:72%; font-size:18px; height:52px; line-height:20px; padding-top:13px; padding-right:15px; color:#333333; margin-top:17px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.downt02 { border-left:1px solid #E8E8E8; width:14%; float:left; height:100%; text-align:center;}
.downt02 a { font-size:16px; display:inline-block; line-height:80px;}
.downt02 a i{padding-right:10px;}

.downt02 a:hover { color:#1A489B;}
.downt03 { border-left:1px solid #E8E8E8; width:14%; float:left; height:100%; text-align:center;}
.downt03 a { font-size:16px; display:inline-block; padding-left:10px; line-height:80px;}
.downt03 a i{padding-right:10px;}
.downt02:hover,.downt03:hover { background: #255EB5;}
.downt02:hover a,.downt03:hover a { color:#ffffff;}
.downt02:hover a i svg path,.downt03:hover a i svg path {fill:#fff;}

/*eight*/
.indus_lxbg {background-image:url("../images/prolxbg.jpg");overflow: hidden; padding: 140px 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
.indus_lx {}
.indus_lx ul {margin-left:-20px; margin-right: -20px;}
.indus_lx ul li {width:50%; float: left; padding: 0 20px;}
.indus_lxn {height: 221px;background: #FFFFFF;padding: 40px 40px 30px 40px;}
.induslx_up {overflow:hidden; padding-bottom: 60px;}
.induslx_up strong{font-size: 22px; display: inline-block; float: left;
 line-height: 32px;
color: #333333;}
.induslx_up span {display: inline-block; float:right;}
.induslx_down {border-top:1px solid #DCDCDC; line-height: 80px;}
.induslx_down a {font-size:16px;}
.induslx_down a i{margin-left:20px; transition: 0.3s;-webkit-transition: 0.3s;}
.induslx_down a:hover {color:#255EB5;}
.induslx_down a:hover i{margin-left:23px;}

/*pro detail*/
.pro_deup {border-bottom:1px solid #ECECEC; padding: 22px 0 20px 0; overflow:hidden;}
.pro_deup .left {font-size: 16px; line-height: 48px;}
.pro_deup .right .pro_back {width: 48px; display: inline-block;height: 48px; text-align: center; line-height: 48px;background: #255EB5;border-radius: 50%;}
.pro_deup .right .pro_backtext {line-heigth:48px; display: inline-block; margin: 0 18px 0 12px;color: #255EB5;font-size: 16px;}
.pro_deup .right .pro_share {width: 48px;
height: 48px;text-align: center; line-height: 48px;display: inline-block;
border: 1px solid #EAEAEA;
border-radius: 50%;}
.pro_deup .right .pro_share:hover {background: #255EB5;border: 1px solid #255EB5;}
.pro_deup .right .pro_share:hover svg path {fill:#fff;}
.pro_detwo .ind_new_case .swiper-button-next,.pro_detwo .ind_new_case  .swiper-button-prev {    height: 46px; width: 46px;
    line-height: 46px;
    background-color: #ffffff;background-size: 17px 14px;
    border-radius:50%;}
.pro_detwo .ind_new_case .swiper-button-next {background-image:url("../images/ryright.png");}
.pro_detwo .ind_new_case .swiper-button-prev {background-image:url("../images/ryleft.png");}
.pro_detwo .ind_new_case .swiper-button-next:hover,.pro_detwo .ind_new_case  .swiper-button-prev:hover  {background-color:#255EB5;}
.pro_detwo .ind_new_case .swiper-button-next:hover {background-image:url("../images/ryrighth.png");}
.pro_detwo .ind_new_case .swiper-button-prev:hover {background-image:url("../images/rylefth.png");}

.pro_detwo {padding:20px 0;}
.pro_detwo .left {width:58%; padding-right: 100px;}

.pro_deup .right .bdsharebuttonbox { float: right;}
.pro_deup .right .bdsharebuttonbox a {margin:0; display: inline-block;width: 48px; height: 48px; border:1px solid #EAEAEA;	background-color:#ffffff;  border-radius: 50%; padding: 0;}
.pro_deup .right .bdsharebuttonbox a.more {  background-image: url("../images/share03.png"); background-position: center; background-repeat: no-repeat;}
.pro_deup .right .bdsharebuttonbox a:hover,.footshare .bdsharebuttonbox a:hover#fenxiang1 { background-color:#969696;}
.pro_deup .right .bdsharebuttonbox a:hover.more {  background-image: url("../images/shareh03.png");background-color: #255EB5;border:1px solid #255EB5;	}



.pro_img_box {overflow:hidden;height: 225px; background-color: #FFF;}
.pro_img_box img {border-radius:12px;}
.engtab .nav-tabs {border:none; text-align: center; display: block; margin-top: 18px;}
.engtab .nav-tabs .nav-item { display:inline-block; position: relative; padding: 0 18px;}
.engtab .nav-tabs .nav-item:before {background: #999999; position: absolute; width: 1px; height: 12px; right: 0; top: 17px;content: "";}
.engtab .nav-tabs .nav-item:last-child:before {display:none;}
.engtab .nav-tabs .nav-link {font-size:16px;display: inline-block; position: relative;padding: 0; line-height: 44px;
height: 44px; border:none;}
.engtab .nav-tabs .nav-link:after {content: ""; position: absolute;height: 3px; width:0; bottom: 0; left: 0; 
background: #255EB5; opacity: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.engtab .nav-tabs .nav-item.show .nav-link,.engtab  .nav-tabs .nav-link.active,.engtab .nav-tabs .nav-link:hover {
 color: #255EB5;}
.engtab .nav-tabs .nav-link.active:after,.engtab .nav-tabs .nav-link:hover:after {opacity:1;width: 100%;}
.ind_new_case a.bigvido .pro_img_box {position:relative;}
.ind_new_case a.bigvido .pro_img_box:before {opacity:0.3; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%;content:"";}
.ind_new_case a.bigvido .pro_img_box span {position:absolute; left: 50%; top: 50%; width: 51px; height: 51px; margin-top: -25px; margin-left: -25px;}
.pro_detwo .right {width:42%;}
.pro_detwo .right .pro_detwosub {font-size: 16px;line-height: 21px; display: block;}
.pro_detwo .right .pro_detwosub2 {display: block;font-size: 26px;font-weight: bold;line-height: 35px;color: #255EB5;padding-top: 15px;}
.pro_detwo .right .pro_scoll {margin-top:40px;}
.pro_detwo .right .pro_scoll {overflow-y:auto; height: 180px; margin-bottom: 20px;}
.pro_detwo .right .pro_scoll p {font-size:16px; line-height: 28px; padding-bottom: 15px;}

.pro_detwo .right .pro_detwod {border-top:1px solid #ECECEC; padding-top: 30px;}
.pro_detwo .right .pro_detwod p{font-size:16px; padding-top: 30px;}
.pro_detwo .right .pro_detwod .project_img {max-width: 200px; margin-bottom: 20px;}
.pro_detwo .right .pro_detwod .project_more {margin-left:-10px; margin-right: -10px;}
.pro_detwo .right .pro_detwod .project_more a{width:200px; position: relative; display: block; font-size: 16px; padding-left: 0px; height: 46px; line-height: 46px;background: #EDEDED;color:#333;border-radius: 0px 0px 0px 0px; max-width: 45%; text-align: center; float: left; margin: 0 10px;}
.pro_detwo .right .pro_detwod .project_more a:before {
    position: absolute;
    content: "";

	    width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    /* background: url("../images/projt.svg") no-repeat 55% 50%; */
	/* background-color: #ffffff; */
	/* border-radius: 50%; */
    background-size: 30%;
    transition: .5s ease-in-out;
}
.pro_detwo .right .pro_detwod .project_more a:hover:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.pro_detwo .right .pro_detwod .project_more a:hover {background:#255EB5; color: #fff;}
.pro_deone .indpro_onebg{margin-top:50px;}

.prode_three {overflow:hidden; padding-bottom: 80px;}
.prode_three .prode_table .table-bordered td,.prode_three .prode_table .table-bordered th {border:2px solid #fff;}
.prode_three .prode_table table tr td {font-size:18px; vertical-align: middle;}
.prode_three .prode_table table tr td{ background: #ECECEC; padding:14px 10px 14px 40px; line-height: 1.4;}
.prode_three .prode_table table tr td:first-child {background:#D1E5E9;color:#00A2C2; padding-left: 0;text-align: center; width: 150px; }

.prode_bgf {padding:288px 0 77px 0; background-position: center; background-repeat: no-repeat;background-attachment: fixed; background-size: cover;}
.prode_bgf h3 {font-size: 36px; line-height: 1.1; padding-bottom: 46px;
color: #FFFFFF;}
.prode_bgf p {font-size: 18px; min-height: 200px; max-width: 562px;
line-height: 32px;
color: #FFFFFF;}
.prode_bgf .prode_ftxt {padding-top:15px;}
.prode_bgf .prode_ftxt span{font-size: 16px; display: inline-block;line-height: 32px;
color: #FFFFFF; position: relative;}
.prode_bgf .prode_ftxt span:before {opacity:0.5;content:""; width: 100px; height: 1px; background: #fff; position: absolute; left: 115%; top: 50%;}

.prode_five {overflow:hidden;padding: 75px 0 85px 0;display: flex;}
.prode_five .left {width:55%;}
.prode_five .right {width:45%;padding-left: 70px;display: flex;align-items: center;}
.prode_five .right h4 {font-size: 36px; margin-bottom: 50px;
line-height: 1.2;
color: #333333;}
.prode_five .right p {font-size: 18px; min-height: 128px; margin-bottom: 15px;
line-height: 32px;}
.prode_five .right span {font-size: 16px; display: block;
line-height: 28px;
color: #999999;}

.prode_sev {padding-top:60px;}
.prode_sev ul {margin-left:-25px; margin-right: -25px;}
.prode_sev ul li {width:25%; float: left; padding: 25px;}
.prode_sev ul li .prode_seimg {overflow:hidden; margin-bottom: 30px;}
.prode_sev ul li h4 {font-size: 22px;line-height: 1.1;color: #333333;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.prode_sev ul li p {line-height:28px; height: 112px; font-size: 16px; margin-bottom: 12px; margin-top: 5px;}
.prode_ebg {
background: #F7F9FA;padding: 75px 0;}
.prode_ebg .indusfive_c {
    padding-bottom: 50px;
}
.prode_ebg .prode_eimg {overflow:hidden; position: relative;}
.prode_ebg .prode_eimg:before {content:""; background: rgba(0,0,0,0.2); border-radius: 3px;width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9;}
.prode_ebg .prode_eimg .prode_etext {position:absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 40px 40px; display: flex;align-items: flex-end; z-index: 99;}
.prode_ebg .prode_eimg .prode_etext div {width:100%; transition: 0.4s;    -webkit-transition: 0.4s;}
.prode_ebg .prode_eimg .prode_etext h3 {font-size:18px; position: relative;font-weight: normal;line-height: 28px;color: #FFFFFF;}
.prode_ebg .prode_eimg img {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.prode_ebg .prode_eimg:hover img {-webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.prode_ebg .prode_eimg:hover:before {background: rgba(0,0,0,0.5);}
.prode_ebg .swiper-pagination {
    bottom: 3px;
    width: 50%;
    text-align: right;
}

.swiper-container.indusfive_c span.swiper-pagination-bullet { opacity: 1;background:none;width: 10px; height: 10px; margin: 0 8px; position: relative;}
.swiper-container.indusfive_c span:before {background: #C9C9C9; border-radius: 50%; content:"";width: 8px; left: 1px; top: 1px; height: 8px; position: absolute;transition: 0.3s;-webkit-transition: 0.3s;}
.swiper-container.indusfive_c span.swiper-pagination-bullet-active:before ,.swiper-container.indusfive_c span:hover:before {background:#255EB5; left: 0; top: 0; width: 10px; height: 10px; }




.w100 {width:100%;}

/*jjfa*/
.solution .page_section{position:relative; width:100%;  margin:0; transform: none !important; opacity: 1 !important;}
.solution .page_type1 .left{float:left; width:51%; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.solution .h4{font-size: 36px;
font-weight: bold; padding-bottom: 10px;
line-height: 1.1;
color: #333333;}
.solution .page_type1 .left p {font-size:16px;}
.solution .txt1 { margin-bottom:60px;}
.solution .page_type1 .left .txt2{margin-bottom:40px; line-height: 28px;}
.solution .page_type1 .right .txt1{margin-bottom:0; line-height: 28px;font-size:16px;}

.solution .page_type1 .right{position:relative; float:right; width:35%; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.solution .page_type1 .right .img1{margin-bottom:35px;}
.solution .page_section .img_str{position:absolute;}
.solution .page_type1 .right .img_str{left:-35%; top:87px; max-width: 80px; width: 24%; opacity:0; -webkit-transform:translateX(40%); transform:translateX(40%);}

.solution .page_type1.aos-animate .left{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.solution .page_type1.aos-animate .right{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .6s linear , -webkit-transform .5s .6s linear; transition:opacity .5s .6s linear , transform .5s .6s linear;}
.solution .page_type1.aos-animate .right .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.1s linear, -webkit-transform .5s 1.1s linear; transition:opacity .5s 1.1s linear, transform .5s 1.1s linear;}

.so_case {padding-bottom:70px;}
.so_case .left {background: #F9F9F9; height: 468px; width: 50%; padding: 85px 90px 40px 40px; position: relative;}
.so_case .right { height: 468px; width: 50%;}
.so_case .left .h3{font-size: 26px;
font-weight: bold;
line-height: 1.2;border-bottom: 1px solid #D6D6D6; padding-bottom: 26px; margin-bottom: 40px;
color: #333333;}
.so_case .left .socase_scoll {overflow-y:auto; max-height: 167px; margin-top: 5px; position: relative;z-index: 9;}
.so_case .left .socase_scoll::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.so_case .left .socase_scoll::-webkit-scrollbar-track{
  background:rgba(255,255,255,1);
  border-radius:2px;
}
/**/
.so_case .left .socase_scoll::-webkit-scrollbar-thumb{
  background:rgba(13,180,213,0.6);
  border-radius:10px;
}
.so_case .left .socase_scoll::-webkit-scrollbar-thumb:hover{
   background:rgba(13,180,213,0.8);
}

.so_case .left strong {font-size: 18px;line-height: 28px;
color: #333333;}
.so_case .left .socase_scoll p {font-size:16px; padding-bottom: 15px; line-height: 28px;}
.so_case .left .case_num {font-size: 150px; position: absolute; bottom:-22px; right:-20px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #FFFFFF; line-height: 1.1;}
.so_case .case-container01 {height:100%;width: 100%;}
.so_case  .case-container01 .right {background-position: center;background-repeat: no-repeat; background-size: cover;}
.so_case .case-container01 .swiper-button-next,.so_case .case-container01 .swiper-button-prev{width: 70px; line-height: 70px;
height: 70px;background: rgba(0,0,0,0.5);bottom:0; top: inherit; left: inherit; outline: 0; text-align: center;}
.so_case .case-container01 .swiper-button-next {right:70px;}
.so_case .case-container01 .swiper-button-prev {right:0;}
.so_case .case-container01 .swiper-button-next:hover,.so_case .case-container01 .swiper-button-prev:hover{background: rgba(13,180,213,0.8);}


/*work*/
.work_bg {background:url("../images/worbg.jpg") no-repeat 50px center; width: 100%; background-size:contain; padding-bottom: 104px;}
.work_bg .work_map {background:url("../images/maps.png") no-repeat; width: 748px; height: 868px; background-size: cover; margin: 0 auto; margin-top: 78px; position: relative;}
.work_bg .work_cont {position:relative;}
.work_bg .work_cont .work_sm{ position: absolute; right: 0; bottom: 10%;font-size: 16px;line-height: 36px;color: #999999;}
.work_bg .work_sub h3 {font-size: 36px;
line-height: 1.2; font-weight: bold; padding-bottom: 15px;
color: #255EB5;}
.work_bg .work_sub p {font-size: 16px;
line-height: 28px;
color: #666666;}
.work_table {}
.work_table .nav-tabs {border:none; position: absolute; left: 0; bottom: 18%; margin-left: -8px; margin-right: -8px;}
.work_table .tab-content {width:100%;}
.work_table .nav-tabs li {padding:0 8px; padding-bottom: 16px;}
.work_table .nav-tabs li a {width: 141px;height: 46px;background: #EDEDED; font-size: 16px; text-align: center; line-height: 46px; padding: 0; border-radius: 30px 30px 30px 4px;}
.work_table .nav-tabs li a.active,.work_table .nav-tabs li a:hover {background: #255EB5; color: #fff;}
.work_table .tab-content>.tab-pane {position:absolute;}
.work_table .work_page {min-height: 263px;width: 395px; padding: 30px 30px 0 50px; border-radius: 3px; max-width: 100%; position: relative;background: rgba(13,180,213,0.8); z-index: 9;}
.work_table .work_page strong {font-size: 18px;
line-height: 34px;
color: #FFFFFF;}
.work_table .work_page p{font-size: 16px;
font-family: MicrosoftYaHei;
line-height: 28px;
color: #FFFFFF;}
.work_table .work_page .indus_more {opacity:1;transform:none; margin-top: 20px;}



@media all and ( min-width: 992px ){
	
	.work_page:after {
    border-right: 13px solid rgba(13,180,213,0.8);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 15px;
    left: -13px;
    content: "";
    width: 0;
    height: 0;
}
}

		
.work_table .tab-content>.tab-pane#work01 {right:-10px; top: 29%;}
.work_table .tab-content>.tab-pane#work02 {right:6%; top: 58%;}
.work_table .tab-content>.tab-pane#work03 {right:2%; top: 57%;}
.work_table .tab-content>.tab-pane#work04 {right:1%; top: 40%;}
.work_table .tab-content>.tab-pane#work05 {right:3%; top: 25%;}


.work_map li {position:absolute;}
.work_map li.workpoint01 {
    right: 17.8%;
    top: 30%;
}

.work_map li.workpoint02 {
    right: 28.8%;
    top: 61%;
}

.work_map li.workpoint03 {
    right: 23.8%;
    top: 59.6%;
}

.work_map li.workpoint04 {
    right: 21.5%;
    top: 42.5%;
}

.work_map li.workpoint05 {
    right: 25.4%;
    top: 27.8%;
}



.work_map li .point {
  display: flex;
  position: absolute;
  width:12px;
  height:12px;
  background: rgba(13,180,213, 0.8);
  border-radius: 50%;
}
.work_map li .point::before {
  content: '';
  position: absolute;
  width: 32px;
  height:32px;
  left: 50%;
  margin-left: -16px;
  top: 50%;
  margin-top: -16px;
  border-radius: 50%;
  background:rgba(13,180,213, 0.4);
  z-index: 3;
  opacity: 0;
  transform-origin: center;
  -webkit-animation: halo 1.5s 0.9s infinite ease-out;
  -moz-animation: halo 1.5s 0.9s infinite ease-out;
  animation: halo 1.5s 0.9s infinite ease-out;
}
.work_map li .point::after {
  content: '';
  position: absolute;
  width:50px;
  height:50px;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px;
  border-radius: 50%;
  background: rgba(13,180,213, 0.2);
  z-index: 3;
  opacity: 0;
  transform-origin: center;
  -webkit-animation: halo 1.5s 0.9s infinite ease-out;
  -moz-animation: halo 1.5s 0.9s infinite ease-out;
  animation: halo 1.5s 0.9s infinite ease-out;
}



@-webkit-keyframes halo {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@-moz-keyframes halo {
  0% {
    opacity: 0;
    -moz-transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1.2);
  }
}
@-ms-keyframes halo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes halo {
  0% {
    opacity: 0;
    -o-transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1.2);
  }
}
@keyframes halo {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}


/*详情*/
.article_top{ color:#fff; text-align:left; margin-top:80px;}
.articlesub span{ display:block; padding-top:8px; font-size:16px;}
.articlesub { /*background:url(../images/lant.jpg) no-repeat left 2px; min-height:47px; padding-left:26px;*/*/}
.articlesub h2{ font-size:32px; margin:0; font-weight: bold;
    color: #333;}

.article_content{font-size:16px; color:#666; line-height:36px; padding-top:20px; }
.article_content video { margin:0 auto; display:block; max-width:90%; width:700px; min-height:300px;}
.article_content p{font-size:16px; color:#666; line-height:36px; margin-bottom:15px;}
.article_content img {margin:0 auto;display: block;}
.art_bot{ margin:30px 0 50px; width:75%;}
.art_bot p,.art_bot a{ color: #464646;line-height: 38px;margin: 0;font-weight: bold;font-size: 18px;  }
.art_bot a:hover{ color:#d70203;}
.backs a{ display:block; width:100px; height:34px; text-align:center; font-size:14px; color:#255EB5; background-color:#fff; line-height:34px; margin-top:40px; transition:all 0.5s; border:1px solid #255EB5;border-radius: 30px 30px 30px 4px;}
.backs a:hover{ background:#255EB5; color:#fff;}
.w70 { float:left; width:73%; padding:0 15px; padding-right:30px; padding-top:50px;}
.w30 { float:left; width:27%; padding:0 15px; padding-top:50px;}
.recommend{ background-color:#F8F8F8; padding:30px 30px; margin-bottom:50px;}
.recommend h2{font-size:24px; color:#333; margin:0; line-height:36px; font-weight:bold; margin-bottom:20px;padding-bottom:20px;  border-bottom:1px solid #ddd;}
.recommend ul li a{ display:block;  padding-bottom:20px; }
.recommend ul li a h3{font-size:18px; font-weight:bold; margin:0; color:#333333; line-height:30px; height:30px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#333333; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:28px; overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.recommend ul li{ border-left:1px dashed #ccc; padding-left:20px;position:relative;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#D70203;}
.rightnew a{ display:block; position:relative; margin-bottom:20px;}
.rightnew a h3{ position:absolute; margin:0; text-align:center; width:100%; bottom:0px; left:0; box-sizing:border-box; padding:0 10px; background-color:rgba(0,0,0,0.5);font-size:16px; color:#fff; line-height:42px;max-width:100%; height:42px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.recommend ul li:before{ width:12px; height:12px; border:1px solid #ccc; background-color:#fff; position:absolute; left:-7px; top:8px; content:''; display:block; border-radius:50%;} 
.lookmore{ display:block; font-size:16px; color:#fff; background-color:#01A1DF; border-radius:20px; line-height:40px; width:150px; text-align:center; margin:30px auto 0; transition:all 0.6s;}
.lookmore:hover{ color:#fff; animation: logoShow .5s 1;-webkit-animation: logoShow .5s 1; }
.leftnav{ display:block;}
.leftnav{font-size:14px; color:#666; line-height:30px; margin-top:20px;}
.backs {max-width:25%;}

.new_more { padding-top:30px; }
.new_more span{width: 172px; max-width: 100%; position: relative; display: block; font-size: 16px; padding-left: 30px; height: 46px; line-height: 46px;background: #ffffff;
border-radius: 30px 30px 30px 4px;}
.new_more span:before {
    position: absolute;
    content: "";
	width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/projt.svg") no-repeat 55% 50%;
	background-color: #EDEDED;
	border-radius: 50%;
    background-size: 30%;
    transition: .5s ease-in-out;
}
.new_more span:hover:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.new_more span:hover {background:#255EB5; color: #fff;}


.yf_leftn {width:60%; padding-left: 15px; padding-right: 15px;}
.yf_rightn {width:40%; padding-left: 100px; padding-right: 15px;}
.yf_contn {}
.yf_contn .yf_zc {font-size:22px; color: #333;margin-bottom: 0;}
.yf_contn .yf_name {
    font-size: 22px;
	margin-bottom: 0;
    line-height: 1.1;
    padding: 10px 0;
    color: #255EB5;
}
.yf_contn .yf_text {font-size:18px; line-height: 1.5; padding-bottom: 30px;}
.yf_contn p {margin-bottom:15px;}



@media (max-width:991px) {
.w70 {  width:65%; padding:0 15px; padding-right:30px; padding-top:30px;}
.w30 {  width:35%; padding:0 15px; padding-top:30px;}
.recommend h2 {font-size:22px;}
.yf_leftn {width:60%; padding-left: 15px;}
.yf_rightn {width:40%; padding-left: 60px; padding-right: 15px;}	
}
@media (max-width:767px) {
.nynav { padding-top:10px; width:100%;}
.w70 {  width:100%; padding:0 15px; padding-top:30px;}
.w30 {  width:100%; padding:0 15px; padding-top:30px;}
.art_bot{ margin:20px 0 0 0; width: 100%;}
	.backs {max-width:100%;}
	.backs a{ margin-top:15px; }
.recommend{ padding:30px 15px; margin-bottom:30px;}
.yf_leftn {width:100%; padding-bottom: 30px;}
.yf_rightn {width:100%; padding-left:15px; padding-right: 15px; padding-bottom: 50px;}
	
}
#footer {position:relative;border-top: 1px #ECECEC solid;}
.scroll_btn {
    display: block;
    height: 65px;
    width: 65px;
    position: absolute;
    bottom:15px;
    right: 15px;
    z-index: 499;
}
.scroll_btn_progress {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.scroll_btn_progress canvas {
    max-width: 100%;
    max-height: 100%;
}
.scroll_btn_txt {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    font-size: 0;
}
.scroll_btn_txt:after {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'ap-font';
    content: '\e905';
    font-size: 14px;
    font-weight: normal;
    line-height: 65px;
    text-align: center;
    color: #ccc;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.scroll_btn.fixed {
    position: fixed;
    top: inherit;
    bottom: 50px;
}
html.desktop .scroll_btn:hover .scroll_btn_txt:after {
    color: #007a88;
}
body.minimize_layout .scroll_btn_txt {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}







/* ADD */

/*  主要样式 */
			.yyui_menu1 {
				font-size: 15px;
				background-color: #E1E1E1;
				height:142px;
				line-height:142px;	
				border-radius:8px;
			}

			.yyui_menu1 li {
				float: left;
				position: relative;
				text-align: center;
				width: 100%;
				float: left;
				line-height:142px;
				border-right: 1px solid #ECECEC;
			}
			
			.yyui_menu1 li:nth-child(4){
				border-right: 0px;
			}
			
			.yyui_menu1 .list1{
				height:142px;
				line-height:142px;	
				float: left;
				width:25%;
				text-align: center;
			}
			
			/*这一级是导航*/
			.yyui_menu1 li .prolistlink{
				height: 142px;
				/* line-height: 155px; */
				float: left;
				
			}
			
			.yyui_menu1 li a {
				display: block;
				line-height:42px;
				text-decoration: none;
				padding: 0px 20px;
				color: #333333;
				width: 100%;
			}
			
			.yyui_menu1 li .prolistlink span{
				width: 100%;
				text-align: center;
				font-size:20px;
				font-weight: 700;
				color: #333333;
			}
			.yyui_menu1 li .prolistlink i{
				width: 100%;
				height:70px;
				float: left;
				margin-top: 20px;
			}
			.yyui_menu1 li .prolistlink .pro62{
				
				background: url(../images/prolist001t1.png) no-repeat center;
			}
			.yyui_menu1 li .prolistlink .pro63{
				
				background: url(../images/prolist002t1.png) no-repeat center;
			}
			.yyui_menu1 li .prolistlink .pro64{
				
				background: url(../images/prolist003t1.png) no-repeat center;
			}
			.yyui_menu1 li .prolistlink .pro65{
				
				background: url(../images/prolist004t1.png) no-repeat center;
			}
			
			
			.yyui_menu1 li:hover .prolistlink span{
				width: 100%;
				text-align: center;
				font-size: 22px;
				font-weight: 700;
				color: #255EB5;
			}
			.yyui_menu1 li:hover .prolistlink i{
				width: 100%;
				height:70px;
				float: left;
				margin-top: 20px;
			}
			.yyui_menu1 li:hover .prolistlink .pro33{
				
				background: url(../images/prolist001t2.png) no-repeat center;
			}
			.yyui_menu1 li:hover .prolistlink .pro34{
				
				background: url(../images/prolist002t2.png) no-repeat center;
			}
			.yyui_menu1 li:hover .prolistlink .pro35{
				
				background: url(../images/prolist003t2.png) no-repeat center;
			}
			.yyui_menu1 li:hover .prolistlink .pro48{
				
				background: url(../images/prolist004t2.png) no-repeat center;
			}
			
			

			.yyui_menu1 li a:hover {
				background: #EFEFEF;
			}

			.yyui_menu1 li a.more:after {
				content: "   »";
			}

			.yyui_menu1 li ul {
				position: absolute;
				float: left;
				width: 110%;
				margin-top: 142px;
				border: 0px solid #EFEFEF;
				border-top: 0;
				display: none;
				background-color: #ECECEC;
				z-index: 9999;
			}
			
			.yyui_menu1 li ul li{
				border-right: 0;
			}

			/*这是第二级菜单*/
			.yyui_menu1 li ul a {
				width: 100%;
				text-decoration: none;
				color: #333333;
				float: left;
			}

			.yyui_menu1 li ul a:hover {
				background: #f2f2f2;
				width: 100%;
				float: left;
			}

			.yyui_menu1 li ul ul {
				top: -142px;
				left: 100%;
			}

			/*从第三级菜单开始,所有的子级菜单都相对偏移*/

.news-container{border-top:1px #ECECEC solid}


@media all and ( max-width: 991px ){

	.yyui_menu1 .list1{
		width:100%;
		text-align: center;
	}
	
	
}



@media (max-width:991px){
	#navigation > li.active > span{
	    -moz-transform:scaleY(-1);
	        -webkit-transform:scaleY(-1);
	        -o-transform:scaleY(-1);
	        transform:scaleY(-1);
	}
	
	.location .lo_index{display: none;}
	.location .dropdown{display: none;}
	.location .lo_a{float: left;}
	
}

.paged .page-num-current{background-color: #255EB5; color:#FFF;}

.text-center{text-align: center;}

.server-l{width: 10%; float: left;}
.server-r{width: 40%; float: left; text-align: left;}

.headphone{float: left; line-height: 85px; color:#FFF; font-size: 16px; font-weight: 700;}