@charset "utf-8";
/* CSS Document */
/* *{ transition: all 0.6s ease;} */
@font-face{font-weight:100;font-style:normal;font-family:HELVETICANEUELTPRO-THEX;src:url(../fonts/HELVETICANEUELTPRO-THEX.OTF),url(../fonts/helveticaneueltpro.ttf),url(../fonts/helveticaneueltpro.woff),url(../fonts/helveticaneueltpro.eot);}

.woeu,.new_n_li,.n_li_z,.hez_nj_op{ transition: all 0.6s ease;}
*{ margin:0px; padding:0px;}
body{ margin:0; padding:0; font-family:Arial,微软雅黑!important;min-width:1024px:}
table{margin:auto;}
p{ margin:0; padding:0;}
a{
text-decoration:none;
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;
}
img{ border:0;}
ul,li{list-style:none;margin:0;padding:0;}
input,button,select,textarea{outline:none!important;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

.ycc_one{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.ycc_n2{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ycc_n3{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ycc_n4{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.ycc_n5{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.c_p{ cursor:pointer;}

/**/
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.slide-more {
    border: none;
    margin-right: 10px;
	display:none;
}



/*top*/
.top{ width:100%; height:60px; background-color:rgba(255,255,255,.9); position:fixed; top:0; z-index:900;}
.top_logo{ width:100%; height:71px; margin:auto; display:block; text-align:center; position: absolute; top:60px; z-index:9999;}
.menu_bottom_us{ width:100%; bottom:0; margin:auto; display:block; text-align:center; position: absolute; z-index:9999; color:#333232;}
.top_logo img{
	height: 71px
}
/*@media (max-height:800px) {
	.memu_erweima { display:none;}
}

@media (max-height:650px) {
	.memu_tel_a,.memu_tel_b { display:none;}

}

@media (max-height:550px) {
	.menu_bottom_us { display:none;}

}
@media( max-width:900px/* 768px){
	.tpo_ra_y{display:none;}
}*/

.memu_erweima{ margin:0 0 10px 0;}
.memu_erweima img{ margin:auto;}
.memu_erweima span{ width:100%; height:22px; line-height:22px; text-align:center; font-size:0.625em; margin:auto; display:block;}
.memu_tel_a{ line-height:20px; font-size:24px; font-weight:bold; margin-bottom:5px;}
.memu_tel_b{ line-height:16px; font-size:12px; margin-bottom:25px;}
.memu_copyright{ line-height:20px; font-size:12px; margin-bottom:25px; color:#a3a3a3;}
.tpo_r{ height:30px; padding:15px 30px; right:0;   position:fixed; top:0; z-index:200;}
.tpo_ra,.tpo_rb{width:90px; height:30px!important; text-align:center; line-height:30px!important; font-size:12px; color:#666; float:left; cursor:pointer;}
.tpo_rb{margin-right:20px;}
.tpo_ra:hover,.top_zc:hover,.top_dl:hover{ color:#219ea2;}
.tpo_ra:after{ content: ""; display:block; margin:0 auto; width:0; height:1px; background:#219ea2;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.tpo_ra:hover:after{ content: ""; width:60%;}
.top_register_login a{ color:#666;}
.top_lts_brandl{}
.top_lg_dlt{}
.tpo_rb{}


.bds_more{color:#666!important; opacity:1!important;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{height:auto; margin:0!important; line-height:30px;}
.bds_more:hover{color:#219ea2!important;}
.bdshare_popup_box{margin-left:-13px!important;}
.bdshare_popup_top{display:none;}

.apoi_ies{max-width:28px;}
.eoj_t{position:relative; top:0; margin:0;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.apoi_ies:hover .eoj_t{ position:relative;top:-27px;}



.anolu{width:90px; overflow:hidden; height:auto; position:absolute; padding-top:15px; display:none;}
.anolu a{ display:block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.anolu a:hover{ background:#219ea2; color:#fff;}
.tpo_ra:hover .anolu{display:block;}
@media (max-width:1024px) {
	.anolu a{background: #ebebeb;}
}

.top_r_logo{ width:198px; height:28px; background-color:rgba(51,50,50,0); float:left; display:inline-block; position:relative; border:1px solid #646464;}
.top_r_logo{ height: 34px; margin-top: -6px; padding: 2px 8px; width: 170px;  font-size: 0}
.top_r_logo img{ position:absolute; z-index:2; height: 34px;}
.top_r_logo:after{ content: ""; width:0; height:38px; background:#fff; display:block; position:absolute; top:0; z-index:1; left: 0;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.top_r_logo:hover:after{ width:100%;}
/*top end*/

/*业务*/
.business{width:100%;height:850px; text-align:center; overflow:hidden; position:relative; z-index:10;}
.sug_lru{width:310px; height:550px; border:1px solid #979797; margin-top:150px;display:inline-block; padding:0 25px;}
.sug_lru_1{ width:100%; height:50px; line-height:50px; margin-top:50px; font-size:46px; font-weight:bold; color:#333; text-align:center; float:left;}
.sug_lru_2{ width:100%; height:46px; line-height:46px; margin-bottom:24px; font-size:14px; color:#666; text-align:center; float:left;}
.sug_lru_3{ width:100%; height:232.5px; float:left; display:block; overflow:hidden;}
.sug_lru_3 img{width:310px; height:232.5px;}
.sug_lru_4{ width:100%; height:20px; line-height:20px; margin-top:20px; font-size:14px; color:#666; text-align:center; float:left;}
.sug_lru_5{ width:100%; height:50px; line-height:50px; font-size:38px; color:#666; text-align:center; float:left; margin-top:10px;}
.sug_lru_5 span{ font-size:14px;}

.sob_n{ width:210px; background-color:rgba(255,255,255,.2); display:inline-block; margin:0 0 0 2%; overflow:hidden; text-align:center; cursor: pointer;}
.yewu_tb{ max-width:132px; margin:150px auto 30px;}
.yewu_tb img{ width:100%;}
@media (max-width:1325px) {
	.sob_n{margin-left:0;}
	.yewu_xq{ width:73%!important;}
}
/*@media (max-width:1012px) {
	.sug_lru{display:none}
}*/
.yewu_bt{width:200px; height:55px; line-height:54px; font-size:36px; text-align:center; font-size:1.5em;/*  font-weight:bold; */ display:inline-block;}
.yewu_bt i{ width:10px; display:inline-block;}
.yewu_bt:after{ content: ""; display:block; width:35%; height:1px; margin:auto; background:#000;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.sob_n:hover .yewu_bt:after{ width:100%; background:#219ea2;}
@media (max-width:1300px) {
	.yewu_bt { font-size:16px; }

}
/*@media (max-width:768px) {
	.yewu_bt { font-size:14px; }

}*/
.yewu_lb{ width:100%; line-height:36px; margin:20px auto 0px; font-size:14px; color:#000; text-align:center; height:288px;}
.yewu_lb a{ display:inline-block; color:#000; padding:0 31px; position:relative;}
.yewu_lb a:hover{ color:#219ea2;}
.yewu_lb_i:after{ content:"";position:absolute; width:36px; height:36px; background:url(../images/yewu_hot.png) no-repeat center right;}

.yewu_xq{ width:93%; height:40px;border:1px solid rgba(0,0,0,0);/*  padding:4px; */ margin:auto; text-align:center; font-size:12px; color:#666; display:inline-block; line-height:38px; overflow:hidden;}
.su_doi{ width:calc(100% - 2px); height:38px; border:1px solid #999; transition: all 0.4s ease;}
/* .yewu_xq:hover {border:1px solid #219ea2; color:#fff;}
.yewu_xq:hover .su_doi{border:1px solid #219ea2; background:#219ea2;} */
.yewu_xq:hover .su_doi{ margin-top:-40px; opacity:0;}
.su_doi_j{ border:1px solid #219ea2; background:#219ea2; color:#fff;}


/*@media (max-width: 900px) {
	.yewu_lb_i:after{ display:none;}
	.yewu_lb_i{ color:#f00 !important;}
}
@media (max-width: 768px) {
	.yewu_xq{ height:30px; line-height:28px;}
	.su_doi{ height:28px;}
}*/
/*业务 end*/
.woug_xi{width:1px;height:150px; background:#dcdcdc; margin:auto;}
/*案例*/
.case_tlug{ width:100%; height:70px;line-height:70px; text-align:center; font-weight:bold; font-size:28px; color:#333;}
.case_lm{ width:100%; height:60px; background:rgba(255,255,255,1); padding:5px 0; margin-bottom:50px;}
.case_lm_l{ height:30px; padding:15px 30px; float:left; margin-left:150px;}
.case_screen{width:100px; height:30px; text-align:center; line-height:30px; font-size:1px; color:#666; float:left; cursor:pointer;}

.list{width: 126px; margin:15px 0 0 150px; position:absolute; z-index:666; display:none;}
.xl_ai{ width:116px; padding-left:10px; text-align:center; height:30px; background:#ededed; font-size:12px; line-height:30px; color:#535353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.11);box-shadow: inset 0 1px 1px rgba(0,0,0,.11); cursor:pointer;}
.xl_ai:after{ content:""; display:inline-block; width:16px; height:16px; background:url(../images/off.png) no-repeat; position:relative; top:4px; margin:0 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
 }
.xl_ai_z:after{ content:""; display:inline-block; width:16px; height:16px; background:url(../images/off.png) no-repeat; position:relative; top:4px; margin:0 5px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.xl_zk{ width:126px; height:auto; background:#fff; display:none; box-shadow:0 1px 6px rgba(0, 0, 0, 0.2);}
.xl_yn{ width:126px; height:40px; position:relative; border-bottom: #e5e5e5 1px solid;}
.xl_yn_yj{ width:126px; height:40px; display:block; font-size:12px; line-height:40px; color:#747474; text-align:center; position:relative; cursor:pointer;}
.xl_zr:after{ content:""; display:inline-block; width:16px; height:16px; position:absolute; right:3px; top:13px; background:url(../images/off.png) no-repeat;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.xl_yn_yj:hover{ background:#219ea2; color:#fff;}
.xl_zr:hover:after{ background:url(../images/off_bai.png) no-repeat;}
.xl_yn ul{ width:126px; height:auto; background:#fff; position:absolute; left:126px; top:0; display:none; overflow:hidden; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2)}
.xl_yn ul a{ width:126px; height:40px; display:block; text-align:center; border-bottom: #e5e5e5 1px solid; line-height:40px; font-size:13px; color:#747474;}
.xl_yn ul a:hover{ background:#219ea2; color:#fff;}




.item{background:rgba(0, 0, 0, 0)}
.item_img{
	display:block; width:100%; position:relative; opacity:1; overflow:hidden;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .6s ease-in-out;
	-webkit-transform:scale(1.01);
	-moz-transform:scale(1.01);
	-o-transform:scale(1.01);
	-ms-transform:scale(1.01);
	transform:scale(1.01);	

}
.item:hover{background:rgba(0, 0, 0, 1);}
.item:hover .item_img{
	position:absolute; opacity:.5;
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	-o-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08);	
}
.item_caption{       /**/
	color:#fff;
}
.item_caption::before,
.item_caption::after{     /*线条*/
	position:absolute; content:''; opacity:0;
	-webkit-transition:opacity 0.8s,
	-webkit-transform .8s;
	-moz-transition:opacity 0.8s,
	-moz-transform .8s;
	-o-transition:opacity 0.8s,
	-o-transform .8s;
	transition:opacity 0.8s,
	transform .4s;
}

.item_caption::before{
	top:20px; right:20px; bottom:20px; left:20px; border-top:1px solid #fff; border-bottom:1px solid #fff;
	-webkit-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-o-transform:scale(0,1);
	transform:scale(0,1);
}
.item_caption::after{
	top:20px; right:20px; bottom:20px; left:20px; border-right:1px solid #fff; border-left:1px solid #fff;
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
}

.item:hover .item_caption::before,
.item:hover .item_caption::after{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.item_caption_h{
	font-size:16px; width:calc(100% - 140px); position:absolute; bottom:10px;left:50px; overflow:hidden; opacity:0; margin:0;font-family:幼圆;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .2s ease-in-out;
}
.item:hover .item_caption_h{ bottom:70px; opacity:1;}
.item_caption_p{
	font-size:12px; width:calc(100% - 140px); position:absolute; bottom:-20px; left:50px; overflow:hidden; opacity:0; font-family:幼圆;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .2s ease-in-out;
   color:#c6c6c6;
}
.item:hover .item_caption_p{ bottom:30px; opacity:1;}

.item_caption_i,.item_caption_u{
	font-size:12px; width:40px; height:120px; text-align:center; line-height:20px; position:absolute; bottom:-100px; right:20px; overflow:hidden; opacity:0; font-family:幼圆;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.item_caption_u{ right:60px; height:140px; bottom:-100px;}
.item_caption_i:after,.item_caption_u:after{ content:""; display:block; width:1px; height:140px; background:#fff; margin:auto;}

.item:hover .item_caption_i,.item:hover .item_caption_u{ bottom:0; opacity:1;}
.item_caption_a{ width:100%;height:100%; display:block; position:absolute; z-index:9999;}




.daoh_er_z{ height:60px; width:740px; /* background: url(../images/er_dc.jpg) no-repeat; */ margin:auto;}
nav {margin: 0px;text-align: left;/*导航栏定位*/font-size:12px; }
nav ul {list-style: none;/*文字前面项目小黑点*/position:relative;display: inline-table;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float: left;/*导航横排*/line-height:60px; text-align:center;background: url(../images/xia.png) no-repeat right;}
nav ul li:hover {background: url(../images/shang.png) no-repeat right;}/*鼠标移过去效果*/
nav ul li:hover a {color: #000;/*鼠标移过去文字颜色'白色'*/}
nav ul li a {display: block; width:85px; height:60px;/*单个栏目边框大小*/color: #000; text-decoration: none;/*鼠标移过去之前文字颜色'黑色'*/}
nav ul li:hover > ul {display: block; z-index:9999;/*鼠标移过去显示二级栏目*/}
nav ul ul {display: none;/*二级栏目控制*/font-size:12px;background: #fff; color:#000;/*二级栏目鼠标未移过去之前颜色*/position: absolute; top: 100%;max-height:320px;overflow:-Scroll;overflow-x:hidden/*一级栏目到二级栏目间距*//*filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.7;半透明*/}		
nav ul ul li {float: none;/*二级栏目*/}
nav ul ul li a { width:90px; height:40px;/*二级栏目边框*/ line-height:40px; text-align:center; color:#000; background:#fff; padding-left:5px; padding-right:5px; overflow:hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}	
nav ul ul li a:hover {background:#219ea2;/*二级栏目鼠标移过去颜色'蓝色'*/ color:#fff;}
nav ul ul ul {position: absolute; left: 100%; top:0;}

.case_n{ margin:auto 30px;}
.picsFall {
  overflow: hidden;
  *zoom: 1;
  }
.case_n{ margin:auto 50px; width:calc(100% - 100px); overflow:hidden;}
.picsFall {
  overflow: hidden;
  *zoom: 1;
  }
.picsFall .item {width: 22.6%;float: left;overflow: hidden;position: relative;cursor: pointer; margin:0 1.2% 2%; background:url(../images/loding_item.png) no-repeat center center;}
.picsFall .item:hover{ background:#000;}
.picsFall .lieven{ background:#ebebeb;}
.picsFall .item img {width: 100%; }  
/*@media (min-width: 960px) and (max-width: 1300px) {
      .picsFall .item {
        box-sizing: border-box;
        /* width: 22.6%; 
        width: 30.9%;
        float: left; } }
		
@media(max-width: 960px) {
      .picsFall .item {
        box-sizing: border-box;
        width: 47.5%;
        float: left; } }*/

.soug_tt{ width:80%; height:70px; position:absolute; bottom:0; z-index:99; padding:20px 10%; color:rgba(0,0,0,1); display:block;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.tt_sa{ line-height:40px; font-size:24px;}
.tt_sb{ line-height:30px; font-size:12px;}
.tt_sc{ line-height:30px; font-size:12px; display:none;}
.tt_sd{ line-height:30px; font-size:12px; display:none;}
.tt_sd i{ width:15px; height:5px; display:inline-block;}
.asou_i{ width:100px; height:21px; background:url(../images/anli_gd.png); margin-top:20px; display:none;}
.item:hover .soug_tt{ height:calc(100% - 40px);  background:rgba(0,128,255,.9); color:rgba(255,255,255,1);}
.item:hover .tt_sc,.item:hover .tt_sd,.item:hover .asou_i{ display:block;}
@media( min-width:1100px) and ( max-width:1400px){
.yc_1400_14{ display:none;}
.yc_6_15{ background:#fff!important;}
}
/*@media( min-width:800px) and ( max-width:1100px){
.yc_6_14{ display:none;}
.yc_6_15{ background:#fff!important;}
}

@media( max-width:800px){
.yc_800_14{ display:none;}
.yc_6_15{ background:#fff!important;}
}*/
.ddd{ width:100%; height:100%; position:fixed; z-index:260; background:rgba(0,0,0,.7); top:0; left:0; display:none;}
.anli_next:hover{ /* background:#219ea2!important; */
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.anli_next{background:#fff!important;}
.anli_next img{ width:100%;}
.hez_nj_op_yca{ position:absolute; top:0; left:0; opacity:1; transition: all .5s linear;}
.hez_nj_op_ycb{opacity:0; transition: all .5s linear;}
.anli_next:hover .hez_nj_op_yca{ transform:scale(1.2); opacity:0;}
.anli_next:hover .hez_nj_op_ycb{ transform:scale(1); opacity:1;}


		/*列表*/
.anli_lb_xz_lm{ width:100%; height:60px; position:fixed; background:#ff0; z-index:990; top:0; margin:auto;}

/*案例 end*/

/*动态*/
.new_lm{ width:100%; min-width:768px; height:120px;line-height: 120px; border-bottom:1px solid #e5e5e5; /* margin-top:60px; */ text-align:center; position:relative;}
.new_lm_a{ width:90px; height:60px; line-height:58px; display:inline-block; margin:0 15px; font-size:16px; color:#000;}
.new_lm_a:after{ content:""; display:block; width:0; height:1px; background:#219ea2; margin:auto;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.new_lm_b{ width:90px; height:60px; line-height:58px; display:inline-block; margin:0 15px; font-size:16px; color:#219ea2;}
.new_lm_b:after{ content:""; display:block; width:100%; height:1px; background:#219ea2; margin:auto;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.new_lm_a:hover:after{ width:100%;}
.new_lm_a:hover{ color:#219ea2;}
.new_n{ width:100%; height:calc(100% - 222px);}
.new_n_li{ padding:0 50px; width:calc(20% - 100px); height:100%; float:left;}
@media(max-width:1300px) {
	.new_n_li{ padding:0 20px; width:calc(20% - 40px); height:100%; float:left;}
}

.new_time{ width:100%; height:40px; line-height:40px; text-align:center; margin:58px auto 40px; font-size:24px; color:#333;}
.new_img{ width:100%; display:inline-block;}
.new_img img{ width:100%;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.new_n_li:hover img{ transform:scale(1.2); transition:all .3s linear;}

.new_tt{ width:100%; line-height:22px; margin:40px auto 30px; font-size:18px; padding:9px auto; display:inline-block; color:#444;}
.new_content{ width:100%; height:90px; line-height:30px; font-size:12px; color:#555}
.new_xg{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:40px; display:inline-block;}
.new_xg i{ width:10px; height:10px; border:1px solid #000; border-radius:50%; display:inline-block; margin:0 10px;}
.new_n_li:hover  .new_xg_1{ background:#219ea2; border:1px solid #219ea2;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.new_n_li:hover  .new_xg_2{ background:#219ea2; border:1px solid #219ea2;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.new_n_li:hover  .new_xg_3{ background:#219ea2; border:1px solid #219ea2;
 -webkit-transition: all 0.9s ease;
 -moz-transition: all 0.9s ease;
 -o-transition: all 0.9s ease;
 transition: all 0.9s ease;
 }
.new_n_li:hover .new_tt{ color:#219ea2;}
/*@media(max-width:1000px) {
	.new_n_li{ width:calc(50% - 30px); padding:0 15px; height:auto; float:left;}
	.new_time { width:100%; height:40px; line-height:40px; text-align:center; margin:15px auto 5px; font-size:24px; float:left;}
	.new_img{ width:46%; display:inline-block; float:left;}
	.new_tt { width:50%; line-height:22px; margin:10px 0 10px 4%; font-size:18px; display:inline-block; color:#000; float:left;}
	.new_content{ width:50%; height:90px; line-height:30px; font-size:12px; margin:0 0 0 4%; float:left;}
	.new_xg{ display:none;}
	/* .new_n_li:hover{background:#219ea2;}
	.new_n_li:hover .new_time,.new_n_li:hover .new_tt,.new_n_li:hover .new_content{ color:#fff;} 
}
@media(max-width:768px){
	.new_n_li{ width:calc(50% - 30px); padding:0 15px; height:200px; float:left;}
	.new_time { width:100%; height:40px; line-height:40px; text-align:center; margin:15px auto 5px; font-size:24px; float:left;}
	.new_img{ width:46%; display:inline-block; float:left;}
	.new_tt { width:50%; line-height:22px; margin:10px 0 10px 4%; font-size:18px; display:inline-block; color:#000; float:left; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
	.new_content{ width:50%; height:60px; line-height:30px; font-size:12px; margin:0 0 0 4%; float:left; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.new_xg{ display:none;}
	/* .new_n_li:hover{background:#219ea2;}
	.new_n_li:hover .new_time,.new_n_li:hover .new_tt,.new_n_li:hover .new_content{ color:#fff;} 
}
@media(max-width:800px) {
	/* .new_lm_a{ width:15%; font-size:24px; padding:0;}
	.new_lm_b{ width:15%; height:162px; line-height:160px; font-size:24px; padding:0; color:#219ea2;} 
	.new_xg{ display:none;}
}

@media(max-width:650px) {
	.new_n_li{ padding:0 10%; width:calc(100% - 20%); height:60px; float:left;}
	.new_time { width:35%; height:40px; line-height:40px; text-align:center; margin:15px auto 5px; font-size:20px; float:left;}
	.new_img,.new_content{ display:none;}
	.new_tt { width:65%; height:40px; line-height:40px; text-align:center; margin:43px auto 5px; font-size:20px; float:left; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
	.new_xg{ display:none;}
}*/

@media(max-width:1300px) {
.new_lm{ height:100px;}
.new_lm_a{ height:102px; line-height:100px;}
.new_lm_b{ height:102px; line-height:100px;}
.new_time{ margin:43px auto 15px;}

}
/*@media(max-width:768px) {
.yewu_tb {width: 57%;margin: 120px auto 15px;}
}
@media(max-width:650px) {
.new_n{ padding-top:40px;}
.new_time{ margin:10px auto;}
.new_tt { margin:10px auto;}
}*/
.sldu_i{ position:relative; display:block; font-size:0;}
.sldu_i img{ width:100%; margin-top:250px; position:absolute;}
.dtn_yca{ position:absolute; top:0; left:0; opacity:1; transition: all .5s linear;}
.dtn_ycb{opacity:0; transition: all .5s linear; position:absolute; top:0; left:0;}
.new_n_li:hover .dtn_yca{ transform:scale(1.2); opacity:0;}
.new_n_li:hover .dtn_ycb{ transform:scale(1); opacity:1;}
@media(max-width:1366px) {
.sldu_i img{ width:100%; top:40%; margin-top:-50%;}
}
/*@media(max-width:1000px) {
.sldu_i{ width:100%; height:100px;position:relative; display:block; margin-top:10px; line-height:100px; text-align:center; font-size:24px; color:#323232;}
.sldu_i:hover{ color:#219ea2;}
.sldu_i:after{content:""; display:block; margin:auto; height:1px; background:#219ea2; width:0; margin-top:-20px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.sldu_i:hover:after{width:180px;}
.sldu_i img{ display:none;}
}
@media(max-width:650px) {
.sldu_i{ width:calc(100% - 20%); height:40px;position:relative; display:block; margin-top:30px; line-height:40px; text-align:center; font-size:18px; color:#323232;}
.sldu_i:after{content:""; display:block; margin:auto; height:1px; background:#219ea2; width:0;}
.sldu_i:hover:after{width:130px;}
}*/
/*动态 end*/

/*关于我们*/
.cd-tabs {position:absolute;width: 100%;margin:auto;height:calc(100% - 0px);}
/* .cd-tabs nav {position: absolute;top: 0;right: 0;height: 100%;z-index: 1;background:#999;width:20%;} */
.cd-tabs-navigation {  position: absolute;/* top:60px; */right: 0;height:calc(100% - 120px);z-index: 1;width: 20%;border-left:1px solid #f2f2f2; padding-top:120px;}
.cd-tabs-navigation li {float: left;width:100%;}
.cd-tabs-navigation a {position: relative;display: block;height: 100px;width: 85%;padding-left:15%;font-size: 14px;line-height:100px;color:#494949;cursor:pointer;}
.cd-tabs-navigation a:after{ content:""; display:block; width:54px; height:1px; background:#323232;/*  margin-top:-30px; */
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.cd-tabs-navigation a.selected {color: #219ea2;}
.cd-tabs-navigation a:hover{ color:#219ea2;}
.cd-tabs-navigation a:hover:after{ background:#219ea2; width:50%;}
.cd-tabs-navigation .selected:after{ background:#219ea2; width:50%;}

.cd-tabs-content li {display: none;width:calc(80% - 118px);padding:0 60px;overflow:hidden;position:absolute;height:calc(100% - 120px); top:90px; z-index:99;}
.cd-tabs-content li img{width:100% !important;}
.cd-tabs-content li.selected {display: block; overflow:-Scroll;overflow-x:hidden;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
@media(max-width:1024px) {
.cd-tabs-navigation {  position: absolute;/* top:60px; */right: 0;height:calc(100% - 60px);z-index: 1;width:calc(20% + 60px);border-left:1px solid #f2f2f2; padding-top:60px;}
.cd-tabs-content li { padding:0 30px}
}
/*@media(max-width:768px) {
.cd-tabs-navigation {  position: absolute;top: 0;right: 0;height: 100px;z-index: 1;width:100%; border-left:1px solid grba(0,0,0,0);border-bottom:1px solid #f2f2f2; text-align:center; padding-top:60px;}
.cd-tabs-navigation a {position: relative;display:inline-block;height: 100px;width: auto;padding-left:0%;font-size: 14px;line-height:100px;color:#494949;cursor:pointer; padding:0 25px;}
.cd-tabs-navigation a:after{ margin:0 auto 0;}
.cd-tabs-navigation a:hover:after{ width:100%;}
.cd-tabs-content li {display: none;width:calc(100% - 120px);padding:0 60px;overflow:auto;position:absolute;height:calc(100% - 250px); top:190px;}

}
@media(max-width:768px) {
.cd-tabs-navigation a{ padding:0 10px;}
.cd-tabs-content li img{ transform:scale(1.2);  margin-top:60px;}

}*/
/*关于我们 end*/

/*项目*/
.xiangm_n{ width:100%; height:160px; line-height:160px; text-align:center; margin-top:60px; border-bottom:1px solid #f2f2f2;}
.xiangm_n a{ display:inline-block;color:#000; font-size:24px; margin:auto;}
.xiangm_n a:hover{ color:#219ea2;}
.jd_ckz{ width:100%;  min-height:600px;  overflow:hidden; position:relative;}
.n_li_z{ width:100%; height:100px; padding:25px 0; border-bottom:1px solid #f2f2f2;}
.xiangm_n_li{ max-width:1200px; height:100px; padding:0 5%; line-height:100px; margin:auto; display:block;}
.xiangm_n_li_img{ width:200px; height:100px;float:left; margin-right:8.3%; overflow:hidden; display:block;}
.xiangm_n_li_img img{width:200px; height:100px;}
.m_n_ln{width:53.33%; float:left; height:100px;}
.xiangm_n_li_tt{ width:100%; height:40px; font-size:20px; color:#333; float:left; display:block; line-height:40px;}
.xiangm_n_li_tt span{ float:left; width:74px; height:18px; line-height:18px; text-align:left; border-right:1px solid #4c4c4c; margin:11px 20px 11px 0;}
.ms_souy{ width:100%; height:50px;line-height:25px; font-size:12px; float:left; color:#888; margin-top:4px; padding-left:20px; border-left:1px solid transparent; margin-left:-20px;;transition: all 0.3s ease;}
.xiangm_n_li_jdn i{ width:18%; height:4px; background:#e6e6e6; display:inline-block;}
/* .s_jou:after{ content:""; display:block; height:4px; lfet; width:100%; background:#219ea2;} */
.s_jou_1:after,.s_jou_2:after,.s_jou_3:after,.s_jou_4:after,.s_jou_5:after{ content:""; display:block; height:4px; lfet; width:0; background:#219ea2; transition:all 1s; opacity:0;}

.active .s_jou_1:after{ width:100%; transition-delay:0.7s; opacity:1;}
.active .s_jou_2:after{ width:100%; transition-delay:1.0s; opacity:1;}
.active .s_jou_3:after{ width:100%; transition-delay:1.3s; opacity:1;}
.active .s_jou_4:after{ width:100%; transition-delay:1.6s; opacity:1;}
.active .s_jou_5:after{ width:100%; transition-delay:1.9s; opacity:1;}

.xiangm_n_li_xq{ width:20%; height:100px; float:left; text-align:center; position:relative;}
.xq_mj{ border:1px solid #fff; padding:4px; width:calc(80% - 10px); height:40px; display:inline-block; position:absolute; top:50%; margin-top:-25px; left:10%; min-width:100px; color:#000; font-size:12px;}
.xiangm_n_li_xq{ width:150px; height:38px; color:#333; line-height:38px;/*  border:1px solid #fff;  */margin:30px 0;float:right; font-size:14px; border-radius:3px; background:url(../images/erwere.jpg) no-repeat 50% center ;
	 transition: all 0.6s ease;
}
.epuog_r{transition: all 0.6s ease;}
/* .xiangm_n_li:hover .epuog_r{ margin-right:30px;transition: all 0.6s ease;} */
.xiangm_n_li:hover .ms_souy{ margin-left:0; /* border-left:1px solid #333; */ transition: all 0.3s ease;}

.xiangm_n_li:hover .xiangm_n_li_xq{ background:url(../images/erwere.png) no-repeat 80% center;/*  border:1px solid #333; */
	 transition: all 0.6s ease;
}
.ddp{ display:inline-block; opacity:0;transition: all 0.6s ease;}
.xiangm_n_li:hover .ddp{color:#333; opacity:1; margin-left:-20px;transition: all 0.3s ease;}

.xiangm_n_li_xq:hover{ background:url(../images/erwere2.png) no-repeat 80% center!important;/*  border:1px solid #219ea2!important; */
	 transition: all 0.3s ease;
}
.xiangm_n_li_xq:hover .ddp{color:#219ea2}
.n_li_z:after{width:0%; height:1px; content:""; display:block; background:#219ea2;/* float:right; */ margin:auto;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.9s ease;
 }
.n_li_z:hover:after{}
.n_li_z_sty:after{ float:left;}
@media(max-width:1030px) {
	.xiangm_n_li{  width:90%; height:100px; padding:0 5%;}
	.xiangm_n_li_img{ margin-right:6%;}
}
/*@media(max-width:1000px) {
	.xiangm_n_li_xq{ display:none;}
}*/

.n_li_z:hover .xiangm_n_li_tt{ color:#219ea2;}



/*项目 end*/


.wpeiog{ width:100%; min-width:768px; height:440px;/*  margin-top:100px; */ overflow:hidden; display:block;}
.opsai_logo{width:275px; height:80px; margin:75px auto 40px;}
.opsai_kn{width:calc(100% - 60px); padding:0 30px; line-height:30px; font-size:16px; color:#dcdcdc; margin:auto; overflow:hidden; text-align:center;}
.wpeiog:hover .opsai_kn{color:#f5f5f5;}
.sdi_il{ max-width:1200px; min-width:768px; min-height:40px; overflow:hidden;padding:40px 0; font-size:30px; color:#323232; text-align:center; margin:auto; background:#fff; box-shadow:0 5px 10px rgba(220, 220, 220, 0.59); position:relative; top:-60px; z-index:2;}
.spdui_n{ max-width:1200px; min-width:768px; overflow:hidden; margin:auto; padding:20px 0 30px;}
.spdui_n li{ width:29.333%; margin:0 2% 20px; float:left; overflow:hidden; position:relative; transition:all .2s linear; top:0; cursor:pointer;}
.spdui_n_1{width:150px; height:150px; margin:15px auto; box-shadow:0 0 15px #dcdcdc; border-radius:50%;}
.spdui_n_2{width:100%; height:46px; line-height:46px; text-align:center; font-size:20px; color:#313131;}
.spdui_n_3{ width:90%; min-height:200px; line-height:28px; font-size:16px; color:#636363; text-align:center; margin:auto;}
.spdui_n li:hover{ top:-10px; box-shadow:0 14px 40px #dbdbdb; z-index:5;}
.spdui_n li:hover .spdui_n_2{ color:#219ea2;}


.igsda{ width:100%; height:450px; padding:35px 0;}











/*合作*/
.aigav{width:100%; height:250px; border-bottom:1px solid #e5e5e5;}
.alu_us{/* width:66%*/;max-width:1200px;height:120px; padding:90px 0 40px;/*  padding:0 17%; margin-top:60px; */ text-align:center; margin:auto;margin-bottom:60px;}
.alu_us span{width:33.333%; height:120px; text-align:center; line-height:50px; font-size:14px;color:#656565;display:inline-block; margin: 0 -5px;}
.alu_us p{font-size:60px; color:#323232;line-height:70px; font-family:HELVETICANEUELTPRO-THEX;}/* ,方正兰亭超细黑简体!important */
.alu_us:after{ content:""; display:block; width:15%; height:2px; background:#000; margin:auto; margin-top: 40px;}
.alu_us img{ width:100%;}
.hez_nj{ max-width:1200px; overflow:hidden; margin:auto; padding:60px 20px 40px;}
.hez_nj_op{ width:16.667%; position:relative; float:left; overflow:hidden; display:block; transition: all .3s ease 0s;}
.hez_nj_op:hover{box-shadow: 0 14px 40px #dbdbdb; z-index:5;}
@media(max-width:1300px){
.alu_us{ margin-bottom:20px;}
}
/*@media(max-width:768px){
.hez_nj_op{ width:25%;}
}*/

.hez_nj_op img{ width:100%;}
.hez_nj_op_yca{ position:absolute; top:0; left:0; opacity:1; transition: all /* .5s */.3s linear;}
 .hez_nj_op:hover .hez_nj_op_yca{/*  transform:scale(1.2); */ opacity:0;}

.hez_page{ max-width:1200px; height:60px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:20px auto 40px; text-align:center; line-height:60px;}
.hez_page a{ display:inline-block; color:#323232; margin:0 15px; font-size:12px;}
.hez_page a:hover{ color:#219ea2;}
.hez_page a:after{ content:""; display:block; width:0%; height:1px; background:#219ea2; margin:auto;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.hez_page a:hover:after{ width:100%;}
.hez_jk{ width:100%; height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:bold;}
.hez_gz{ width:25%; height:40px; padding:4px; border:1px solid #219ea2; color:#fff; margin:10px auto; display:block;}
.hez_gz_z{ width:100%; height:40px; text-align:center; line-height:40px; background:#219ea2;}
@media(max-width:1300px){
.hez_page{ margin-top:20px; margin-bottom:30px;}
}
/*@media(max-width:768px){
.alu_us{ margin-top:80px;}
}*/
/*合作 end*/
/*右侧浮动*/
.right_conter{ height:410px;margin-top:-205px; z-index:200;position: fixed;top: 50%;right: 30px;font-size:30px;}
.right_off{ width:60px; height:60px; background-color:rgba(51,51,51,.8); background-image:url(../images/right_tb_16.png); cursor:pointer;}
.right_on{  width:50px; height:90px; position:fixed; top:50%; margin-top:-45px; right:30px; z-index:199; background:url(../images/right_on.png); cursor:pointer; border-radius:5px;}
.right_conter_li {width:60px; height:20px; padding:35px 0 5px; line-height:20px; font-size:12px; text-align:center; margin-bottom:8px; cursor:pointer; color:#f5f5f5; position:relative; display:block;}
.right_tb_1{ background-color:rgba(51,51,51,.8);background-image:url(../images/right_tb_11.png);}
.right_tb_2{ background-color:rgba(51,51,51,.8);background-image:url(../images/right_tb_12.png);}
.right_tb_3{ background-color:rgba(51,51,51,.8);background-image:url(../images/right_tb_13.png);}

.right_tb_4{ background-color:rgba(51,51,51,.8);background-image:url(../images/right_tb_14.png);}
.right_tb_5{ background-color:rgba(51,51,51,.8);background-image:url(../images/right_tb_15.png);}
.right_conter_li:hover{ background-color:rgba(0,128,255,.7);}
.ss_olt{ width:200px; height:58px; background-color:rgba(255,255,255,.9); position:absolute; top:0px; left:-201px; border:1px solid rgba(0,128,255,.7); display:none; border-right:0; line-height:58px; font-size:12px; padding-left:0; color:#777; text-align:left;}
.right_conter_li:hover .ss_olt{ display:block;}
.jao_eoi{ height:46px; padding:0 10px; margin:0 3px; border:0; background:rgba(0,0,0,0);font-family:Arial,微软雅黑; font-size:12px; color:#666;}
/*右侧浮动s end*/


.help-block{ color:red; margin-left:10px; float:left;}


/*详情页*/
.anli_xq{ width:100%; height:100%;position:absolute; z-index:100; overflow:hidden;}
.anli_xq_l{ width:calc(100% - 384px); height:calc(100% - 120px); padding:60px 0; float:left; background:url(../images/gdt_bj.jpg) no-repeat right; background-size:4px 100%;}
.anli_xq_ln{ width:calc(100% - 120px); height:100%; padding:0 60px; overflow:auto;}
.anli_xq_l p{ line-height:100px;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  {width:4px; cursor:pointer;}  

/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  {border-radius: 10px;  background-color:rgba(0,0,0,0); cursor:pointer;}    

/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  {/* border-radius: 10px; */ background-color:rgba(127,127,127,1); cursor:pointer; cursor:pointer;}  


.anli_xq_r{ width:384px; height:100%;  float:right;}
.anli_xq_r1{ width:264px; height:58px; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; color:#323232; display:block; text-align:center; font-size:12px; line-height:58px; margin:120px auto 35px;}
.anli_xq_r1:after{ content:"";width:0; display:block; margin:auto; height:1px; background:#219ea2;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
 .anli_xq_r1:hover{ color:#219ea2;}
/*  .anli_xq_r1:hover:after{ width:100%;} */
.anli_xq_r2{ width:264px; min-height:46px; line-height:46px; font-size:24px; color:#323232; overflow:hidden; margin:auto;}
.anli_xq_r3{ width:264px; min-height:38px; line-height:38px; font-size:12px; overflow:hidden; margin:auto;}
.anli_xq_r3 a{color:#323232;}
.anli_xq_r3 a:hover{color:#219ea2;}
.anli_xq_r4{ width:264px; height:40px; line-height:40px; font-size:12px; overflow:hidden; margin:auto;}
.anli_xq_r5{ width:264px; height:30px; line-height:30px; padding:14px 0; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; color:#323232; margin:42px auto; position:relative;}
.anli_xq_r5:after{ content:""; display:block; width:1px; height:30px; background:#ededed; margin:auto;}
.renqi{ width:98px; height:30px; display:block; text-align:center; line-height:30px; float:left; color:#5c5c5c; font-size:12px; padding-left:34px; background:url(../images/renqi_tb_a.png) no-repeat left;}
.renqi:hover{ background:url(../images/renqi_tb_b.png) no-repeat left;}
.renqi_b{ background:url(../images/renqi_tb_b.png) no-repeat left;}
.xihuan{ width:98px; height:30px; display:block; text-align:center; line-height:30px; float:right; color:#5c5c5c; font-size:12px; padding-left:34px; background:url(../images/xihuan_tb_a.png) no-repeat left;}
.xihuan:hover{ background:url(../images/xihuan_tb_b.png) no-repeat left;}
.xihuan_b{ background:url(../images/xihuan_tb_b.png) no-repeat left;}
.anli_xq_r5 a:hover{ color:#219ea2;}
.anli_xq_r6{ width:264px; min-height:38px; line-height:38px; font-size:12px; text-align:center; overflow:hidden; margin:auto;}
.anli_xq_r7{ width:264px; height:58px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin:auto;}
.anli_xq_r7_sr{ width:175px; height:56px; float:left; border:0; padding-left:20px; font-family:Arial,微软雅黑; color:#666;}
.anli_xq_r7_sr:hover{ background:#fafafa;}
.anli_xq_r7_tj{ width:62px; height:56px; border:0; background:rgba(0,0,0,0); float:right; cursor:pointer;font-family:Arial,微软雅黑; color:#7e7e7e; font-weight:bold;}
.anli_xq_r7_tj:hover{ background:rgba(0,128,255,1); color:#fff;}
.anli_xq_r8{ width:264px; min-height:40px; overflow:hidden; margin:auto; cursor:pointer;}
.anli_xq_r8 li{ position:relative;}
.anli_xq_r8 li:after{ content:"";width:0; display:block; margin:auto; height:1px; background:#219ea2; position:relative; top:40px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.anli_xq_r8 li:hover:after{ width:100%;}
.anli_xq_r8 li{ width:264px; height:40px; border-bottom:1px solid #f5f5f5; color:#323232; line-height:40px; font-size:12px;}
.anli_xq_r8_1{ width:65px; height:40px; margin-right:14px; float:left; color:#999; overflow:hidden;}
.anli_xq_r8_2{ width:150px; height:40px; line-height:40px; float:left; margin-right:3px;}
.anli_xq_r8_3{ width:30px; float:right; display:block; color:#323232; text-align:center;}
.anli_xq_r8 li:hover .anli_xq_r8_3{ color:#219ea2;}
.anli_xq_r9{ width:264px; height:40px; line-height:40px; color:#323232; display:block; text-align:center; border-bottom:1px solid #f5f5f5; font-size:12px; margin:auto;}
.anli_xq_r9:hover{ color:#219ea2;}
.anli_xq_r10{ width:264px; height:40px; padding:4px; border:1px solid #fff; margin:auto; display:block; margin-top:90px;}
.anli_xq_r10_z{ width:262px; height:38px; line-height:38px; text-align:center; font-size:12px; border:1px solid #fff; color:#fff; background:#999; }
.anli_xq_r10:hover{ border:1px solid #219ea2;}
.anli_xq_r10:hover .anli_xq_r10_z{ border:1px solid #219ea2; color:#fff; background:#219ea2; }
/*@media( max-height:890px){
.anli_xq_r1{ margin-top:80px;}
.anli_xq_r10{ margin-top:50px;}
}
@media( max-height:800px){
.anli_xq_r1{ margin-bottom:5px;}
.anli_xq_r5{ margin:20px auto;}
.anli_xq_r10{ margin-top:10px;}
}*/

/*详情页 end*/

/*代理加盟*/
.daili_l{ width:calc(50% - 1px); height:100%;/*  background:#f2f2f2; */ float:left; border-right:1px solid #f2f2f2;}
.daili_r{ width:50%; height:100%; float:right; overflow:-Scroll;overflow-x:hidden;}
.daili_r_js{ text-align:center; line-height:24px; font-size:12px;}
.daili_r_js p{ width:100%; display:block; min-height:24px; color:#333;}
.daili_sr_a{ width:80%; height:38px; border:1px solid #989898; text-align:center; font-size:12px; font-family:Arial,微软雅黑; margin:20px 10% 0;}
.daili_sr_a:focus { border-style:solid; border-color:#219ea2;}
.daili_sr_b{ min-width:calc(80% - 10px); min-height:80px; max-width:calc(80% - 10px); max-height:80px; line-height:20px; border:1px solid #989898; text-align:center; font-size:12px; font-family:Arial,微软雅黑; margin:20px 10%; padding:0 5px;}
.daili_sr_b:focus { border-style:solid; border-color:#219ea2;}
.wk_a{ width:80%; height:38px; padding:4px; border:1px solid #fff; margin:auto; cursor:pointer;}
.daili_sr_c{ width:100%; height:38px; border:0; background:#999; color:#fff; font-family:Arial,微软雅黑; font-size:12px; cursor:pointer;}
.daili_sr_j{ width:80%; height:38px; border:1px solid #989898; text-align:center; font-size:12px; font-family:Arial,微软雅黑; margin:20px 10% 0; position:relative; cursor:pointer; float:left;}
.daili_sr_j:hover{ border-color:#219ea2;}
.daili_sr_jsc{ width:100%; height:100%; border:0; opacity:0; position:absolute; z-index:2; cursor:pointer; left:0}
.daili_sr_j:after{ content:"上传您的简历 +"; display:block; width:100%; height:100%; color:#888; position:absolute; top:0; line-height:38px;}
.wk_a:hover{ border-color:#219ea2;}
.wk_a:hover .daili_sr_c{ background:#219ea2;}
@media(max-width:1200px){
.daili_l{ display:none;}
.daili_r{ width:90%; margin:0 5%;}
.daili_sr_a{ width:34.8%; float:left; margin:20px 0% 0 10%;}
}
@media(max-width:1024px){
.aouj_a p{ display:none;}
.daili_sr_j{float:left;}
}
/*代理加盟 end*/

/*登录*/
.zc_slu{ width:410px; height:100%; margin:auto;}
.zc_logo{ width:150px; height:106px; margin:0 130px; text-align:center; display:inline-block;}
.hywz{ width:410px; height:80px; margin:auto; background:url(../images/dlwz.jpg);}
.zcwz{ width:410px; height:80px; margin:auto; background:url(../images/zcwz.jpg);}
.zhmm{ width:410px; height:80px; margin:auto; background:url(../images/zhmm.jpg);}
.jaou_yz{ width:400px; height:44px; margin:0 5px; margin-top:14px; text-align:center; font-size:12px; font-family:Arial,微软雅黑; color:#666; border-bottom:1px solid #c8c8c8;}
.jaou_yz_l{ width:75%; height:34px; float:left; text-align:center;font-family:Arial,微软雅黑; font-size:12px; color:#666; border:0; }
.jaou_yz_r{ width:calc(25% - 12px); height:32px; background:rgba(0,0,0,0);font-family:Arial,微软雅黑; font-size:12px; color:#666; margin-top:3px; border:0; border-left:1px solid #c8c8c8; cursor:pointer; -webkit-appearance : none ; line-height:32px;}
.jaou_yz_r:hover{ background:#219ea2; color:#fff;}
.jaou_yz:hover{ border-bottom:1px solid #219ea2;}
.jaou_a{ width:400px; height:44px; border:0; margin:0 5px; margin-top:14px; text-align:center; font-size:12px; font-family:Arial,微软雅黑; color:#666; border-bottom:1px solid #c8c8c8;}
.jaou_a:hover,.jaou_a:focus{ border-style:solid; border-color:#219ea2;}
.jaou_b{ width:398px; height:40px; padding:4px; border:1px solid #323232; margin:auto; display:block; margin:55px 0; cursor:pointer;}
.jaou_b_z{ width:398px; height:40px; line-height:40px; text-align:center; font-size:12px; border:1px solid #323232; color:#fff; background:#323232; font-family:Arial,微软雅黑; cursor:pointer; -webkit-appearance : none ;}
.jaou_b:hover{ border:1px solid #219ea2;}
.jaou_b:hover .jaou_b_z{ border:1px solid #219ea2; color:#fff; background:#219ea2; }
.kjdl{ width:410px; height:14px; line-height:14px; font-size:12px; text-align:center; color:#323232;}
.kjdl_tb{ width:330px; height:28px; text-align:center; margin:auto; padding:20px 0}
.kjdl_tb a{ width:36px; height:28px; display:inline-block; margin:0 35px;}
.kjdl_tb a img {-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}
.kjdl_tb a img:hover{-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
}
.gz_dop{ width:400px; height:14px; line-height:14px; margin:45px 5px 0; font-size:12px;}
.gz_dop_l{ float:left;}
.gz_dop_r{ float:right;}
.gz_dop_z{ margin:auto; width:200px; display:block; text-align:center;}
.gz_dop a{ color:#323232; cursor:pointer;}
.gz_dop a:hover{ color:#219ea2; text-decoration:underline;}
.aug_bz{ margin-top:200px;}
/*@media(max-height:900px){
.aug_bz{ margin-top:150px;}
}
@media(max-height:800px){
.aug_bz{ margin-top:100px;}
}*/
/*登录 end*/

/*需求定制*/
.ctz{ position:relative; z-index:100;}
.ctz_dt{ min-width:768px; height:580px; margin:auto; margin-bottom:50px;}
.ctz_xbw_s{ min-width:768px; height:64px; margin:auto; line-height:64px; text-align:center; font-size:32px; color:#323232; font-weight:bold;}
.ctz_xbw_x{ min-width:768px; height:30px; margin:auto; line-height:30px; text-align:center; font-size:14px; color:#323232; margin-bottom:16px;}
.ctz_anj{ width:500px; height:40px; padding:4px; border:1px solid #219ea2; margin:auto; display:block; margin-bottom:170px; cursor:pointer;}
.ctz_anj_z{ width:500px; height:40px; background:#219ea2; line-height:40px; text-align:center; color:#fff; font-size:14px; border:0; font-family:Arial,微软雅黑; cursor:pointer;}
.ctz_anj:hover{ opacity:.9;}
.ctz_lm{ min-width:768px; max-width:1200px; height:52px; margin:auto; margin-bottom:36px; font-size:18px; overflow:hidden;}
.ctz_lma{ width:33.333%; height:50px; border-bottom:1px solid #e5e5e5; display:block; float:left; text-align:center; line-height:50px; color:#323232;}
.ctz_lma:hover{ color:#219ea2;}
.ctz_lma:after{ content:""; display:block; width:0; height:2px; background:#219ea2; margin:auto;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.ctz_lma:hover:after{ width:100%;}
.ctz_lmb{ color:#219ea2; border-bottom:2px solid #219ea2;}

.sanbu_n{ min-width:768px; max-width:1200px; height:70px; margin:auto; background:url(../images/sanbu_bj.jpg) no-repeat top center; text-align:center; margin-bottom:24px;}
.sanbu_n span{ width:150px; height:44px; line-height:44px; text-align:center; font-size:12px; color:#323232; background:url(../images/sanbu_a.jpg) no-repeat top center; display:inline-block; padding-top:24px; margin:0 10%;}
.sanbu_nb{ background:url(../images/sanbu_b.jpg) no-repeat top center !important; color:#219ea2!important;}
.woaui_n{ min-width:768px; max-width:1200px; height:auto; min-height:350px; margin:auto; border-top:1px solid #f2f2f2; overflow:hidden; margin-bottom:60px;}
.woaui_n_z{ width:100%; min-height:40px; border-bottom:1px solid #f2f2f2; font-size:12px; line-height:46px; padding:10px 0; overflow:hidden;}
.woaui_n_zl{ width:160px; float:left;}
.woaui_n_zr{ width:calc(100% - 160px); float:left; overflow:hidden;}
.woaui_n_zr_a{ min-width:130px; overflow:hidden; float:left; cursor:pointer;}
.woaui_n_zr_a:hover{ background:#f5f5f5; border-radius:5px; box-shadow:inset 0 1px 1px rgba(0,0,0,.11); cursor:pointer;}
.woaui_n_zr_a span{ position:relative; top:2px;}
.woaui_n_zr em{ color:#219ea2; font-style:normal;}
.jao_eoi_z{ width:1010px; height:46px; padding:0 10px; border:0; background:rgba(0,0,0,0);font-family:Arial,微软雅黑; font-size:12px; color:#666;}
.jao_eoi_z:focus{ background:#f5f5f5; border-radius:5px; box-shadow:inset 0 1px 1px rgba(0,0,0,.11);}

.shuangan_n{ width:550px; height:52px; margin:auto; text-align:center; margin-bottom:70px; overflow:hidden; padding:0 325px;}
.shuangan_nl{ width:140px; height:40px; padding:4px; border:1px solid #999; margin:0 4px; display:inline-block; cursor:pointer;}
.shuangan_nl_z{ width:140px; height:40px; background:#999; line-height:40px; text-align:center; color:#fff; font-size:14px;}
.shuangan_nl:hover{ border:1px solid #666;}
.shuangan_nl_z:hover{ background:#666;}
.shuangan_nr{ width:340px; height:40px; padding:4px; border:1px solid #219ea2; margin:0 4px; display:inline-block; cursor:pointer;}
.shuangan_nr_z{ width:340px; height:40px; background:#219ea2; line-height:40px; text-align:center; color:#fff; font-size:14px; border:0; cursor:pointer; font-family:Arial,微软雅黑;}
.shuangan_nr:hover{ opacity:.9;}
.ctz_anj_zf{ width:500px; height:40px; padding:4px; border:1px solid #969696; margin:auto; display:block; margin-bottom:70px; cursor:pointer;}
.ctz_anj_z_zf{ width:500px; height:40px; background:#969696; line-height:40px; text-align:center; color:#fff; font-size:14px;}
.ctz_anj_zf:hover{ border:1px solid #219ea2;}
.ctz_anj_zf:hover .ctz_anj_z_zf{ background:#219ea2;}

.xq_bt_ga{ width:260px; height:260px; margin:auto; margin-top:110px; overflow:hidden;}
.xq_bt_ga img{ width:260px; height:260px;}
.xq_bt_gb{ width:100%; min-width:768px; height:80px; line-height:80px; text-align:center; font-size:12px;margin:auto;}
.xq_bt_gc{ width:100%; min-width:768px; height:86px; line-height:86px; text-align:center; color:#323232; font-size:60px; font-weight:bold; margin:auto;}
.xq_bt_gd{ width:100%; min-width:768px; height:68px; line-height:34px; text-align:center; color:#323232; font-size:24px; margin:auto; margin-bottom:34px;}
.xq_bt_ge{ width:100%; min-width:768px; height:30px; line-height:30px; text-align:center; color:#969696; font-size:12px; margin:auto; margin-bottom:60px;}
.xq_bt_ge span{ margin:0 40px;}
/*需求定制 end*/

.rect{ width:50px; height:50px; position:absolute; left:50%; margin-left:-30px; bottom:20px; z-index:999; text-align:center; display:block; cursor:pointer; border-radius:50%; display:none;}
.rect > div {
 width:1px; height:5px;
 background:#000;
  display: inline-block; 
  -webkit-animation: stretchdelay 1.5s infinite ease-in-out;
  animation: stretchdelay 1.5s infinite ease-in-out;
 position:relative;
}
.rect .rect1{ top:0;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; 
}
.rect .rect2 { top:5px;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; 
}
.rect .rect3 { top:10px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; 
  
}
.rect .rect4 { top:13px;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; 
}
.rect .rect5 { top:10px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; 
}
.rect .rect6 { top:5px;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; 
}
.rect .rect7 { top:0;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; 
}
.rect .rect8 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; 
}
.rect:hover > div{background:#219ea2;}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: translateY(0)} 
  20% { -webkit-transform:translateY(20px) }
}
@keyframes stretchdelay {
  0%, 40%, 100% {transform: translateY(0px);}
  20% {-webkit-transform: translateY(20px);}
}


/*优惠活动*/
.yhhd_bn{ min-width:768px; height:750px; margin:auto;}
.yh_wx{ width:100px; height:100px; background:url(../images/yh_wx.jpg) no-repeat; margin:auto; margin-bottom:70px;}
.liangbu_n{ min-width:768px; max-width:1200px; height:70px; margin:auto; background:url(../images/liangbu_bj.jpg) no-repeat top center; text-align:center; margin-bottom:24px;}
.liangbu_n span{ width:150px; height:44px; line-height:44px; text-align:center; font-size:12px; color:#323232; background:url(../images/sanbu_a.jpg) no-repeat top center; display:inline-block; padding-top:24px; margin:0 14.5%;}
.liangbu_nb{ background:url(../images/sanbu_b.jpg) no-repeat top center !important; color:#219ea2!important;}
.sl_logo{ width:160px; height:46px; text-align:center; font-size:12px; font-family:Arial,微软雅黑; position:relative; cursor:pointer; float:left;}
.sl_logo_zn{ width:100%; height:100%; border:0; opacity:0; position:absolute; z-index:2; cursor:pointer; left:0;}
.sl_logo:after{ content:"请上传您的网站LOGO +"; display:block; width:100%; height:100%; color:#888; position:absolute; top:0; line-height:46px;}

.show_anli{ min-width:768px; max-width:1200px; max-height:646px; overflow:hidden; margin:auto; margin-bottom:25px;}
.show_anli li{ width:calc(33.333% - 28px); height:293px; overflow:hidden; float:left; margin:0 14px 60px 14px; background:#fafafa;}
.show_anli_sdou_sa{ width:100%; height:180px; display:block; overflow:hidden; position:relative;}
.show_anli_sdou_sa img{ width:372px; height:180px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.show_anli_sdou_sa:hover img{ transform:scale(1.2); transition:all .3s linear;}
.show_anli_sdou_sa_j{ width:100%; height:40px; line-height:40px; padding:100px 0 40px; text-align:center; font-size:14px; color:#fff; position:absolute; top:0;
 background:url(../images/chakan.png) no-repeat center 50px,rgba(0,0,0,.5); opacity:0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.show_anli_sdou_sa:hover .show_anli_sdou_sa_j{ opacity:1;}
.show_anli_sdou_sb{ width:80%; height:93px; padding:10px 10%; display:block; cursor:pointer;}
.show_ia{ line-height:40px; font-size:24px; color:#323232;}
.show_ib{ line-height:30px; font-size:12px; color:#666; line-height:24px;}
.show_anli .lieven{ background:#ebebeb;}
.r_wsui{ background:#219ea2 !important;}
.r_wsui div{ color:#fff!important;}
.my_input{ display:none;}


.xaibu_1{ min-width:768px; height:100px; margin:auto; font-size:24px; line-height:100px; text-align:center;}
.xaibu_2{ min-width:768px; max-width:1200px; min-height:60px; line-height:30px; margin:auto; overflow:hidden; font-size:12px; padding:30px 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin-bottom:90px;}
.xaibu_3{ min-width:768px; height:130px; margin:auto; line-height:100px; text-align:center; position:relative; font-size:24px; font-weight:bold;}
.xaibu_3:after{ content:""; display:block; margin:auto; width:100px; height:2px; position:relative; background:#000; top:-10px;}
.xaibu_4{ min-width:768px; max-width:1200px;/*  height:600px; */ margin:auto; overflow:hidden;}

.xaibu_4_l{ width:760px; height:600px; float:left;}
.xaibu_4_l_a{ width:100%; height:39px; line-height:40px; text-align:center; font-size:14px; color:#323232; border-bottom:1px solid #f2f2f2;}
.xaibu_4_l_b{ width:100%; height:79px; border-bottom:1px solid #f2f2f2;}
.xaibu_4_l_b_sr{ width:calc(100% - 100px); height:76px; float:left; border:0; padding-left:20px; font-family:Arial,微软雅黑; color:#666;}
.xaibu_4_l_b_sr:hover{ background:#fafafa;}
.xaibu_4_l_b_tj{ width:70px; height:78px; border:0; background:rgba(0,0,0,0); float:right; cursor:pointer;font-family:Arial,微软雅黑; color:#7e7e7e; font-weight:bold; -webkit-appearance : none ;}
.xaibu_4_l_b_tj:hover{ background:rgba(0,128,255,1); color:#fff;}
.xaibu_4_l_c{ width:760px; max-height:400px; overflow:hidden;}
.xaibu_4_l_cn{ width:100%; height:79px; border-bottom:1px solid #f2f2f2;}
/* .xaibu_4_l_cn:hover{ background:rgba(0,128,255,.1);} */
.xaibu_4_l_cn img{ width:50px; height:50px; margin:15px 55px 14px 15px; float:left;}
.xaibu_4_l_c_1{ width:calc(100% - 120px); height:30px; line-height:30px; font-size:12px; float:left; color:#999; margin-top:5px;}
.xaibu_4_l_c_2{ width:calc(100% - 120px); height:32px; line-height:16px; font-size:12px; float:left; color:#323232;}
.xaibu_4_l_d{ width:100%; height:79px; border-bottom:1px solid #f2f2f2; line-height:80px; text-align:center; font-size:12px; color:#323232; position:relative; display:block; cursor:pointer;}
.xaibu_4_l_d:after{ content:""; display:block; width:0; height:1px; margin:auto; background:#219ea2; margin-top:-1px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.xaibu_4_l_d:hover{ color:#219ea2;}
.xaibu_4_l_d:hover:after{ width:16%;}
.xaibu_4_r{ width:360px; height:600px; float:right;}
.xaibu_4_r_b{ width:360px; height:560px; overflow:hidden;}
.xaibu_4_r_b li{ width:360px; height:60px; padding:0 10px; margin:2px 0; line-height:60px; font-size:12px; color:#323232; text-align:center;}
.xaibu_4_r_b1{ width:100px; float:left;}
.xaibu_4_r_b2{ width:145px; float:left;}

.lj_dx_t{min-width:768px; max-width:1200px; min-height:180px; margin:auto; text-align:center; margin-bottom:16px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding-top:60px; overflow:hidden;}
.lj_dx{ width:50%; height:120px; display:block; margin-bottom:60px; float:left;}
.lj_dx img{ width:394px; height:120px;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.lj_dx:hover img{ transform:scale(1.05); transition:all .3s linear;}


.oii_z{ min-width:768px; height:79px; margin:auto; border-bottom:1px solid #f2f2f2; line-height:80px; text-align:center; font-size:14px; color:#219ea2; position:relative; display:block; cursor:pointer;}
.oii_z:after{ content:""; display:block; width:0; height:1px; margin:auto; background:#219ea2; margin-top:-1px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.oii_z:hover{ color:#219ea2;}
.oii_z:hover:after{ width:16%;}


 @media (max-width:1200px) {
	.xaibu_4_l{ width:calc(100% - 400px)!important; height:auto; margin:auto; overflow:hidden;}
	.xaibu_4_l_c{ width:100%; max-height:400px; overflow:hidden;}
}
 /*@media (max-width:1000px) {
	.xaibu_4_l{ width:100%!important; height:auto; margin:auto; overflow:hidden;}
	.xaibu_4_l_c{ width:100%!important; max-height:400px; overflow:hidden;}
	.xaibu_4_r{ width:100%; height:600px; float:right; margin-top:60px;}
	.xaibu_4_r_b{ width:100%;}
	.xaibu_4_r_b li{ width:100%;}
	.xaibu_4_r_b1,.xaibu_4_r_b2{ width:33.333%;}
}*/


/*优惠活动 end*/


.sou_dpr{ min-width:calc(768px - 60px);}
.sou_dpr .item{ width:20%; float:left;  background:#fafafa; padding-bottom:110px!important; overflow:hidden; position:relative;cursor: pointer;}
@media (max-width: 1200px) {
	.sou_dpr .item{ width:25%; float:left;  background:#fafafa; padding-bottom:110px!important; overflow:hidden; position:relative;cursor: pointer;}
}
/*@media (min-width: 768px) and (max-width: 1024px) {
	.sou_dpr .item{ width:33.333%; float:left;  background:#fafafa; padding-bottom:110px!important; overflow:hidden; position:relative;cursor: pointer;}
}*/



.sou_dpr .item img{ width:100%;}
.sou_dpr .lieven{ background:#ebebeb;}
/* @media(max-width:1200px) {
	.sou_dpr .item{ width:25%; float:left; padding-bottom:110px; overflow:hidden; position:relative;
}
 */

.an_up{ opacity:0; transition:all 1s; position:relative; top:-400px}
.an_down{ opacity:0; transition:all 1s; position:relative; bottom:-400px;}
.active .an_up{ opacity:1; transition-delay:0.7s; top:0;}
.active .an_down{ opacity:1; transition-delay:0.7s; bottom:0;}
.dt_sil_1,.dt_sil_2,.dt_sil_3,.dt_sil_4,.dt_sil_5{ opacity:0; transition:all .7s; position:relative; transform: scale(1.7);}
.active .dt_sil_1{ opacity:1; transition-delay:0.5s; transform: scale(1);}
.active .dt_sil_2{ opacity:1; transition-delay:0.5s; transform: scale(1);}
.active .dt_sil_3{ opacity:1; transition-delay:0.5s; transform: scale(1);}
.active .dt_sil_4{ opacity:1; transition-delay:0.5s; transform: scale(1);}
.active .dt_sil_5{ opacity:1; transition-delay:0.5s; transform: scale(1);}
.active .psi .item {transform:scale(1); transition-delay:0.5s;}
/* .hez_nj{ opacity:0; transition:all 1s; transform: scale(0.7);}
.active .hez_nj{ opacity:1; transition-delay:0.7s; transform: scale(1);} */
.cd-tabs-content .selected{ opacity:0; transition:all 1s; left:-400px;}
.cd-tabs-navigation{ opacity:0; transition:all 1s; right:-400px;}
.active .cd-tabs-content .selected{ opacity:1; transition-delay:0.7s;left:0;}
.active .cd-tabs-navigation{ opacity:1; transition-delay:0.7s; right:0;}

.section_root{ position:fixed; width:100%; height:100%; z-index:99999; background:#fff;animation:sou_do 10s;}
@keyframes sou_do
{
0%   { opacity:1}
100% { opacity:1;}
}
/*首页动态效果 end*/


/*引导页*/
.silu_eio{width:266px; height:206px; position:absolute; left:50%; margin-left:-133px; top:50%; margin-top:-103px; overflow:hidden; background:#f5f5f5;}
.silu_eior{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:999;}
.kspi{ position:absolute; top:0; left;0; z-index:3;}

.silu_eio .kspi_b{ position:absolute; z-index:1;animation:sologo 10s;}
.silu_eio .kspi_c{ position:absolute; z-index:2; opacity:.6; animation:sologo2 9.8s;}
@keyframes sologo
{
0%	{ top:155px; left:-500px;}
25%	{ left:-350px;}
50%	{ left:-480px;}
100%{ top:0; left:-260px;}
}
@keyframes sologo2
{
0%	{ top:150px; left:-460px;}
25%	{ left:-290px;}
55%	{ left:-420px;}
100%{ top:0; left:-320px;}
}
/*引导页 end*/

/*会员中心*/
.ss_top{ width:100%; min-width:768px; height:80px; border-bottom:1px solid #e5e5e5;}
.ss_logo{ width:230px; height:80px; float:left; overflow:hidden;}
.ss_lanmu{ height:80px; font-size:12px; float:left;}
.ss_lanmu a{ height:80px; color:#000; line-height:80px; float:left; margin:0 25px;}
.ss_lanmu a:after{ content:""; display:block; width:0; height:2px; background:#323232; margin:auto; margin-top:-1px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.ss_lanmu a:hover:after{ width:100%;}
.ss_lanmu_b:after{ width:100%!important;}
.ss_yr{ height:50px; float:right; padding:15px 0; margin-right:20px;}
.ss_yr_a{ width:50px; height:50px; border-radius:50%; float:left; overflow:hidden;}
.ss_yr_b{ min-width:70px; max-width:120px; height:50px; line-height:50px; font-size:14px; overflow:hidden; color:#323232; margin:0 20px; display:inline-block;}
.ss_yr_c{ width:30px; height:0px; padding-top:50px; float:right; background:url(../images/saiaiy.jpg); cursor:pointer; position:relative;}
.ss_yr_cn{ width:140px; height:auto; overflow:hidden; background:#fff;  border-radius:3px; position:absolute; right:-10px; box-shadow:1px 2px 5px #888; display:none; z-index:99;}
.ss_yr_cn a{ width:calc(100% - 24px); height:30px; display:inline-block; line-height:30px; text-align:right; font-size:12px; padding:0 12px; color:#323232;}
.ss_yr_cn a:after{ content:""; width:100%; display:block; height:1px; background:#ededed; margin:auto;}
.ss_yr_cn a:hover{ background:#999; color:#fff;}
.ss_yr_c:hover .ss_yr_cn{ display:block;}
.ss_yr_c:active .ss_yr_cn{ display:block;}
/* .ss_yr_c:hover{ background:#06f;} */
.ss_xx{ width:60px; height:80px; overflow:hidden; line-height:80px; font-size:12px; color:#000; text-align:center; display:block; position:relative; float:right; margin-right:40px;}
.ss_xx_hd{ min-width:14px; line-height:14px; text-align:center; background:#ff7782; color:#fff; font-size:16px; display:inline-block; border-radius:17px; padding:6px; transform:scale(.6); position:absolute; top:12px; right:0;}
.ss_lanmu_yc{ width:50px; height:0; padding-top:50px; background:url(../images/cd_hei.png) center center no-repeat; float:left; margin:15px 0; background-size:50%; cursor:pointer; display:none;}
.ss_lanmu_yc_n{ width:300px; height:auto; display:none; z-index:66; position:relative;}
.ss_lanmu_yc_n a{ box-shadow: 0 1px 3px rgba(0,0,0,0.2); display: block; width:100px; height:40px; line-height:40px; text-align:center; color:#323232; background:#fff; overflow:hidden; float:left; font-size:12px;}
.ss_lanmu_yc_n a:hover{ background:#999; color:#fff;}
/* .ss_lanmu_yc:hover{ background-color:#f0f0f0;} */
.ss_lanmu_yc:hover .ss_lanmu_yc_n{ display:block;}
.ss_lanmu_yc_n_b{ background:#999!important; color:#fff!important;}
@media (max-width: 1500px) {
	.ss_lanmu a{ margin:0 20px;  transition:margin 0.6s ease;}
	.ss_xx{ margin-right:20px;}
}
@media (max-width: 1400px) {
	.ss_lanmu a{ margin:0 9px;  transition:margin 0.6s ease;}
	.ss_xx{ margin-right:20px;}
}
@media (max-width: 1200px) {
	.ss_lanmu a{ margin:0 5px;  transition:margin 0.6s ease;}
}
@media (max-width: 1100px) {
	.ss_lanmu{ display:none;}
	.ss_lanmu_yc{ display:block;}
}
.ss_geren{ width:500px; height:100px; position:relative; margin:60px 0; left:50%; margin-left:-168px;}
.ss_geren_a{ width:100px; height:100px; overflow:hidden; float:left; border-radius:50%; position:relative; margin-right:20px; cursor:pointer;}
.ss_geren_a_gd{ width:88px; height:25px; position:absolute; bottom:0; background:url(../images/tx_gx_n.png); left:6px;}
.ss_geren_b{ width:380px; height:30px; line-height:30px; float:left; margin-top:5px; font-size:24px; color:#323232;}
.ss_geren_c{ width:380px; height:20px; line-height:20px; float:left; margin-bottom:15px; font-size:12px; color:#646464;}
.ss_geren_c span{ margin-left:15px;}
.ss_geren_d{ width:380px; height:30px; line-height:30px; float:left; font-size:12px; color:#646464;}
.ss_scenj{ max-width:1200px; min-width:768px; min-height:560px; margin:auto; overflow:hidden;}
/*@media (min-width: 768px) and (max-width: 1200px) {
	.ss_scenj{ width:100%;}
}*/
.ss_scenj_n{ width:33.333%; float:left; height:560px; border-left:1px solid #e5e5e5; position:relative; margin-left:-1px;}
.ss_scenj_ns{ width:100%; height:170px; margin-bottom:50px;}
.ss_scenj_ns_a{ width:100%; height:110px; line-height:110px; text-align:center; font-size:14px; color:#646464;}
.ss_scenj_ns_a span{ font-size:60px; color:#219ea2; margin-right:20px;}
.ss_scenj_ns_b{ width:100%; text-align:center; height:20px; line-height:20px; font-size:12px; color:#646464;}
.ss_scenj_ns_b a{ color:#646464; width:100px; display:inline-block;}
.ss_scenj_ns_b a:hover{ color:#219ea2;}
.ss_scenj_ns_b:after{ content:""; display:block; width:1px; height:18px; margin:auto; margin-top:-19px; background:#e5e5e5;}
.ss_scenj_nx{ width:80%; height:60px; border-top:1px solid #e5e5e5; margin:auto; font-size:12px;}
.ss_scenj_nx a{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; margin:auto; color:#323232; display:block;}
.ss_scenj_nx a:hover{ color:#219ea2;}
.ss_scenj_nx_l{ width:85px; float:left;}
.ss_scenj_nx_r{ width:calc(100% - 85px); float:right;}
/*会员总览 end*/

.my_web_link{ width:100%; min-width:768px; height:160px; text-align:center; line-height:160px;}
.my_web_link_cl{ font-size:24px; color:#646464; display:inline-block;}
.web_link_60{ font-size:60px;}
.blue{ color:#219ea2; margin:0 10px;}
.my_web_link_rn{ width:200px; height:40px; line-height:40px; text-align:center; font-size:12px; padding:4px; border:1px solid #219ea2; display:inline-block; margin-left:30px; position:relative; top:-12px;}
.my_web_link_rnj{ width:200px; height:40px; background:#219ea2; color:#fff;}
.ov_xn{  width:100%; min-width:768px; height:500px;}
.ov_w_top{ width:100%; min-width:768px; height:20px; text-align:center; font-size:12px; color:#323232; padding:19px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.ov_w_top_z{ max-width:1200px; height:20px; margin:auto;}
.ov_w_top_z_no{ min-height:20px; overflow:hidden; float:left; line-height:20px;}
.ov_w_top_z_a{ width:6.666%;}
.ov_w_top_z_b{ width:25%;}
.ov_w_top_z_c{ width:12.5%;}
.ov_w_top_z_d{ width:30.833%;}
.ov_w_top_z_e{ width:23.833%;}
.ov_w_top_z_f{ width:75%; text-align:left;}
.ov_w_top_z_g{ width:20%;}
.ov_w_top_z_h{ width:40%;}
.ov_w_top_z_i{ width:15%;}


.ov_w_dz{ width:100%; min-width:768px; min-height:32px; text-align:center; font-size:12px; color:#323232; padding:34px 0; border-bottom:1px solid #e5e5e5; position:relative;}
.ov_w_dz:after{ content:""; width:0%; height:1px; background:#219ea2; display:block; margin:auto; /* margin-top:34px; */ position:relative; top:34px;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.ov_w_dz:hover:after{ width:100%;}
.ov_w_dz_z{ max-width:1200px; min-height:32px; margin:auto;/*  overflow:hidden; */}
.ov_w_dz_z_no{ min-height:32px; /* overflow:hidden; */ float:left; line-height:32px;}
.naou_nt{ width:22%; height:30px; line-height:30px; border:1px solid #fff; color:#323232; display:inline-block;}
.naou_nt:hover{ border-color:#219ea2; color:#219ea2;}

.wou_eu{ width:100%; min-width:768px; height:100px; text-align:center; font-size:12px; color:#323232; border-bottom:1px solid #e5e5e5;}
.wou_eu a{ height:100px; line-height:100px; display:inline-block; color:#323232; margin:0 20px;}
.wou_eu a:hover{ color:#219ea2;}
.wou_eu a:after{ content:""; height:1px; display:block; width:0%; margin:auto; background:#219ea2;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.wou_eu a:hover:after{ width:100%;}
/*我的网站 end*/

.img_ld {-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}
.red{ color:red;}
/* .soaiu{ border-color:#219ea2; color:#219ea2;} */
.soaiu_hei:hover{ border-color:#646464!important; color:#646464!important;}

.naou_nt_xzj{ color:#323232; width:100%; height:100%; display:block;}
.woug_i:hover .naou_nt_xzj{ color:#219ea2!important;}
.ov_w_dz_z_no i{ width:18%; height:4px; background:#e6e6e6; display:inline-block;}
.ov_w_dz_z_no .s_jou_1:after{ width:100%; transition-delay:0.7s; opacity:1;}
.ov_w_dz_z_no .s_jou_2:after{ width:100%; transition-delay:1.0s; opacity:1;}
.ov_w_dz_z_no .s_jou_3:after{ width:100%; transition-delay:1.3s; opacity:1;}
.ov_w_dz_z_no .s_jou_4:after{ width:100%; transition-delay:1.6s; opacity:1;}
.ov_w_dz_z_no .s_jou_5:after{ width:100%; transition-delay:1.9s; opacity:1;}
.color_969696{ color:#969696!important;}
.ov_w_top_max_1200{ max-width:1200px!important; min-width:768px; height:20px; margin:auto; text-align:center; font-size:12px; color:#323232; padding:19px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.ov_w_dz_pd_24{ max-width:1200px!important; margin:auto; padding:24px 0!important;}
.ov_w_dz_pd_24:after{ content:""; width:0%!important; height:1px; background:#219ea2; display:block; margin:auto;/*  margin-top:24px!important; */ position: relative; top: 24px;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.oau_tta{ color:#323232;}
.oau_tta:hover{ color:#219ea2;}
.oau_tta:after{ content:""; display:block; height:1px; width:0%; background:#219ea2; margin:auto; margin-top:19px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 }
.oau_tta:hover:after{ width:100%;}
.oau_blue{ color:#219ea2;}
.oau_blue:after{ content:""; display:block; height:1px; width:100%; background:#219ea2; margin:auto; margin-top:19px;}
.wou_eu_sup{ max-width:1200px!important; min-width:768px; height:80px; text-align:center; font-size:12px; color:#323232; border-bottom:1px solid #e5e5e5; margin:auto;}
.wou_eu_sup a{ height:80px; line-height:80px; display:inline-block; color:#323232; margin:0 20px;}

.epou_60{ height:60px; position:relative; top:-14px;}
.xip_ov{ overflow:hidden;}
.z_c_yc{ height:20px; overflow:hidden; margin-left:-1px; border-left:1px solid #e5e5e5;}
.zlug{ width:100px;float:left; border-color:#646464;}
.zlug:hover{ width:100px;float:left; border-color:#219ea2!important; color:#219ea2!important;}

.pay_no{ width:100px; height:30px; line-height:30px; border:1px solid #646464; color:#646464; display:block; text-align:center; margin-top:10px;}
.pay_no:hover{ border-color:#219ea2; color:#219ea2;}
.pay_yes{ width:100px; height:30px; line-height:30px; border:1px solid #219ea2; color:#219ea2; display:block; text-align:center; margin-top:10px;}
/*@media (max-width: 880px) {
	.wiu_880{ width:30%}
}*/

.woeu{ color:#323232; /* text-shadow:#323232 0 0 .1px; */}
.xiaoxi_l{float:left; max-width:70%; margin-left:3%; text-align:left; color:#000; text-shadow:#323232 0 0 .1px}
.xiaoxi_r{float:right; margin-right:3%;}
.wpouj{ margin:0 3%; max-width:94%; text-align:left; line-height:30px;}




p#vtip {position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.input_validation-failed { border-bottom: 1px solid #FF0000;}

.osug_y a:hover{color:#219ea2!important;}



.apt_n{width:calc(100% - 120px); padding:40px;; min-width:768px;min-height:300px; overflow:hidden; margin-bottom:40px; position:relative;}
.spaig_cco{width:calc(100% - 100px); min-height:80px; min-width: 1024px; overflow:hidden; padding:106px 50px 50px; position:fixed; top:0; background:#fff; border-bottom:1px solid #ccc; z-index:60;}
.weeig_l{width:calc(50% - 60px);height:80px; float:left; background:url(../images/sagh.jpg) no-repeat left; line-height:40px; padding-left:60px; position:relative;}
.weeig_l p{ font-size:24px; color:#323232;}
.weeig_l span{ font-size:12px; color:#666; margin-right:30px;}
.weeig_l a{ font-size:12px; color:#666; margin-right:10px;}
.weeig_l a:hover{color:#219ea2;}
.weeig_l_oeur{width:60px; height:80px; position:absolute; left:0; display:block;}
.weeig_l:hover{ background:none;}
.weeig_l:hover .weeig_l_oeur{ background:url(../images/sagh_rll.jpg) no-repeat left;}


.weeig_r{max-width:calc(50% - 30px);height:40px;  float:right; line-height:40px;margin-top:20px;}
.weeig_r a{ height:40px; line-height:40px; float:left; font-size:12px; color:#323232; border-left:1px solid #ccc;background-repeat: no-repeat; background-position: 15px center;}
.weeig_r1{ background-image:url(../images/bhdg_11.jpg); padding:0 15px 0 45px; border:0!important;}
.weeig_r2{ background-image:url(../images/bhdg_21.jpg); padding:0 15px 0 50px;}
.weeig_r3{ background-image:url(../images/bhdg_31.jpg); padding:0 15px 0 55px;}
.weeig_r4{ background-image:url(../images/bhdg_41.jpg); padding:0 15px 0 55px;}
.weeig_r5{ background-image:url(../images/Z33.jpg); padding:0 15px 0 55px; color:#219ea2!important;}
.weeig_r1:hover{ background-image:url(../images/bhdg_12.jpg); color:#219ea2;}
.weeig_r2:hover{ background-image:url(../images/bhdg_22.jpg); color:#219ea2;}
.weeig_r3:hover{ background-image:url(../images/bhdg_32.jpg); color:#219ea2;}
.weeig_r4:hover{ background-image:url(../images/bhdg_42.jpg); color:#219ea2;}
.weeig_r5:hover{ background-image:url(../images/bhdg_42.jpg); color:#219ea2;}



.sadl{width:100%; font-size:18px; color:#020202;transition: all 0.3s ease;}
.sadl_r{ color:#219ea2; margin-top:15px;float:left;}
.g_teou {
    padding: 0px 55px;
}
.lx_eight a .bottom {
    float: left;
    width: 100%;
    color: #646464;
    text-align: center;
    padding-top: 10px;
    line-height: 24px;
}
.g_teou:hover .sadl{border-left:1px solid #219ea2;padding-left:15px; width:calc(100% -16px); color:#219ea2;}


.adsur{ font-size:30px!important; color:#219ea2!important;}
.stean{max-width:1200px; height:100px; margin:auto; margin-bottom:160px; line-height:30px;}
.stean span{ width:55%; float:left; font-size:30px; color:#fff; height:30px; margin-top:40px; text-align:center; border-right:1px solid #fff;}
.stean i{ width:calc(45% - 1px); float:left; font-size:14px; color:#fff; height:30px; margin-top:40px; text-align:center;}
.stea_l{ width:50%; height:100px; float:left; background:url(../images/eh.jpg) no-repeat center; background-size:100%; transition:all 0.6s ease;}
.stea_r{width:50%; height:100px; float:right; background:url(../images/sdar.jpg) no-repeat center; background-size:100%; transition:all 0.6s ease;}
.stean:hover .stea_l,.stean:hover .stea_r{ width:40%;}
.stea_l:hover{ width:60%!important;}
.stea_r:hover{ width:60%!important;}
.gjoeu{width:100%!important;}
.oid_cc{width:calc(100% - 20px);}

.apei_i{ width:160px; height:46px; text-align:center; font-size:12px; font-family:Arial,微软雅黑; position:relative; cursor:pointer; float:left; border-left:1px solid #dcdcdc;}
.sl_logo_zn{ width:100%; height:100%; border:0; opacity:0; position:absolute; z-index:2; cursor:pointer; left:0;}
.apei_i:after{ content:"点击上传"; display:block; width:100%; height:100%; color:#219ea2; position:absolute; top:0; line-height:46px; font-size: 14px; font-weight: 100;}
.apei_o{ width:160px; height:46px; text-align:center; font-size:12px; font-family:Arial,微软雅黑; position:relative; cursor:pointer; float:left; border-left:1px solid #dcdcdc;}
.sl_logo_zn{ width:100%; height:100%; border:0; opacity:0; position:absolute; z-index:2; cursor:pointer; left:0;}
.apei_o:after{ content:"获取验证码"; display:block; width:100%; height:100%; color:#219ea2; position:absolute; top:0; line-height:46px; font-size: 14px; font-weight: 100;}
.wergr{ max-height:180px; min-height:180px; line-height:30px;}
.sl_logo_znb{ width:100%; height:100%; border:0; opacity:1; position:absolute; z-index:2; color:#219ea2; cursor:pointer; left:0; font-size: 14px; font-weight: 100; background:none;}
.apei_p{ width:160px; height:46px; text-align:center; font-size:12px; font-family:Arial,微软雅黑; position:relative; cursor:pointer; float:left; border-left:1px solid #dcdcdc;}



.odug_yn{width:400px; height:290px; background:url(../images/keoug_bg.png) no-repeat; padding-right:9px; position:absolute; top:-51px; left:-410px; opacity:0;
transition: transform ease .3s,opacity ease .3s;
-webkit-transition: all ease .3s;
transform: scale(0);
-webkit-transform: scale(0);
transform-origin: 100% 60px;
-webkit-transform-origin: 100% 60px;
}
.odug_yn_1{width:400px; height:60px; line-height:60px; margin-top:20px; float:left; font-size:36px; color:#323232; text-align:center;}
.odug_yn_2{width:400px; height:44px; line-height:22px; margin-bottom:32px; float:left; font-size:12px; color:#0b0b0b; text-align:center;}
.odug_yn_3{width:170px!important; height:50px!important; line-height:25px; float:left; font-size:12px; color:#969696; display:block; padding-left:30px;}
.odug_yn_3 img{float:left;}
.odug_yn_3 span{color:#ff3b30; font-size:16px;}
.odug_yn_4{width:169px!important; height:50px!important; line-height:25px; float:left; font-size:12px; color:#969696; display:block; border-left:1px solid #dedede; padding-left:30px;}
.odug_yn_4 img{float:left;}
.odug_yn_4 span{color:#219ea2; font-size:16px;}
.odug_yn_3:hover,.odug_yn_4:hover{background:#f1f1f1;}
.odug_yn_5{width:400px; height:26px; line-height:26px; margin-top:30px; float:left; font-size:12px; color:#979797; display:block; text-align:center;}
.odug_yn_5:hover{color:#219ea2;}
.fu_wxtc{ width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; top:0; z-index:1000; display:none;}
.fu_sjtc{ width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; top:0; z-index:1000; display:none;}
.soufutc{width:220px;height:255px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-110px; margin-top:-215px;}
.soufutc .oud{width:100%; height:30px; /* line-height:30px; */ text-align:center; font-size:14px; color:#333;}

.edig_uu:hover .odug_yn{ display:block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.edig_uu:hover .fu .a_ly{ background:url(../images/bg_11-sel.png) no-repeat center center;}
.bdshare_popup_bottom{ display:none!important;}


.epogu{background:none; margin-left:10px; color:#219ea2; width:60%;}
.td_two .odug{ padding:10px;}
.nei{width:100%;height:190px;}

/*荣誉资质*/
			.rongyu{
				overflow: hidden;
				background: #f9f9f9;
			}
			.rongyu-list{
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 50px;
			}
			.rongyu-title{
				font-size: 30px;
				line-height: 30px;
				text-align: center;
				color: #333232;
				margin-top: 100px;
			}
			.rongyu-list{
				position: relative;
                box-sizing: border-box;
			}
			.rongyu .swiper-button-prev,.rongyu .swiper-button-next{
				width: 80px;
				height: 80px;
				margin-top: -40px;
				background-color: rgba(0,0,0,0.2);
				background-repeat: no-repeat;
				background-position: center;
				background-size: auto;
				opacity: 1;
			}
			.rongyu .swiper-button-prev{
				background-image: url(../images/hy-btnl.png);
				left: 0;
			}
			.rongyu .swiper-button-next{
				background-image: url(../images/hy-btnr.png);
				right: 0;
    			left: auto;
			}
			.rongyu .swiper-button-prev.swiper-button-disabled,.rongyu .swiper-button-next.swiper-button-disabled{
				opacity: 1;
			}
			.rongyu .swiper-wrapper{
				padding: 80px 0;
				/*width: calc(100% - 100px);*/
			}
			.rongyu .swiper-slide{
				padding: 0 5px;
              box-sizing: border-box;
			}
			.rongyu-imgbox{
				box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
				max-width: 230px;
				max-height: 320px;
				margin: 0 auto;
			}

/*荣誉资质 end*/

.csimg img{
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.csimg:hover img{
 transform:scale(1.06);
 }
.csimg_1_1 img{
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 }
.csimg_1_1:hover img{
 transform:scale(1.1);
 }


/*详情页头部隐藏*/
.tpo_r{
	transition: all 0.3s 0.1s;
  	opacity:1;
}
.spaig_cco{
	transition: all 0.3s 0.1s;
  	opacity:1;
}
.tpo_r_hide{
    transition: all 0.3s;
	padding-top: 0;
    padding-bottom:0;
  	height: 0;
  	opacity:0;
  	z-index: 59;
}
.spaig_cco_hide{
	padding-top: 0;
  	padding-bottom: 0;
}
.menu-button{
	left: 0;
  	opacity: 1;
  	transition: all 0.3s 0.1s;
}
.menu-button_hide{
	left: -95px;
    opacity: 0;
  	transition: all 0.3s;
}

@media (max-width:1116px) {
	.weeig_r a{ background-position: 10px center;}
	.weeig_r1{ padding:0 10px 0 40px;}
	.weeig_r2{ padding:0 10px 0 45px;}
	.weeig_r3{ padding:0 10px 0 50px;}
	.weeig_r4{ padding:0 10px 0 50px;}
	.weeig_r5{ padding:0 10px 0 50px;}
}
@media (max-width:1036px) {
  	.weeig_r a i{display: none;}
}

.weeig_l p,.weeig_l_bottom{
	transition: all 0.3s;
  	overflow: hidden;
  	white-space:nowrap;
  	text-overflow:ellipsis;
}
.spaig_cco_hide .weeig_l p{
	height: 30px;
  	line-height:30px;
  	margin-top: 15px;
}

.spaig_cco_hide .weeig_l_bottom{
	height: 20px;
  	line-height:20px;
}
#iframe{
	transition: all 0.3s 0.1s;
  	
  	height: calc( 100% - 211px);
}
#iframe.iframe_top{
	
  	transition: all 0.3s;
  	height: calc( 100% - 81px);
}

.dr_eii{
	min-width: 1014px;
  	padding-left: 10px;
}
.wpeiog span{
	transition: all .2s linear;
}
.wpeiog:hover span{
	padding-left: 20px;
}
.ms_souy{
	font-size: 16px;
	line-height: 26px;
}
.suve_i3 p, .suve_i3 span{
	font-size: 14px !important;
}
.igsda{
	background: rgba(33,158,162,.95) !important;
}
.new_lm_b{
	color: #219ea2;	
}
.n_li_z:hover .xiangm_n_li_tt{
	color: #219ea2;
}
.alu_us p{
	color: #219ea2;
	font-family: '苹方';
}
.alu_us span{
	color: #219ea2;
}
.opsai_kn{
	font-size: 16px;
}
.spdui_n li:hover .spdui_n_2{
	color: #219ea2;
}
/*.fu .div:hover{
	background-color: rgba(33,158,162,.8);
}*/
.new_lm_a:hover{
	color: #219ea2;
}
.new_lm_b:after{
	background: #219ea2;
}
.new_lm_a:after{
	background: #219ea2;
}
.alu_us:after{
	background: #219ea2;
}
.new-wrap{
	background: #f1f1f9;
	padding: 60px 0;
	position: relative;
	z-index: 10;
}
.con{
	width: 78%;
	min-width: 768px;
	margin: 0 auto;
}
.con-tit{
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 14px;
}
.min-tit{
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-bottom: 52px;
}
.new-wrap .wrap{
	width: 32.35%;
	float: left;
	margin-right: 1.34%;
	position: relative;
	background: #fff;
	z-index: 1;
	border-radius: 7px;
	overflow: hidden;
	margin-bottom: 12px;
	font-size: 0;	
}
.new-wrap .wrap:nth-of-type(3n){
	margin-right: 0;
}
.new-wrap .wrap:before{
	content: '';
	display: block;
	padding-top: 66.67%;
}
.new-wrap .bg{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #219ea2;
	top: 0;
	left: -100%;
}
/*.new-wrap .wrap:after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #219ea2;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transition: transform .3s,opacity .1s;
	-webkit-transition: transform .3s opacity .1s;
}
.new-wrap .wrap:hover:after{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}*/
.new-wrap .wrap:hover .h3{
	color: #fff;
}
.new-wrap .wrap:hover .p{
	color: #fff;
}
.new-wrap .h3{
	font-size: 30px;
	color: #35b1b5;
	font-weight: bold;
	margin-bottom: 16px;
}
.new-wrap .p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.new-wrap .wrap img{
	position: absolute;
	right: 2%;
	bottom: 20px;
	width: 48%;
}
.new-wrap .font{
	padding: 42px 45px;
	position: absolute;
	top: 0;
	left: 0;
}
.quan:before,.quan:after{
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background: #f1f1f9;
	border-radius: 100%;
	position: absolute;
	left: 24.58%;
}
.quan:before{
	top: -15px;
}
.quan:after{
	bottom: -15px;
}
.link-box{
	position: relative;
}
.bot-link{
	position: relative;
	bottom: 0;
	width: 100%;
	left: 0;
	font-size: 0;
}
.close-btn{
	width: 4%;
	position: absolute;
	right: 0;
	top: 25%;
	cursor: pointer;
}
.close-btn:after{
	content: '';
	display: block;
	padding-top: 100%;
}
.bot-link img{
	width: 100%;
}
header{height: 106px;background: rgba(250,250,250,1);text-align: center;padding: 0;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;font-size: 0;}
header .logo{float: left;}
header .logo img{padding-top: 13px;}
.top-nav{vertical-align: middle;display: inline-block;line-height: 106px;width: calc(100% - 600px);}
.top-nav .tpo_ra{font-size: 16px;}
.callus{float: right;
	height: 106px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;}
.callus a{
	display: inline-block;
	width: 130px;
	height: 50px;
	line-height: 52px;
	border-radius: 30px;
	background: linear-gradient(to top, #2f9397, #35b1b5);
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border: 1px solid transparent;
	vertical-align: middle;
}
.callus a:hover{
	background: #fff;
	color: #35b1b5;
	border-color: #35b1b5;
}
.top-a{font-size: 16px;color: #353635;float: left;margin-left: 22px;position: relative;font-weight: bold;vertical-align: middle;}
.top-a:after{content: '';display: block;position: absolute;bottom: 0;width: 0%;height: 2px;background: #35b1b5;transition: all .2s linear;-webkit-transition: all .2s linear;left: 0;right: 0;margin: auto}
.top-a:hover{color:#35b1b5;}
.top-a:hover:after{width: 100%;}

.animated.slideDown {
    -webkit-animation-name:slideDown;
    -moz-animation-name:slideDown;
    -o-animation-name:slideDown;
    animation-name:slideDown
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform:translateY(0)
    }
    100% {
        -webkit-transform:translateY(-100%)
    }
}
@-moz-keyframes slideUp {
    0% {
        -moz-transform:translateY(0)
    }
    100% {
        -moz-transform:translateY(-100%)
    }
}
@-o-keyframes slideUp {
    0% {
        -o-transform:translateY(0)
    }
    100% {
        -o-transform:translateY(-100%)
    }
}
@keyframes slideUp {
    0% {
        transform:translateY(0)
    }
    100% {
        transform:translateY(-100%)
    }
}
.animated.slideUp {
    -webkit-animation-name:slideUp;
    -moz-animation-name:slideUp;
    -o-animation-name:slideUp;
    animation-name:slideUp
}
.animated {
    -webkit-animation-duration:.3s;
    -moz-animation-duration:.3s;
    -o-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform:translateY(-100%)
    }
    100% {
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes slideDown {
    0% {
        -moz-transform:translateY(-100%)
    }
    100% {
        -moz-transform:translateY(0)
    }
}
@-o-keyframes slideDown {
    0% {
        -o-transform:translateY(-100%)
    }
    100% {
        -o-transform:translateY(0)
    }
}
@keyframes slideDown {
    0% {
        transform:translateY(-100%)
    }
    100% {
        transform:translateY(0)
    }
}
.animated.slideDown {
    -webkit-animation-name:slideDown;
    -moz-animation-name:slideDown;
    -o-animation-name:slideDown;
    animation-name:slideDown
}
.le-flex{
	position: fixed;
	left: 0%;
	top: 40%;
	z-index: 99;
	animation: le-flex 1.2s linear infinite;
	-webkit-animation-name:le-flex 1.2s linear infinite;
    -moz-animation-name:le-flex 1.2s linear infinite;
    -o-animation-name:le-flex 1.2s linear infinite;
}
.le-flex .wrap{
	position: relative;
}
.le-flex a{
	position: absolute;
	display: block;
	width: 50%;
	margin: 0 auto;
	left: 0;
	right: 0;
	height: 50px;
}
.qq1{
	bottom: 85px;
}
.qq2{
	bottom:25px;
}
@keyframes le-flex{
	0%{
		transform:translateY(15px)
	}
	50%{
		transform:translateY(0px)
	}
	100% {
        transform:translateY(15px)
    }
}
@-webkit-keyframes le-flex{
	0%{
		transform:translateY(15px)
	}
	50%{
		transform:translateY(0px)
	}
	100% {
        transform:translateY(15px)
    }
}
@-moz-keyframes le-flex{
	0%{
		transform:translateY(15px)
	}
	50%{
		transform:translateY(0px)
	}
	100% {
        transform:translateY(15px)
    }
}
@-o-keyframes le-flex{
	0%{
		transform:translateY(15px)
	}
	50%{
		transform:translateY(0px)
	}
	100% {
        transform:translateY(15px)
    }
}
.fu{
	display: none !important;
}
.page{
	line-height: 100% !important;
	margin: 30px auto;
}
.page span {
    display: inline-block;
    font-size: 16px;
    color: #8e8e8e;
    vertical-align: middle;
}
.page a {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #d8d8d8;
    padding: 0 16px;
    line-height: 42px;
    background: #fff;
    color: #8e8e8e;
    font-size: 16px;
    margin-right: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.page a.cur, .page a:hover {
    border-color: #35b1b5;
    color: #fff;
    background: #35b1b5;
}
.footer2 {
  background: url(../images/zl.png) no-repeat center;
  background-size: cover;
  padding: 48px 0; }
  .footer2 .p {
    font-size: 14px;
    color: #999999;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: middle; }
  .footer2 .tit {
    margin-bottom: 26px; }
    .footer2 .tit img {
      vertical-align: middle;
      margin-right: 5px; }
  .footer2 .h3 {
    vertical-align: middle;
    font-size: 16px;
    color: #f7f6f6; }
  .footer2 .foot-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #313131; }
    .footer2 .foot-top .wrap {
      width: 30%;
      float: left;
      text-align: left; }
      .footer2 .foot-top .wrap .p {
        margin-right: 32px; }
      .footer2 .foot-top .wrap:nth-of-type(2) {
        width: 40%; }
  .footer2 .bot-font .box {
    display: inline-block;
    text-align: center;
    margin-right: 60px; }
    .footer2 .bot-font .box:last-of-type {
		display: none;
      margin-right: 0; }
    .footer2 .bot-font .box .p {
      margin-right: 0;
      display: block;
      line-height: 24px; }
  .footer2 .foot-bot {
    padding-top: 36px; }
    .footer2 .foot-bot img {
      margin-left: 20px;
      vertical-align: middle; }
    .footer2 .foot-bot .mar30 {
      margin-right: 30px; }
      
.top36{
	position: relative;
	top: -36px;
}
.plam{
	text-align: center;
	font-size: 0;
	margin: auto;
	margin-bottom: 30px;
	max-width: 1200px;
}
.plam .case-new-btn{
	width: 16%;
	border-radius: 35px;
	line-height: 70px;
	background: #fff;
	display: inline-block;
	box-shadow: 0 0 27px rgba(48,156,156,.13);
}
.plam .case-new-btn span{
	vertical-align: middle;
	font-size: 16px;
	color: #666666;
}
.plam .caseicon{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 7px;
	background-repeat: no-repeat;
	background-position: center;
}
.plam .case-new-btn .icon1{
	background-image: url(../images/case1.png);
}
.plam .case-new-btn .icon2{
	background-image: url(../images/case2.png);
}
.plam .case-new-btn .icon3{
	background-image: url(../images/case3.png);
}
.plam .case-new-btn .icon4{
	background-image: url(../images/case4.png);
}
.plam .case-new-btn .icon5{
	background-image: url(../images/case5.png);
}
.plam .case-new-btn .icon6{
	background-image: url(../images/case6.png);
}
.plam .act .icon1{
	background-image: url(../images/casef1.png);
}
.plam .act .icon2{
	background-image: url(../images/casef2.png);
}
.plam .act .icon3{
	background-image: url(../images/casef3.png);
}
.plam .act .icon4{
	background-image: url(../images/casef4.png);
}
.plam .act .icon5{
	background-image: url(../images/casef5.png);
}
.plam .act .icon6{
	background-image: url(../images/casef6.png);
}
.plam .case-new-btn:hover{
	background: #309c9f;
}
.plam .case-new-btn:hover span{
	color: #fff;
}
.plam .act{
	background: #309c9f;
}
.plam .act span{
	color: #fff;
}
.plam .case-new-btn:hover .icon1{
	background-image: url(../images/casef1.png);
}
.plam .case-new-btn:hover .icon2{
	background-image: url(../images/casef2.png);
}
.plam .case-new-btn:hover .icon3{
	background-image: url(../images/casef3.png);
}
.plam .case-new-btn:hover .icon4{
	background-image: url(../images/casef4.png);
}
.plam .case-new-btn:hover .icon5{
	background-image: url(../images/casef5.png);
}
.plam .case-new-btn:hover .icon6{
	background-image: url(../images/casef6.png);
}
.flex-bt{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	max-width: 1276px;
	margin: auto;
	border-bottom: 1px dashed #ebebeb;
	margin-bottom: 30px;
	
}
.area{
}
.area .new-btn{
	font-size: 16px;
	color: #666666;
	padding: 0 20px;
	line-height: 36px;
	border-radius: 25px;
	margin: 0 5px;
	margin-bottom: 20px;
	display: inline-block;
}
.area a.new-btn:hover{
	background: #309c9f;
	color: #fff;
}
.area a.act{
	background: #309c9f;
	color: #fff;
}
.industry{
	text-align: center;
	margin-bottom: 35px;
	max-width: 1276px;
	margin: auto;
}
.industry .new-btn{
	line-height: 48px;
	background: #f8f8f8;
}
.footer2 span.p a{
	color: #999;
}
.casebanner img{
	display: block;
	object-fit: cover;
	height: 150px;
	width: 100%;
}
@media (min-width:1538px){
	.top-nav{
		margin-left: 50px;
	}
}
@media (max-width:1538px) {
	.con{
		width: 1200px;
	}
	.new-wrap .font{
		padding: 20px 30px;
	}
	.new-wrap .p{
		line-height: 26px;
	}
}
@media (max-width:1200px) {
	.con{
		width: 1000px;
	}
	.new-wrap .p{
		line-height: 22px;
		font-size: 14px;
	}
	.new-wrap .h3{
		font-size: 24px
	}
	.top-a{
		margin-left: 30px;
	}
	.top-a{
		margin-left: 10px;
		font-size: 15px;
	}
	.callus a{
		width: 100px;
		font-size: 14px;
	}
	header .logo img{padding-top: 19px;width: 280px}
	.top-nav{
		width: calc(100% - 500px);
	}
}
@media (max-width:999px){
	.top-nav{
		margin: 0 10px 0 10px !important;
	}
	.con{
		width: 95%;
	}
	.new-wrap .wrap{
		width: 48%;
	}
	.new-wrap .wrap:nth-of-type(3n){
		margin-right: 1.34%;
	}
	.new-wrap .wrap:nth-of-type(2n){
		margin-right: 0;
	}
	.top-a{
		margin-left: 12px;
	}
	.top-a{
		margin-left: 10px;
		font-size: 12px;
	}
	.callus a{
		width: 80px;
		font-size: 12px;
		height: 32px;
		line-height: 34px;
		font-size: 12px;
	}
	header .logo img{padding-top: 32px;width: 180px}
	.plam .case-new-btn{
		line-height: 50px;
	}
	.plam .case-new-btn span{
		font-size: 14px;
	}
	.area{
		margin-bottom: 25px;
	}
	.area .new-btn{
		font-size: 14px;
		padding:  0 18px;
		line-height: 30px;
	}
	.industry .new-btn{
		line-height: 40px;
	}
	.top36{
		top: -10px;
	}
	.top-nav{
		width: calc(100% - 360px);
	}
}
.c-us .imgbox img:first-of-type{
	display: none;
}