/* CSS Document */
body{
	line-height:180%;
	margin:0px auto;
	/* background:url(../images/bodyback.jpg) repeat-x; */
	font-size:12px;
	 width:100%;
	 font-family:"Microsoft Yahei"; color: #000; line-height:1.4;
    background: #e7f7ff;
}
p,ul,big,small,b,span,font,h2,h1,dl,dd{;padding:0px;margin-top:0px;margin:0px;}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a { color:#333; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#52cbcd; text-decoration:none ;}
.wrap{ width:94%; max-width:96%; margin:0 auto ;  }

.w1200{ width:1200px; max-width:96%; margin:0 auto ;  }
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; font-family:"Microsoft Yahei";}

.h150{ height:150px;}

.nbanner img{ max-width:100%; min-height:500px;}
.nbanner{ text-align:left; position:relative;}
.nbanner .nbannertxt{ position:absolute; bottom:10%; width:100%; color:#fff}
.nbanner .nbannertxt font{ font-size:70px;color:#fff}
.nbanner .nbannertxt p{ font-size:42px; color:#fff; text-transform:uppercase;}
.menubg.fix{ position:fixed; left:0; width:100%; top:94px; z-index:222222;}
.menubg{ height:79px; line-height:79px; color:#fff; background:#000; font-size:16px;     background-image: linear-gradient(to right, #1574b2, #2fbfc5); box-shadow: 0px 0px 14px rgba(0, 0, 0, .3);}
.menubg a{ color:#fff;}
.menubg .menu_l a{ display:inline-block; margin-right:90px; position:relative}
.menubg .menu_l a:hover:before,.menubg .menu_l a.on:before{ content:" "; position:absolute; left:0; bottom:15px; width:100%; height:2px; background:#fff;}
.menu_r { font-size:14px;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px; }
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#1a73c4; color:#fff;}
.menu3{ background:#f9f9f9; height:64px; border-bottom:#e7e7e7 1px solid; text-align:center}
.menu3 a{ display:inline-block; line-height:64px;  font-size:18px; padding:0px 18px;}
.menu3 a:hover,.menu3 a.on{ background:#4e5556; color:#fff;}


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:260px; }
.side-menu { position: relative;    }
 
 
 
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}.hr50{ clear:both; height:50px;}.hr60{ clear:both; height:60px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 .zttitle{ text-align:center; display:inline-block; width:257px; margin:0 auto; background:url(../img/titlebg.png) center no-repeat; background-position:right 36px}
 .zttitle .zbig{ font-size:34px; margin-bottom:24px; font-weight:900}
  .zttitle p{ font-size:20px; line-height:1;}
 .zttitle .zsmall{ font-size:26px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}
 
  .zttitle-bai{ text-align:center; display:inline-block; color:#fff; width:257px; margin:0 auto; background:url(../img/titlebg1.png) center no-repeat; background-position:right 35px}
 .zttitle-bai .zbig{ font-size:34px; margin-bottom:24px;}
  .zttitle-bai p{ font-size:20px; line-height:1;}
 

.m_zz li em b,.m_zz li h3,.zttitle .zbig,.zttitle p,.vpage_return a,.vpage_fl a:hover ,.vpage_fr a:hover{  background-image:-webkit-linear-gradient(right,  #1574b2, #2fbfc5);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;}
 .part1{ padding:40px 0;}
 .part1 ul li { text-align:center; font-size:16px; line-height:2; padding:40px 0 0}
 .part1 ul li p{ line-height:2;}
 
.part4{ background:#f9f9f9; padding:100px 0;}
.part4   li p{ font-size:16px; text-align:center; line-height:2; margin-bottom:15px;}
.part4   li .txt{ padding:20px 30px; background:#fff;}
.part4   li .txt font{ display:block; font-size:24px; line-height:50px;}
.part4   li .txt p{ text-align:left; color:#777}

.qhbtn{ margin-top:40px; margin-left:20px;}
.part4 .swiper-button-next1{ background:url(../img/qh1.png); width:42px; height:42px; display:inline-block; }
.part4 .swiper-button-prev1{ background:url(../img/qh2.png); width:42px; height:42px; display:inline-block; margin-left:10px; }

.side-title{ background:#1a73c4; color:#fff;   line-height:1}
.side-title big{ display:block; font-size:24px; font-weight:900; padding:25px 24px 25px 24px; background:url(../img/icon01.png) no-repeat 218px center; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:50px; }
.side-list li a{ font-size:16px; background:url(../images/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:200px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#1a73c4; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.container { float:right; width:910px; }
.location { height:35px; padding:10px 0 0 0 ; position:relative; line-height:35px;  }
.location font { font-size:20px; float:left;  }
.location .io {  color:#666; }
.location .io  a{ display:inline-block; margin-right:10px; margin-left:10px;}
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.newsfllist font{ font-size:22px; display:block; margin-bottom:29px;}
.newsfllistbox{ width:260px;height:86px; margin-bottom:40px;}
.newsfllistbox span{ font-size:16px; display:block; background:#fff; line-height:86px; height:86px; padding:0 34px; position:relative}
.newsfllistbox span:before{ position:absolute; content:" "; right:34px; background:url(../img/jt3.png); width:20px; height:12px; top:37px;}
.newsfllistbox ul { position:relative; z-index:33; display:none;}
.newsfllistbox:hover ul{ display:block;}
.newsfllistbox ul li a{ display:block; background:#fff; padding:0 34px; font-size:16px; line-height:44px;}
.newsbg{ padding:80px 0;}
.list-news3 li{border:#fff 1px solid; overflow:hidden;  margin-bottom:2%; position:relative; background:#fff;}
.list-news3 li a.litpic{ float:left; display:block; width:564px; height:307px; overflow:hidden;;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:left; display:block; width:582px; margin-top:40px; margin-left:30px;;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:30px; line-height:34px; margin-bottom:5px;}
.list-news3 li span font{ display: block; font-size:16px; color:#52cbcd; margin-top:5px; margin-top:15px;}
.list-news3 li span p{ margin-top:45px; font-size:16px; line-height:26px; color:#777; }
.list-news3 li .arrimg{ position:absolute; width:20px; height:13px; background:url(../img/jt1.png) center; right:57px; bottom:57px;}
.list-news3 li:hover{border:#52cbcd 1px solid; }
.list-news3 li:hover .arrimg{background:url(../img/jt2.png) center;}


.joblist li{border:#fff 1px solid; overflow:hidden;  margin-bottom:2%; position:relative; background:#fff;}
.joblist li a{ display:block; padding:40px; font-size:16px;}
.joblist li .txt{ float:left}
.joblist li .txt1{ font-size:30px;}
.joblist li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px;}
.joblist li .txt font{ display:block; color:#777; margin-top:10px;}
.joblist li .txt p{color:#777; margin-top:40px;}
.joblist li .txt p img{ vertical-align:middle; height:18px;}
.joblist li .txt_r{ float:right; color:#777; margin-top:10px;}
.joblist li .txt_r span{ display:inline-block; margin-left:40px;}
.joblist li .txt_r span font{color:#52cbcd}
.joblist li .arrimg{ position:absolute; width:20px; height:13px; background:url(../img/jt1.png) center; right:57px; bottom:57px;}
.joblist li:hover{border:#52cbcd 1px solid; }
.joblist li:hover .arrimg{background:url(../img/jt2.png) center;}


.joblist1 li{  overflow:hidden;  margin-bottom:2%; position:relative;  }
.joblist1 li .cc{ display:block; padding:40px 00px 0 00px; font-size:16px;}
.joblist1 li .txt{ float:left}
.joblist1 li .txt1{ font-size:30px;}
.joblist1 li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px;}
.joblist1 li .txt font{ display:block; color:#777; margin-top:10px;}
.joblist1 li .txt p{color:#777; margin-top:40px;}
.joblist1 li .txt p img{ vertical-align:middle; height:18px;}
.joblist1 li .txt_r{ float:right; color:#777; margin-top:10px;}
.joblist1 li .txt_r .txt_r_btn{ margin-bottom:60px;}
.joblist1 li .txt_r .txt_r_btn font{ display:inline-block; width:197px; height:60px; line-height:60px; text-align:center; background:#52cbcd; color:#fff; font-size:18px; border-radius:5px;}
.joblist1 li .txt_r span{ display:inline-block; }
.joblist1 li .txt_r span font{color:#52cbcd}
 
.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-news4{ padding-top:30px;}
.list-news4 li{  float:left; overflow:hidden;  width:33.3%; margin-bottom:30px;  }
.list-news4.list-news4-n li{ float:none; width:auto; margin-bottom:10px;}
.list-news4 li>div{  padding:30px; background:#f3f3f3;background-image: linear-gradient(to right, #dcedf5, #d5edf6);}
.list-news4 li:hover>div{background-image: linear-gradient(to right, #1575b2, #2fbec5);}
.list-news4 li b{   display:block; position:relative; margin:25px 0; }
.list-news4 li b:before{ display:block; padding-top:56%; content:" "}
.list-news4 li b img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.list-news4 li span{   display:block; padding:10px 00px 00px 00px; font-size:22px; }
.list-news4 li.noimg span{ width:100%; float:none}
 
.list-news4 li   font{ display:inline-block; margin-top:5px;  font-size:16px; }
.list-news4 li   p{ margin-top:10px; font-size:14px; line-height:2; height:90px}
.list-news4 li big{ background:url(../img/jt5.png) no-repeat left; height:33px; display:block; margin-top:30px;}
.list-news4 li:hover big{ background:url(../img/jt6.png) no-repeat left;}
.list-news4 li:hover>div a{ color:#fff;}

/* shownews*/
.vtitle{ font-size:32px; line-height:2; text-align:left; padding-top:40px;  margin-bottom:5px;  color:#000;; text-align:center;color: #333;}
.vdes{    color:#A8A6A6; border-bottom:1px solid #22a39b; padding-bottom:30px; margin-top:20px; text-align:center; }
.vdes span{ display:inline-block; color:#333;  font-size:14px; padding:0 20px; }
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:2;   padding:24px 0; font-size:16px; }
.vcon img{ max-width:100%;}
.vpages {  padding:10px 10px ; margin:10px 0; font-size:16px;}
.vpage_return{ text-align:right; border-bottom:#22a39b 1px solid; padding-bottom:20px; margin-bottom:20px; }
.vpage_fl{ float:left}
.vpage_fr{ float:right;}
.vcon_right{ float:right; width:460px;}
.vcon_right_title{ font-size:24px; font-weight:900; margin-top:24px; margin-bottom:24px;}
ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px; display:block}
.prolist li div.txt{ display:block;  line-height:30px;   font-size:18px; line-height:2; margin:10px 0;}
.prolist li div.desc{ height:130px;}
.prolist li div.imgbox{ padding:55px; background:#eee;  }
.prolist li div.img{ display:block; position:relative;  }
.prolist li div.img:before{ content:""; display:block; padding-top:100%;}
.prolist li div.img img{ height:100%; position:absolute; left:0; top:0; display:block; width:100%;}
.prolist li:hover div.txt{  color:#33aba7;}

.prolist li.first{ width:66.666%}
.prolist li.first .item{ overflow:hidden; background:#38b7ad;}
.prolist li.first div.imgbox{ padding:55px; background:none;  }
.prolist li.first div.img{ float:right; width:50%;}
.prolist li.first div.ftxt{ float:left; width:50%; margin:0;}
.prolist li.first div.ftxt .ftxt_in{ color:#fff; padding:60px;}
.prolist li.first div.ftxt .ftxt_in{}
.prolist li.first div.ftxt .ftxt_in .desc{ height:230px;}
.prolist li.first:hover a div.txt{ color:#fff;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 
 
 .sec4{ background:url(../img/ysbg1.jpg); background-size:100% 100%; padding-top:40px; color:#fff;  padding-bottom:10px; position:relative; z-index:1;}
 .sec4.bg0{background:url(../img/ysbg1.jpg); background-size:100% 100%;}
 .sec4.bg0{background:url(../img/ysbg2.jpg); background-size:100% 100%;}
 .sec4.bg0{background:url(../img/ysbg3.jpg); background-size:100% 100%;}
 .sec4.bg0{background:url(../img/ysbg4.jpg); background-size:100% 100%;}
.sec4_1{ text-align:center}
.sec4_1 span{ display:block; padding:50px 0 30px 0;}
.sec4_1 span big{ display:block; font-size:22px; border-bottom:#fff 1px solid; display:inline-block; padding:0 20px; padding-bottom:20px;}
.sec4_1 span small{ display:block; color:#777; font-size:16px;}
.sec4_1 p{  font-size:16px; line-height:36px; width:580px; margin:0 auto; padding-bottom:10px; padding-top:30px;     height: 120px;}
.fourys{ padding:20px 0 60px 0; }
.fourys ul{ margin:0 -15px;}
.fourys ul,.fourys li{ margin:0; padding:0; list-style:none;}
.fourys li {color:#fff;    overflow:hidden;  width:25%; float:left;}
.fourys li .item{ margin:15px;  overflow:hidden;  text-align:center; position:relative;}
.fourys li .item:before {content:" "; width:54%; height:100%; position:absolute; background:url(../img/ysbgpng1.png) bottom center no-repeat;  left:21%; bottom:0; z-index:1 ; background-size:100% 100%}
.fourys li .item:hover:before,.fourys li.on .item:before{background:url(../img/ysbgpng2.png) bottom center no-repeat;   background-size:100% 100% }
.fourys li .img{    }
.fourys li .img img{ height:40px; }
.fourys li .txt{ width:203px; margin:0 auto; position:relative; z-index:2; padding-top:80px;}
.fourys li .txt:after{content:" "; width:0; height:4px; border-radius:3px; position:absolute;   left:50%; margin-left:-53px; background:#fff; bottom:0px; z-index:1 ; webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;}
.fourys li .item:hover .txt:after,.fourys li.on .item .txt:after{ width:106px;}
 @keyframes loader {
        0% {
            width: 0%;
        }
        100% {
            width: 106px;
        }
    }
  
.fourys li .txt .txtbox{ padding:10px 10px;}
 
.fourys li .txt .txtbox font{ font-size:18px; display:block; padding:20px 0; line-height:1;}
.fourys li .txt .txtbox em{ display:block; width:50px; display:none; height:3px; background:#c1162f; margin:10px 0 10px 0;}
.fourys li .txt .txtbox .p1{ font-size:18px;}
.fourys li .txt .txtbox p{ font-size:15px; line-height:2; padding:60px 0; height:90px;}


.fourys li.odd .img{ float:right;  }
 
.fourys li.odd .txt{ float:left; width:65%;}

.ysbox{ background:url(../img/lybg.jpg) center no-repeat; height:500px;}


.fff1{ text-align:left; padding:26px 0;  border-top:#4d515b 1px solid; margin-top:20px; padding:20px 0;  }
.fff1 a{ font-size:16px; display:inline-block; margin-right:130px; color:#4d515b}
.fff2{ padding-bottom:20px; margin-top:20px;}
.footer { background-image: linear-gradient(to right, #1574b2, #2fbfc5); padding:60px 0 10px;color: #343434; position: relative; text-align:left; color:#fff; }
.footer a{color: #fff;}
.flogo{ float:left;}
.ful{ float:left;    width:16.66% }
.ful_title{ font-size:18px; line-height:1; margin-bottom:10px;   margin-top:5px; font-weight:900;}
.ful_p a{ display:block; color: #fff; line-height:2; font-size:14px;  }
.ful_p{ display:block; color: #fff; line-height:2; font-size:14px; float:left; width:200px;}
.footer2{text-align:center;}

.sec1 { padding:60px 0 120px 0;}
.sec1 .sec1_fl font{ font-size:16px; color:#737373}
.sec1 .sec1_fl p{ font-size:44px;}
.sec1 .sec1_fr{ width:50%;}
.sec1 .sec1_fr p{ font-size:16px; color:#737373}

.sec2{ background:url(../img/bg1.jpg) center; color:#fff; text-align:center; padding:270px 0;}
.sec2_1{ font-size:44px; margin-bottom:55px;}
.sec2_2 a{ display:inline-block; border:#fff 1px solid; padding:15px 70px; color:#fff; font-size:16px; border-radius:5px;}.sec2_2 a:hover{ background:#52cbcd; border:#52cbcd 1px solid;}
.sec2_p{ background:url(../img/bg2.jpg) center; height:100px; line-height:100px; font-size:24px; text-align:center; color:#fff; }

.sec3{   position:relative; z-index:2; background:url(../img/bowen.png) bottom right no-repeat #fff ; }
.sec3 .wrap{background:url(../img/bg3.jpg) right; background-size:auto 100%; overflow:hidden}
.sec3_fl{ width:50%; position:absolute; left:0; width:50%; height:100%;}
.sec3_fl>div{ position:relative;height:100%}
.sec3_fl font img{ width:100%; display:block; height:100%}
.sec3_fl font{ display:block;height:100% }
.sec3_fl span{ width:64px; height:64px; position:absolute; z-index:2; left:50%; margin-left:-132px;top:50%; margin-top:-32px; z-index:11;}
.sec3_fl span img{ width:100%;}
.sec3_fl p{ width:400px; height:275px; position:absolute; z-index:2; left:50%; margin-left:-300px;top:50%; margin-top:-137px; z-index:10;}
.sec3_fl p img{ display:block; width:100%}

.sec3_fr{ width:50%; }
.sec3_fr_in{ padding:60px;}
.sec3_fr_in font{   font-size:22px; display:block; margin-bottom:20px; margin-top:50px;}
.sec3_fr_in div.sec3_fr_in_info{  }
.sec3_fr_in div.sec3_fr_in_info p{ margin-bottom:10px; font-size:16px;  line-height:34px; color:#666666 ; text-align: justify;}

 /*idx_pro start*/
.m_zz{  z-index: 15;position: relative;border-radius: 10px; line-height:1; overflow:hidden;}
.m_zz ul{ position: relative; padding-top: 26px;}
.m_zz li{position: relative;float: left;width:33.3%;text-align: center;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_zz li:before{content:"";position: absolute;width:1px;height: 95px;background: rgba(255,255,255,.3);right:0;top:0;}
.m_zz li:nth-child(6):before{background: none;}
.m_zz li em{display: block;overflow: hidden; font-style:normal; padding-bottom:10px;;}
.m_zz li span{ background:#ddd; height:2px; display:block; width:100px; margin:0 auto;     background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5);}
.m_zz li em b{display: inline-block;  font-size: 32px;   font-weight: bold;}
.m_zz li em i{display: inline-block;  width:24px;height: 34px; line-height:34px; border-radius: 50%; font-size: 20px;font-weight: normal; text-align: center;   font-style: normal;margin-left: 2%;}
.m_zz li h3{font-size: 18px;  font-weight: normal; clear:both; margin-top:20px; }
.m_zz li p img{ height:70px;}

.m_zz li img{ transition: all .5s ease;}
.m_zz li:hover   img{transform:rotatey(180deg);}





.inews{ padding:60px 0;}
.titles{ text-align:center}
.inewsitem_title{ line-height:24px; margin-bottom:25px; margin-top:25px;}
.inewsitem_title font{ font-size:24px;}
.inewsitem_title a{ float:right; color:#383838; font-size:16px;}
.inewsitem_title a:hover{ background:url(../img/jt2.png) right no-repeat; padding-right:30px;}
.inews1 li a{ display:block; position:relative;}
.inews1 li b{ display:block;}
.inews1 li b:after{ display:block; content:" "; width:100%; padding-top:57%;}
.inews1 li b img{ width:100%; display:block; position:absolute; left:0; top:0px; height:100%; border-radius:10px; overflow:hidden;  box-shadow: 0px 0px 24px rgba(0, 0, 0, .3);}
.inews1 li p{ position:absolute; bottom:0; left:0; width:100%; }
.inews1 li font{ display:block; color:#fff; font-size:16px; padding:15px 10px; border-radius:10px; position:relative;   }
.inews1 li font span{ display:block; position:relative; z-index:2;}
.inews1 li p font:before { position:absolute;background-image: linear-gradient(to right, #1574b2, #2fbfc5); opacity:0.8 ; z-index:1; content:" "; border-radius:10px;;left:0; top:0; width:100%; height:100%;}
.inewsitem1{ float:left; position:relative; width:48%;}
.inewsitem1:after{ position:absolute; content:" "; height:1px; width:1px; height:86%; background:#8ecbe8; right:-4%; bottom:0;}
.inewsitem2{ float:right; width:48%;}
.inews2 li{ height:62px; line-height:62px; border-bottom:#6abed3 1px solid;}
.inews2 li a{ font-size:16px; color:#666}
.inews2 li span{ font-size:16px; color:#666666; float:right}
.inews2 li:hover a{color: #3fc5c8;}



.sec4_2{ padding:135px 0; clear:both;}
.sec4_2{ width:610px; margin-left:28%; text-align:center;}
.sec4_2 img{ height:37px; }
.sec4_2 p{ color:#777; line-height:2;}

.lybox{ background:url(../img/lybg.jpg) center; color:#fff; padding:80px 0;}
.lybox_left font{ font-size:24px; display:block}
.lybox_left  font b{ color:#3fc5c8;}
.lybox_left span{ font-size:44px; display:block; height:200px;}
.lybox_left p{ font-size:24px;}
.lybox_left p b{ font-size:16px;}
.lybox_r{ width:45%;}
.lyitem{ position:relative; margin-bottom:10px;}
.lyitem .inp{ width:96%; margin-left:2%; height:60px; line-height:60px; background:none; border:none; position:relative ; color:#fff;}
.lyitem textarea.inp{ height:100px; line-height:34px; outline:none;}
.lyitem:before{ background:#000; content:" "; position:absolute; left:0; top:0; height:100%; width:100%; background-color:rgb(0,0,0);   
 opacity:0.5;   
filter:alpha(opacity=50);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
}
.lybtn button{ width:100%; height:60px; background:#3fc5c8; color:#fff; border:none; font-size:20px;}

.lyitem .inp::-webkit-input-placeholder {

        color: #fff;

         

    }
	
.dizhilist{ border-top:#ddd 1px solid; margin-top:60px; padding-top:50px;}

.dizhilist font img{ vertical-align:middle; position:relative; top:-2px;}
.dizhilist font{ display:block; font-size:28px;}
.dizhilist p{ font-size:16px; line-height:2; margin-top:10px;}

.flbox{ padding:50px 0;}
.flbox span{ float:left; width:28%;}
.flbox span big{ display:block; font-size:34px;}
.flbox span small{ display:block; color:#777; font-size:16px;}
.flbox .fenlei{ float:right; font-size:16px; line-height:36px; margin-top:32px;}
.flbox .fenlei a{ display:inline-block; margin-left:77px;}
.flbox .fenlei a.on,.flbox .fenlei a:hover{ color:#52cbcd;}

.title1{ padding:50px 0;}
.title1 span{ }
.title1 span big{ display:block; font-size:44px; font-weight:900;}
.title1 span small{ display:block; color:#777; font-size:16px;}
 
 
 .title2{ padding:50px 0;}
.title2 span{ }
.title2 span big{ display:block; font-size:34px; font-weight:900;}
.title2 span small{ display:block; color:#777; font-size:16px;}
 

 
.cp{    background:#f4f4f4;}
.cp-slide{  }
.cp-slide .txt{ float:left; width:50%;  }
.cp-slide .txt>div{ padding:60px;}
.cp-slide .txt>div big{color:#52cbcd; font-size:16px;}
.cp-slide .txt font{ font-size:50px; line-height:80px; display:block;}
.cp-slide .txt span{ display:block; font-size:24px;}
.cp-slide .txt p{ font-size:16px; line-height:2; margin-top:50px; color:#a1a1a1 ; height:200px;}
.cp-slide .img{ float:right; width:50%; text-align:center}
.cp-slide  .img img{ width:100%; display:block ;}
.cp-slide .swiper-slide{  }
.cp-slide  .swiper-pagination-bullets{ bottom:40px !important ; width:50% !important; left:auto !important ;right:0 !important;}
.cp-slide .swiper-pagination-bullet{width:30px; border-radius:2px; height:4px;}
.cp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; border-radius:2px; background:#6ababc}

.cp-slide .txt small{ display:inline-block; border:#d4d4d4 1px solid; padding:15px 70px; color:#000; font-size:16px; border-radius:5px;}

.proinfo1{ margin-top:50px;}
.proinfo1 span{ float:left; width:20%; font-size:40px; font-weight:900; line-height:3; width:490px;}
.proinfo1 p{ float:left; width:910px;}
.proinfo1 p img{ height:250px;}
.proinfo2{ margin-top:40px;}
.proinfo2 .plefttitle{width:490px; float:left; font-size:20px;}
.proinfo2 .pcon{ float:left; width:910px; font-size:16px; line-height:26px;}

.pcontent{font-size:16px; line-height:26px; padding:60px 0;}

.aboutbanner .title1 small{ color:#33aba7}
.aboutbanner{ background:url(../img/aboutbg.jpg); padding:150px 0 300px 0; color:#fff; font-size:16px;} 
.aboutbanner .aboutcon { padding-top:210px; width:610px;}
.aboutbanner .aboutcon font{ font-size:24px; display:block; margin-bottom:20px;}
.aboutbanner .aboutcon p{ line-height:2;}

.about1{ width:50%; padding:110px 0;}
.about1 font{  color:#33aba7; font-size:24px;}
.about1 p{ font-size:40px; line-height:44px; padding:20px 0 70px 0;}.about1 span{ display:block; font-size:16px; color:#b0b0b0;}

.about2 .about2fl{ width:50%;}
.about2 .about2fl font{ font-size:18px; display:block; padding-top:50px;}
.about2 .about2fl span{ display:block; padding:40px 0;}
.about2 .about2fl p{ font-size:16px; line-height:2;}

.about2 .about2fr{ width:45%; }
.about2 .about2fr span{ display:block;}
.about2 .about2fr span img{ width:100%;}
.about2 .about2fr p{ text-align:center;font-size:16px; margin:30px 50px 0 150px; line-height:2;}

.about3title{ margin-top:50px; background:url(../img/bg5.jpg) center no-repeat; color:#fff; padding:100px 0 50px 0}

.wenhua{ background:url(../img/wenhuabg.jpg) center no-repeat ; padding:55px 0; }
.wenhualist{ padding-top:60px; }
.wenhualist li .rowitem{position:relative ; margin:0;color:#fff; text-align:center}
.wenhualist li .whtitle{position:relative }
.wenhualist li .whtitle b{ display:inline-block; font-size:30px; font-weight:normal; line-height:1; margin-bottom:33px; }
.wenhualist li .whtitle:before{content:" "; position:absolute;display:inline-block  ; height:40px; width:30%; background:url(../img/wenhualine.png) right center no-repeat;; left:0; top:0px;}
.wenhualist li .whtitle:after{content:" "; position:absolute; display:inline-block; height:1px; width:30%; background:#fff; right:0; top:20px;}
.wenhualist:after1{content:" "; position:absolute; height:100%; width:1px; background:#ddd; right:10px; top:0;}
.wenhualist li font{ display:block; font-size:16px;color:#737373; padding:24px 0 165px 0;}
.wenhualist li p{ font-size:16px; line-height:2; }

.subtitle{ font-size:22px; text-align:center; margin-bottom:60px; color:#383838}
.subtitle.mb20{ margin-bottom:20px;}
.subtitle.mb10{ margin-bottom:10px;}
.subp{ font-size:16px; line-height:2; margin-bottom:50px; margin-top:30px; width:820px; max-width:100%; margin:30px auto 50px auto; color:#666666}
.table {
    display: table; height:90%;
}


.table2 {
    display: table; height:10%;
}




.pr{ position:relative;}

.miaodian{ position:absolute; z-index:222; bottom:173px;}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.llbox_1{ position:relative ; box-shadow: 4px 5px 5px rgba(0, 0, 0, .1); }
.llbox{ padding:50px 0 0 0 ;}
.llbox .titles{ margin-bottom:50px;}
.llbox .wrap{position:relative;}
.llbox .llbox_left{ background:#000; background-image: linear-gradient(to right, #1574b2, #2fbfc5); float:left; width:50%; position:relative; z-index:222}
.llbox .llbox_1_r .llbox_left{ float:right}
.llbox .llbox_left .llbox_left_img{ background-size:100% auto; height:100%; }
.llbox .llbox_left .llbox_left_img img{ width:100%; display:block;  }
.llbox .llbox_r{ float:right; background:#e2eff5; width:50%; position:absolute; right:0; top:0; height:100%;}
.llbox .llbox_1_r .llbox_r{ left:0; right:auto;}
.llbox .llbox_r .llbox_r_in{ padding: 0px 50px;}
.llbox .llbox_r .llbox_r_in p{ line-height:2; font-size:16px; color:#666666; margin-bottom:20px; text-align: justify;}
.llbox .llbox_r .llbox_r_in span{ font-size:22px; margin-bottom:20px; display:block; color:#333333}

.llbox_left_pjlist ul {  }
.llbox_left_pjlist ul li{ line-height:124px; color:#fff; font-size:22px; text-align:center; float:left; width:33.33%; cursor:pointer;}
.llbox_left_pjlist ul li p{ border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.llbox_left_pjlist ul li:hover p span{ display:block;transform:rotateY(360deg);};
.llbox_left_pjlist ul li.li1 p{ border-right:none;}
.llbox_left_pjlist ul li.li2 p{ border-bottom:none;}


.tiexinfuwulist ul{ margin:0 -15px;}
.tiexinfuwulist ul li{ float:left; width:33.3%;}
.tiexinfuwulist ul li .tiexinfuwulist_in{ margin:15px; }
	.tiexinfuwulist ul li .txtitle{ text-align:center; margin:40px 0 25px 0;}
.tiexinfuwulist ul li .txtitle b{ font-size:28px;background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.tiexinfuwulist ul li  .txp{ background: #e2eff5; min-height:160px; position:relative;
    
    box-shadow: 0px 0px 14px rgba(0, 0, 0, .3); font-size:16px; line-height:2; padding:40px; color:#666;}
.tiexinfuwulist ul li  .txp p{ position:relative; z-index:2;}
.tiexinfuwulist ul li  .txp:before{ background:#000;background-image: linear-gradient(to right, #1574b2, #2fbfc5); position:absolute; content:" "; width:100%; height:100%; left:0; top:0; width:0; z-index:1;}
.tiexinfuwulist ul li:hover  .txp:before{ width:100%;}	
.tiexinfuwulist ul li:hover  .txp p{color:#fff;}
.nabout{   position:relative; z-index:2; background:url(../img/naboutbg.png) center no-repeat #fff ; background-size:100% 100% }
.nabout .wrap{background:url(../img/bg3.jpg) right; background-size:auto 100%; overflow:hidden}
 
.nabout_fr{ width:50%; margin:0 auto; }
.nabout_fr_in{ padding:60px;}
.nabout_fr_in font{   font-size:22px; display:block; margin-bottom:20px; margin-top:50px;}
.nabout_fr_in div.sec3_fr_in_info{  }
.nabout_fr_in div.sec3_fr_in_info p{ margin-bottom:10px; font-size:18px;  line-height:34px;}

.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rongyu{ padding:50px 0 50px 0; overflow:hidden;}
.rongyu li{ margin-top:50px;}
.rongyu li .img {position: relative;}
.rongyu li .img:before{display:block; width:100%;padding-top:75%; content:" ";}
.rongyu li .img img{     width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;}
.rongyu li p{ font-size:16px; color:#666666; text-align:center; margin-top:15px; line-height:2; min-height:36px;}
.about4{}
.lclist li{ width:25%; float:left;}
.lclist li font{ font-size:50px; display:block}.lclist li>div{ border-top:#000000 2px solid; padding:25px 20px 0 20px}
.lclist li small{ font-size:16px; display:block; margin-bottom:42px;}
.lclist li div.p{ font-size:16px; line-height:24px;}
.lclist li.lcli3>div{ margin-top:80px;}
.lclist li.lcli2>div{ margin-top:160px;}
.lclist li.lcli1>div{ margin-top:240px;}.lclist li:hover>div{ border-top:#33aba7 2px solid;}




.jigoubox_1{ position:relative}
.jigoubox{ padding:00px 0 0 0 ;}
.jigoubox .titles{ margin-bottom:50px;}
.jigoubox .wrap{position:relative;}
.jigoubox .jigoubox_left{ background:#000; background-image: linear-gradient(to right, #1574b2, #2fbfc5); float:right; width:80%;}
.jigoubox .jigoubox_left .jigoubox_left_img{ background-size:100% auto; height:100%; box-shadow: 0px 0px 14px rgba(0, 0, 0, .3);}
.jigoubox .jigoubox_left .jigoubox_left_img img{ width:100%; display:block;}
.jigoubox .jigoubox_r{ float:left; background:#e2eff5; width:20%; box-shadow: 0px 0px 14px rgba(0, 0, 0, .3); position:absolute; left:0; top:0; height:100%;}
.jigoubox .jigoubox_r .jigoubox_r_in{ padding: 0px 0px; text-align:center;}
.jigoubox .jigoubox_r .jigoubox_r_in .jigouth p{ line-height:300px; border-bottom:#75c8d7 1px solid; font-size:22px; color:#666;}
.jigoubox .jigoubox_r .jigoubox_r_in .jigouth2 p{ line-height:150px;  font-size:22px; color:#666;}

.jigoubox_left_pjlist ul {  }
.jigoubox_left_pjlist ul li{ line-height:28px; color:#fff; font-size:18px; text-align:center; float:left; width:20%; height:150px;}
.jigoubox_left_pjlist ul li p{border-bottom:#fff 1px solid;border-right:#fff 1px solid; overflow:hidden; width:100%; display: table; height:100%;}
.jigoubox_left_pjlist ul li p span{ display:block; cursor:pointer;   display: table-cell;
    vertical-align: middle;}
.jigoubox_left_pjlist ul li.li1 p{ border-right:none;}
.jigoubox_left_pjlist ul li.li2 p{ border-bottom:none;}

.jigoubox_left_pjlist ul li:hover p span{  transform:rotateY(360deg);};


.about5{ clear:both; background:#f9f9f9; padding:30px 0 80px 0; margin-top:50px;}
.zizhiimg li span{ display:block; border:#d3b560 4px solid;}
.zizhiimg li .rowitem{ margin-bottom:30px;}
.zizhiimg li span img{ display:block; height:330px; width:100%}
.zizhiimg li:first-child { width:40%;}

.fuwu{ padding:80px 0 60px 0; background:url(../img/fwbg.png) no-repeat right bottom; position:relative;}
.fuwubox .fuwulist ul{ margin:0px -8px  55px -8px ;}
.fuwubox{ width:100%; margin:0 auto; max-width:1000px;}
.fuwubox li .rowitem{ margin:8px;}
.fuwubox li a{ display:block;background:#1574b2;background-image: linear-gradient(to right, #46a1c6, #4aaec9); color:#fff; font-size:16px; text-align:center; padding:45px 0; margin-bottom:8px; position:relative; height:40px;}
.fuwubox li a.kong{background:#2095bb; opacity:0.2}
.fuwubox li a img{ position:absolute; right:10px; top:15%; height:70%; opacity:0.2; display:none}
.fuwubox li:hover a{background-image: linear-gradient(to right, #1779b4, #1d8ab9);}
.fuwubox li:hover a img{ display:block;}
.fuwubox li a font{ display:block; margin-bottom:10px;}
.fuwubox li a span{ display:block; width:60px; margin:0 auto; height:3px; background:#fff;}
.fuwubox .fuwulist { margin:40px 0 0 0 ;}
.fuwulist{ min-height:490px;}
.fuwumenu{ margin:40px 0 20px 0; overflow:hidden;;}
.fuwumenuli{ position:relative}
.fuwumenuli a{ float:left; width:25%; text-align:center;}
.fuwumenuli a span{   font-size:22px; padding:0 35px; display:inline-block; line-height:46px; border-radius:30px;}
.fuwumenuli a:hover span,.fuwumenuli a.on span{ color:#fff; background-image: linear-gradient(to right, #1575b3, #2fbfc6);} 
.fuwumenuli a.a1{left: 83px;    top: 16px;;}
.fuwumenuli a.a2{left: 162px;
    top: 154px;}
.fuwumenuli a.a3{left: 162px;    top: 290px;;}
.fuwumenuli a.a4{left: 83px;    top: 426px;;}
.fuwu .fuwuqh  { height:560px;}
.fuwulist .erjibox_right_btn{ text-align:center;}


.sec3_fl span img{display:block;}
.sec3:hover .sec3_fl span img{  

 -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -webkit-animation: rotate 3s linear infinite;

    -moz-animation: rotate 3s linear infinite;

    -o-animation: rotate 3s linear infinite;

    animation: rotate 3s linear infinite;

}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}


.vvplay{ cursor:pointer;}
.wenhua1{ padding:50px 0;}
.wenhuaimgs{ margin:30px 0;}
.wenhuaboxbg{ background:#fff; padding:40px 0; margin:60px 0;}
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;justify-content: center;
}
.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.line1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 核心团队 */
.team {
  margin-top: 60px; margin-bottom:40px;
}
.team li {
  -webkit-box-flex: 0 0 23%;
  -webkit-flex: 0 0 23%;
  flex: 0 0 23%;
  margin-right: 1%;
  margin-bottom: 85px;
}
.team li:nth-of-type(4n) {
  margin-right: 0;
}
.team li a {
  display: block;
  background-color: #fff;
  text-align: center;
  transition: all 0.5s;
  height: 100%;
}
.team li a:hover {
  background-color: #236c9f;
  color: white;
  transform: translateY(-30px);
  box-shadow: 0px 0px 10px 0px #236c9f;
}
.team li a:hover .teamText span {
  background-color: white;
}
.team li a:hover .teamText p {
  color: white;
}
.team li a:hover .teamArrow {
  transform: rotateZ(0);
}
.team li a:hover .teamArrow img:first-of-type {
  display: none;
}
.team li a:hover .teamArrow img:nth-of-type(2) {
  display: inline-block;
}
.teamImg {
  width: 100%;
  height: 180px;
background-color:#e2eff5;
  overflow: hidden;
  margin: 0 auto;
}
.teamImg img {
  width: 140px;
  height: 180px;
}
.teamText {
border: 1px solid #f5f1f1;
height:300px;
position:relative;
}
.teamText h4 {
  font-size: 20px;
  color：#0d2258;
}
.teamText span {
  width: 30px;
  height: 4px;
  background-color: #ffbf8a;
  display: block;
  margin: 10px auto;
}
.teamText p {
  color: var(--color-136);
  font-size: 15px;
  line-height: 26px;
}
.teamArrow {
  margin-top: 5px;
  transition: all 0.5s;
}

.tuoyuan{
display: block;
width: 80px;
height:30px;
line-height: 10px;
border-radius: 15px;
text-align: center;
background-color: #eeeff4;
border: 1px solid #fff;
position:absolute;
left:40%;
bottom:10px;
}






.teamArrow img {
  width: 24px;
}
.teamArrow img:nth-of-type(2) {
  display: none;
}
.showTeams img{
  max-width: 100%;
}
/* 核心团队 */
/* 核心团队详情 */
.teamDetail {
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}
.teamDtL {
  -webkit-box-flex: 0 0 36%;
  -webkit-flex: 0 0 36%;
  flex: 0 0 36%;
}
.teamDtImg img {
  display: block;
  width: 100%;
}
.teamDtR {
  -webkit-box-flex: 0 0 52%;
  -webkit-flex: 0 0 52%;
  flex: 0 0 52%;
}
.teamDtCont {
  padding-top: 50px;
}
.teamDtTitle {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ebebeb;
  margin-bottom: 40px;
}
.teamDtTitle h4 {
  font-size: 30px;
  color: var(--color-51);
}
.teamDtTitle p {
  font-size: 16px;
  color: var(--color-136);
}
.teamDtText {
  font-size: 17px;
  color: var(--color-102);
  line-height: 34px;
}
/* 核心团队详情 */


.flex {
  display: flex;
  flex-wrap: wrap;
}

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

.hidden {
  display: none;
}

.w100 {
  width: 100%;
  max-height: 100%;

}  .ny-container .main-con h3 {
    font-size: 30px;
  }
  .ny-container .margin-b40 {
    margin-bottom: 20px;
  }
  .ny-container .menu {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .ny-container .fon30 {
    font-size: 20px;
  }
  .ny-container .fon20 {
    font-size: 16px; color:#666; line-height:2;
  }

.menber-item {
 
}

.menber-item .slider {
  visibility: hidden;
}
.margin-t {
  margin-top: 10px !important;
}
.ny-container {
    margin: -125px auto 0 3%;
    position: relative;
    display: flex;
    align-items: flex-start;
}
.ny-container .main-con {
   
  background-size: cover;
  padding: 60px  0px 20px 90px;
  position: relative;
  z-index: 2;
}

.ny-container .main-con h3 {
  font-size: 37px;
  color: #39444a;
  font-weight: normal;
  position: relative;
}

.ny-container .main-con h3::before {
  display: block;
  content: '';
  width: 12px;
  height: 4px;
  background: #39444a;
  left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.margin-b60 {
    margin-bottom: 60px;
}
.ny-container .main-con .menu {
  font-size: 14px;
  padding-bottom: 30px;
  border-bottom: 1px solid #0a5281;
  margin-bottom: 30px;
  color: #78848b;
}

.ny-container .main-con .menu a {
  color: #78848b;
}

.ny-container .main-con-news {
  padding-left: 23px;
  padding-right: 23px;
  width: 100%;
  padding-bottom: 120px;
}

.ny-container .main-con-news h3::before {
  display: none;
}

.menber-item .main-con {
 
  border-left: 5px solid #0a5281;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 60px;
  margin-bottom: 60px;
}

.menber-item h1 {
  font-weight: normal;
  position: relative;
}

.menber-item h1  span{background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.menber-item .dots {
position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #236c9f;
    color: #fff;
    left: -148px;
    top: -50%;
    border: 3px #fff solid;
}

.menber-item .dots .num {
  font-size: 40px;
  position: relative;
}

.menber-item .dots .num::after {
  display: block;
  content: '';
  width: 30px;
  height: 1px;
  background: #c1a367;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3px;
}

.menber-item .dots .eng {
  font-size: 16px;
  text-transform: uppercase;text-align: center;
}

.menber-item .lines {
  padding: 30px 0 0 0;
  height: 1px;
  border-bottom: 1px solid #0a5281;
  margin-bottom: 30px;
}

.menber-item .margint {
  margin-top: 30px;
}

.menber-item .fon25 {
  font-size: 25px;
}


.menber-list {
  display: flex;
  justify-content:center;
  flex-wrap: wrap; margin-top:50px;
 
}

.menber-list li {
  width: 20%;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
 
  padding: 0 3%;

}

.menber-list li::after {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 24px;
  background: url(../img/line-sanjiao.png) no-repeat center;
  right: -5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.menber-list li::before {
  display: block;
  content: '';
  width: 130%;
  left: 15%;
  height: 1px;
 
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}
.menber-list li:nth-child(5)::after,.menber-list li:nth-child(5)::before{ display: none}
.menber-list li:last-child::after{ display: none}
.menber-list li:last-child::before{ display: none}

.menber-list .number {
  font-size: 44px;
  color: #aa8c6c;
  line-height: 1;background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.menber-list .menber-tit {
  color: #39444a;
  font-size: 16px;
}

.menber-list .dot {
  position: relative;
 
  z-index: 1;
}

.menber-list .positionb {
  z-index: 2;
}

.menber-list *,.menber-list{box-sizing: border-box;}.positionb {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.teaminfobox { padding:50px 0 0 0 ;}
.teaminfobox .titles{ margin-bottom:50px;}
.teaminfobox .wrap{position:relative;}
.teaminfobox .llbox_left{ background:#000; background-image: linear-gradient(to right, #1574b2, #2fbfc5); float:left; width:30%; margin-left:10%;position:relative; z-index:222}
.teaminfobox .llbox_1_r .llbox_left{ float:right}
.teaminfobox .llbox_left .llbox_left_img{ background-size:100% auto; height:100%; }
.teaminfobox .llbox_left .llbox_left_img img{ width:100%; display:block;  }
.teaminfobox .llbox_r{ float:right; background:#fff; width:50%; position:absolute; right:0; top:0; height:100%;}
.teaminfobox .llbox_1_r .llbox_r{ left:0; right:auto;}
.teaminfobox .llbox_r .llbox_r_in{ padding: 0px 0px;}
teaminfobox  .llbox_r .llbox_r_in p{ line-height:2; font-size:16px; color:#666666; margin-bottom:20px; text-align: justify;}
.teaminfobox .llbox_r .llbox_r_in span{ font-size:22px; margin-bottom:20px;  color:#333333}