@charset "utf-8";
/* CSS Document */
  

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:6px;
    }
    /* 滚动槽 */
    ::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(2,140,149,1);
    border-radius:6px;
    }
    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
    border-radius:6px;
    background:rgba(2,140,149,1);
    -webkit-box-shadow:inset006pxrgba(2,140,149,1);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(2,140,149,1);
    }

*{ margin: 0; padding: 0; font-family: "word","Montserrat","DINProb","DINProm","MontserratE",Arial,sans-serif; font-size: 16px; color: #1d2026; box-sizing: border-box;}
img{ border: 0; -ms-interpolation-mode: bicubic;}
a,p,span,h1,i{ text-decoration: none; margin: 0;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer;}
.bai{color: #fff !important;}
.hei{color: #000 !important;}
.z{z-index: 99;}
.logose{color: #028c95;}
.ml0{margin-left: 0px !important;}
.ml10p{margin-left: 10% !important;}
.f18{font-size: 18px !important;display: contents;}
.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{ zoom:1;}
.l{float: left;}
.r{float: right;}
.c{margin: 0 auto; text-align: center !important;}
.bc{/*background: #e5fdff;*/background: url(../img/sem-bg.jpg) no-repeat bottom;}
.text-align-l{text-align: left !important;}
.text-align-c{text-align: center !important;}
.container {  
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
  }
  .juzhong{overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}
  .w10 {width: 10%;}
  .w20 {width: 20%;}
  .w30 {width: 30% !important;}
  .w35 {width: 32.5%;}
  .w49 {width: 49% !important;}
  .w50 {width: 50% !important;}
  .w60 {width: 60% !important;}
  .w65 {width: 66.7% !important;}
  .w70 {width: 70% !important;}
  .w80 {width: 80%;}
  .w90 {width: 90%;}
  .w-95 {width: 95% !important;}
  .w100 {width: 100%;}
  .wp70 {width: 70px;}
  .wp80 {width: 90px;}
  .f12 {font-size: 12px;}
  .f14 {font-size: 14px !important;}
  .f16 {font-size: 16px;}
  .f20 {font-size: 20px !important;}
  .f24 {font-size: 24px !important;}
  .f36 {font-size: 36px !important;}
  .f48 {font-size: 36px !important;}
  .f50 {font-size: 50px;}
  .fbold {font-weight: bold;}
  .fw500 {font-weight: 500;}
  .dian{margin: 0 2%;display: inline-block;vertical-align: middle;}
  .mt0{margin-top: 0px !important;}
  .mt10{margin-top: 10px !important;}
  .mt20{margin-top: 20px !important;}
  .mt30{margin-top: 30px !important;}
  .mt40{margin-top: 40px !important;}
  .mt60{margin-top: 60px !important;}
  .mt80{margin-top: 80px !important;}
  .mt120{margin-top: 120px !important;}
  .mt-450{margin-top: -450px !important;}
  .mb10{margin-bottom: 10px !important;}
  .mb20{margin-bottom: 20px !important;}
  .mb30{margin-bottom: 30px !important;}
  .mb40{margin-bottom: 40px !important;}
  .mb50{margin-bottom: 50px !important;}
  .mb60{margin-bottom: 60px !important;}
  .mb80{margin-bottom: 80px !important;}
  .pt20{padding-top: 20px !important;}
  .pt30{padding-top: 30px !important;}
  .pt50{padding-top: 50px !important;}
  .pt80{padding-top: 80px !important;}
  .pb3{padding-bottom: 3% !important;}
  .pb20{padding-bottom: 20px !important;}
  .pb30{padding-bottom: 30px !important;}
  .pb40{padding-bottom: 40px !important;}
  .pb50{padding-bottom: 50px !important;}
  .pb80{padding-bottom: 80px !important;}
  .lh30{line-height: 30px !important;}
  .lh50{line-height: 50px !important;}
  .mxh500{max-height: 500px !important;}
  .mxh700{max-height: 700px !important;}
  .mxh1000{max-height: 1000px !important;}
  .mr10{margin-right: 10px !important;}
  .ml10{margin-left: 10px !important;}
  .mx580{max-width: 580px !important;}
  .mx1920{max-width: 1920px !important;}
  .over{overflow: hidden;}

@font-face {
    font-family: 'iconfont';  /* Project id 4106674 */
    src: url('//at.alicdn.com/t/c/font_4106674_bm0d6qyjut9.woff2?t=1723800450408') format('woff2'),
         url('//at.alicdn.com/t/c/font_4106674_bm0d6qyjut9.woff?t=1723800450408') format('woff'),
         url('//at.alicdn.com/t/c/font_4106674_bm0d6qyjut9.ttf?t=1723800450408') format('truetype');
  }
@font-face {
    font-family : word;
    src : url(./font/PingFang-Regular.ttf);
}
@font-face {
    font-family : Montserrat;
    src : url(./font/Montserrat-SemiBold.otf);
}
@font-face {
    font-family : DINProb;
    src : url(./font/DINPro-Bold.otf);
}
@font-face {
    font-family : DINProm;
    src : url(./font/DINPro-Medium.otf);
}
@font-face {
    font-family : MontserratE;
    src : url(./font/Montserrat-ExtraLight.otf);
}
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
section {  
        background-color: #fff; 
        margin: 0 0; 
        width: 100%; 
        display: block;
        overflow: hidden;
    }  
 /*标题文字*/
.tit {
    color: #000;
    position: relative;
    overflow: hidden;	
    display: block;
    width: 100%;
    margin: 0 auto;	
    text-align: center;	
  }
  .chanpin-tit .font {
    color: #000;
    text-align: center;	
  }
  
  .tit span{
    color: #000;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    font-weight: 500;	
  }
  .tit span .f {
    color: #999;
    font-size: 18px;
    font-weight: lighter;
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
  }
 


.header{ position: fixed; width: 100%; padding: 0 4%; height: 90px; top: 0; left: 0; z-index: 99999; transition: all 0.5s;background: linear-gradient(to bottom, rgba(2, 140, 150, 1), rgba(255, 255, 255, 0.0));}
.header .header_logo{ float: left; overflow: hidden; margin: 20px 0 0;}
.header_logo img{ width: 120px; float: left;}
.tagline{ overflow: hidden; margin: 5px 0 0 25px; float: left;}
.tagline span{ float: left; color: #fff;}
.header_logo .header_logo02{ display: none;}
.header .header_titlePC{ float: right;/* margin-right: 3%;*/ width: 21%;}
.header_titlePC ul{ position: relative; height: 80px;}
.header_titlePC .header_topic{ float: left; width: 20%; text-align: center; cursor: pointer;}
.header_word01{ position: relative;}
.header_word01 a{ color: #fff; line-height: 80px; display: inline-block;}
.header_word01 img{ width: 10px; position: absolute; top: 38px; right: 18%; z-index: 9;}
.header_word01 span{ display: inline-block; height: 3px; background: #028c95; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 99;
transition: all 0.5s; transform: scaleX(0);}
.header_tell01 { display: block;width: 30px;line-height: 30px;float: left;text-align: center;}
.header_tell02 { display: block;width: 30px;line-height: 30px;float: left;text-align: center;}
.header_arrow02{ display: none;}

.header_word02, .header_word02_n {  
    opacity: 0;  
    visibility: hidden;  
    transition: all 0.5s;  
    position: fixed;  
    top: 90px;  
    z-index: 99999;  
    /* width: 100vw;  
    padding: 0 6% 0 35%; 取消注释并调整以符合你的设计需求 */  
    background: linear-gradient(to bottom, rgba(2, 140, 150, 1), rgba(255, 255, 255, 0.0));
    overflow: hidden;  
    box-shadow: 0 1px 3px #e5e5e5;  
    display: flex;  
    flex-direction: column; /* 更改此属性以竖向排列子元素 */  
    align-items: center; /* 可选，使子元素在交叉轴上居中 */  
    justify-content: flex-start; /* 或者根据需要调整 */  
    padding: 20px 30px;
    box-sizing: border-box;
}  
  
.header_word02_n {  
    background: #fff; /* 特定于 .header_word02_n 的背景色 */  
}  
  
.header_word02 a, .header_word02_n a {  
    width: 120px;  
    line-height: 50px;  
    display: block; /* 更改为 block 以防止内联元素特性影响布局 */  
    /* float: left; 移除 float，因为它与 Flexbox 不兼容 */  
    color: #fff;
    margin: 5px 0; /* 可选，为链接之间添加一些垂直间距 */  
    border-bottom: 2px solid transparent;
}
.header_word02 a:hover{  
    border-bottom: solid 2px #028c95;
 transition: border-bottom 0.5s ease; 
 color: #fff;
}
.header_word02_n a:hover{  
    border-bottom: solid 2px #028c95;
    transition: border-bottom 0.5s ease;
    color: #fff;
}


.header_get{ float: right; margin-right: 0; padding: 20px 0 0; margin-left: 2%; cursor: pointer; border-bottom: solid 1px #fff;}
.header_get p{ overflow: hidden; position: relative; line-height: 40px;}
.header_get span{ color: #fff;}
.header_tip{ float: right; overflow: hidden; padding-top:28px;; box-sizing:border-box; line-height: 26px;  margin-left: 2%; cursor: pointer;}
.header_tip_01{ float: right; overflow: hidden;  padding-bottom:26px; line-height: 26px;  cursor: pointer;}
.header_tip img{ width: 24px; float: left;}
.header_tip .header_tell02{ display: none;}
.header_tip span{ color: #fff; margin-left: 15px; float: left;}
.header_tip_02{ opacity: 0; visibility: hidden; transition: all 0.5s; position: fixed; top: 80px; left: 0; z-index: 99999; width: 100vw; padding: 0 6% 0 35%;background:url(../img/Global_left_03.jpg) no-repeat  #fff; overflow: hidden; box-shadow: 0 1px 3px #e5e5e5; height:410px; background-position:right 10% center;}
.header_tip:hover .header_tip_02{ opacity: 1; visibility: visible; padding: 10px 10% ;  }
 ul.global{ width:50%;}
 ul.global li{ width:100%; height:70px; line-height:35px; margin-top:70px; font-size:18px; color:#6a6c73;}
 ul.global li p{font-size:16px; color:#1e2025; font-weight:bold;}
ul.global li img{width:70px; height:70px;  float:left; margin-right:24px;}

.header_menu,.header_titlePho{ display: none;}
.headerAct{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header_col{ background: #fff; border-bottom: solid 1px #e1e1e1;}
.header_col .header_word01 a{ color: #323232;}
.header_col .header_tip span{ color: #323232;}
.header_col .header_get{ border-bottom: solid 1px #323232;}
.header_col .header_get span{color: #323232;}
.header_col .tagline span{ color: #323232;}
.header_topic:hover .header_word02{ opacity: 1; visibility: visible;/* padding: 6px 6% 6px 35%;*/}
.header_topic:hover .header_word01 span{ transform: scaleX(1);}
.header_word02 a:hover{}

.header_menu{ display: none; float: right; margin: 22px 0 0;}
.header_menu01{ height: 1rem;}
.header_menu02{ display: none;}


@media (min-width: 1366px) and (max-width: 1600px) {
	.header_word01 img{ right: 10%;}
	.header_tip.global{display:none;}
}
@media (min-width: 1300px) and (max-width: 1365px) {
	.header_word01 img{ right: 10%;}
	.header .header_titlePC{ margin-right: 1%;}
	.header_get{ margin-left: 2%;}
	.header_tip.global{display:none;}
}
@media screen and (max-width: 1300px){
	.header_logo span{ display: none;}
	.header_tip{ display: none;}
	.header_get{ margin-left: 0;}
	.header_tip.global{display:none;}
}
@media (min-width: 1024px) and (max-width: 1299px){
	.header .header_titlePC{ width: 50%; margin-right:10%;}
	.header_tip.global{display:none;}
}
@media (min-width: 768px) and (max-width: 1023px){
	.header .header_titlePC{width: 50%; margin-right:10%;}
	.header .header_logo{ margin: 28px 0 0;}
	.header_logo img{ width: 160px;}
	.header_word01 img{ right: 3%;}
		.header_tip.global{display:none;}
}

#followDot {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    z-index: 999999;
    pointer-events: none;
}

#followDot .ordinary {
    position: absolute;
    top: -17px;
    left: -17px;
    width: 40px;
    height: 40px;
    background: rgba(232,46,49,0.3);
    border-radius: 50%;
    opacity: .2;
    box-sizing: border-box;
    z-index: 999999;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#followDot .above {
    position: absolute;
    top: -27px;
    left: -27px;
    width: 60px;
    height: 60px;
    background-color: #ccc;
    border-radius: 50%;
    opacity: .12;
    z-index: 999999;
    box-sizing: border-box;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#followDot.follow-active .ordinary {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

#followDot.follow-active .above {
	background: rgba(0,0,0,0.3);
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


.rel{ position: relative;}
.flow{ overflow: hidden;}
.clear{ clear: both;}
.holder_about{ width: 70%; margin: 0 auto;text-align:left;}
.holder_about::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.holder{ width: 90%; margin: 0 auto;text-align:left;}
.holder::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.pack{ width: 78%; margin: 0 auto;}
.banner_pc{display:block; width:100%; height:100vh; overflow:hidden;}
.banner_pc video{ width:100%; height:100%; object-fit:cover;}
.mengban_pc{ display:block; width:100%; height:100vh; background: linear-gradient(to bottom, rgba(2, 140, 150, 0.5), rgba(255, 255, 255, 0.0)); position:absolute; z-index:1}
#swiper01{display:block;}
.banner_pc .picture_word{ position: absolute; bottom: 32vh; left: 0; width: 100%; z-index: 99;}
.banner_pc .picture_word h1{ font-size: 64px; font-weight: normal; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.banner_pc .picture_word h2{ font-size: 70px; line-height: 80px; font-weight: bold; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.banner_pc .picture_word p{ font-size: 24px; color: #fff; margin: 40px 0 0; letter-spacing: 3px;}
.banner_pc .picture_word span{ font-size: 82px; color: #fff; margin: 36px 0 0; text-transform: uppercase; letter-spacing: 3px; font-family: MontserratE;}
.banner_pc .picture_word a{line-height: 46px; display:block; overflow:hidden;  text-align: left;}
.banner_pc .picture_word a:hover{font-size:18px; -webkit-transition: all 0.6s; transition: all 0.6s;}
.banner_pc .picture_word a .gain span{font-size:18px;}
.banner_pc .banner_jt{ width:80px;height:40px; position:absolute; left:50%; margin-left:-40px; bottom:1%; text-align:center; z-index:10;}
#mymove img{width:40px; height:40px;position:absolute; left:50%; margin-left:-20px; bottom:6%; -webkit-animation: mymove 0.7s infinite; /* Chrome, Safari, Opera */
    animation: mymove 0.7s infinite; z-index:10;}
.banner_pc .banner_jt p{ color:#f1f1f1; font-size:16px;}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {bottom: 7%;}
}

/* Standard syntax */
@keyframes mymove {
    50% {bottom: 7%;}
}

.banner{ position: relative;}
.banner_pic{ display: block; width: 100vw; height: 100vh;}
.banner_pic img{ width: 100vw; height: 100vh; object-fit: cover; transform: scale(1); transition: transform 6s ease 0.5s;}
.banner_pic .banner_picpho{ display: none;}
.banner_word{ position: absolute; top: 50%; transform: translateY(-50%); left: 10%; width: 80%; z-index: 9;}
.banner_word img{ width: 100%; opacity: 0; visibility: hidden;}
.banner_word .banner_wordpc01{ transition: all 0.8s; transform: translateY(-150px);}
.banner_word .banner_wordpc02{ margin: 50px 0 0; transition: all 0.9s ease 0.2s; transform: translateY(150px);}
.banner_word .banner_wordpho01{ display: none;}
.banner_word .banner_wordpho02{ display: none;}
#swiper01{ position: relative;}
#swiper01 .swiper-slide-active .banner_word .banner_wordpc01{ transform: translateY(0); opacity: 1; visibility: visible;}
#swiper01 .swiper-slide-active .banner_word .banner_wordpc02{ transform: translateY(0); opacity: 1; visibility: visible;}
#swiper01 .swiper-slide-active .banner_pic img{ transform:scale(1.15); -webkit-transform:scale(1.15); }
#pagination01{ left: 0; right: 0; bottom: 60px;}
#pagination01 .swiper-pagination-bullet{  width: 100px; height: 2px; margin:40px 0 0 40px;}
#pagination01 .swiper-pagination-bullet-active{ position: relative;}


.picture_word{ position: absolute; bottom: 32vh; left: 0; width: 100%; z-index: 99;float: left;text-align: left;}
.picture_word h1{ font-size: 64px; font-weight: normal; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word h2{ font-size: 50px; line-height: 60px; font-weight: bold; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word p{ font-size: 24px; color: #fff; margin: 40px 0 0; letter-spacing: 3px;}
.picture_word span{ font-size: 82px; color: #fff; margin: 36px 0 0; text-transform: uppercase; letter-spacing: 3px; border-radius: 10px; border: 1px solid #fff;  padding: 10px 30px; background: #028c96;}
.picture_word a { font-size: 16px; line-height: 42px; margin-top: 80px; display: block;  text-align: left; overflow: hidden; }

.picture_word a .gain span{font-size:18px;}

.picture_word_about{ position: absolute; top: 20vh; left: 0; width: 100%; z-index: 99;float: left;text-align: left;}
.picture_word_about h1{ font-size: 64px; font-weight: normal; color: #fff; text-transform: uppercase;}
.picture_word_about h2{ font-size: 50px; line-height: 60px; font-weight: bold; color: #fff; text-transform: uppercase; }
.picture_word_about p{ font-size: 24px; color: #fff; margin: 10px 0 0; letter-spacing: 2px;}
.picture_word_about span{ font-size: 82px; color: #fff; margin: 36px 0 0; text-transform: uppercase; letter-spacing: 3px; border-radius: 10px; border: 1px solid #fff;  padding: 10px 30px; background: #028c96;}
.picture_word_about a { font-size: 16px; line-height: 42px; margin-top: 80px; display: block;  text-align: left; overflow: hidden; }

.picture_word_about a .gain span{font-size:18px;}
.banner_jt{ width:80px;height:40px; position:absolute; left:50%; margin-left:-40px; bottom:1%; text-align:center; z-index:10;}

/*第二屏*/

.youshi-index{width: 100%;display: block;}
.youshi-index .tu{width: 100%;display: block;}
.youshi-index .tu >ul{width: 98%;display: block;overflow: hidden;}
.youshi-index .tu >ul li{display: block;margin: 0.5% 0;overflow: hidden;}
.youshi-index .tu >ul li img{width: 100%;display: block;}
.youshi-index .tu >ul li .youshi-pc{width: 100%;display: block;border: 1px solid #028c96; border-radius: 5px;position: relative; }
.youshi-index .tu >ul li .youshi-pc img{width: 100%;position: relative;}
.youshi-index .tu >ul li .youshi-pc .title {   position: absolute;  top: 0;left: 5%;width: 100%;float: left; z-index: 1;display: flex; /*justify-content: center;*/  align-items: center;  bottom: 0;}  
.youshi-index .tu >ul li .youshi-pc .title img{ width: 50px;margin-right: 15px;}  
.youshi-index .tu >ul li .youshi-pc .title .slo{ text-align: left;font-size: 24px;}  
.youshi-index .tu >ul li .youshi-pc .title span{ text-align: left;}  
.youshi-index .tu >ul li .youshi-pc .image-container img {   display: block; width: 100%; height: auto; }

/*第三屏*/

.service-index{width: 100%;display: block;}
.service-index-2-bg{ width: 100%; background: url("../img/3_img_bg.png") no-repeat top; background-size:100% 100%; }
.important{ padding:20px 0 0px 0;}
.important li{ float:left; margin: 0 8px;border: 1px solid #028c95; border-radius: 10px;}
.contents{ background: rgba(255, 255, 255, 0.6);border: 1px solid #028c95; border-radius: 10px;position: relative;z-index: 1;}
.important li a{ display:block;width: 322px; height: 472px;display:block; border-radius:10px;border:1px solid #028c95; background:#fff;}
.important li:hover a{ border:1px dotted #000; background:#fff;}
.important li span{  border-radius: 10px;  color: #fff;  font-size: 24px;  line-height: 18px; text-align: center; position: relative;  top: 75%;  width: 90%;  display: block; background: rgba(2,140,149,0.9);  padding: 20px 40px; border: 1px solid #fff;
 margin-left: 5%; margin-right: 5%; font-weight: bold;
}
.important li span p{color: #fff;font-weight: 500;}
.important li .video{width: 320px; height: 470px;}
.important .rcsp_1{ background:url("../img/service-1.png") no-repeat top center;width: 320px; height: 470px; margin-bottom: 30px;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_2{ background:url("../img/service-2.png") no-repeat top center;width: 320px; height: 470px; margin-bottom: 30px;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_3{ background:url("../img/service-3.png") no-repeat top center;width: 320px; height: 470px; margin-bottom: 30px;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_4{ background:url("../img/service-4.png") no-repeat top center;width: 320px; height: 470px; margin-bottom: 30px;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_1:hover{ background:url("../img/service-1-1.png") no-repeat top center;transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_2:hover{ background:url("../img/service-2-2.png") no-repeat top center;transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_3:hover{ background:url("../img/service-3-3.png") no-repeat top center;transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.important .rcsp_4:hover{ background:url("../img/service-4-4.png") no-repeat top center;transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center top; background-size: 80% 80%;}
.bgbg { background:url("../img/service-1-1.jpg") center top no-repeat; width:100%; padding-bottom: 20px;}
.important .rcsp_1:hover span, .important .rcsp_2:hover span,.important .rcsp_3:hover span,.important .rcsp_4:hover span{
    transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
background: linear-gradient(to bottom, #1ad3e0, #006a71);
}

.important li p{ line-height:18px; margin-top:20px; text-align:center; display:block; color:#028c95;}
.important li:hover p{ color:#fff;}
.important li strong { position: relative; display: block; margin-top: 27px; z-index: 4; top: 80%; }
.important li strong i {  display: none; position: absolute; width: 0px;  height: 0px;  border: 10px solid #fff0;    border-bottom-color: rgba(255, 255, 255, 0); display: block; left: 50%;  margin-left: -9px;  border-bottom-color: #028c95;  margin-top: -20px; }
.important_l{ padding:30px 60px 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ padding:50px 60px 0;width:100%; overflow: hidden;margin: 0 auto; }
.title_1{ text-align:center;width: 75%;margin: 0 auto;}
.title_1 h3{ font:14px/16px ;text-transform: uppercase; color:#000; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2 { font-size: 40px;font-weight: bold ; color: #1b979f; padding-bottom: 30px; }
.title_1 p{ line-height: 30px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.study{ padding:40px 32px; overflow: hidden;}
.study h3{ font: bold 25px/30px; color:#028c95; display: block; padding-bottom:15px;}
.study span{ font:14px/18px;color:#000;display: block;position: relative;overflow: hidden;float: left; margin: 20px 0px;text-align: center; width: 20%;}
.study span a{ color:#000;font-size: 18px;font-weight: bold;}
.study span a:hover{ color:#028c95;transition: 0.5s; -moz-transition: 0.5s;  -ms-transition: 0.5s; -webkit-transition: 0.5s; -o-transition:0.5s;font-weight: bold;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#028c95; display:block; font: bold 16px/30px ; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}


/*第四屏*/

.about_pc {
    display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  }
  .about_pc video{ width:100%; height:100%; object-fit:cover;}
  .about-mengban_pc {
      display: block;
      width: 100%;
      height: 500px;
      position: absolute;
      z-index: 1;
      background: linear-gradient(to bottom, white, transparent);
    }
  .num{  margin: 0 auto; max-width: 1200px;overflow: hidden;margin-top: -10%;}
  .numCount{ margin: 0 -10px;}
  .numCount li {
    float: left;
    width: 30%;
    text-align: center;
    max-width: 355px;
    max-height: 355px;
    height: 355px;
    float: left;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    position: relative;
    background: #fff;
    margin: 0 2%;
    margin-left: 2%;
    margin-right: 2%;
    border-radius: 50%;
    border: 1px solid #028c95;
  }
  .numCount li .item{ margin: 0 10px;}
  .numCount li .numU{ line-height:1.3;}
  .numCount li .numCX{ font-size:84px; color:#028c96;}
  .numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
  .numCount li .numU sup{vertical-align: top;}
  .numCount li .numU sub{vertical-align:baseline;}
  @media (max-width:800px){
      .numCount li .numCX{ font-size:36px; }
  }
  @media (max-width:640px){
      .numCount li .numCX{ font-size:7vw; }
  }
  @media (max-width:480px){
      .numCount{ font-size:0.5vw;}
  }

  
/*第五屏*/

.cz_pc {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(2, 140, 150, 0.8), rgba(2, 140, 150 ,0.4), rgba(255, 255, 255, 0.1));
    position: absolute;
    z-index: 1;
    max-width: 1820px;
    min-height: 560px;
    max-height: 560px;
}
.cz-wz{position: absolute;
    bottom: 25vh;
    left: 5%;
    width: auto;
    z-index: 99;
    float: left;
    text-align: left;}
.banner_wrap {
	height: 100%;
        min-height: 620px;
        max-height: 620px;
	padding-bottom: 0;
	background: #fff;
	background: rgba(255, 255, 255, .86);
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	box-shadow: 0 1px 3px rgba(167, 167, 167, .4);
}
.banner_wrap:hover .right {
	width: 30px;
}
.banner_wrap:hover .left {
	width: 30px;
}
.banner_wrap>ul li {
	position: absolute;
	display: none;
}
.left,.right {
	position: absolute;
	z-index: 999;
	background: #000;
	opacity: .6;
	cursor: pointer;
	font-weight: bold;
	width: 0px;
	color: #FFFFFF;
	font-size: 30px;
	text-align: center;
	padding: 10px 0;
	top: 40%;
  bottom: 50%;
	overflow: hidden;
	-webkit-transition-duration: 0.2s;/* Safari 和 Chrome */
}
.right {
	right: 14px;
}
.on {
	z-index: 9;
}
.banner_select {
	text-align: center;
	width: 100%;
	height: 40px;
        position: absolute;
        bottom: 0;
        z-index: 999;
        color: #fff;
        background: rgb(255, 255, 255,0.5);
        margin: 0 auto;
        display: block;
        overflow: hidden;
}
.banner_select>ul {
	width: 100%;
	height: 40px;
	text-align: center;
}
.banner_select>ul>li {
    float: left;
    font-size: 26px;
    display: inline-block;
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    color: #000000;
    cursor: pointer;
    border-bottom: transparent 3px solid;
    position: relative;
}
.banner_select>ul>li a {
	border-right: 1px solid #c0c0c0;
	display: block;
	line-height: 40px;
}
.last {
	border: 0px !important;
}
.J_trigger_line {
	background-color: #048b96;
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 9999;
	height: 3px;
	width: 360px;
	-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
}

  
/*第六屏*/

.tabs {
    margin: 0 auto;
    }
    .tabs div{
        /*display: none;*/
        /*background: #f5f5f5;*/
        /*clear: both;
        min-height: 500px;
        padding-top: 20px;
    text-align: left;
    width: 100%;
    margin: 0 auto;
        max-width: 100%;*/
    }
    .tabs div span img{
        max-width: 100%;
    }
    .tabs .horizontal{
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        width: 70%;
    margin: 0 auto;
    display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15%;
  margin-right: 15%;
    }
    .tabs .horizontal li {
      float: left;
      list-style: none;
      height: 50px;
      line-height: 50px;
      text-align: center;
      cursor: pointer;
      font-size: 18px;
      color: #000;
      font-weight: bold;
      margin: 0 auto;
      overflow: hidden;
      display: block;
      margin: 0 20px;
    }
    
    .tabs .horizontal li.selectActive {
        color: #028c95; transition: all 0.2s;
    }
    
    .al{margin: 0 auto;padding-top: 0px !important;	}
    .al ul{width: 100%;}
    .al ul li {width: 595px;overflow: hidden;display: inline-block;max-height: 500px;}
    .al ul li img{width: 100%;height: 500px;	}
    .al ul li .ot{}
    .al ul li .ot .text{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0,.4);color: white;text-align: center;visibility: hidden;}
    .al ul li .ot:hover .text{visibility: inherit;}          
    #wrap{
        width: 100%;
        overflow: hidden;
        margin-top: 2%;
    }
    #wrap ul li .a1 img{
        width: 150px;
  text-align: center;
    }
    #wrap ul li {
        width: 15%;
        height: 100px;
        list-style: none;
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px;
        border: 1px solid #fff;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 8px #d5d5d5;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    #wrap ul li .a1 .divA{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 390px;
        height: 46px;
        padding: 10px 20px;
        background: #fafafa;
    }
    #wrap ul li .a2{
        position: absolute;
        top: 0;
        left:-390PX;
        width: 390px;
        height: 270px;
        text-align: center;
        color: white;
        background: rgba(0,0,0,0.5);
        transition: all 0.2s;  
    } 
    #wrap ul li .a2 .p4 {
        width: 80%;
        max-width: 390px;
        text-align: left;
        position: absolute;
        bottom: 15%;
        left: -390px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.2s 0.1s ease-out;
        margin-left: 25px;
        margin-bottom: 20px;
    }
    #wrap ul li .a2 .p5 {
        width: 390px;
        text-align: left;
        line-height: 20px;
        position: absolute;
        bottom: 5%;
        left: -390px;
        margin: 30px 0 10px;
        font-size: 14px;
        color: #fff;
        transition: all 0.2s 0.2s ease-out;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-left: 25px;
    }
    #wrap ul li .a2 .p5 img {
        width: 20px;
        height: 20px;
        /* text-align: right; */
        margin-left: 10%;
        overflow: hidden;
        display: inline-block;
        position: absolute;
    }
    #wrap ul li .a2 .p5 .k{margin-left: 10px;margin-right: 10px;}
    .bgpm{
        width: 90%;
        height: 90%;
        border: 1px solid #fff;
        padding: 5%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }

    /*第七屏*/

    .ato-content {
        width: 1450px;
        margin: 0 auto;
        padding-top: 50px;
    }
    
    .ato-list ul {
       /* height: 470px;*/
    }
    
    .ato-list ul li {
        margin-top:30px;
        width: 480px;
        /*height: 420px;*/
        float: left;
        margin-left: 26px;
        margin-right: 0;
        text-align: center;
        background-color: #fff;
        -webkit-transition: height 300ms;
        -moz-transition: height 300ms;
        -ms-transition: height 300ms;
        -o-transition: height 300ms;
        transition: height 300ms;
        position: relative;
        border-radius: 10px;
        top: 0px;
        left: -10px;
    }
   
    
    .ato-list ul li div {
        width: 470px;
        margin: 30px 0 0 0;
        text-align: center;
    }
    
    .ato-list ul li div img {
        width: 100%;
        height: auto;
        border: none;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
        transition: all 0.6s;
    }
    
    .ato-list ul li div img:hover {
       transform: scale(0.95);
       -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
       -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
       transition: all 0.3s;
    }
    
    .ato-list ul li h3 {
        font-size: 14px;
        color: #244e6f;
        font-weight: normal;
        margin-bottom: 10px;
    }
    
    .ato-list ul li p {
        margin: 0;
        text-align: left;
        font-size: 16px;
        color: #000;
        line-height: 25px;
        padding: 22px 0;
      }
    
    .ato-more {
        width: 157px;
        height: 36px;
        text-align: center;
        display: none;
        display: inline-block;
        border: 1px solid #7D7D7D;
        line-height: 34px;
        color: #666;
        font-size: 13px;
        text-decoration: none;
        position: absolute;
        bottom: 30px;
        left: 55px;
    }
    
    .ato-more:hover {
        background-color: #028c95;
        border-color: #028c95;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        color: #FFF;
    }
    
    .ato-list-fl {
        float: left;
    }
    
    .ato-title {
        width: 360px;
        margin-top: 80px;
        padding-right: 20px;
    }
    
    .ato-title h2 {
        font-size: 32px;
        line-height: 33px;
        color: #000;
        padding: 0;
        margin: 0;
        font-weight: inherit;
    }
    
    .ato-title p {
        margin-top: 30px;
        font-size: 14px;
        color: #666;
        line-height: 26px;
    }
    
    .ato-list-fl a {
        width: 50px;
        height: 50px;
        position: relative;
        margin-top: 54px;
        margin-right: 10px;
        float: left;
        display: block;
        overflow: hidden;
    }
    
    .ato-list-fl a img {
        width: 22px;
        height: 22px;
        display: block;
        border: none;
        margin: 0 auto;
        margin-top: 12px;
    }
    
    .ato-list {
        float: left;
        width: 960px;
        /*height: 500px;*/
    }
    
    .ato-list ul li:hover {
       
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s
    }
    
    .prev:hover .ato-ope {
        opacity: 0;
    }
    
    .ato-ope1 {
        opacity: 0;
    }
    
    .prev:hover .ato-ope1 {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .prev:hover .ato-ope {
        opacity: 0;
    }
    
    .ato-ope1 {
        opacity: 0;
    }
    
    .prev:hover .ato-ope1 {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .next:hover .ato-ope {
        opacity: 0;
    }
    
    .ato-ope1 {
        opacity: 0;
    }
    
    .next:hover .ato-ope1 {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .next:hover .ato-ope {
        opacity: 0;
    }
    
    .ato-ope1 {
        opacity: 0;
    }
    
    .next:hover .ato-ope1 {
        opacity: 1;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .ato-list-fl a:hover {
       font-size: 48px !important;
    }



    /*底部*/

    .cloud-banner {
        position: relative;
        min-width: 1200px;
        background: #028c95 url(../img/cloud-back.jpg) no-repeat center;
        height: 240px;
        overflow: hidden;
        color: #fff;
        text-align: center;
    }
    
    .cloud-bubble-one {
        position: absolute;
        top: -120px;
        left: 50%;
        z-index: 10;
        margin-left: -120px;
        width: 240px;
        height: 240px;
        background: url(../img/cloud-back-bule1.png);
        animation: bubble-animate-1 linear 10s infinite;
    }
    
    .cloud-bubble-two {
        position: absolute;
        top: 50px;
        left: 34%;
        z-index: 11;
        width: 360px;
        height: 360px;
        background: url(../img/cloud-back-bule2.png);
        animation: bubble-animate-2 linear 12s infinite;
    }
    
    .cloud-bubble-three {
        position: absolute;
        top: 50px;
        left: 48%;
        z-index: 12;
        width: 300px;
        height: 300px;
        background: url(../img/cloud-back-bule3.png);
        animation: bubble-animate-3 linear 11s infinite;
    }
    
    .cloud-bubble-four {
        position: absolute;
        top: -80px;
        left: 50%;
        z-index: 10;
        margin-left: -20px;
        width: 120px;
        height: 120px;
        background: url(../img/cloud-back-bule1.png);
        animation: bubble-animate-1 linear 10s infinite;
    }
    
    @keyframes bubble-animate-1 {
        from {
            top: -120px
        }
    
        50% {
            top: -180px
        }
    
        to {
            top: -120px
        }
    }
    
    @keyframes bubble-animate-2 {
        from {
            top: 50px;
            left: 34%
        }
    
        50% {
            top: 80px;
            left: 24%
        }
    
        to {
            top: 50px;
            left: 34%
        }
    }
    
    @keyframes bubble-animate-3 {
        from {
            top: 50px;
            left: 48%
        }
    
        50% {
            top: 80px;
            left: 58%
        }
    
        to {
            top: 50px;
            left: 48%
        }
    }
    
    @keyframes bubble-animate-4 {
        from {
            top: 50px;
            left: 38%
        }
    
        50% {
            top: 80px;
            left: 28%
        }
    
        to {
            top: 50px;
            left: 38%
        }
    }
    
    .cloud-bubble-text {
        position: relative;
        padding-top: 46px;
        z-index: 20;
        font-size: 24px;
    }
    
    .cloud-bubble-link {
        position: relative;
        z-index: 20;
    }
    
    .cloud-bubble-link a {
        display: inline-block;
        margin-top: 24px;
        width: 220px;
        height: 44px;
        line-height: 44px;
        border: 1px solid #fff;
        color: #fff;
    }
    
    .cloud-bubble-link a:hover {
        color: #333;
        background-color: #fff;
    }
    
    .cloud-footer {
        min-width: 1200px;
        background-color: #2b373d;
    }
    
    .cloud-footer-box {
   
        margin: 0 auto;
        overflow: hidden;
    }
    
    .cloud-footer-feature {
        width: 100%;
        height: 120px;
        border-bottom: 1px solid #414b51
    }
    
    .cloud-footer-feature ul li {
        float: left;
        width: 25%;
        height: 120px;
    }
    
    .cloud-footer-feature ul li a {
        white-space: nowrap;
        display: block;
        line-height: 120px;
        padding-left: 110px;
        background-repeat: no-repeat;
        background-position: 50px center;
        font-size: 18px;
        color: #fff;
    }
    .cloud-footer-feature ul li a span{
        color: #fff;
    }
    
    .feature-item001 a {
        background-image: url("../img/icon-item001.png")
    }
    
    .feature-item002 a {
        background-image: url("../img/icon-item002.png")
    }
    
    .feature-item003 a {
        background-image: url("../img/icon-item003.png")
    }
    
    .feature-item004 a {
        background-image: url("../img/icon-item004.png")
    }
    
    .cloud-footer-nav {
        width: 100%;
        padding: 40px 0 62px;
        overflow: hidden;
    }
    
    .cloud-footer-nav-logo {
        width: 32%;
        float: left;
    }
    
    .cloud-comm {
        padding-left: 20px;
    }
    
    .cloud-comm-logo {
        height: 60px;
        background: url(../img/logo-b.png) no-repeat left;
        background-size: 155px;
    }
    
    .cloud-comm-logo span {
        display: inline-block;
        margin-left: 166px;
        margin-top: -5px;
        width: 126px;
        height: 40px;
        background: url(../img/icon-gif.gif) no-repeat left;
    }
    
    .cloud-info {
        margin-top: 20px;
        line-height: 25px;
        font-size: 14px;
        color: #fff;
    }
    
    .cloud-info p{
        color: #fff;
    }
    .cloud-share {
        width: 100%;
        height: 100%;
        margin-top: 20px;
        position: relative;
    }
    
    .cloud-share img{
        width: 132px;
        height: 160px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    
    .wei-xin {
        position: absolute;
        top: -145px;
        left: 24px;
        background-image: url(../img/icon-ewm.jpg);
        display: none;
        background-size: 132px;
    }
    
    .corner {
        border: 10px solid transparent;
        border-top: 10px solid #fff;
        position: absolute;
        bottom: -20px;
        right: 50%;
        margin-right: -10px;
        z-index: 10;
    }
    
    .wei-bo {
        position: absolute;
        top: -145px;
        left: -32px;
        background-image: url(../img/wb.png);
        display: none;
        background-size: 132px;
    }
    
    .cloud-share ul li {
        float: left;
        margin-left: 15px;
        width: 40px;
        height: 40px;
    }
    
    .cloud-share ul li a {
        display: block;
    }
    
    .cloud-share ul li a span {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: 40px;
    }
    
    .cloud-share ul li .icon-blog {
        background-image: url(../img/wb1.png);
    }
    
    .cloud-share ul li .icon-blog:hover {
        background-image: url(../img/wb2.png);
    }
    
    .cloud-share ul li .icon-wei {
        background-image: url(../img/wx1.png);
    }
    
    .cloud-share ul li .icon-wei:hover {
        background-image: url(../img/wx2.png);
    }
    
    .cloud-share ul li .icon-qq {
        background-image: url(../img/qq1.png);
    }
    
    .cloud-share ul li .icon-qq:hover {
        background-image: url(../img/qq2.png);
    }
    
    .cloud-share ul li .icon-mail {
        background-image: url(../img/yx1.png);
    }
    
    .cloud-share ul li .icon-mail:hover {
        background-image: url(../img/yx2.png);
    }
    
    .cloud-footer-nav-list {
        width: 68%;
        height: 100%;
        border-left: 1px solid #414b51;
        padding-left: 20px;
        float: left;
    }
    
    .cloud-footer-nav-list ul {
        float: left;
        width: 25%;
    }
    
    .list-title {
        font-size: 18px;
        color: #fff;
        margin-bottom: 15px;
        line-height: 30px;
    }
    
    .cloud-footer-nav-list ul li {
        line-height: 30px;
    }
    
    .cloud-footer-nav-list ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        font-weight: 500;
    }
    
    .cloud-footer-nav-list ul li a:hover {
        color: #819199;
        text-decoration: none;
    }
    
    .cloud-copyright {
        width: 100%;
        border-top: 1px solid #212a2f;
        padding: 20px 0;
        text-align: center;
    }
    
    .cloud-copyright p {
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 25px;
    }
    
    .cloud-copyright p a {
        color: #fff;
        font-size: 14px;
    }
    
    .cloud-copyright p a:hover {
        text-decoration: underline;
    }

    /*栏目页*/

    /*关于*/

    .about-bg{background: url(../img/3_img_bg.png) no-repeat center;
        background-size: 100% 100%;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;}
.about-n-mengban_pc {
            display: block;
            width: 100%;
            height: 600px;
            position: absolute;
            z-index: 1;
            background: linear-gradient(to bottom, white, transparent);
        }
    .border-top{border-top: 0px solid #d5d5d5;}

    .flexStart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    
    .flexCenter {
        display: -webkit-flex;
        /* Safari */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    
    .flexEnd {
        display: -webkit-flex;
        /* Safari */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .conta .box .content0 {
        font-size: 48px;
        margin-top: 28px;
      }
      .conta .box .content1 {
          font-size: 24px;
          margin-top: 24px;
        }
      .conta .box .content2 {
        margin-top: 24px;
      }
      .conta .box .content2 .item {
        position: relative;
      }
      .conta .box .content2 .item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      .conta .box .content2 .item .bg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--i);
        opacity: 0.2;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
      }
      .conta .box .content2 .item .posi {
        position: absolute;
        z-index: 2;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 25px;
        left: 25px;
        width: 100%;
        padding: 0 25px;
      }
      .conta .box .content2 .item .posi h5 {
        font-size: 36px;
        color: #fff;
      }
      .conta .box .content2 .item .posi p {
        font-size: 18px;
        line-height: 24px;
        margin-top: 14px;
        opacity: 0;
        color: #fff;
    }
      .conta .box .content2 .item:hover .bg {
        opacity: 1;
      }
      .conta .box .content2 .item:hover .posi p {
        opacity: 1;
        -webkit-animation: fadeInUp 1s ease both;
        animation: fadeInUp 1s ease both;
      }
      .conta .box .content2 .item0 {
        width: 29%;
      }
      .conta .box .content2 .item1 {
        width: 29%;
      }
      .conta .box .content2 .item2 {
        width: 42%;
      }
      .conta .box .content2 .item3 {
        width: 58%;
      }
      .conta .box .content2 .item4 {
        width: 42%;
      }
      .conta .box .content2 .item5 {
        width: 42%;
      }
      .conta .box .content2 .item6 {
        width: 29%;
      }
      .conta .box .content2 .item7 {
        width: 29%;
      }
      .StaffStyle .box .banner .swiper-container {
        padding: 10px;
      }
      .StaffStyle .box .banner .swiper-slide .item {
        display: block;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
      }
      .StaffStyle .box .banner .swiper-slide .item .content0 {
        overflow: hidden;
      }
      .StaffStyle .box .banner .swiper-slide .item .content0 img {
        width: 100%;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
      }
      .StaffStyle .box .banner .swiper-slide .item .content1 {
        padding: 0.25rem 0.2rem;
      }
      .StaffStyle .box .banner .swiper-slide .item .content3 {
        font-size: 54px;
        line-height: 0.35rem;
        margin-top: 0.2rem;
        color: #000;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
      }
      .StaffStyle .box .banner .swiper-slide .item:hover {
        -webkit-box-shadow: 0px 0px 12px #eee;
        box-shadow: 0px 0px 12px #eee;
      }
      .StaffStyle .box .banner .swiper-slide .item:hover .content0 img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }
      .StaffStyle .box .controls {
        margin-top: 0.54rem;
      }
      .StaffStyle .box .controls .prog {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%;
      }
      .StaffStyle .box .controls .progressbar {
        position: relative;
        height: 7px;
        background: url(../images/bg1.png) repeat-x;
        width: 100%;
      }
      .StaffStyle .box .controls .progressbar .swiper-scrollbar-drag {
        border-radius: 0;
        background: url(../images/bg2.png) no-repeat 50% 50%;
        background-size: 100% 100%;
      }
      .StaffStyle .box .controls .button {
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .StaffStyle .box .controls .button path {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
      }
      .StaffStyle .box .controls .button:hover path {
        stroke: #073190;
        opacity: 1;
      }

      /*联系*/

      .w {
        padding-left: 80px;
        padding-right: 80px;
        width: 100%;
    }
    .bg_gray {
        background-color: #f5f5f5;
    }
    .intro_contact {
        padding-bottom: 3.2rem;
    }
    .intro_contact_list{margin-bottom:3.2rem}
    @media (max-width:1180px)
    {.intro_contact_list{margin-top:20px}}
    .intro_contact_list>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;margin:0 -.8rem;padding:0;margin-bottom: 14px;}
    @media (max-width:668px)
    {.intro_contact_list>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}
    .intro_contact_list>ul>li{margin:0 6px;width:33.33%;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);}
    @media (max-width:668px){.intro_contact_list>ul>li{margin-bottom:20px;width:100%}}
    .intro_contact_list>ul>li .item{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;padding:5.4rem 0.5rem 5rem 2.5rem;-webkit-transition:all .5s;transition:all .5s}
    @media (max-width:668px)
    {.intro_contact_list>ul>li .item{padding:20px 0 20px 20px}}
    .intro_contact_list>ul>li .item .txt{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
    .intro_contact_list>ul>li .item .txt .t{color:#000;display:block;font-size:26px;line-height:32px}
    @media (max-width:668px)
    {.intro_contact_list>ul>li .item .txt .t{font-size:18px}}
    .intro_contact_list>ul>li .item .txt .des{color:#666;margin-top:2.6rem}
    @media (max-width:668px)
    {.intro_contact_list>ul>li .item .txt .des{margin-top:20px}}
    .intro_contact_list>ul>li .item .icon{-ms-flex-item-align:end;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-align-self:flex-end;align-self:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:7rem;-webkit-justify-content:center;justify-content:center;width:7rem}
    .intro_contact_list>ul>li .item .icon img{max-height:100%;max-width:100%}
    .common_txt p {
        margin: 0 0 1rem;
    }

    /*新闻*/

    .about_about {width: 100%;padding: 60px 0;}
.about_about .xy{overflow: hidden;}
.about_about .xuanyan{overflow: hidden;}
.about_about .xuanyan .wenzi{width: 35%;float: left;margin-top: 250px;margin-left: 60px;margin-bottom: 40px;}
.about_about .xuanyan .wenzi .tit{color: #931e23;font-weight: bold;}
.about_about .xuanyan .wenzi .sec{color: #000;font-weight: 500;line-height: 24px;}
.about_about .xuanyan .wenzi .sec span{color: #931e23;font-weight: 500;}

.about_about .newslist{overflow: hidden;}
.about_about .newslist .list{width: 100%; max-width:900px;}
.about_about .newslist .list .bt{width: 100%;background: #f2f2f2;border-left: 10px solid #028c95;padding: 10px 30px;line-height: 30px;}
.about_about .newslist .list .bt span{font-weight: 500;color: #000;padding: 0 40px;}
.about_about .newslist .list .bt span .time{float: right;color: #919191;margin-right: 20px;}
.about_about .newslist .list ul{width: 100%;overflow: hidden;}
.about_about .newslist .list ul li{width: 100%;overflow: hidden;padding-top: 30px;}
.about_about .newslist .list ul li .n{width: 100%;display: block;}
.about_about .newslist .list ul li .n .image{width: 100%;}
.about_about .newslist .list ul li .n .image img{width: 100%;height: 100%;}
.about_about .newslist .list ul li .n .js{width: 100%;display: block;padding: 20px;text-align: left;}
.about_about .newslist .list ul li .n .js .tit{width: 100%;display: block;font-weight: bold;text-align: left;}
.about_about .newslist .list ul li .n .js .sec{width: 100%;text-align: left;line-height: 30px;}
.about_about .newslist .list ul li .n .js .time{width: 30%;font-weight: 500;display: inline-block; float: right;}
.about_about .newslist .list ul li .n .js .time a{font-weight: 500;float: right; line-height: 30px;}
.about_about .newslist .list ul li .n .js .more{width: 30%;}
.about_about .newslist .list ul li .n .js .more a{font-weight: 500;}

.about_about .newslist .list .ud{color: #000;margin-left: 10px;margin-right: 10px;margin-top: 20px;}
.about_about .newslist .list .ud .up{width: 49%;text-align: left;}
.about_about .newslist .list .ud .up img{width: 30px;margin-right: 10px;}
.about_about .newslist .list .ud .down{width: 49%;text-align: right;}
.about_about .newslist .list .ud .down img{width: 30px;margin-right: 10px;}

.sjal .xx .jieshao .ud_d_ad{width: 100%;overflow: hidden;padding-top: 40px;}
.sjal .xx .jieshao .ud_d_ad img{width: 100%;overflow: hidden;}

.about_about .newslist .tj {
  width: 100%;
  max-width: 420px;
  overflow: hidden;
  display: block;
  float: none;
  padding-left: 50px;
}
.about_about .newslist .tj .bt{width: 100%;background: #f2f2f2;border-left: 10px solid #028c95;padding: 10px 30px;line-height: 30px;}
.about_about .newslist .tj .bt span{font-weight: 500;color: #000;padding: 0 40px;}
.about_about .newslist .tj ul{width: 100%;overflow: hidden;}
.about_about .newslist .tj ul li{width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 10px;padding-top: 30px;}
.about_about .newslist .tj ul li .n{width: 100%;display: block;}
.about_about .newslist .tj ul li .n .image{width: 100%;max-width: 420px;}
.about_about .newslist .tj ul li .n .image img{width: 100%;margin-bottom: 10px;max-height: 260px;}
.about_about .newslist .tj ul li .n .js{width: 100%;display: block;}
.about_about .newslist .tj ul li .n .js .tit{width: 100%;display: block;text-align: center;font-size: 14px;}

.about_about .newslist .list .cont{width: 100%;background: #f8f8f8;margin-top: 20px;}
.about_about .newslist .list .cont .con{margin: 0 auto;padding-top: 3%;padding-bottom: 3%;}
.about_about .newslist .list .cont .con p{line-height: 30px;color: #000;}
.about_about .newslist .list .cont .con p img {
  width: 100% !important;
  max-width: 800px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  height: auto !important;
}
.about_about .newslist .list .cont .con img{width: 100%; margin-top: 20px;margin-bottom: 20px;height: auto;}

/*案例*/

.index-cases-bottom {overflow: hidden;}
.index-cases-list {
    position: relative;
    display: ruby-text;
    justify-content: center;
    width: 100%;
}
.index-cases-item {width: 48%;overflow: hidden;position: relative;display: inline-flex;}
.index-cases-item a {display: block;}
.index-cases-item .img {overflow: hidden;position: relative;}
.index-cases-item .img .pic{overflow: hidden;}
.index-cases-item .img .pic img{overflow: hidden;width: 100%;}
.index-cases-item .text {padding: 2rem 0;overflow: hidden;}
.index-cases-item .title-1 {color: #000;margin-bottom: 10px;}
.index-cases-item .text-1 {color: #999;}
.add-1 {position: absolute;right: 5%;bottom: 10%;z-index: 11;width: 3rem;height: 3rem;overflow: hidden;background: rgba(0,0,0,.2);border-radius: 100%;}
.add-1 i {display: block;width: 3rem;height: 3rem;position: relative;border-radius: 100%;}
.add-1 i::before,.add-1 i::after {content: '';width: 2px;height: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: #fff;}
.add-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.add-1 i:last-child {background: rgba(0,0,0,.8);}
.index-cases-item a:hover .pic {transform: scale(1.05);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;}
.index-cases-item a:hover .add-1 i {transform: translateY(-3rem);}

/*案例内容页*/

.case-banner {overflow: hidden;position: relative;}
.case-banner-text {position: absolute;left: 13%;top: 15%;width: 65%;color: #fff;z-index: 11;overflow: hidden;}
.case-banner-text .title-1{font-weight: 900;}
.case-banner-text .text-1{margin-top: 1%;max-width: 50%;}
.case-banner-mark{position: absolute;bottom: 0;left: 0;z-index: 2;display: block;background: #fff;transition-property: all;transition-duration: .2s;transition-timing-function: ease-in;width: 100%;height: 0;}
.case-banner .img {background-color: #ccc;}
.case-detial {overflow: hidden;}
.case-detial-content {width: 74%;margin: auto;overflow: hidden;}
.case-detial-content-right {float: right;width: 50%;padding: 5% 0;overflow: hidden;}
.case-detial-content-right .text-1 {color: #000;font-weight: bold;}
.ng-introduce {border-bottom: 1px solid #f1f1f1;overflow: hidden;}
.ng-detial-introduce {overflow: hidden;padding: 5% 0;}
.ng-detial-introduce-left {float: left;width: 30%;}
.ng-detial-introduce-left .title-1 img {max-width:50%;}
.ng-detial-introduce-left .title-1{color: #000;font-weight: bold;position: relative;display: inline-block;padding-bottom: .2rem;line-height: 48px;}
.ng-detial-introduce-left .title-1::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #000;z-index: 1;transition:all .4s ease;}
.ng-detial-introduce-left a:hover .title-1::after {width: 0;right: 0;left:auto;}
.ng-detial-introduce-right {float: right;width: 50%;}
.ng-detial-introduce-right .text-1{color: #333;line-height: 32px;}
.ng-detial-content-pic {overflow: hidden;position: relative;padding-top: 5%;text-align:center;width: 100%;}
.ng-detial-content-pic img {max-width: 100%;height: auto!important;display: inline-block;}
.ng-detial-content-pic p {margin:0;padding:0;width: 100%;}

/*上下页*/

.np {background:#f5f5f5;margin-top: 20px;border-radius: 10px;}
.shangxia { padding: 20px 30px;overflow: hidden;}
.shangxia a {  width: 50%;  color: #000;  float: left;  box-sizing: border-box;  padding: 0 10px;  display: block;  overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  text-overflow: ellipsis;}
.shangxia a[href]:hover {  color: #000;  background: #fff;}
.shangxia a:nth-child(2) {  text-align: right;}	

/*服务-网建*/

.flash4{width:100%;height:450px;margin:0px auto;margin-bottom:20px;position:relative;}
.flash4 ul li{width:126px;height:450px;border-left:5px solid #fff;position:relative;overflow:hidden;float:left;}
.flash4 ul li .imgTop img{opacity:0.4;}
.flash4 ul li .imgTop img.tm{opacity:1;}

.flash4 ul li .imgCon{width:568px;height:405px;}
.flash4 ul li .imgCen{width:568px;height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;line-height:50px;position:absolute;left:0px;bottom:45px;text-indent:20px;display:none;}
.flash4 ul li .imgBot{width:568px;height:45px;background:#222;}
.flash4 ul li .imgBot p.bt_1{width:120px;line-height:40px;font-size:14px;color:#fff;text-indent:20px;float:left;}
.flash4 ul li .imgBot p.bt_2{width:458px;height:45px;line-height:45px;float:left;display:none;}
.flash4 ul li .imgBot p.bt_2 span{font-size:14px;color:#fff;padding-right:30px;background:url(../images/part2_icon.png)no-repeat left center;padding-left:10px;}

.flash4 ul li.first{width:568px;}

/*方案二*/
.icons {
    background: url(../img/service-web-icons.png) no-repeat;
}
.sdw-todo-nav{width:100%;position:relative;left:0;z-index:99;overflow: hidden;}
.sdw-todo-nav .option{width:32.6666%;padding: 20px 40px;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);border: 1px solid #e3e3e3;}
.sdw-todo-nav .option2{margin:0 1%}
.sdw-todo-nav .option h3{font-weight:400;font-size:18px;height:70px;line-height:70px;text-align:center;color:#1d1d1d;border-bottom:solid 1px #f0f0f0;position:relative}
.sdw-todo-nav .option h3:after{content:'';display:block;width:40px;height:2px;background-color:#028c95;position:absolute;left:50%;margin-left:-20px;bottom:0;z-index:3}
.sdw-todo-nav .option h3 i{display:inline-block;margin-right:16px;position: relative;z-index: 2;}
.sdw-todo-nav .option1 h3 i{width:18px;height:15px;background-position:-66px -22px}
.sdw-todo-nav .option2 h3 i{width:20px;height:15px;background-position:-88px -22px}
.sdw-todo-nav .option3 h3 i{width:20px;height:20px;background-position:-112px -28px;position:relative;top:3px}
.sdw-todo-nav .option a{display:block;color:#1d1d1d;font-size:14px;padding-left:12%}
.sdw-todo-nav .option .list{padding-top:33px;height:97px;position:relative}
.sdw-todo-nav .option .list span{display:block;float:left;width:50%;height:24px;line-height:24px;margin-bottom:15px;position:relative;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
.sdw-todo-nav .list span:hover{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
.sdw-todo-nav .list span em{display:block;width:20px;height:20px;border:solid 1px #028c96;border-radius:50%;position:absolute;right:12%;top:2px;z-index:1}
.sdw-todo-nav .list span em:before{content:'';display:block;width:4px;height:7px;background:url(../img/service-web-icons.png) no-repeat -22px -52px;position:relative;left:8px;top:6px}
.sdw-todo-nav .list:before{content:'';display:block;width:1px;height:56px;border-left:dashed 1px #ccc;position:absolute;left:50%;top:38px;z-index:9;color: #fff;}
.sdw-todo-nav .option.cur h3,.sdw-todo-nav .option:hover h3{color:#fff}
.sdw-todo-nav .option .hover-animation em {-webkit-transition-duration:.5s; -o-transition-duration:.5s; -moz-transition-duration:.5s; transition-duration:.5s; }
.sdw-todo-nav .option:hover h3 em, .sdw-todo-nav .option.cur h3 em { width: 100%;color: #fff;}
.sdw-todo-nav .option.cur h3:before,.sdw-todo-nav .option:hover h3:before{content:'';display:block;width:0;height:0;color: #fff;position:absolute;left:50%;margin-left:-4px;top:0;z-index:9}
.sdw-todo-nav .option1.cur h3 i,.sdw-todo-nav .option1:hover h3 i{background-position:-66px -5px}
.sdw-todo-nav .option2.cur h3 i,.sdw-todo-nav .option2:hover h3 i{background-position:-88px -5px}
.sdw-todo-nav .option3.cur h3 i,.sdw-todo-nav .option3:hover h3 i{background-position:-112px -5px}
/*hover动画*/
.hover-animation, .hover-animation em { -webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out; position: relative; }
.hover-animation em { display: block; width: 0; height: 100%; background-color: #028c95; position: absolute; left: 0; top: 0; z-index: 1; }
.hover-animation span { position: relative; z-index: 2; }
.hover-animation span:hover {color: #fff;}
.hover-animation:hover em { width: 100%; }

/*六大优势*/

.wzjs_liuda{width: 1200px;margin:0px auto;padding-top:35px;height:980px;}
.wzjs_liuda .vtop{ text-align:center;}
.wzjs_liuda .vtop h3{ font-size:15px; color:#333;}
.wzjs_liuda .vtop h2{ font-size:36px; color:#333; font-weight:bold; margin-top:10px; margin-bottom:20px;}
.wzjs_liuda .vtop h2 span{ color: #028c95; font-size: 48px;  margin: 0 10px;}
.wzjs_liuda .vtop h2 em{ display:block; font-size:14px; color:#ccc; margin-top:5px;}
.wzjs_liuda .vtop i{ display:block; background:url(../img/line.png) no-repeat center; width:96px; height:3px; margin:0 auto;}
.wzjs_liuda .vtop font{ background:#028c95; color:#fff; display:block;border-radius:5px; padding:20px 0px; text-align:center; line-height:25px; font-size:15px; margin-top:35px;}
.wzjs_ldys1{height:744px;width: 100%;padding-top:30px;}
.wzjs_ldys1 ul li {margin-right: 125px;float:left;width:316px;height:355px;margin-top:30px;}
.wzjs_ldys1 ul li:nth-child(3n){margin-right:0;}
.wzjs_ldys1 ul li a{ color:#fff; background:url(../img/liujiao.png) no-repeat; width:236px; height:275px; display:block; text-align:center; position:relative; padding:40px;box-sizing: content-box;}
.wzjs_ldys1 ul li a:hover{ background:url(../img/liujiao1.png) no-repeat; width:236px; height:275px; text-align:center; position:relative; float:left; padding:40px; text-decoration:none;}
.wzjs_l1 a i{ background:url(../img/ld1.png) no-repeat left 0px; width:56px; height:56px; position:absolute; display:block; top:60px; left:128px;}
.wzjs_l1 a:hover i{ background:url(../img/ld1.png) no-repeat left -56px; display:block;height:56px;}
.wzjs_l2 a i{ background:url(../img/ld2.png) no-repeat left 0px; width:56px; height:56px; position:absolute; display:block; top:60px; left:128px;}
.wzjs_l2 a:hover i{ background:url(../img/ld2.png) no-repeat left -56px; display:block;height:56px;}
.wzjs_l3 a i{ background:url(../img/ld3.png) no-repeat left 0px; width:56px; height:56px; position:absolute; display:block; top:60px; left:128px;}
.wzjs_l3 a:hover i{ background:url(../img/ld3.png) no-repeat left -56px; display:block;height:56px;}
.wzjs_l4 a i{ background:url(../img/ld4.png) no-repeat left 0px; width:56px; height:56px; position:absolute; display:block; top:60px; left:128px;}
.wzjs_l4 a:hover i{ background:url(../img/ld4.png) no-repeat left -56px; display:block;height:56px;}
.wzjs_l5 a i{ background:url(../img/ld5.png) no-repeat left 0px; width:56px; height:56px; position:absolute; display:block; top:60px; left:128px;}
.wzjs_l5 a:hover i{ background:url(../img/ld5.png) no-repeat left -56px; display:block;height:56px;}
.wzjs_l6 a i{ background:url(../img/ld6.png) no-repeat left 0px; width:56px; height:56px; position:absolute; display:block; top:60px; left:128px;}
.wzjs_l6 a:hover i{ background:url(../img/ld6.png) no-repeat left -56px; display:block;height:56px;}
.wzjs_ldys1 ul li a h3{ color:#fff; font-size:24px; padding-top:95px;}
.wzjs_ldys1 ul li a:hover h3{ color:#fff;}
.wzjs_ldys1 ul li a p{ line-height:20px; padding-top:10px;color:#fff;font-size: 14px;}
.wzjs_jzq{ position: relative; background:url(../img/quanxian3.png) no-repeat center 415px; height:725px;width:100%;}
.wzjs_jzq1{ text-align:center; background: #028c95; height:150px;padding:30px 0px; color:#fff;}
.wzjs_jzq1 h3{ font-size:32px; color:#fff; font-weight:bold;}
.wzjs_jzq1 font{ display:block;color:#fff; margin-top:2px; font-size:16px; filter:alpha(Opacity=50); opacity:0.5;}
.wzjs_jzq1 p{ font-size:18px; margin-top:5px; color:#fff; }
.wzjs_jzq2{width: 1200px;margin:0px auto;}
.wzjs_jzq2 .vtop{ text-align:center;}
.wzjs_jzq2 .vtop p{ font-size:15px; color:#333;}
.wzjs_jzq2 .vtop h2 span{ font-size:28px; color:#333; font-weight:normal; margin-top:5px; margin-bottom:5px;}
.wzjs_jzq2 .vtop h2 i{ font-style:normal; display:block;font-size: 48px;font-weight: bold;}
.wzjs_jzq2 .vtop h2{ font-size:36px; color:#333; font-weight:400; margin-top:33px;}
.wzjs_jzq2 .vtop h2 span em{ display:block; font-size:14px; color:#666; }

/*营销型网站建设*/


.wzjs_jzq3{ margin-top:38px;}
.wzjs_jzq3 ul{overflow:hidden;width: 100%;margin:0 auto;}
.wzjs_jzq3 li{ float:left; padding-top:55px; width:283px; height:228px; overflow:hidden; text-align:center; position:relative; margin:0 13px;}
.wzjs_jzq3 li{float:left;padding-top:55px;width:283px;height:228px;overflow:hidden;text-align:center;position:relative;margin: 0px 58px;background:url(../img/jzqbg1.png) no-repeat center;box-sizing: content-box;}
.wzjs_jzq3 li:hover{background:url(../img/jzqbg1_hover.png) no-repeat center;}
.wzjs_jzq3 li img{ display:inline-block; position:relative; width:116px;}
.wzjs_jzq3 li span{ font-size:20px; color:#fff;  display:block; position:relative;}
.wzjs_jzq3 li>a{ display:block; position:absolute; background:url(../img/morbg.png) no-repeat center; width:28px; height:28px; bottom:40px; left:50%; margin-left:-14px; z-index:9;}
.wzjs_jzq3 li .jieshao{ position:absolute; width:241px; padding:0 21px; height:100%; color:#fff; top:-100%; left:0;}
.wzjs_jzq3 li .jieshao h4{ padding-top:65px; padding-bottom:25px; color:#fff; font-size:20px;}
.wzjs_jzq3 li .jieshao p{ font-size:13px; line-height:23px;}
/* .wzjs_jzq3 li.jzqbg1{ background:url(Img/jzqbg1.png) no-repeat center;}
.wzjs_jzq3 li.jzqbg2{ background:url(Img/jzqbg2.png) no-repeat center;}
.wzjs_jzq3 li.jzqbg3{ background:url(Img/jzqbg3.png) no-repeat center;} */



/*wzjs_jzc*/
.wzjs_jzc{ background:url(../img/bolan2.jpg) repeat-y center top; padding-bottom:60px;}
.wzjs_jzc .vtop{ text-align:center; padding-top:35px; background:url(../img/vtopbg2.png) no-repeat center top;}
.wzjs_jzc .vtop p{ font-size:15px; color:#333;}
.wzjs_jzc .vtop h2 span{ font-size:28px; color:#333; font-weight:normal; margin-top:5px; margin-bottom:5px;}
.wzjs_jzc .vtop h2 i{ font-style:normal; display:block;color: #333;font-size: 48px; font-weight: bold;}
.wzjs_jzc .vtop h2{ font-size:36px; color:#333; font-weight:bold; margin-top:33px;}
.wzjs_jzc .vtop h2 span em{ display:block; font-size:14px; color:#666; }
/*jsc_cont*/
.wzjs_jzc .jsc_cont{ margin-top:35px;display: flex; justify-content: center; align-items: center;}
.wzjs_jzc .jsc_cont ul{overflow:hidden;width: 1220px;}
.wzjs_jzc .jsc_cont li{float:left;width: 230px;height:402px;overflow:hidden;text-align:center;margin-right: 10px;}
.wzjs_jzc .jsc_cont li h5{ padding-top:100px; font-size:22px; color:#333;}
.wzjs_jzc .jsc_cont li h5 span{ display:block; font-size:15px; color:#028c95; margin-top:10px;}
.wzjs_jzc .jsc_cont li .intr{ height:120px; margin:24px 0;}
.wzjs_jzc .jsc_cont li .intr p{ font-size:13px; color:#757575; line-height:24px;}
.wzjs_jzc .jsc_cont li em{ display:block; text-align:left; line-height:20px; padding-left:25px;}
.wzjs_jzc .jsc_cont li.jsc1{background:url(../img/jscImg5.png) no-repeat left center;background-size: 200% 100%;}
.wzjs_jzc .jsc_cont li.jsc2{ background:url(../img/jscImg4.png) no-repeat left center;background-size: 200% 100%;}
.wzjs_jzc .jsc_cont li.jsc3{ background:url(../img/jscImg3.png) no-repeat left center;background-size: 200% 100%;}
.wzjs_jzc .jsc_cont li.jsc4{ background:url(../img/jscImg2.png) no-repeat left center;background-size: 200% 100%;}
.wzjs_jzc .jsc_cont li.jsc5{ background:url(../img/jscImg1.png) no-repeat left center;background-size: 200% 100%;}
.wzjs_jzc .jsc_cont li:hover{ background-position:right center;}
.wzjs_jzc .jsc_cont li:hover *{ color:#fff;}
.wzjs_jzc .jsc_cont li:hover .intr p{ color:#fff;}



/*wzjs_jzh*/
.wzjs_jzh{ padding-bottom:55px;}
.wzjs_jzh .vtop{ text-align:center; padding-top:35px; background:url(../img/vtopbg3.png) no-repeat center top;}
.wzjs_jzh .vtop p{ font-size:15px; color:#333;}
.wzjs_jzh .vtop h2 span{ font-size:28px; color:#333; font-weight:normal; margin-top:5px; margin-bottom:5px;}
.wzjs_jzh .vtop h2 i{ font-style:normal; display:block;font-size: 48px; font-weight: bold;}
.wzjs_jzh .vtop h2{ font-size:36px; color:#333; font-weight:400; margin-top:33px;}
.wzjs_jzh .vtop h2 span em{ display:block; font-size:14px; color:#666; }

.wzjs_jzh .jsh_hou{ margin-top:50px;display: flex; justify-content: center; align-items: center;}
.wzjs_jzh .jsh_hou ul{ overflow:hidden; padding:0 27px;}
.wzjs_jzh .jsh_hou li{float:left;width: 322px;text-align:center;margin:0 29px;list-style-type: none;}
.wzjs_jzh .jsh_hou li h3{height:62px;line-height:62px;font-size:18px;color:#fff;font-weight:bold;background: url(../img/houbg1.png) no-repeat center 0;background-size: 100%;}
.wzjs_jzh .jsh_hou li p{ height:48px; line-height:48px; border-bottom:1px dotted #d6d6d6;background:url(../img/houImg1.png) no-repeat 60px center;}
.wzjs_jzh .jsh_hou li p{ font-size:15px; padding-left:22px; text-decoration:none;}


/*广告开户*/

.adv-bottom {overflow: hidden;}
.adv-list {
    position: relative;
    display: ruby-text;
    justify-content: center;
    width: 100%;
}
.adv-item {width: 33%;overflow: hidden;position: relative;display: inline-flex;}
.adv-item a {display: block;}
.adv-item .img {overflow: hidden;position: relative;}
.adv-item .img .pic{overflow: hidden;}
.adv-item .img .pic img{overflow: hidden;width: 100%;}
.adv-item .text {padding: 2rem 0;overflow: hidden;text-align: center;}
.adv-item .title-1 {color: #000;margin-bottom: 10px;}
.adv-item .text-1 {color: #999;}
.adv-add-1 {position: absolute;right: 5%;bottom: 10%;z-index: 11;width: 3rem;height: 3rem;overflow: hidden;background: rgba(0,0,0,.2);border-radius: 100%;}
.adv-add-1 i {display: block;width: 3rem;height: 3rem;position: relative;border-radius: 100%;}
.adv-add-1 i::before,.add-1 i::after {content: '';width: 2px;height: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: #fff;}
.adv-add-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.adv-add-1 i:last-child {background: rgba(0,0,0,.8);}
.adv-item a:hover .pic {transform: scale(1.05);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;}
.adv-item a:hover .add-1 i {transform: translateY(-3rem);}


/*SEM服务*/

.sem-bottom {overflow: hidden;}
.sem-list {
    position: relative;
    display: ruby-text;
    justify-content: center;
    width: 100%;
}
.sem-item {
    width: 33%;
    overflow: hidden;
    position: relative;
    padding: 3rem 2rem;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
}
.sem-item a {display: block;}
.sem-item .img {overflow: hidden;position: relative;}
.sem-item .img .pic{overflow: hidden;}
.sem-item .img .pic img{overflow: hidden;width: 100%;}
.sem-item .text {padding: 2rem 0 0 0;overflow: hidden;text-align: center;}
.sem-item .title-1 {color: #000;margin-bottom: 10px;}
.sem-item .text-1 {color: #999;}
.sem-add-1 {position: absolute;right: 5%;bottom: 10%;z-index: 11;width: 3rem;height: 3rem;overflow: hidden;background: rgba(0,0,0,.2);border-radius: 100%;}
.sem-add-1 i {display: block;width: 3rem;height: 3rem;position: relative;border-radius: 100%;}
.sem-add-1 i::before,.add-1 i::after {content: '';width: 2px;height: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: #fff;}
.sem-add-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.sem-add-1 i:last-child {background: rgba(0,0,0,.8);}
.sem-item a:hover .pic {transform: scale(1.05);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;}
.sem-item a:hover .add-1 i {transform: translateY(-3rem);}


.sem-link {
    position: relative;
    z-index: 20;
    margin: 0 auto;
    text-align: center;
}

.sem-link a {
    display: inline-block;
    margin-top: 24px;
    width: 220px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #028c95;
    color: #028c95;
}

.sem-link a:hover {
    color: #333;
    background-color: #fff;
}
.sem-bg {
    background: url(../img/sem-bg.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;

}

.sem-border-top {
    border-top: 1px solid #d5d5d5;
}
.sem-kuang{border: 3px solid #028c95;
    border-radius: 10px;
    padding: 20px;}
.sem-n-mengban_pc {
        display: block;
        width: 100%;
        /* height: 600px; */
        position: absolute;
        z-index: 1;
        background: linear-gradient(to bottom, white, transparent);
    }

    /*sem-24-08-11新加内容*/

    .module-head{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 2.083333vw;
    }
    .module-head .main .module-title {
        font-size: 2.083333vw;
        font-weight: 600;
        line-height: 1.4;
    }
    .module-head .tool button {
        color: #fff;
        background-color: #028c95;
        border-radius: 10px;
        padding: 20px 30px;
    }
    .module-head .tool button span a{
        color: #fff;
        font-size:18px;
    }	
    .difficult-layout{
        padding: 0 0
    }
    .difficult-layout .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .difficult-layout .row:not(:last-of-type) {
        margin-bottom: 2.083333vw
    }
    .difficult-layout .row .item {
        padding: 50px;
        border-radius: 10px;
        border: 1px solid #028c96;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        flex: 0 0 calc(33.333% - 20px);
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    .difficult-layout .row .item:hover {
        margin-top: -10px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
        background: url(../img/3_img_bg.png) no-repeat center;
    background-size: 100% 100%;
    }
    .difficult-layout .row .item .iconfont {
        font-size: 4vw;
        color: #028c95;
        margin-bottom: 1vw;
    }
 
    .difficult-layout .row .item .iconfont:hover{transform: rotateY(360deg);transition: all 2s ease-in-out;}
    .difficult-layout .row .item .desc {
        color: #202124;
        text-align: center;
        font-size: .9375vw;
        font-weight: 600;
        line-height: normal
    }
    /*新加服务内容*/

    .zj_prod{padding: 0 0 40px;line-height: 32px;}
.zj_prodt{height: 74px;border-left: 1px solid #e0e2e5;border-right: 1px solid #e0e2e5;text-align: center;font-size: 20px;overflow: hidden;line-height: 78px;color: #444b55;}
.zj_prodt li{width: 25%;float: left;background: #f2f4f6;position: relative;border-top: 4px solid #3c424e;z-index: 1;}
.zj_prodt li:before{content: "";position: absolute;width:0;height:4px;left: 0;top:-4px;background: #028c95;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;z-index: 2;}
.zj_prodt li.cur{ background: #028c95; color: #fff;}
.zj_prodt li.cur:before{width: 100%;}
.zj_prodc{border: 1px solid #e0e2e5;border-top: 0;padding: 70px 32px 50px; background: rgba(255,255,255,0.6);}
.zj_prodc dt,.zj_prodc dt img{float: left;}
.zj_prodc dd{width: 100%;float: left;margin: 0 auto;}
.zj_prodc dd h4{border-bottom: 1px solid #e0e2e5;font-size: 32px;line-height: 44px;height: 78px;color: #444b55;}
.zj_prodc dd h4 a{color: #444b55;}
.zj_prodc dd p {
    width: 30%;
    float: left;
    background: #f5f7fa;
    margin: 10px;
    text-align: center;
    font-weight: bold;
    padding: 35px 0;
    box-sizing: border-box;
}
.zj_prodc dd span a{display: block;width: 174px;line-height: 48px;text-align: center;background: #028c95;color: #fff;border-radius: 24px;}

.zj_code{background: #eef2f7;margin-bottom: 100px;height: 263px;clear: both;}
.zj_code dl{width: 600px;float: left;padding: 50px 0 0;}
.zj_code dt{float: left;width: 220px;padding-left: 52px;text-align: center;font-size: 16px;line-height: 48px;color: #949494;}
.zj_code dt img{width:100px;height: 100px;background: #fff;padding: 6px;border:solid 1px #b7bfcf;border-radius: 2px;margin: 0 auto;display: block;}
.zj_code dd{font-size: 32px;line-height: 44px;color: #333;font-family:"wrjz","Microsoft Yahei";padding: 14px 0 0;}

.kbyx_code{background: #fff;position: relative;margin-bottom: 0;}
.kbyx_code:before{content: "";position: absolute;width:1px;height:162px;left:50%;top:54px;background: #c9cccf;}