@charset "UTF-8";

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{  font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
img { max-width:100%;}
h1,h2,h3,h4,h5 { margin:0;}

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


/*--版心--*/



/*footer*/
.footer { background-color: #333333; position: relative;}

/*top*/
.homemess {position:fixed; right:10px; bottom:15%; z-index:99; display:none;}
.homemess ul li { width:56px; height:56px; line-height: 56px; background: #FFFFFF;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);border-radius:50%; color:#fff;  text-align:center; margin-bottom:12px; position:relative; cursor:pointer;}
.homemess ul li span {display:inline-block; width: 100%; height: 100%;}
.homtel {background:url("../images/rico01.png") no-repeat center center;}
.homwechta {background:url("../images/rico02.png") no-repeat center center;}

.homemess ul li:hover span.homtel {background:url("../images/ricoh01.png") no-repeat center center;}
.homemess ul li:hover  span.homwechta {background:url("../images/ricoh02.png") no-repeat center center;}

.navr-tel{
    width: 158px;
    padding:0 5px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:0px;
	color: #333;
	font-size: 18px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22{
    width: 100px;
    padding: 8px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:-17px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22 img{
    max-width: 100%;
}

.navr-ewm22:before,.navr-tel:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
     border-width: 10px;
    border-left-color:#fff;
    top: 50%;
	margin-top: -10px;
    right: -20px;
}
.homemess ul li:hover .navr-tel{
    visibility: visible;
    opacity: 1;
    right:70px;
}
.homemess ul li:hover .navr-ewm22{
    visibility: visible;
    opacity: 1;
    right:70px;
}


.homemess ul li:hover{
    background-color:#27BACB;
	border-radius:50%;
}
.homemess ul li.back-top:hover svg{
    -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;
}
.homemess ul li svg path{fill:#969696;}
.homemess ul li:hover svg path { fill:#fff;}


.footup .container,.footdown .container { position:relative; z-index: 9;}
.footdown { border-top: 1px solid #3F3F3F; color:#969696; padding:15px 0; min-height: 74px; display: flex;align-items: center;}
.footdown a { color:#969696;}
.footmore { margin: 0 16px;}
.footdown a:first-child {margin-left:0;}
.footdown a:hover {color:#fff;}

.foot_l{ float:left; width:80%; padding-bottom: 26px;}
.foot_r { float:right; max-width:20%; padding-top: 30px;}
.foot_l ul.footnav { margin-left:-10px; margin-right:-10px; margin-top:30px;}
.foot_l ul.footnav li { float:left; width:16.66%; padding:0 10px;}

.foot_l ul.footnav li h2 {  margin-bottom: 18px;}
.foot_l ul.footnav li h2 a{ font-size:18px; color:#fff;margin-top:0; margin-bottom: 8px;}
.foot_l ul.footnav li a { display:block;  color:#969696; line-height:21px; margin:7px 0;}
.foot_l ul.footnav li a:hover {  color:#fff;}
.foot_r h2 {font-size:18px; color:#fff;}
.footimg { padding-top:28px;}
.footimg table,.footimg table tr td{ border:none; text-align:center;}
.footimg table tr td:nth-child(2) {padding-left:50px;}
.footimg img { max-width:100%;}
.footimg table tr td p { max-width:107px; float:left; width:100%; padding-top:10px; color: #969696;}


.footshare {border-bottom:1px solid #3F3F3F; padding: 44px 0 35px 0;}
.footlogo {float:left;}
.footlogo span {padding-top:6px;}
.footlogo p { padding-left: 10px; line-height: 22px; color: #969696;}
.footlogo p em { font-size: 26px; display: block;font-style: normal;color: #FFFFFF;}
.footsharer .bdsharebuttonbox {}
.footsharer .bdsharebuttonbox a {margin:0 6px; display: inline-block;width: 40px; height: 40px; border:none;  border-radius: 50%; padding: 0;}
.footsharer .bdsharebuttonbox a.more {  background-image: url("../images/share03.png");background-position: center; background-repeat: no-repeat;border:1px solid #969696;}
.footsharer .bdsharebuttonbox a:hover,.footshare .bdsharebuttonbox a:hover#fenxiang1 { background-color:#969696;}

.footsharer {    float: right;}
.newlxr04 {}
.newlxr04 ul li {
    position: relative;
    float: left;
    margin-left: 12px;
    z-index: 9;
}
.newlxr04 ul li span.mfico {
   width: 40px; height: 40px;
    padding: 5px;
    border-radius: 50%;
    background:none;
	border: 1px solid #969696;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.newlxr04 ul li span.mfico i {display:inline-block; width: 100%; height: 100%;}
.share01 {background:url("../images/share01.png") no-repeat center center;}
.share02 {background:url("../images/share02.png") no-repeat center center;}
.share03 {background:url("../images/share03.png") no-repeat center center;}
.newlxr04 ul li:hover span.mfico {background-color:#969696;}
.newlxr04 ul li:hover span.mfico .share01 {background:url("../images/shareh01.png") no-repeat center center;}
.newlxr04 ul li:hover span.mfico .share02 {background:url("../images/shareh02.png") no-repeat center center;}
.footsharer .bdsharebuttonbox a.more:hover{  background-color: #969696;background-image: url("../images/shareh03.png");background-position: center; background-repeat: no-repeat;}

.lximg {
    background: #FFFFFF;
    position: absolute;
    width: 110px;
    height: 110px;
    right: -26px;
    bottom: 133%;
    display: none;
}.lximg span {
    padding: 5px;
    display: block;
}
.lximg img {
    max-width: 100%;
}
.lximg:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: -18px;
    left: 55px;
}
.lximgmo {
    display: none;
}

.xailabox {
    width: 90%;
    text-align: left;
}
.xailabox a{
    color: #fff;
	display:block;
    font-size: 14px;
    line-height: 30px;   
}

/*banner*/
.area-visual-main video {
    object-fit: fill;
}

.swiper-container.main-visual .swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {left:40px;width:107px;height:51px;background:url(../images/img_prev_mainvisual.png) no-repeat left 50%;}
.swiper-container.main-visual .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background:url(../images/img_prev_mainvisual_hover.png) no-repeat left 50%;}
.swiper-container.main-visual .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content:'';display:block;position:absolute;left:20px;top:50%;width:0;height:1px;background:#fff;
-webkit-transition: 100ms width;
    -o-transition: 100ms width;
    transition: 100ms width;
}
.swiper-container.main-visual .swiper-button-prev:hover:after, .swiper-container-rtl .swiper-button-next:hover:after {width:80px;}
.swiper-container.main-visual .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:40px;width:107px;height:51px;background:url(../images/img_next_mainvisual.png) no-repeat right 50%;}
.swiper-container.main-visual .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background:url(../images/img_next_mainvisual_hover.png) no-repeat right 50%;}
.swiper-container.main-visual .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content:'';display:block;position:absolute;right:20px;top:50%;width:0;height:1px;background:#fff;
-webkit-transition: 100ms width;
    -o-transition: 100ms width;
    transition: 100ms width;
}
.swiper-container.main-visual .swiper-button-next:hover:after, .swiper-container-rtl .swiper-button-prev:hover:after {width:80px;}


.area-visual-main {height:100vh;}
.swiper-container.main-visual {width:100%;height:100%;-webkit-transition:background-size 1s;-moz-transition:background-size 1s;transition:background-size 1s;background-size:2000px auto;}
.swiper-container.main-visual .text1 {position:relative;margin:0 0 25px 0;text-align:center;font-size:36px; line-height: 1.1; font-weight:500;color:#fff;top:50px;opacity:0; padding: 0 20px;}
.swiper-container.main-visual .text2 {position:relative;margin:0 0 25px 0;text-align:center;font-size:18px; padding: 0 20px;color:#fff;top:50px;opacity:0;}
.swiper-container.main-visual .text3 {position:relative;margin:0 0 50px 0;text-align:center;font-size:18px; padding: 0 20px;color:#fff;top:50px;opacity:0;}
.swiper-container.main-visual .btn-detailview {position:relative;display:block;margin:0 auto;width:180px;top:50px;opacity:0;}
.swiper-container.main-visual .btn-detailview a {display:block; text-align: center; background: #fff; width:100%;height:46px;line-height:46px;font-size:18px;color:#666;border:1px solid #fff;border-radius:23px; padding: 0 10px;}
.swiper-container.main-visual .btn-detailview a i {  display: inline-block; vertical-align: top; float: right;outline: 0;width: 30px;height: 30px; background-image: url("../images/white_r.png"); background-repeat: no-repeat; background-position: center; margin-top: 6px; background-color: #E2E2E2;
border-radius: 50%;}
.swiper-container.main-visual .btn-detailview a:hover{background:#27BACB;border:1px solid #27BACB;}
.swiper-container.main-visual .btn-detailview a:hover {color:#fff;}
.swiper-container.main-visual .btn-detailview a:hover i {background-image: url("../images/white_r2.png");   background-color: #fff;} 
.swiper-container.main-visual .swiper-slide {position:relative;}


.swiper-container.main-visual .swiper-pagination-bullet {width:8px;height:8px;background:#fff; opacity: 1; margin: 2px 5px;}
.swiper-container.main-visual .swiper-pagination-bullet-active {border:2px solid #fff;width:12px;height:12px;margin:0 5px;background:none;}
.swiper-container.main-visual .swiper-pagination-fraction,
.swiper-container.main-visual .swiper-pagination-custom,
.swiper-container-horizontal.main-visual > .swiper-pagination-bullets {bottom:47px;}


.swiper-container.main-visual .btn-pause {width:14px;display: inline-block;height:14px; margin-top: 20px; cursor:pointer;}
.swiper-container.main-visual .start-autoplay {display:none;background:url(../images/img_play_mainvisual.png) no-repeat 50%;}
.swiper-container.main-visual .stop-autoplay {background:url(../images/img_pause_mainvisual.png) no-repeat 50%;}

 .main-visual .swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    display: inline-block;
  }
.videomask {background:rgba(0,0,0,0.4); position: absolute; width: 100%; height: 100%; z-index: -1;}
/*bantop*/
.banbut {position:absolute;width: 100%;bottom:50px;left: 0;text-align: center;z-index: 9;}
.tiao { position:absolute; left: 0; bottom: 5%; width: 100%; z-index: 9;}
.item-down {
    position: relative;
    width: 52px;
    height: 52px;
	float: left;
    cursor: pointer;
    text-align: center;
    transition-delay: .7s;
}
.item-down .yuan-img {
    width: 100%;
    animation: zhuan0 6s infinite linear .65s;
}
.item-down .down-img {
    width: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -10px;
    animation: top0 1s infinite linear .65s;
}
@keyframes top0{
    0% {
    transform: translateY(-10%);
   }
   100% {
    transform: translateY(10%);
}
}
@keyframes zhuan0{
    0% {
    transform: rotate(0);
   }
   100% {
    transform: rotate(360deg);
}
}

/*first*/
.advcont {padding-top:48px;}
.advsub .left {padding-top:6px;}
.advsub .left h3{font-size: 30px;color: #333333; line-height: 1; padding-bottom: 14px;}
.advsub .left em {display:block; font-style: normal;font-size: 16px;color: #D3D3D3;}
.relative {position:relative;}
.advbutton {width: 147px;text-align: center;height: 40px; line-height: 40px; background: #fff; border: 1px solid #999999;display: inline-block; position: relative;border-radius: 21px;}
.btn-arrow {
    position: absolute;
    top: 8px;
    top: 6px;
    left: 11px;
    height: 1px;
    width: 12px;
    background-color: #fff;
}
.btn-text-wrapper {display:inline-block; overflow: hidden; position: relative;}
.btn-arrow:after,.btn-arrow:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 1px;
    height: .0625rem;
    width: 8px;
    width: .5rem;
    content: "";
    background-color: #fff;
    transform-origin: center right;
}
.advbutton:hover {background:#676767; }

.advbutton .btn-arrow:after {
    transform: rotate(-45deg);
}
.advbutton .btn-arrow:before {
    transform: rotate(45deg);
}
.advbutton .btn-txt {
    transition: padding .25s; color: #999999;
}
.advbutton:hover .btn-txt {
    transition: padding .5s;
    padding: 0;color: #fff;
}
.advbutton .btn-arrow-wrapper {   width: 0;height: 12px; overflow: hidden; transition: width .25s; display: inline-block;}

.advbutton:hover .btn-arrow-wrapper {
    transition: width .5s;
    width: 24px;
}

.ad-container .ad-pag {width:50%; text-align: right; padding-right: 45px; font-size: 18px; bottom: 30px;}
.ad-container .ad-pag span {font-size:inherit; color: #999999;}
.ad-container .ad-pag span.swiper-pagination-current { color:#333;}
.ad-container {position:relative; margin-top: 25px; }
.ad-container .buttons {
  width: 54px;
  height: 54px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
	outline: 0;
  margin-top: -27px;
  background-color:#fff;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.ad-container .buttons:hover {background-color:#27BACB;}
.ad-container .buttons.ad-prev {
  left: 0;
  background-image: url("../images/adleft.png");
}

.ad-container .buttons.ad-next {
  right: 0;
  background-image: url("../images/adright.png");
}
.ad-container .buttons.ad-prev:hover {
  background-image: url("../images/stelefth.png");
}

.ad-container .buttons.ad-next:hover {
  right: 0;
  background-image: url("../images/sterighth.png");
}

.ad-container .item {
  position: relative; display: block;
  background-color: #F7F7F9;
}
.ad-container .item .txt_block {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  padding: 0 50px 0 100px;
}
.ad-container .cell{width: 100%; display: inline-block; vertical-align: middle; position:  relative; z-index: 9;}
.cell_box {
    font-size: 0;
}
.cell_box:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.ad-container .item .txt_block .label {
  font-size: 16px;
}
.ad-container .item .txt_block h3 {
  font-size: 22px;
  color: #000000;
  line-height: 1.1;
  margin-bottom: 10px;
}
.ad-container .item .span {
font-size: 22px; position: relative;padding-bottom: 18px;color: #333;}
.ad-container .item .txt_block .span:before {
  content: '';
  width: 24px;
  height: 3px;
	position: absolute;
	bottom: 0; left: 0;
  background-color: #C0C0C0;
}

.ad-container .item .txt_block p {
  font-size: 16px;
	max-width: 448px;
  line-height: 28px;
  margin-top: 60px;
	margin-bottom: 40px;
  height: 84px;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.ad-container .item .txt_block .advbutton {background:none;}
.ad-container .item .txt_block .advbutton:hover {background: #27BACB; border: 1px solid #27BACB;}
.ad-container .item .img_block {
  width: 50%;
  margin-left: 50%;
}
.ad-container .img_block img {
  display: block;
  width: 100%;
}
.ad-container .cell_box img {position:absolute;right: 45px; top: 5%; z-index: 001;}

/*home pro*/
.inpro {position:relative; height: 706px; margin-top: 75px;}
.inpru_title {position:absolute; left: 0; top: 50px; width: 100%; z-index: 9;}
.inpru_title h2 {
font-size: 32px;
color: #FFFFFF;}
.inpru_title p {
font-size: 16px;
color: #FFFFFF;}
.inpro .pro-top {height:100%;}
.homeprodown {position:absolute; width: 100%; bottom: 50px; z-index: 9;}
.homeprodown {}
.pro-thumbs {height:118px; background: #fff;}
.pro-thumbs .swiper-slide {height: 100%;cursor: pointer;  display: flex; flex: 1; align-items:center;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.pro-thumbs .swiper-slide div:first-child{ width: 100%; padding: 0 5px 0 44px;background:url("../images/proline.png") no-repeat right;}

.pro-thumbs .swiper-slide:last-child div:first-child,.pro-thumbs .swiper-slide-thumb-active div:first-child,.pro-thumbs .swiper-slide:hover div:first-child{background:none;}
.pro-thumbs .swiper-slide span { float:left; width: 66px; text-align: center; line-height: 66px; height: 66px; display: block; border-radius: 50%;}
.pro-thumbs .swiper-slide span img {max-height:100%;}
.pro-thumbs .swiper-slide p { float:left; max-width: 73%; padding-left: 20px; padding-top: 10px; font-size: 20px;color: #333333;}
.pro-thumbs .swiper-slide p i{font-size: 14px; font-style: normal; display: block; line-height: 1; margin-top: 6px;  color: #B4B4B4;}

.pro-thumbs .swiper-slide-thumb-active span,.pro-thumbs .swiper-slide:hover span {background:#fff; padding: 10px; line-height: 46px;}


.pro_block {padding-top:200px;}
.pro-top .pro_block .advbutton {border:1px solid #fff;}
.pro-top .advbutton:hover {background:#fff;}
.pro-top .procolor01 .advbutton .btn-txt{ color:#F7A6A2;}
.pro-top .procolor01 .btn-arrow {background:#F7A6A2;}
.pro-top .procolor01 .btn-arrow:after,.pro-top .procolor01 .btn-arrow:before {background:#F7A6A2;}

.pro-top .procolor02 .advbutton .btn-txt{color:#A783B6;}
.pro-top .procolor02 .btn-arrow {background:#A783B6;}
.pro-top .procolor02 .btn-arrow:after,.pro-top .procolor02 .btn-arrow:before {background:#A783B6;}

.pro-top .procolor03 .advbutton .btn-txt{color:#C28E6F;}
.pro-top .procolor03 .btn-arrow {background:#C28E6F;}
.pro-top .procolor03 .btn-arrow:after,.pro-top .procolor03 .btn-arrow:before {background:#C28E6F;}

.pro-top .procolor04 .advbutton .btn-txt{color:#4EAAAF;}
.pro-top .procolor04 .btn-arrow {background:#4EAAAF;}
.pro-top .procolor04 .btn-arrow:after,.pro-top .procolor04 .btn-arrow:before {background:#4EAAAF;}

@media (min-width:768px) {
.pro-thumbs .swiper-slide:first-child:hover,.pro-thumbs .swiper-slide-thumb-active:first-child { background:#F7A6A2;}
.pro-thumbs .swiper-slide:nth-child(2):hover,.pro-thumbs .swiper-slide-thumb-active:nth-child(2) { background:#7359A6;}
.pro-thumbs .swiper-slide:nth-child(3):hover,.pro-thumbs .swiper-slide-thumb-active:nth-child(3) { background:#C28E6F;}
.pro-thumbs .swiper-slide:nth-child(4):hover,.pro-thumbs .swiper-slide-thumb-active:nth-child(4){ background:#4EAAAF;}
.pro-thumbs .swiper-slide-thumb-active p,.pro-thumbs .swiper-slide:hover p {color:#fff;}
.pro-thumbs .swiper-slide-thumb-active p i,.pro-thumbs .swiper-slide:hover p i{color:#fff;}
	
}



.pro_block {max-width:50%;position: relative;z-index: 99;}
.pro_block .cell .h3 {color:#fff; font-size: 36px;}
.pro_block .cell p {
font-size: 16px;
color: #FFFFFF;  
    max-width: 448px;
    line-height: 28px;
    margin-top: 60px;
    margin-bottom: 40px;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}

.inpro_but {position:inherit;float: right;width: 120px;z-index: 9;position: relative;}

.swiper112-num {padding-bottom:120px; color: #fff; text-align: right;}
.swiper112-num span{  color: inherit; font-size: 20px;}
.swiper112-num span.num1 {font-size:56px;}
.inpro_but .swiper-pagination {width:40px; position: relative; float: right;}
.inpro_but .swiper-pagination span {width:50%; float: right; outline: 0; height: 3px; margin: 10px 0; display: block; border-radius: 0; margin-left: 50%; background: rgba(255,255,255,1);-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.inpro_but  .swiper-pagination .swiper-pagination-bullet-active,.inpro_but  .swiper-pagination span:hover {width:100%; height: 3px; opacity: 1;}
.inposition {position:absolute;width: 100%;/* z-index: 9; */bottom: 210px;/* height: 0; */}


/*home*/
.strength {position:relative;background:url("../images/stebg.jpg") no-repeat center top;}
.srten_down { height:390px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.stre_position {bottom:227px; position: absolute;left: 0; width: 100%;}
.wel6-lb2{
    width:310px; height: 441px;float:right; position: relative;
    background: #fff;
    padding: 68px 0 68px 0;
    text-align: center;
	z-index: 9;
}
.wel6-lb2-text{
    font-size:36px;
    line-height: 1.1;
    color:#333333;
	background: url("../images/steline.png") no-repeat bottom center; padding-bottom: 35px;
}
.wel6-lb2-text span{
    color:#999999;
    display: block;
	padding-top: 15px;
}
.wel6-span{
    height: 70px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}
.wel6-lb-text2{
    font-size: 36px;
    color:#fff;
    margin-top: 5px;
}
.swiper-button-prev3,.swiper-button-next3{
    width: 43px !important;
    height: 43px !important;
    opacity: 1 !important;
    bottom:80px !important;
	background: none;
	position: absolute;
	cursor: pointer;
	border-radius: 50%;
    top:unset !important;
    outline:none;
	    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.swiper-button-prev3 {
    left: 25% !important; background-image: url(../images/steleft.png); background-repeat: no-repeat; background-position: center;
}

.swiper-button-prev3:hover{
    background-image: url(../images/stelefth.png); background-color: #27BACB; border-radius: 50%;
}
.swiper-button-next3{
    background-image: url(../images/steright.png);
    right: 25% !important;background-repeat: no-repeat; background-position: center;
}
.swiper-button-next3:hover{
    background-image: url(../images/sterighth.png);background-color: #27BACB; border-radius: 50%;
}
.wel6-line{
    width: 1px;
    height: 14px;
    background: #DCDCDC;
    position: absolute;
    bottom: 92px;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-container3 .ste_page {position:inherit; text-align: left; color: #fff;}
.ste_num {position:absolute; left: 0; bottom: 30px; width: 100%; z-index: 9;}
.ste_num span { color:#fff;}
.ste_num span.swiper-pagination-current {font-size:36px;}
.stren_up { height: 465px; padding-top: 60px;}
.strecont {max-width:70%;}
.stresub {font-size: 36px;color: #333333; background: url("../images/steline.png") no-repeat bottom left; line-height: 1.1; padding-bottom: 20px;}
.stre_des {padding-top:35px;}
.stre_des p {font-size:16px;max-height:100px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.str_ico {max-width:70%; padding-top: 55px;}
.str_img { margin-right:50px;}
.str_ico .str_img:last-child { margin-right:0;}
.str_img span { display:block; height: 70px;}
.str_img p {color:#fff; font-size:16px; padding-top: 12px; }

.strecont .advbutton {background:none; margin-top: 40px;}
.strecont .advbutton:hover {background: #27BACB; border: 1px solid #27BACB;}

.ul-num{clear: both;margin:0;padding-top: 50px;}
.ul-num li{float: left;width: 25%; text-align: center; border-right:1px solid #E0E0E1;}
.ul-num li:first-child{ border-left:1px solid #E0E0E1;}

.ul-num span{font-size:48px;color: #333333;position: relative;	line-height: 1;margin-bottom: 5px;}
.ul-num span:after{content: '+';vertical-align: top;position: relative;top:0px;font-size:18px;margin-left: 9px;}
.ul-num p{font-size: 16px; color: #333333; margin-top: 8px;}
.ul-num .txt{overflow: hidden;}


/*new*/
.new_title {padding:44px 0 0 0;}
.new-container {margin-top:35px;}

.new-container .dl{  height: 228px; background: #efefef;padding: 50px 30px 25px 30px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.new-container .dl span{display: block; color: #C1C1C1;}

.new-container .dl h3{ margin-bottom: 10px; line-height: 1.1;}
.new-container .dl h3 a {
font-size: 18px;
font-weight: bold;
color: #333333;}
.new-container .dl p{line-height:28px;height:56px; margin-bottom: 5px; font-size: inherit;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.new-container .dl:hover{background: none;border-top:1px solid #6b6b6f;border-bottom:1px solid #6b6b6f;}
.ellipsis { 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fnt_16 {font-size:16px;}
.newjt {opacity:0;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;}
.new-container .dl:hover .newjt {opacity:1;}
.new-container  .new-page {padding:44px 0 50px 0; text-align: center;line-height: 20px; }
.new-container .new-page .swiper-pagination-bullet {width: 8px;height: 8px; outline: 0; margin: 0 6px;  background: #9C9C9C;border: 1px solid #9C9C9C;border-radius: 50%; opacity: 1;vertical-align: middle;}
.new-container  .new-page .swiper-pagination-bullet-active {width: 12px;height: 12px;border: 2px solid #9C9C9C; background: none; border-radius: 50%;}

/*page side*/
.gnb-sub-menu {}
.gnb-sub-menu .ul {
  background: rgba(39,186,203,0.8); min-height: 64px; padding: 12px 0; text-align: right;
}
.gnb-sub-menu ul li {
  display: inline-block;
  margin:0 4px;
}

.gnb-sub-menu ul li a {
  display: block;color: #fff; min-width: 120px; padding: 0 15px; height: 37px; line-height: 37px; text-align: center; border-radius: 30px;
}

.gnb-sub-menu ul li a span {
  font-size:16px;
  display: block;
  color: inherit;
	line-height: inherit;
  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; color: #27BACB;}
.pt75 {padding-top:75px;}
.location {line-height: 24px; padding-top: 22px;
color: #E6E6E6;}
.location a{color: #E6E6E6;}
.location a:hover {color: #fff;}
.pageban {height:500px; margin-top: 75px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.pageban .aboutmask {width:100%; height: 100%; /*background:rgba(0,37,78,0.4)*/;}
.pageban .pagetext {padding-top:120px;}
.pageban .pagetext .h2 {font-size: 16px;
line-height: 24px;
color: #FFFFFF;}
.pageban .pagetext .strong {font-size: 46px;
font-weight: bold;
line-height: 1.1;
color: #FFFFFF;}
.pageban .pagetext .strong strong{color:inherit;font-size: inherit; position: relative; padding-bottom: 30px; display: inline-block;}
.pageban .pagetext .strong strong:before{content:""; position: absolute; left: 0; bottom: 0;
height: 1px;
background: #FFFFFF;}
.pageban2 {padding-top:75px;}
.pageban2 .location a:hover {color:#333;}

/*about*/

/*.aboutban {height:calc(100vh - 75px);}*/
.aboutban {height:100vh; position: relative;}
.aboutban .aboutvideo {width:100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0;}
.aboutban .aboutmask {width:100%; height: 100%; background:rgba(0,37,78,0.4);}
.aboutban video {    object-fit: fill;}
.aboutban .aboutdw {position:absolute; width: 100%; left: 0; top: 48%;-webkit-transform: translateY(-48%);
    -ms-transform: translateY(-48%);
    transform: translateY(-48%);}
.aboutban .w50 {max-width:48%; }
.aboutban .abouttext01 {font-size: 46px;line-height: 1.1;color: #FFFFFF;}
.aboutban .abouttext02 {font-size: 46px; padding: 10px 0 20px 0;
font-weight: bold;
line-height: 1.1;color: #FFFFFF;}
.aboutban p {font-size: 16px;line-height: 28px;color: #FFFFFF;}
.about_but {position: absolute;
    left: 50%;
	width: 61px; height: 61px; margin-left: -30px;
	cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
#vido .modal-dialog {max-width:1400px;}
#vido video {max-width:100%;}
#vido .modal-content {background:none;border: none;}
#vido .modal-content .modal-header {border:none; padding: 0;}
#vido .modal-content .modal-header .close {color:#fff; font-size: 26px; outline: 0;}
.modal-header .close { outline: 0;}
#vido .modal-content .modal-header .close span {color:inherit;font-size:inherit; }
.about_down {position:absolute; left: 0; bottom: 50px; width: 100%;}
.about_down .item-down {float:right;}

.about_up {padding-top:80px;
border-bottom: 1px dashed#D4D4D4; padding-bottom: 100px; margin-bottom: 75px;}
.about_sub {padding-bottom:50px;}
.about_sub strong {font-size: 36px; line-height: 1.2; display: block; padding-bottom: 5px; color: #333333;}
.about_sub p {font-size: 16px;
line-height: 28px;
color: #AAAAAA;}
.about_up .aboutup_l {float:left; width: 41.4%; max-width: 480px; padding-right: 100px;font-size: 16px;}
.about_up .aboutup_r {float:right; width: 58.6%;font-size: 16px;}
.about_up .aboutup_r p {font-size: 16px;line-height: 30px; padding-bottom: 25px;}

.x-section-7 {  padding-top: 24px;}
.x-section-7 .co7 .item { border-bottom: 1px solid #CCCCCC; padding-top: 36px; padding-bottom: 18px;}
.x-section-7 .co7 .item span.counter { color: #27BACB; display: inline-block;font-size: 50px; font-weight: 500;height: 45px; line-height: 45px;font-family: 'Open Sans', sans-serif;}
.x-section-7 .co7 .item span.x-text {font-size: 16px;
line-height: 22px;
color: #999999;}
.x-section-7 .co7 .item p {font-size:16px; color: #333333}
.x-section-7 .co7 .item span.svg {display:inline-block;float: right;}
.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_bottom {}
.about_bottom .strong {font-size: 26px;
font-weight: bold;
line-height: 1.1; padding-bottom: 20px;
color: #333333;}
.about_bottom .p {font-size: 26px;
line-height: 24px;}

.tab_box .hide{display:none;}
.abou_tab {padding-top:35px; padding-bottom:35px;}
.abou_tab .tab_menu{overflow:hidden; padding-top: 40px; margin-left: -50px; margin-right: -50px;}
.abou_tab .tab_menu li {width:50%; float:left; padding: 0 50px; cursor: pointer;}
.abou_tab .tab_menu li strong {font-size: 20px;line-height: 24px;color: #333333; display: block; margin-bottom: 8px; padding-top: 10px; position: relative;}
.abou_tab .tab_menu li strong:before {content:""; height: 2px; background: #27BACB; width:0; position: absolute; top: 0;}
.abou_tab .tab_menu li p {height:168px; overflow: hidden; line-height: 28px; font-size: 16px;}
.abou_tab .tab_menu li.current strong:before,.abou_tab .tab_menu li:hover strong:before {width:100%;transition: 0.4s;-webkit-transition: 0.4s;}
.abou_tab .tab_menu li.current strong,.abou_tab .tab_menu li:hover strong{color:#27BACB;}

/*culture*/
.index_first {padding:65px 0 40px 0;}
.index_first .left {max-width:50%; padding-right: 30px;}
.index_first .left span {font-size: 16px;line-height:1.2;color: #AAAAAA; display: block;}
.index_first .left p {
font-size: 36px;
font-weight: bold;
line-height: 1.2;padding-bottom: 20px;
color: #333333;}
.index_first .right {width:50%;}
.index_first .right p {font-size:16px; line-height: 28px; padding-bottom: 22px;}
.culture_mid {height:420px; background-attachment: fixed; position: relative; padding-left: 50px; padding-top: 50px; background-position: center; background-size: cover; margin-bottom: 60px;}
.culture_mid .cul_mid {position:absolute;bottom: 70px; left: 50px; width: 80%;}
.culture_mid .cul_mid p {font-size: 22px;
line-height: 28px;
color: #FFFFFF;}
.culture_mid .cul_mid h3 {font-size: 36px; padding-top: 10px;
font-weight: bold;
line-height: 1.2;
color: #FFFFFF;}

.cuture_down {padding-top:0;}
.cuture_down h3.cuture_title {color:#333333; font-size:36px; font-weight: bold; text-align: center;margin-bottom: 38px;  }
.cuture_down h3.cuture_title strong {position:relative; display: inline-block;}



.cul_cicle {width: 100%; max-width: 1042px; margin: 0 auto; margin-bottom: 215px; padding: 20px 30px;
background: #FFFFFF;
border: 1px solid#27BACB;
border-radius:192px;}
.cul_cicle { position:relative;}
.cul_cicle ul {background:#E2EFF1; height: 240px; border-radius:192px;overflow: hidden; padding: 38px 40px;}
.cul_cicle ul li { position: absolute;top: 60px;width:166px; padding-bottom: 200px;}
.cul_cicle ul li:nth-child(1) {left: 80px;}
.cul_cicle ul li:nth-child(2) {left: 50%;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.cul_cicle ul li:nth-child(3) {right:80px;}
.cul_cicle ul li .ciclew {width:166px; height:162px; text-align: center; margin: 0 auto; padding-top: 35px; border-radius: 50%; position: relative;transition: 0.3s;
    -webkit-transition: 0.3s;}
.cul_cicle ul li .ciclew:before {border:1px dashed #27BACB;content:"";width: 146px; position: absolute; left: 10px; top: 10px; height: 142px; border-radius: 50%;}
.cul_cicle ul li .ciclew {background:#fff;}
.cul_cicle ul li .ciclew span { height:46px; margin-bottom: 10px; display: block; position: relative; z-index: 8;}
.cul_cicle ul li .ciclew p {color:#333333; font-size: 17px; position: relative; z-index: 8; }
.cul_cicle ul li:hover .ciclew {background:#27BACB;}
.cul_cicle ul li:hover .ciclew:before {border:1px dashed #92C5E9;}
.cul_cicle ul li:hover .ciclew p{color:#fff;}
.cul_cicle ul li:hover .ciclew span svg path {fill:#fff;}
.cul_cicle .cicle_b {border: 2px dashed#27BACB;border-radius: 192px;padding: 18px 20px;width: 220%; height: 87px; display: flex;align-items: center;justify-content: center; max-width: 350px;left: -50%;position: absolute;top: 275px;}
.cul_cicle .cicle_b strong {display:none;}
.cul_cicle .cicle_b p{font-size: 16px;line-height: 28px;color: #333333;}
.cul_cicle .cicle_b:before {width: 9px;height: 9px;content:"";background: #27BACB;border-radius: 50%;position: absolute;left:50%;margin-left: -9px;top: -61px;}
.cul_cicle .cicle_b:after {width: 1px;height: 50px;content:"";background: #27BACB;position: absolute;left:50%;margin-left: -5px;top: -53px;}
.cul_cicle ul li:hover .cicle_b {background:#27BACB;}
.cul_cicle ul li:hover .cicle_b p{color: #fff;}


/*qytd */
.visible-xs {display:none !important;}
.indus_menu {border:1px solid #E0E0E0; margin: 60px 0 55px 0;}
.indus_menu ul li {width:50%; float: left;height: 55px; text-align: center;}
.indus_menu ul li a {display:block; width: 100%; font-size: 16px;height:55px;  line-height: 55px;color: #333333;}
.indus_menu ul li:hover a,.indus_menu ul li.active a {background: #0DB4D5;color: #fff; transition: 0.3s;
    -webkit-transition: 0.3s;}
.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: 60px; font-size: 16px; text-align: center;}

.qyimg {position:relative; height: 420px; background-position: center; background-size: cover;}

/*team introduce*/
.team_two {height:420px; background-position: center; overflow: hidden; background-repeat: no-repeat; background-size: cover;}
.teamt_l {width:50%; float: left; height: 100%;background: rgba(39,186,203,0.8); padding: 30px 62px;}
.teamt_l {display:flex; align-items: center;}
.teamt_l p {font-size: 16px; padding: 15px 0;
line-height: 28px;
color: #FFFFFF;}
.team_three {padding-top:90px; margin-bottom: 90px;}
.team_title {font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: #333333;}
.team-container {margin-top:85px;}
.team-container .teamt_left {float:left; width: 45%;padding-top: 48px; min-height: 350px;}
.team-container .teamt_right {float:right; width: 50%;}
.team-container .teamt_left .team_zw {
font-size: 16px;}
.team-container .teamt_left .team_name {font-size: 26px; position: relative;
font-weight: bold;
line-height: 1.4; padding-bottom: 20px; margin-bottom: 25px; padding-top: 15px;
color: #333333;}
.team-container .team_text{}
.team-container .team_text p {font-size:16px;height:84px; line-height: 28px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.team-container .teamt_left .team_name:before {background:#AAAAAA;content:""; position: absolute; left: 0; bottom: 0; width: 10px; height: 1px;}
.team-container .team_more { padding-top:30px;}
.team-container .team_more span {font-size:16px;}
.team-container .team_more a{width: 183px; max-width: 100%;
height: 60px; line-height: 60px; text-align: center;
border: 1px solid #AAAAAA;
font-size: 16px;
 border-radius: 30px; display: inline-block;}
.team-container .team_but {position:absolute; left: 0;bottom: 0;height: 51px; width: 50%; z-index: 9;}
.team-container .team_but .span {width:51px; height: 51px; float: left; position: relative; left: inherit; right: inherit; top: inherit; margin: 0; cursor: pointer;background: #FFFFFF;  margin-right: 10px;border: 1px solid #AAAAAA;border-radius: 50%; text-align: center; outline: 0; line-height: 46px;}
.team-container .team_but .span:hover {background:#27BACB;border: 1px solid #27BACB;}
.team-container .team_but .span:hover svg path {fill:#fff;}
.team_list {padding-top:40px;}
.team_list ul {margin-left:-34px; margin-right: -34px;}
.team_list ul li {width:50%; float: left; padding: 0 34px;padding-bottom: 66px; }
.team_list ul li .team_img{ float:left; width: 52%; overflow: hidden;}
.team_list ul li .team_img img {width:100%; max-width: inherit;}
.team_list ul li .team_cont {width:48%; float: left; padding-left: 25px;}

.team_list ul li .team_cont .team_zw {font-size: 16px; padding-top: 5px;color: #666;}
.team_list ul li .team_cont .team_name {font-size: 20px; position: relative;
font-weight: bold;
line-height: 1.4; padding-bottom: 15px; margin-bottom: 20px; padding-top: 10px;
color: #333333;}
.team_list ul li .team_cont .team_name:before {background:#AAAAAA;content:""; position: absolute; left: 0; bottom: 0; width: 10px; height: 1px;}
.team_list ul li .team_cont .team_text{}
.team_list ul li .team_cont p {font-size:16px; line-height: 28px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.team_list ul li .team_img img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.team_list ul li:hover .team_img 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);}
.team_list ul li:hover .team_cont .team_name {color:#0DB4D5;}
.team_list ul li:hover .team_cont .team_name:before {background:#0DB4D5;}

.qyimg .team_mask {background:rgba(0,0,0,0.3);  width: 100%; height: 100%; padding: 30px; display: flex; align-items: center; justify-content: center;}
.qyimg .team_mask p {font-size:16px; color: #fff; line-height: 1.6; text-align: center; max-width: 903px;}
.team_or {padding-top:80px;}
.team_or .teamor_name {width: 392px; max-width: 100%; padding-top: 48px; padding-left: 30px; padding-right: 30px; position: relative; margin:0 auto; text-align: center;
height: 147px;
border: 1px dashed#27BACB;
border-radius: 74px;}
.team_or .teamor_name:before {width: 355px; max-width: 100%;content:""; position: absolute; top: 16px; left: 19px;
height: 116px;
background: #27BACB;z-index: -1;
opacity: 1;
border-radius: 58px;}
.teamor_name strong{font-size: 20px; display: block;
line-height: 28px;
color: #FFFFFF;}
.teamor_name span{font-size: 16px;display: block;
line-height: 28px;
color: #FFFFFF;}
.team_or .teamor_down {padding-bottom:120px; padding-top: 232px; position: relative;}
.team_or .teamor_down:before {background-image:url("../images/teamline.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; top: -6px; left: 55%; height: 244px;content:""; width:90%; position: absolute;-webkit-transform: translateX(-55%);
    -ms-transform: translateX(-55%);
    transform: translateX(-55%);}
.team_or .teamor_down ul {margin-left:-30px; margin-right: -30px; overflow: hidden;}
.team_or .teamor_down ul li {width:25%;padding: 0 30px; float: left;}
.team_or .teamor_down ul li  .border{border: 1px solid #DFDFDF; height: 177px; padding:48px 30px 0 30px;}
.team_or .teamor_down ul li  .border .left {padding-top:10px; max-width: 55%;}
.team_or .teamor_down ul li  .border .left strong{font-size: 18px; display: block;line-height: 28px;color: #333333;}
.team_or .teamor_down ul li  .border .left p {font-size: 16px;line-height: 28px;color: #A4A4A4;}
.team_or .teamor_down ul li  .border .right {max-width:40%;}

/*honor*/
.honor_tup {padding-top:80px;overflow: hidden;}
.honor_tup .honor_sub {font-size: 36px; float:left;font-weight: bold;
line-height: 1.2;
color: #333333;}
.honor_tab {overflow:hidden;}
.honor_tab .nav{ position:inherit; height: inherit;}
.honor_tab .nav-tabs {float:right;display: block;max-width: 50%; text-align: right;}
.honor_tab .nav-tabs li {margin:0 9px; width: 120px; display: inline-block;}
.honor_tab .nav-tabs li a { text-align: center;width: 120px;font-size:16px;
height: 40px; line-height: 40px; padding: 0;color: #999999;
border: 1px solid #999999;
border-radius: 27px;}
.honor_tab .nav-tabs li a.active,.honor_tab .nav-tabs li a:hover {background:#27BACB; color: #fff;border: 1px solid #27BACB;}
.honor_tab .honor_tlist {margin-left:-21px; margin-right: -21px; padding-top: 40px; padding-bottom: 50px;}
.honor_tab .honor_tlist ul li {padding:21px 21px; width: 33.33%; float: left;}
.honor_tab .honor_tlist ul li p {border: 5px solid #EAEDF0; height: 96px; padding: 10px 24px 10px 24px; font-size: 16px;
line-height: 28px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
color: #333333;}
.honor_tab .honor_tlist ul li:hover p {background: #27BACB;border: 5px solid #27BACB;color: #fff;}
.honor_tab .honor_pic {padding-top:30px;}
.honor_pic {}
.honor_pic ul {margin-left:-20px;margin-right:-20px; overflow: hidden;}
.honor_pic ul li {width:33.33%; padding: 20px; padding-bottom: 50px; float: left;}
.honor_pic ul li .peple_time {
color: #AAAAAA; line-height: 25px;}
.honor_pic ul li .peple_time img {margin-right:5px; float: left;vertical-align: top; padding-top: 6px;border-radius: 3px;}
.honor_pic ul li .pople_img {overflow:hidden; position: relative;}
.honor_pic ul li .pople_mask {position:absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(39,186,203,0.8); opacity: 0;border-radius: 3px;}
.honor_pic ul li .pople_title {font-size: 18px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
font-weight: bold;
line-height: 1.2; padding: 8px 0 15px 0;
color: #333333;}
.honor_pic ul li:hover .pople_mask {opacity: 1;}
.honor_pic ul li .pople_img img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.honor_pic ul li:hover .pople_img 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);}

/*about fzgh*/

.overview-section {padding-bottom:80px;}
.overview-section ul {margin-left:-35px; margin-right: -35px;overflow: hidden;}
.overview-section ul li {padding:0 35px; width: 33.33%; float: left;}
.overview-section .thumb,.overview-section .thumb-block {
    position: relative;
    overflow: hidden;
}
.overview-section .thumb .btn-r,.overview-section .thumb-h {
    position: absolute;
    bottom: 45px;
}
.overview-section .thumb-h {
    color: #fff;
    left:40px;
	font-size: 22px;
    -webkit-transition: all .3s cubic-bezier(0,.5,.5,1);
    -o-transition: all .3s cubic-bezier(0,.5,.5,1);
    transition: all .3s cubic-bezier(0,.5,.5,1);
}
.overview-section .thumb-h span {display:block; padding-bottom: 12px;}
.overview-section .thumb .i-desktop {
    display: none;
}
.overview-section .thumb .i-mobile {
    display: inline-block;
}
.overview-section .overview-thumb img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s cubic-bezier(0,.5,.5,1);
    -o-transition: all .5s cubic-bezier(0,.5,.5,1);
    transition: all .5s cubic-bezier(0,.5,.5,1);
}

.overview-section .btn-r {
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    border-color: rgba(153,153,153,.5);
    background-color: #fff;
    background-color: rgba(255,255,255,.6);
    font-size: 14px;
    font-style: normal;
    line-height: 38px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.btn-r:after, .btn-r:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
}
.btn-r:before {
    transform: translate(0,0); background: url("../images/ghwico.svg") no-repeat center;
}

.btn-r-right:after, .btn-r-right:before {
    content: "";
}
.btn-r-right:after {
    transform: translate(-100%,0);
}
.overview-section li:hover .btn-r-right:after {background: url("../images/ghlico.svg") no-repeat center; transform: translate(0,0);}
.overview-section li:hover .btn-r-right:before { transform: translate(100%,0); opacity: 0;}

.overview-section .btn-r-light {
    color: #fff;
    border: 1px solid #ccc;
    border-color: rgba(255,255,255,1);
    background-color: transparent;
}
.overview-section .thumb .btn-r {
    right: 30px;
}
.overview-section .btn-r-light:hover,.overview-section a:hover .btn-r-light {
    color: #444;
    border-color: #fff;
    background: #fff;
}
 .thumb a:hover .thumb-img img,.overview-section .thumb:hover .thumb-img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.fzgh_down {background: #F5F5F5; padding: 60px 0; position: relative;}
.fzgh_down:before {background:#B9B9B9; bottom: 106px; left: 0; width: 100%; height: 1px; position: absolute; content:"";}

.fzgh_down .page_title h2 {padding-bottom:10px;}
.fzgh_down .page_title p.page_eng {font-size: 16px;line-height: 28px;color: #AAAAAA;}
.fzgh_nei {position:relative;}
.fzgh_lun {  position: relative; display: block;  background-color: #F7F7F9;}
.fzgh_lun .txt_block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
	background: #fff;
  padding: 0 45px 0 45px;
}

.fzgh_lun .img_block {  width: 50%;}
.fzgh_lun .img_block img {  display: block;  width: 100%;}
.fzgh_lun .cell{width: 100%; display: inline-block; vertical-align: middle; position:  relative; z-index: 9;}
.fzgh_lun .cell .h3 {font-size: 26px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
line-height: 1.1;
color: #27BACB;}
.fzgh_lun .cell .span {font-size: 20px; position: relative; padding-bottom: 11px; margin-bottom: 20px;line-height: 1.2;color: #333333;}
.fzgh_lun .cell .span:before {width: 10px;background:#EBF0F5; position: absolute; left: 0; bottom: 0; height: 2px; content:"";}
.fzgh_lun .cell p {font-size: 16px;line-height: 28px;}

.fzgh_lun .cell p{ max-height:164px; overflow-y:auto;}
.fzgh_lun .cell p::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.fzgh_lun .cell p::-webkit-scrollbar-track{
  background:#999;
  border-radius:2px;
}
.fzgh_lun .cell p::-webkit-scrollbar-thumb{
  background:#E9E9E9;
  border-radius:10px;}
/*nei*/
.fzgh_lun .cell p::-webkit-scrollbar-thumb:hover{
  background: #E9E9E9;
}



.fzgh_nei .deve-thumbs .swiper-slide {text-align:center;}
.fzgh_nei .deve-thumbs .swiper-slide span {font-size: 22px; height: 90px; padding-top: 62px; font-weight: 400; /*cursor: pointer; */position: relative; display: inline-block;line-height: 28px;color: #333333;}
.fzgh_nei .deve-thumbs .swiper-slide span:before,.fzgh_nei .deve-thumbs .swiper-slide span:after {content:""; position: absolute; left: 50%; top: 50%; display: inline-block;	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform:  translateX(-50%) translateY(-50%);
    -ms-transform:  translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);}
.fzgh_nei .deve-thumbs .swiper-slide span:before{width: 20px;
height: 20px;
background: #FFFFFF;
border: 3px solid #B9B9B9;
border-radius: 50%; }
.fzgh_nei .deve-thumbs .swiper-slide span:after {width: 20px; opacity: 0;
height: 20px;
background: #FFFFFF;
border: 3px solid #B9B9B9;
border-radius: 50%;}
.fzgh_nei .deve-thumbs .swiper-slide-thumb-active span {padding-top:0;}
.fzgh_nei .deve-thumbs .swiper-slide-thumb-active span:after{border-color:#27BACB; opacity: 1;}
.fzgh_nei .deve-thumbs .swiper-slide-thumb-active span:before {opacity:0;}
.fzgh_nei .swiper-button-next,.fzgh_nei  .swiper-button-prev {outline:0;width: 65px; background-image: none; text-align: center; line-height: 65px;
height: 65px;
background-color: #CECECE;
border-radius: 50%; top: 40%;    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);}
.fzgh_nei .swiper-button-next:hover,.fzgh_nei  .swiper-button-prev:hover {background-color:#27BACB;}
.fzgh_nei .fztime {position:absolute; left: 0; bottom: 0;font-size: 490px; width: 100%; 
font-family: 'Open Sans', sans-serif;
font-weight: bold;
line-height: 0.8;
color: #E9E9E9;
letter-spacing: 70px;}
.fzgh_nei .fz_top .swiper-slide { background:#F5F5F5; padding-bottom: 65px;}
.fzgh_nei .deve-top .fzgh_lun { max-width: 980px; margin: 0 auto; z-index: 9;}
.fzgh_nei .fz_bottm {}
.fzgh_nei .deve-thumbs { max-width: 980px; margin: 0 auto;}
.fzgh_nei .deve-thumbs .swiper-slide-thumb-active span{
color: #27BACB;}


@media (min-width: 768px){
.overview-section .thumb-hover,.overview-section .thumb-hover p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    opacity: 0;
}
.overview-section .thumb a:hover .thumb-h,.overview-section .thumb a:hover i {
    z-index: 10;
}	
.thumb-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding:40px 30px;
    background-color: rgba(0,0,0,.7);
    -webkit-transition: all .5s cubic-bezier(0,.5,.5,1);
    -o-transition: all .5s cubic-bezier(0,.5,.5,1);
    transition: all .5s cubic-bezier(0,.5,.5,1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    filter: alpha(opacity=0);
}	
.thumb-hover p {
    padding-left: 0;
    padding-right: 0;
	font-size: 16px; color: #fff; line-height: 28px;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all .5s cubic-bezier(0,.5,.5,1);
    -o-transition: all .5s cubic-bezier(0,.5,.5,1);
    transition: all .5s cubic-bezier(0,.5,.5,1);
}
	
.thumb .btn-r, .thumb-h {
    bottom: 40px;
}
.thumb .i-desktop {
    display: inline-block;
}
.thumb .i-mobile {
    display: none;
}
	
.overview-section  .thumb:hover .thumb-hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1;
}	
	
.overview-section .thumb:hover .thumb-hover p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
	
	
}



/*more*/
.page_more {overflow:hidden; margin-bottom:46px;}
.moreBtn{ width:100%; display:block;height:60px; line-height: 60px; text-align: center; padding:0 36px;background:#27BACB;border-radius: 3px;}
.moreBtn i{display:inline-block; font-size: 15px; color:#fff; letter-spacing: normal; padding-right: 12px; font-style:normal; }
.moreBtn .dot{display:inline-block;}
.moreBtn span{float: left; margin:0 2px; width: 8px;
height: 8px;
border: 2px solid #FFFFFF;
border-radius: 50%;}
.moreBtn:hover i { color:#fff;}
.moreBtn:hover span { background:url(../images/investor4_dot1.png) no-repeat center;}
.moreBtn:hover .span1{-webkit-animation: topDown .8s linear  0s ; animation: topDown .8s linear 0s ;}
.moreBtn:hover .span2{-webkit-animation: topDown .8s linear .2s ; animation: topDown .8s linear .2s ;}
.moreBtn:hover .span3{-webkit-animation: topDown .8s linear .4s ; animation: topDown .8s linear .4s ;}



@keyframes topDown {
  0%{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  50%{
    -webkit-transform: translate(0, -20px);
       -moz-transform: translate(0, -20px);
        -ms-transform: translate(0, -20px);
         -o-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }

  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.pb40 {padding-bottom:30px;}

/*contact*/
.contact_ban {
    height: 100vh;
    position: relative;
}
.cont_map {width:100%; height: 100%; position:absolute; left: 0; top: 0;z-index: -1;}
.cont_text {position:absolute; width: 100%; left: 0; top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.cont_lx {max-width: 550px;background: #FFFFFF; padding: 55px 30px 30px 56px;}
.cont_lx span.bt {font-size: 16px; display: block;
line-height: 24px;
color: #999999;}
.cont_lx h2 {font-size: 36px;
font-weight: bold;padding: 5px 10px;
line-height: 1.2;
color: #27BACB;}
.cont_nr { padding-top:27px;}
.cont_nr p { font-size:16px; overflow:hidden; line-height:30px; margin-bottom:20px;}
.cont_nr p span { float:left; display:inline-block;}
.cont_nr p span:first-child { width:20px;}
.cont_nr p span:nth-child(2) { padding-left:12px; max-width:90%; font-size: 18px;}
.cont_one {padding-top:40px;border-bottom: 1px dashed#D4D4D4; padding-bottom: 50px;}
.cont_little {font-size: 26px;
font-weight: bold;
line-height: 1.2;
color: #333333;}

.cont_two {padding-top:40px;}
.cont_two ul {margin-left:-36px; margin-right: -36px;overflow: hidden;}
.cont_two ul li {width:33.33%; padding:30px 36px; float: left;}
.cont_two ul li .nei {background: #F6F6F6; height: 162px; padding: 30px;}
.cont_two ul li .nei .left {max-width:65%; padding-right: 30px;}
.cont_two ul li .nei .right {max-width:35%;}

.cont_two ul li .nei span { display: block; height: 20px;}
.cont_two ul li .nei p {font-size: 16px; padding: 20px 0;
line-height: 1.4;
color: #333333;}
.cont_two ul li .nei em {width: 10px;height: 1px; display: inline-block;
background: #707070;}
.cont_two ul li:hover .nei {background:#27BACB;}
.cont_two ul li:hover .nei span svg path{fill:#fff;}
.cont_two ul li:hover .nei p {color:#fff;}
.cont_two ul li:hover .nei em {background: #fff;}

/*mess*/
.messform {margin-left:-15px; margin-right: -15px; overflow: hidden; padding-bottom: 70px;}
.messform .col {width:50%; padding:15px; float: left;}
.messform .colw100 {width:100%; padding:15px; float: left;}
.messform .col6 {width:65%; padding:15px; float: left;}
.messform .col4 {width:35%; padding:15px; float: left;}

.messcontrol {width:100%;height: 60px;border: 1px solid #E5E5E5; outline: 0; font-size: 16px; padding: 10px 25px; line-height: 40px; padding-left: 55px; cursor: pointer;border-radius: 3px;}
.messcont {width:100%;border: 1px solid #E8E8E8; min-height: 138px; padding-left: 55px; padding-top: 15px; line-height: 28px; font-size: 16px; outline: 0; border-radius: 3px;}
.messcontrol:hover,.messcont:hover {border: 1px solid #27BACB;}

.messform span {position: relative; display: block; width: 100%;}
.messform span:after {content: "";width: 21px; height: 100%; position: absolute; left: 25px;}
.messform span.mess01:after {  background: url("../images/messico01.svg") no-repeat center;}
.messform span.mess02:after {  background: url("../images/messico02.svg") no-repeat center;}
.messform span.mess03:after {  background: url("../images/messico03.svg") no-repeat center;}
.messform span.mess04:after {  background: url("../images/messico04.svg") no-repeat center;}
.messform span.mess05:after {  background: url("../images/messico05.svg") no-repeat center;height: 20px; top: 21px;}
.messform span.mess06:after {  background: url("../images/messico06.svg") no-repeat center;}

.messform .mess08 {max-width:506px; float: left; width: 60%;}
.messyz {float:left; display: inline-block; padding-left: 20px;}
.submit {background:#27BACB;max-width: 250px; height: 60px; border: none; outline: 0; border-radius: 3px; font-size: 18px; color: #fff; width: 100%;}
.cont_three {padding:70px 0 0 0;}
.cont_big {font-size: 36px;
font-weight: bold;
line-height: 1.2;
color: #333333;}
.cont_three .cont_big {padding:0 0 30px 0;}

.syywfw  {padding:30px 0 0 0;}
.syywfw .bigbox {margin-left:-35px; margin-right: -35px;}
.syywfw .bigbox li{width: 12%;height: 100px;float: left;padding: 0 35px;overflow: hidden;transition: all .5s ease;-webkit-transition:all .5s ease;}
.syywfw .bigbox li .box{ width: 100%; overflow: hidden; }
.syywfw .bigbox li .box .tit{font-size: 88px;line-height: 1;padding-bottom: 30px;font-weight: normal; display:none;}

.syywfw .bigbox li.cur{width: 52%;position: relative;max-width: 100%;}
.syywfw .bigbox li .ch { height:100px; width: 100px; padding: 22px 0 0 0; cursor: pointer;float: left;text-align:center; overflow:hidden;
border: 1px solid #DDDDDD;}
.syywfw .bigbox li .ch .ms_des{font-size: 16px;line-height: 32px;
color: #333333;}
.syywfw .bigbox li.cur .ch,.syywfw .bigbox li:hover .ch{background: #27BACB;border-color:#27BACB;}
.syywfw .bigbox li.cur .ch .ms_des,.syywfw .bigbox li:hover .ch .ms_des { color:#fff;}
.syywfw .bigbox li.cur .ch .ms_name svg path,.syywfw .bigbox li:hover .ch .ms_name svg path {fill:#fff;}

.syywfw .bigbox li .innerBox{width:82%; padding-left: 24px;display: none; float:left; overflow: hidden;}
.syywfw .bigbox li .innerBox p{ display: flex; align-items: center;height:100px; font-size: 16px;}

.syywfw .bigbox li.cur .innerBox{display:block;}

/*pro*/
.prod_list {padding-bottom:60px;}
.prod_cont {overflow:hidden; padding: 21px 0;}
.prod_cont .left {width:50%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.prod_cont .right {width:50%; padding: 68px 50px 0 55px;}
.prod_list .prod_cont:nth-child(2n) .left {float:right;}
.prod_list .prod_cont:nth-child(2n) .right {float:left;}
.prod_cont .pro_name {font-size: 26px;line-height: 1.1; padding: 20px 0 15px 0;color: #333333;}
.prod_cont .pro_text { height:112px;overflow-y: auto;}

.prod_cont .pro_text::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.prod_cont .pro_text::-webkit-scrollbar-track{
  background:rgba(0,0,0,0.1);
  border-radius:2px;
}
.prod_cont .pro_text::-webkit-scrollbar-thumb{
  background:#27BACB;
  border-radius:10px;}


.prod_cont .pro_text p {font-size: 16px;line-height: 28px;}
.prod_cont .pro_namet {font-size: 18px;font-weight: bold;line-height: 1.2; padding-top: 22px;color: #333333;}
.prod_cont  .pro_link {padding-top:22px;}
.prod_cont  .pro_link ul {margin-left:-5px; margin-right: -5px;}
.prod_cont  .pro_link ul li{ width: 25%; float: left; text-align: center; padding: 5px 5px;}
.prod_cont  .pro_link ul li span{border: 1px solid #D4D4D4; height: 52px; line-height: 1; padding: 0 3px; font-size: 16px; display: flex; align-items: center; justify-content: center;     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.prod_cont  .pro_link ul li:hover span{background:#27BACB; color: #fff;}
.lift-nav{
	position: fixed;
	top: 100px;
	right: 30px;
	display: none;
	z-index: 9;
}
.lift-nav li{
	width: 100px;
	text-align: right;
	line-height: 30px;
	padding: 0 10px;
	position: relative;
	margin-bottom: 15px;
	font-size: 16px;
	cursor: pointer;
}
.lift-nav li:before {width: 2px;content:""; opacity: 0; position: absolute;right: 0;
height: 16px;
background: #27BACB;top: 50%;   -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.lift-nav li.current,.lift-nav li:hover{	color: #27BACB;}
.lift-nav li.current:before,.lift-nav li:hover:before {opacity:1;}

/*reseach */ 
.indus_men3 ul li{width:33.33%;}
.res_one {background: #F6F6F6; padding: 100px 0; }
.res_one .left {width:41%; padding-right: 50px;}
.res_one .right {width:59%;}
.res_one .left {padding-top:40px;}
.res_one .left .res_text {max-width:450px; padding-top: 45px;}
.res_one .left .res_text p {padding-bottom:15px; font-size: 16px; line-height: 28px;}
.res_one .left .h3 {font-size: 16px;
line-height: 28px;}
.res_one .left strong {font-size: 36px; display: block;
line-height: 1.2;
color: #333333;}

.res_one .right ul {margin-left:-10px; margin-right: -10px; overflow: hidden;}
.res_one .right ul li {width:33.33%;padding: 0 10px; float: left;}
.res_one .right ul li .res_img {height:400px; overflow: hidden; display: flex; align-items: flex-end; padding: 0 15px 38px 40px; position: relative;}
.res_one .right ul li .res_img img {position:absolute;left: 0;border-radius: 3px;top: 0;width: auto;max-width: inherit;height: 100%;transition: all .5s ease;-webkit-transition:all .5s ease;}
.res_one .right ul li .res_mask {height: 100%; width: 100%;border-radius: 3px; position: absolute; left: 0; top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);opacity: 0.6;}
.res_one .right ul li .res_img  h4{font-size: 20px; position: relative;
font-weight: 400;
line-height: 28px;
color: #FFFFFF;}
.res_one .right ul li:hover .res_img img {  -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
.res_mid .ul-num {padding-top:75px;}
.res_mid .ul-num span {font-family: 'Open Sans', sans-serif; font-size: 52px;}
.res_mid .ul-num li {border-right:1px solid #E5E5E5;}
.res_mid .ul-num li:first-child {border-left:none;}
.res_mid .ul-num li:nth-child(4) {border-right:none;}

.res_bottom {background: #F6F6F6; margin-top: 85px; margin-bottom: 100px;}
.res-container .item {
  position: relative; display: block;
}
.res-container .item .txt_block {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  padding: 0 80px 0 60px;
}
.res-container .cell_box:before {display:none;}
.res-container .cell{width: 100%; padding-top: 120px;}
.res-container .cell span.res_svg img {max-height:60px;}
.res-container .item .txt_block .label {
  font-size: 16px;
}
.res-container .item .txt_block h3 {
font-size: 26px;
line-height: 1.2; padding-top: 25px;
color: #333333;
  margin-bottom: 10px;
}
.res-container .item .span.res_svg { display: block;}
.res-container .item .res_scoll {overflow-y:auto; height: 140px; margin-top: 20px;}
.res-container .item .res_scoll::-webkit-scrollbar{
  width:5px;
  height:6px;
}
.res-container .item .res_scoll::-webkit-scrollbar-track{
  background:#999;
  border-radius:2px;
}
.res-container .item .res_scoll::-webkit-scrollbar-thumb{
  background:#2EBCCC;
  border-radius:10px;}
/*nei*/
.res-container .item .res_scoll::-webkit-scrollbar-thumb:hover{
  background: #2EBCCC;
}

.res-container .item .res_scoll p {  font-size: 16px;  line-height: 28px;}
.res-container .item .img_block {
  width: 50%;
  margin-left: 50%;
}
.res-container .img_block img {
  display: block;
  width: 100%;
}
.res-container .res-page {width:50%; text-align: left; bottom: 55px; padding-left: 60px; margin-left: -7px;}
.res-container .swiper-pagination-bullet{width: 10px; cursor: pointer; 
height: 10px; opacity: 1;
background: #AAAAAA;
border-radius: 50%;}
.res-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 7px;}
.res-container .swiper-pagination-bullet-active,.res-container .swiper-pagination-bullet:hover {
background: #27BACB;}

/*rezd_yfjg*/
.reyf_top .index_first .left p{ font-size:26px;}
.reyf_top .index_first {padding-top:0;}
.swiper-containerc1 {height:700px;}
.swiper-containerc1 .swiperc1-content { height:337px; background: rgba(39,186,203,0.8); width: 50%; max-width: 502px; padding: 68px 45px 30px 45px; position: absolute; top: 50%;   -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.center2-lb {position:relative;}
.swiper-containerc1 .bac .container {height:100%;}
.center2-lb .yf_right {position:absolute;right:0; width: 100%; height: 0; top:28%; z-index:100;}
.center2-lb .yf_right .swiper-paginationc1 {position:inherit; width: 16px; float: right;}
.swiper-containerc1 .bac {background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.swiper-containerc1 .bac .center2-eg-name {font-size: 22px;
font-weight: bold;
line-height:1.2; padding-bottom: 14px; position: relative;
color: #FFFFFF;}
.swiper-containerc1 .bac .center2-eg-name:before {width:20px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; content:""}
.swiper-containerc1 .bac  .center2-text {margin-top:30px;}
.swiper-containerc1 .bac  .center2-text p {font-size:16px; line-height: 28px; color: #fff;}
.swiper-containerc1 .bac  .center2-text {overflow-y:auto; max-height: 140px;}
.swiper-containerc1 .bac  .center2-text::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.swiper-containerc1 .bac  .center2-text::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.4);
  border-radius:10px;
	
}
.swiper-containerc1 .bac  .center2-text::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.8);  border-radius:10px;cursor: pointer;}
/*nei*/
.swiper-containerc1 .bac  .center2-text::-webkit-scrollbar-thumb:hover{
  background: #fff;
}

.center2-lb .yf_right .swiper-paginationc1 span{
    width: 16px !important;
    height: 16px !important;
    border:1px solid transparent;
    background: transparent !important;
    opacity: 1 !important;
    margin-bottom: 35px;
    display: block !important;
    outline: none;
    position: relative;
}
.center2-lb .yf_right .swiper-paginationc1 .swiper-pagination-bullet-active {    border: 1px solid #fff !important;}
.center2-lb .yf_right .swiper-paginationc1 .swiper-pagination-bullet:before {
    content: "";
    width: 6px !important;
    height: 6px !important;
    display: inline-block;
    background: rgba(255,255,255,0.3) !important;
    border-radius: 50% !important;
    position: absolute;
    left: 4px;
    transform: translateY(-50%) !important;
    top: 50%;
}
.center2-lb .yf_right .swiper-paginationc1 .swiper-pagination-bullet-active:before{    background: #fff !important;}
.center2-lb .yf_right .center2-list-name {float:right; text-align: right; padding-right: 9px;}
.center2-lb .yf_right .center2-list-name .center2-name1 {margin-bottom: 35px;font-size: 14px;line-height: 16px;color: rgba(255,255,255,0.3);}
.center2-lb .yf_right .center2-list-name .center2-name1.center2-on {color:#fff;}

/*syhz hzys*/
.hzys_mid {height:460px; background-attachment: fixed; position: relative;  background-position: center; background-size: cover; margin:40px 0 0px 0;}
.hzys_mid .cul_mid {position:absolute;top: 0px; left: 0px; width: 100%; padding: 30px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3);}
.hzys_mid .cul_mid h3 {font-size: 26px;
font-weight: bold;
line-height: 1.2;
color: #FFFFFF;}
.font26 .left p {font-size:26px; font-weight: 500;}
.ad_three {padding-top:10px;}
.ad_three ul {margin-left:-22px; margin-right: -22px; overflow: hidden;}
.ad_three ul li {float:left; width: 33.33%; padding: 0 22px; padding-bottom: 30px;}
.ad_three ul li .ad_border {height:320px;background: #EBF0F5; overflow: hidden; position: relative; padding: 45px 30px 0 30px;z-index: 1}
.ad_three ul li .ad_border:before {height: 11px;background: #E0E4EA;content:""; left: 0; top: 0; width: 100%; position: absolute;}
.ad_three ul li .ad_border:after {height: 11px;background: #27BACB;content:""; left: 0; top: 0; width: 0; position: absolute;}
.ad_three ul li:hover .ad_border:after {width:100%;transition: 0.5s;-webkit-transition: 0.5s;}
.ad_three ul li:hover .ad_border:before {opacity:0;}
.ad_three ul li .ad_border span {display:block;}
.ad_three ul li .ad_border span.ad_ico { height: 36px;}
.ad_three ul li .ad_border span.ad_ico img {max-height:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.ad_three ul li .ad_border span.ad_title{font-size: 26px; margin: 15px 0;
line-height: 28px;
color: #333333;}
.ad_three ul li .ad_border p {font-size:16px;}
.ad_three ul li .ad_border em {font-size: 146px; display: inline-block; text-align: right;font-style: normal; position: absolute; right: 0; bottom:0;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
line-height:0.8;
color: #DBE3E9;
z-index: -1}

.ad_three ul li:hover .ad_border .ad_ico 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); }

.ad_four {min-height:450px; background-attachment: fixed; position: relative;  background-position: center; background-size: cover; margin: 50px 0 60px 0; padding: 60px 40px 30px 40px;}
.ad_four .adfor_sub {font-size: 16px; min-height: 160px;color: #FFFFFF;}
.ad_four .adfor_sub p{ max-width:900px; line-height: 40px; font-size: inherit;color: inherit;}

.adfor_num ul {margin-left:-20px; margin-right: -20px; overflow: hidden;}
.adfor_num ul li {width:25%; padding: 0 20px; float: left;}
.adfor_num ul li .adfor_up {font-size: 16px;line-height: 28px;color: #FFFFFF; margin-bottom: 10px;}
.adfor_num ul li .adfor_down {border-top: 1px solid #FFFFFF; padding-top: 15px;}
.adfor_num ul li .adfor_down span {font-size: 56px;
font-family: 'Open Sans', sans-serif;
line-height: 1;
color: #FFFFFF;}
.adfor_num ul li .adfor_down em{font-size: 16px;line-height: 40px;color: #FFFFFF;vertical-align: top;font-style: normal;}

.adcicle {width: 200px;height: 200px; margin: 0 auto; background: #27BACB; display: inline-block; padding-top: 51px;
border-radius: 50%; position: relative;}
.adcicle:before {width: 170px; position: absolute; content:""; left: 50%; top: 50%;
height: 170px;
border: 1px dashed #93C6E9;
border-radius: 50%;	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform:  translateX(-50%) translateY(-50%);
    -ms-transform:  translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);}
.adcicle span {height:40px; display: block; margin-bottom: 10px;}
.adcicle span img {max-height:100%;}
.adcicle span img {transition: 0.4s;-webkit-transition: 0.4s;}
.adfi_list ul li:hover .adcicle span 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); }

.adcicle p {font-size: 18px;
line-height: 28px;
color: #FFFFFF;}
.adfi_list { padding:22px 0 45px 0;}
.adfi_list ul {margin-left:-15px; margin-right: -15px;}
.adfi_list ul li {width:25%; float: left; text-align: center; padding: 0 15px;}
.adfi_botom { max-width: 260px; width: 100%; padding-top: 99px; margin: 0 auto; position: relative;}
.adfi_botom p {font-size: 16px; height: 112px;
line-height: 28px;}
.adfi_botom:before {width: 1px;content:""; position: absolute; top: -14px; left: 50%;
height: 47%;max-height: 85px;
background: #2097BE;}
.adfi_botom:after {width: 11px;content:""; position: absolute; margin-left: -5px; top: -21px; left: 50%;
height: 11px;
background: #FFFFFF;
border-radius: 50%;}

/*partner*/
.partner_list {padding:20px 0 100px 0;}
.partner_list ul {margin-left:-25px; margin-right: -25px; overflow: hidden;}
.partner_list ul li {width:25%; padding: 25px; float: left;}
.partner_list ul li span {display:block;overflow: hidden;}
.partner_list ul li span img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.partner_list ul li:hover span img { transform: scale(1.05); }

/*job*/
.job_up .right {max-width:50%;width: auto;}
.job_mid {    height: 500px; position: relative; margin-bottom: 85px;
    background-position: center;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;}
.jobmid_nei {max-width:440px; width: 50%; padding: 58px; background: rgba(39,186,203,0.9); height: 100%; float: right;}
.jobmid_nei .jobmid_cont {padding-top:22px; position: relative; height: 100%; width: 100%;}
.jobmid_nei .jobmid_cont:before {height: 2px;background: #FFFFFF; position: absolute; top: 0; left: 0; content:"";}
.jobmid_nei .jobmid_cont p {font-size:16px; color: #fff; padding-bottom: 15px; line-height: 28px;}
.jobmid_nei .jobmid_a {position:absolute; left: 0;bottom: 0; width: 100%; padding-bottom: 18px;
border-bottom: 1px solid #FFFFFF;}
.jobmid_nei .jobmid_a a{color:#fff;
font-size: 16px;}
.job_gene {background: #F6F6F6; padding: 60px 0 0 0;}

.job_gene ul {padding:20px 0 50px 0; margin-left: -33px; margin-right: -33px; overflow: hidden;}
.job_gene ul li {width:25%; padding:33px;text-align: center; float: left;}
.job_gene ul li .about_bg {padding:58px 35px 0 35px;}
.job_gene ul li .about_bg {height: 382px;background: #FFFFFF;
border-radius: 80px 0px 80px 0px;transition: 0.3s;
    -webkit-transition: 0.3s;}
.job_gene ul li .about_bg .aboutsvg {display:inline-block; text-align: center;width: 112px;
height: 112px; line-height: 112px;
background: #F9F9F9;
border-radius: 50%; margin-bottom: 24px;}
.job_gene ul li .about_bg .aboutsvg svg {transition: 0.4s;-webkit-transition: 0.4s;}
.job_gene ul li .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-weight: 500; font-size:22px; line-height: 1.1; padding-bottom: 15px;}
.about_bg p{font-size:16px; line-height: 28px;}
.job_gene ul li:hover .about_bg svg path {fill:#ffffff;stroke:#fff;}
.job_gene ul li:hover:nth-child(1) .about_bg .aboutsvg{background:#9CD69C;}
.job_gene ul li:hover:nth-child(2) .about_bg .aboutsvg{background:#9CD69C;}
.job_gene ul li:hover:nth-child(3) .about_bg .aboutsvg{background:#9CD69C;}
.job_gene ul li:hover:nth-child(4) .about_bg .aboutsvg{background:#9CD69C;}
.joblist_title {overflow:hidden; padding-top: 65px;}
.joblist_title .left {font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    color: #333333;}
.joblist_title .right {font-size: 16px;line-height: 40px;}
.job_search	{height: 53px;width:100%;background: #F6F6F6; border-radius: 36px; margin: 44px 0 55px 0;}
.job_search .ser_l { border:none; outline: 0; background: none; min-width: 85%; padding-left: 20px; line-height: 45px; padding-top: 4px; float: left;}
.job_search .ser_but {width: 45px;height: 45px;float: right;border:none; outline: 0; margin-top: 3px;
background-color: #27BACB;background-image: url("../images/jobser.svg"); background-position: center; background-repeat: no-repeat;
border-radius: 50%;}
.job_search .ser_l::-webkit-input-placeholder { /* WebKit, Blink, Edge */    font-size: 16px;
font-family: MicrosoftYaHei;
color: #AAAAAA;}

.job_search .ser_l:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   font-size: 16px;
font-family: MicrosoftYaHei;
color: #AAAAAA;}

.job_search .ser_l::-moz-placeholder { /* Mozilla Firefox 19+ */  font-size: 16px;
font-family: MicrosoftYaHei;
color: #AAAAAA; }

.job_search .ser_l:-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 16px;
font-family: MicrosoftYaHei;
color: #AAAAAA;}
.job_list {padding-bottom:30px;}
.job_list ul {margin-left:-35px; margin-right: -35px;}
.job_list ul li {padding:35px; padding-top: 0; width: 33.33%; float: left;}
.job_list ul li .job_cont {width: 100%;height: 500px;background: #F6F6F6;border-radius: 3px; padding: 35px 40px 40px 40px;}
.job_list ul li .job_zw {font-size: 22px;font-weight: bold;line-height: 28px;color: #333333; padding-bottom: 20px; position: relative;}
.job_list ul li .job_zw:before {content:""; position: absolute; left: 0; bottom: 0;
height: 1px;
background: #CFCFCF;}
.job_down {margin-top:20px; height: 288px;  margin-bottom: 30px;}
.job_list ul li .job_scoll { max-height: 286px; overflow-y: auto; padding-right: 15px;}

.job_list ul li .job_scoll::-webkit-scrollbar{
  width:4px;
  height:6px;
}
.job_list ul li .job_scoll::-webkit-scrollbar-track{
  background:#DBE2E9;
  border-radius:2px;
}
.job_list ul li .job_scoll::-webkit-scrollbar-track:hover {background:#70A7DF;}
.job_list ul li .job_scoll::-webkit-scrollbar-thumb{
background: #CCD6E1;
  border-radius:6px;}

/*nei*/
.job_list ul li .job_scoll::-webkit-scrollbar-thumb:hover{
  background: #fff;
}



.job_scoll .mCSB_container {padding-right:30px;}
.job_scoll .mCSB_scrollTools{ width: 3px; opacity: 1;}
.job_scoll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 3px; margin: 0; border-radius: 0; background: #CCD6E1;}
.job_scoll .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #DBE2E9; border-radius: 0;}
.job_scoll .mCS_no_scrollbar .mCSB_draggerRail{ visibility: hidden;}
.job_list ul li .job_scoll p {font-size:16px; overflow: hidden; line-height: 1.5; padding-bottom: 8px;}
.job_list ul li .job_scoll p span {font-size:inherit; color: inherit;}
.job_list ul li .jobmore {width: 169px; display: inline-block;
height: 42px; line-height: 42px;font-size:16px; text-align: center;
background: #FFFFFF;
border-radius: 30px;}
.job_list ul li .jobmore svg{margin-left:20px;}
.job_list ul li:hover .job_cont{ background: #27BACB;}
.job_list ul li:hover .jobmore {color: #27BACB;}
.job_list ul li:hover .jobmore svg path{fill:#27BACB;}
.job_list ul li:hover .job_zw {color:#ffff;}
.job_list ul li:hover .job_zw:before {background: #fff;}
.job_list ul li:hover .job_scoll p {color:#fff;}

.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: 30px 30px 30px 4px;}
.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:#0DB4D5; 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;}
.jobeject .modal-header .close {outline:0;}
.jobeject .modal-header .close span {font-size:26px;}
.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;
	outline: 0;
    line-height: 56px;
    background: #52C8D5;
   border-radius: 30px 30px 30px 4px;outline:0;}
.recuit textarea { border-radius:0px; width:100%; float:left;background: #F0F0F0;
    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%;}

}


/*syhz lc*/
.flow_path {
background: #F6F6F6;padding: 110px 0;}
.flow_path .flow_pathone .left {width:50%; padding-right: 75px;}
.flow_path .flow_pathone .right {width:50%;}

.flow_pathone .flowtext span.ico{display:block;}
.flow_pathone .flowtext .h4{font-size: 36px; padding-top: 5px;
line-height: 1.1;
color: #333333;}
.flow_pathone .flowtext .h4 em {display:block; font-style: normal;font-size: 16px;color: #AAAAAA; position: relative; padding-top: 15px; padding-bottom: 20px;}
.flow_pathone .flowtext .h4 em:before {width: 20px; position: absolute;content:""; bottom: 0; left: 0;
height: 2px;
background: #CFCFCF;}
.flowcont {padding-top:30px;}
.flowcont p {font-size:16px; padding-bottom: 15px; line-height: 28px;}
.flow_bottom { padding-top:100px;}
.flow_bottom .nav {position:inherit; text-align: center; display: block;}
.flow_bottom .nav li { width:169px; display: inline-block; padding: 0 11px;}
.flow_bottom .nav li.nav-item .nav-link {width: 100%; display: block; padding: 0; line-height: 50px;
height: 50px;font-size: 16px; color: #fff;
background: #AAAAAA;
border-radius: 50px;}
.flow_bottom .nav li .nav-link.active,.flow_bottom .nav li:hover .nav-link {background: #27BACB;}

.indus_fourlist {padding-top:48px;}
.indus_fourlist ul {display: inline-block; width: 100%; margin-bottom: 70px;}
.indus_four .indus_fourlist ul:last-child {    margin-bottom: 0;}
.indus_fourlist ul li {width:157px; margin-right: 146px; float: left; position: relative;}
.indus_fourlist ul li:last-child {    margin-right: 0;}
.indus_fourlist ul li .indusfour_bg {  display: inline-block;text-align: center;}
.indus_fourlist ul li:first-child .indusfour_bg .line {left:50%;}
.indus_fourlist ul li.on {width:320px;}
.indus_fourlist ul li .indusfour_bg .line {
    content: '';
    z-index: 1;
    position: absolute;
    top: 76px;
    left: 0;
	
	height: 6px; 
    background-color:  #27BACB;;
}
.indus_fourlist ul li .indusfour_bg  .indusfour_title { display: block;font-size: 18px;
font-weight: bold; margin-top: 20px; text-align: center;
line-height: 20px;
color: #333333;
}
.indus_fourlist ul li .indusfour_bg  .indusfour_num {width: 157px; display: inline-block; text-align: center; position: relative; z-index: 9;
height: 157px; line-height: 157px;
background: #FFFFFF;
border: 1px solid #C9C9C9;
border-radius: 50%;}
.indus_fourlist ul li .indus_two span {display:block; height: 50px;}
.indus_fourlist ul li .indus_two span img{max-height:100%;}
.indus_fourlist ul li .indus_two strong {font-size: 18px; display: block;
line-height: 1.1;padding: 10px 0;
color: #FFFFFF;}
.indus_fourlist ul li .indus_two p{ color:#fff; font-size: 16px;}
.indus_fourlist ul.reverse li {    float: right; margin-right: 0;    margin-left: 146px;}
.indus_fourlist ul.reverse li:last-child {margin-left:0;}
.indus_fourlist ul li.on .indusfour_bg {width:100%;}
.indus_fourlist ul li.on .indus_two{height: 204px;width: 100%; padding: 26px 30px 0 30px; text-align: left;background: #27BACB;border-radius: 10px; position: relative; z-index: 9;}
.indus_four .step-process ul li.line-lr .line{width:300px;height:5px;margin-top:-2px}
.indus_four .step-process ul li.line-rl .line{width:300px;height:5px;margin-top:-2px;left:auto;right:50%}
.indus_four .step-process ul li.line-bt.on .line{height:307px;width:6px;left:78%;margin-left:-2px;z-index:-1}
.indus_four .step-process ul li.on .line {width:200%;}

@media (max-width:1579px) {
.indus_fourlist ul li {    width: 157px;margin-right: 98px;}
.indus_fourlist ul.reverse li {width:157px; margin-left: 114px; }

}
@media (max-width:1439px) {
.indus_fourlist ul li {    width: 157px;margin-right: 72px;}
.indus_fourlist ul.reverse li {width:157px; margin-left: 96px; }

}

@media (max-width:1365px) {
.indus_fourlist ul li {    width: 157px;margin-right: 38px;}
.indus_fourlist ul.reverse li {width:157px; margin-left: 71px; }

}
@media (max-width:1279px) {
.indus_fourlist ul li {    width: 137px;margin-right: 38px;}
.indus_fourlist ul.reverse li {width:137px; margin-left: 61px; }
.indus_fourlist ul li .indusfour_bg .indusfour_num {width:137px; height: 137px; line-height: 137px;}
.indus_fourlist ul li.on {    width: 271px;}
.indus_four .step-process ul li.line-rl .line {width:240px;}
.indus_fourlist ul li .indusfour_bg .line {top: 68px;}

}

@media (max-width:991px) {
.indus_fourlist ul li {    width: 110px;margin-right: 35px;}
.indus_fourlist ul.reverse li {width:110px; margin-left: 35px; }
	.indus_fourlist ul li .indusfour_bg .indusfour_num {width:110px; height: 110px; line-height: 110px;}
	.indus_fourlist ul li.on {    width: 182px;}
	.indus_four .step-process ul li.line-rl .line {width:240px;}
	.indus_fourlist ul li .indus_two span {height:30px;}
	.indus_fourlist ul li.on .indus_two {    height: 204px;    padding: 26px 15px 0 15px;}
.indus_four .step-process ul li.line-rl .line {width:190px;}
.indus_fourlist ul li .indusfour_bg .line {top: 55px;}
	
	
}

@media (max-width:767px) {
.flow_bottom {
padding-top: 50px;
}	
.flow_bottom .nav li {    width: 33.33%; display: block; float: left;    padding: 0 5px;}
.flow_bottom .nav li.nav-item .nav-link {height:40px; line-height: 40px;}	
.indus_fourlist ul {
margin-bottom: 50px;
}
.indus_fourlist ul li {    width: 18%;margin-right:2%;}
.indus_fourlist ul li:nth-child(4) {margin-right:0;}
.indus_fourlist ul.reverse li {width:18%; margin-left: 2%; }
.indus_fourlist ul li .indusfour_bg .indusfour_num {width:100%; height: 80px; padding: 0 20%; border-radius: 3px; line-height: 80px;}
	.indus_fourlist ul li .indusfour_bg .indusfour_num img {max-width:30px;}
.indus_fourlist ul li.on {    width: 29%;}
.indus_four .step-process ul li.line-rl .line {width:70px;}
.indus_fourlist ul li .indus_two span {height:30px;}
.indus_fourlist ul li.on .indus_two {    height: 225px;    padding: 25px 5px 0 15px;}
.indus_four .step-process ul li.line-rl .line {width:70px;}
.indus_fourlist ul li .indusfour_bg .line {top: 40px;}
.indus_fourlist ul li .indus_two p {font-size:12px; line-height:1.4;}
.indus_fourlist ul li .indusfour_bg .indusfour_title {font-size:14px;font-weight: 500;}
.indus_fourlist ul li .indus_two strong {font-size:14px; font-weight: 500;}
	.indus_four .step-process ul li.line-lr .line {width:110px; height: 3px;}
	.indus_four .step-process ul li.line-bt.on .line {width:3px;}
	.indus_four .step-process ul li.line-rl .line {height:3px;}
	
}


/*new*/

.new_up {overflow: hidden;}
.new_up .job_search {background: #EBF0F5; max-width: 487px; float: right;}
.content_list .item_img {
    position: relative;
    overflow: hidden;
}
.content_list .item_block .item_box .item_wrapper {
    padding-right: 0;
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 76%;
}
  .content_list
  .item_block:nth-child(3n + 1) {
	  border-left: 1px solid #f0f0f0;}
.content_list .item_block_0 .item_img, .content_list .item_block .item_img {
    display: block;
    float: unset;
    margin-top: 210px;
    opacity: 1;
    height: auto;
    margin-right: 0;
    transition: all 0.36s ease;
}
.content_list .item_block_0 {
    float: left;
}
.content_list .item_block_0 {
    width: calc(100% / 3);
    height: auto;
	position: relative;
    padding: 33px 4%;
    border-right: 1px solid #f0f0f0;
    margin-bottom: 0;
    margin-right: 0;
    border-bottom: none;
}
.content_list .item_block_0 .item_box .item_wrapper .item_info .date_wrap{    position: absolute;    top: 0px;}
.content_list .item_block_0 .item_info .title {    margin-top: 50px;}
.content_list .item_info .title {
    transition: all 0.36s ease;
height: 52px;
	font-size: 18px;
font-weight: bold;
line-height: 28px;
color: #333333;
	    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.content_list .item_des {
    margin-top: 13px;
}
.content_list .item_des {
    transition: all 0.36s ease;
}
.content_list .item_des .description {
    transition: all 0.36s ease;
    font-size: 16px;
    line-height: 28px;
	height: 56px;
       white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.content_list .item_block .item_box .item_wrapper .item_info .date_wrap {
    display: block;
    font-size: 32px;
    color: #666;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.year {font-size: 20px;
font-family: Lato;
font-weight: bold;
line-height: 28px;
color: #CBCBCB;}
.content_list .item_block:hover .item_box .item_wrapper .item_info .title {    color: #52C8D5;}
.content_list .item_block_0 .item_img {
    display: block;
    float: unset;
    margin-top: 210px;
    opacity: 1;
    height: auto;
    margin-right: 0;
    transition: all 0.36s ease;
}
.content_list .item_block > .details {
    display: block;
    width: 63px;
	font-size: 0;
    height: 63px; position: relative;
    border: none;
    margin: 0;
    padding: 0;
	text-align: center;
    line-height: 63px;
    border-radius: 100px;
    color: transparent;
    margin-top: 60px;
}
 .content_list .item_block_0 .details {
    margin-top: 60px;
    margin-bottom: 0;
}
.item_block .details .fa {position:relative; width: 19px; }
.item_block .details .fa svg{  width: 19px; transform: rotateZ(0deg);  transition: all 0.36s ease;}
.content_list .item_block:hover a.details {
    border-color: #27BACB;
    background-color: #27BACB;
}
.content_list .item_block:hover .details .fa svg{
    transform: rotateZ(45deg);
}
.content_list .item_block:hover .details .fa svg path{fill:#fff;}

.content_list .item_block_0 .details {
    margin-top: 18px;
    margin-bottom: 0;
}
.content_list .item_block:hover {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}

.content_list .item_img img {
    transition: all 0.36s ease;
    display: inline;
}
.content_list .item_block:hover .item_box .item_img img {
    transform: scale(1.08);
}
.content_list .item_block:before {
    content: '';
    width: 0;
    height: 3px;
    background-color: #52C8D5;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all 0.4s ease;
    opacity: 0;
}
.content_list .item_block:hover:before {
    left: 0;
    opacity: 1;
    width: 100%;
}
.new_down {border-top:1px solid #E6E6E6; margin-top: 50px; padding-top: 40px;}
.newlist{ margin-top:40px; margin-bottom:40px;}
.newlist ul li a{ display:block; padding:46px 0 46px 0; position: relative; overflow: hidden;}
.newlist ul li a:before {background: #E6E6E6;content: ""; left: 0; bottom: 0; width: 100%; height: 1px; position: absolute;}
.newlist ul li a:after {background: #27BACB;content: ""; left: 0; bottom: 0; width: 0; opacity: 0; height: 1px; position: absolute;}
.newlist ul li a .nleft{ width:16.5%; float:left;}
.newlist ul li a .nright{ float:right; padding-top: 40px;}
.newlist ul li a .nmiddle{ width:70%;float:left;padding:0 0 0 36px;}
.newlist ul li a .nmiddle h3{font-size: 18px;
font-weight: bold; position: relative;
line-height: 28px;
color: #333333; white-space: nowrap; max-width:100%;  overflow:hidden; text-overflow:ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.newlist ul li a .nmiddle h3:before{width: 20px;content:""; opacity: 0; position: absolute; left: 0; top: 50%;
height: 1px;
background: #27BACB;}
.newlist ul li a .nmiddle p{font-size:16px; margin-top:6px; color:#666; line-height:28px;max-width:100%; height:56px; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.newlist ul li .nmiddle span {font-size: 16px; display: block; padding-top: 15px;
font-family: Lato;
font-weight: bold;
line-height: 28px;
color: #CBCBCB;}
.newlist ul li a:hover .nmiddle h3{  font-weight:bold; }
.newlist ul li a .newmore{ height: 40px;border-left: 1px solid #E6E6E6; padding-left: 20px; line-height: 40px;
font-size: 20px;
color: #E6E6E6;}
.newlist ul li a .newmore svg {margin-left:15px;}
.newlist li a:hover:after{ opacity: 1; width: 100%;}
.newlist li a:hover:before {width:0; opacity: 0;}
.newlist li a:hover .newmore  p{ background:url(../images/newmoreh1.png) no-repeat left bottom;}
.newcontent{ padding-bottom:30px;}
.newlist ul li a:hover .nmiddle h3 {padding-left:30px;color: #27BACB;}
.newlist ul li a:hover .nmiddle h3:before {opacity:1;}
.newlist ul li a:hover .newmore {border-left: 1px solid #27BACB;color: #27BACB;}
.newlist ul li a:hover  .newmore svg path{ fill:#27BACB;}

@media (max-width:1439px) {
.newlist ul li a .nleft {    width:20%;}
	.newlist ul li a .nmiddle {width:65%;}
	
}

@media (max-width:1365px) {
.newlist ul li a .nleft {    width:22%;}
.newlist ul li a .nmiddle {width:63%;}
	
}
@media (max-width:1279px) {
.newlist ul li a .nleft {    width:25%;}
.newlist ul li a .nmiddle {width:60%;}
}
@media (max-width:991px) {
.newlist ul li a .nleft {    width:32%;}
.newlist ul li a .nmiddle {width:50%;}
}
@media (max-width:767px) {
	.content_list .item_block_0 {width:100%; margin-bottom: 30px; padding: 30px 0; border: none !important;}
	.content_list .item_block .item_box .item_wrapper {width:100%; position: inherit; top: inherit;}
	.content_list .item_block_0 .item_info .title {margin-top:20px;}
	.content_list .item_block_0 .item_img {margin-top:0;}
	.content_list .item_block .item_box .item_wrapper .item_info .date_wrap {position: inherit; top: inherit; padding-top: 15px;}
	.content_list .item_block:hover {
    box-shadow:0 0 black;}
	.newlist {
    margin-top: 0px;
    margin-bottom: 40px;
}
	.newlist ul li:nth-child(1) a{padding-top:0;}
	.newlist ul li a .nleft {    width:100%;}
.newlist ul li a .nmiddle {width:100%; padding-left: 0; padding-top: 30px;}
.newlist ul li a {
    padding: 30px 0 30px 0;
}
	.newlist ul li a .nright {float:left; padding-top: 20px;}
	
}



/*detail*/
.col-left { float:left; width:75%; padding-right:50px; padding-top:45px; padding-bottom:50px;}
.col-right { float:left; width:25%;padding-top:45px; padding-bottom:50px;}
.article{ margin-bottom:30px;}
.article p{ font-size:16px; color:#333; line-height:28px; margin-bottom:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}

.article_title{font-size:30px; color:#333333; line-height:40px; font-weight:bold; margin-bottom:10px; margin-top:0;}
.article_time{font-size:16px;line-height:40px; margin-right:40px;}
#border hr { margin:15px 0; margin-bottom:32px;}
.article_des { border-left:4px solid #FF5C5F; padding-left:25px;}
.article_des span { color:#333; display:block;}
.article_des p { color:#333; }

.bottom_link{  margin-bottom:10px;font-size:15px; color:#666; line-height:28px;}
.bottom_link p{ font-size:15px; color:#666; line-height:25px; padding-bottom:5px;}
.bottom_link a{font-size:15px; color:#9FA19F;}
.bottom_link a:hover{ color:#52C8D5;}
.return{ float:right; width:114px; line-height:36px; border:1px solid #CBCBCB; font-size:16px; border-radius: 3px; color:#333; text-align:center;}
.return:hover{  border:1px solid #52C8D5; font-size:14px; color:#fff; background-color:#52C8D5;}

.recommend{ border-left:1px solid #EAEAEA;padding:10px 0 10px 50px;}
.recommend h2{font-size:20px; color:#333; margin:0;font-weight:bold; margin-bottom:20px;}
.recommend ul li a{ display:block;margin-bottom:25px;}
.recommend ul li:last-child a { margin-bottom:0;}
.recommend ul li a h3{font-size:18px; color:#333333; line-height:26px; margin:0;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.recommend ul li a span{ padding-top:5px; display:block;font-size:16px; color:#666; }
.recommend ul li a:hover h3{ color:#52C8D5;}
.recommend_pic { overflow:hidden;}
.recommend_pic img{transition: 600ms; -webkit-transition: 600ms; }
.recommend ul li a:hover .recommend_pic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.recomborder { padding:16px 0;transition: 600ms; -webkit-transition: 600ms;}
.borertop { border-top:1px solid #e4e4e4; padding-top:22px; padding-bottom:22px;}
.fontsy {  font-size:14px;}

@media (max-width:767px) {
.col-left { float:left; width:100%; padding-right:0; padding-top:30px; padding-bottom:0;}
.col-right { float:left; width:100%; padding-top:0;}
.recommend { border-left:none; padding-left:0;}
.recommend ul li:last-child a { margin-bottom:25px;}
	.recommend ul li a h3 {font-size:16px;}
.article_title{font-size:25px; color:#333333; line-height:40px; font-weight:bold; margin-bottom:10px; margin-top:0;}

}

/*pro new 8.18*/
.prod_cont .swiper-container {width:100%;height: 100%;}
.prod_cont .swiper-container .swiper-slide {width:100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.prod_cont .swiper-button-prev {background-image: url(../images/adleft.png);background-size: 9px 17px;background-repeat: no-repeat;background-color: #ffffff;}
.prod_cont .swiper-button-next {background-image: url(../images/adright.png);background-size: 9px 17px;background-repeat: no-repeat;background-color: #ffffff;}

@media (max-width:767px) {
	.prod_cont .swiper-container .swiper-slide {background-image:none !important;}
	
}