@charset "utf-8";
/* public */
body,html {
	font-family: 'microsoft yahei';
	text-align: center;
	margin: 0 auto;
	padding: 0px;
} 
/*topnav*/ 
.aijiafont_size {
	font-size: 49px;
} 
/*banner*/
.banner_con {
	position: relative;
	text-align: center;
	overflow: hidden
}
.banner_con img {
	width: 100%;
	height: auto;
}
.banner_textvideo {
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	top:50%;
	margin-top: -200px;
	 height:330px;
	z-index: 9999999;
	text-align: center;	 
}
.banner_text {
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -260px;
	z-index: 9999999;
	text-align: center;
	font-size: 56px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-shadow: 0px 0px 7px rgba(0,0,0,.34);
	line-height: 57px;
}

.banner_text span {
	font-size: 26px;
	line-height: 27px;
	font-weight: normal
}

.banner_text2 {
	margin-top: -120px;
}
.banner_text3 {
	text-align: left;
}
.banner_text3 img{ margin:0px;
	 
}
.banner_text img {
	width:1121px; height:229px;
	margin: 0 auto;
	 
}

.banner_textbg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: 999;
 background-image:url(../images/video_bg.png); background-position:center top; background-repeat:repeat
/*	background: rgba(0,0,0,.26)*/
}

.video_title{ width:1002px; height:323px; margin:0 auto; text-align:center}
.video_title img{width:1002px; height:323px; }
  
   
	
 .bottom_bg{ background-color:#343536; }
	.bottom_con{ position:absolute; width:80%; height:400px; z-index:9999; left:10%; top:236px;}
	.bottom_item01{ width:28%; height:400px; float:left; margin:0px; padding:0px; text-align:left}
	.bottom_item01 img{ margin:0px; width:246px; height:292px;}
	.bottom_item02{ width:12%; height:400px; float:left; margin:0px; padding:0px;}
	.bottom_item02t{ width:100%; height:56px; line-height:34px; text-align:left; font-size:22px;}
	.bottom_item02t a{ color:#e6e6ee; text-decoration:none}
	.bottom_item02t a:visited{ color:#e6e6ee; text-decoration:none}
	.bottom_item02t a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	
	.bottom_item02i{ width:100%; height:40px; line-height:40px; text-align:left; font-size:14px;}
	.bottom_item02i a{ color:#989898; text-decoration:none}
	.bottom_item02i a:visited{ color:#989898; text-decoration:none}
	.bottom_item02i a:hover{ color:#e6e6ee; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	
	.copyright{ position:absolute; width:80%; height:72px; line-height:72px; text-align:left; font-size:14px; font-size:14px; background:rgba(0,0,0,.74); z-index:999; left:0; bottom:0; padding:0 10%; color:#989898; overflow:hidden}
	.copyright a{ color:#e6e6ee; text-decoration:none}
	.copyright a:visited{ color:#e6e6ee; text-decoration:none}
	.copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; cursor:pointer}
	
	
	.flink{ position:absolute; width:80%; height:120px;  z-index:999; left:0; bottom:72px; padding:0 10%;  border:0px; background:rgba(255,255,255,.99); border-top:#e6e6ee 1px solid; overflow:hidden}
	.flinkt{width:-webkit-calc(10% - 2px); width:-moz-calc(10% - 2px); width:calc(10% - 2px); float:left; border:0px; border-left:#e6e6ee 1px solid; border-right:#e6e6ee 1px solid; background-color:#f0f0f6; line-height:120px; height:120px; text-align:center; font-size:22px; color:#343536; font-weight:bold }
	.flinki{width:-webkit-calc(15% - 1px); width:-moz-calc(15% - 1px); width:calc(15% - 1px); float:left; border:0px;  border-right:#e6e6ee 1px solid;text-align:center; font-size:14px; height:60px; padding:30px 0px; }
	 .flinki a{ color:#343536; text-decoration:none}
	 .flinki a:visited{ color:#343536; text-decoration:none}
	 .flinki a:hover{ color:#006dbb; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	flinki img{ margin:0 auto; height:60px; width:auto}
	
	 
  .index_title{ position:absolute; width:100%; height:80px; line-height:80px; text-align:center; font-size:64px; left:0px; top:120px; color:#343536; z-index:9; font-weight:bold}
  
   .index_title3{ position:absolute; width:80%; height:80px; line-height:80px; text-align:left; font-size:64px; left:10%; top:120px; color:#343536; z-index:9; font-weight:bold}
    .index_title2{  color:#ffffff; }
	.index_title span{ font-weight:normal}
	.index_title3 span{ font-weight:normal}
	
  .index_probg{ background-image:url(../images/index_propic.jpg); background-size:100% 100%;}
  .index_propic{ position:absolute; width:100%; height:100%; position:absolute; left:0px; top:0px; background-repeat:no-repeat; background-size:100% auto; z-index:1}
 
.index_btn{ width:80%;height:64px;position:absolute; left:10%; bottom:76px; text-align:center; z-index:9}
.index_btn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#646566 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#646566; text-decoration:none; background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.index_btn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#646566 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#646566; text-decoration:none;background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.index_btn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#646566 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#646566;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
   .index_protitle{ position:absolute; width:80%; height:60px; line-height:60px; text-align:left; font-size:49px; left:10%; top:50%; margin-top:-100px; color:#ffffff; z-index:9; font-weight:normal}
  .index_proinfo{ width:490px;height:60px;position:absolute; left:10%;  top:50%; text-align:left; z-index:9; font-size:18px; color:#ffffff; line-height:26px;}
  
  .index_probtn{ width:80%;height:64px;position:absolute; left:10%;top:50%;  text-align:left; z-index:9; margin-top:160px;}
.index_probtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.index_probtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.index_probtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#343536; text-decoration:none; background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
  
  
  
  
  
  
  
  .ablnew_bg{background-image:url(../images/cul_bg.jpg); background-repeat:repeat; }
  
 
 
 

 
 
 
 
 #tab3{width:100%;position:relative;margin:0px; height:480px;}
#tab3 .tab_menu3{width:326px;float:left;position:absolute;z-index:1; height:480px;   top:0px; left:0px; list-style:none; margin:0px; padding:0px; }
#tab3 .tab_menu3 li{width:326px;height:80px; padding:30px 0px; margin:0px; border:0px; cursor:pointer;text-align:center; font-size:18px; font-weight:normal; color:#ffffff;   list-style:none; text-align:center; line-height:30px;}

#tab3 .tab_menu3 li img{ margin:0 auto; width:50px; height:50px;}

#tab3 .tab_menu3 .selected{ cursor:pointer; color:#ffffff; background-color:#006dbb;-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;}
#tab3 .tab_box3{width:-webkit-calc(100% - 356px); width:-moz-calc(100% - 356px); width:calc(100% - 356px); height:480px;clear:both;top:0px;position:relative; left:356px;  }


.hide{display:none;}
.tab_boxcon3{padding:0px;width:100%;height:480px;position:relative; }
.ts_tlistt{ width:100%; height:84px; font-size:34px; text-align:left; color:#ffffff;}
.ts_tlist{ width:100%; height:60px; margin:0px;padding:0px; font-size:16px; text-align:left; line-height:30px; overflow:hidden; color:rgba(255,255,255,.90); overflow:hidden}

.index_btn2{ width:100%;height:56px; text-align:left; margin:0px; margin-top:70px;}
.index_btn2 a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;  background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.index_btn2 a:visited{ display:block; margin:0px ;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.index_btn2 a:hover{ display:block;  margin:0px ;padding:0 18px; width:200px; height:49px; border:#006dbb 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#006dbb;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
 
.ts_plist{ width:100%; height:230px; margin:0px; margin-top:30px; padding:0px;}
.ts_plistp{  width:-webkit-calc(33.33333% - 20px); width:-moz-calc(33.33333% - 20px); width:calc(33.33333% - 20px); height:230px; float:left; margin:0px; margin-right:30px; position:relative; border-radius:5px; overflow:hidden;} 
 .ts_plistl{ float:left;margin:0px;}
 
 .ts_plistp img{ width:100%; height:230px; position:absolute; left:0px; top:0px;}
 
 .ts_plistpt{ position:absolute; width:94%; height:50px; line-height:50px; text-align:left; padding:0 3%; left:0px; bottom:0px; font-size:14px; color:#ffffff; overflow:hidden; background-image:url(../images/index_tbg.png); background-size:auto 100%;}
 
  .ts_plistp:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .s ease;
            -o-transition: all .s ease;
            transition: all .s ease;
			
			
	}
   

/*轮播和菜单*/
.video_bgblck{background:rgba(0,0,0,.49);  background-repeat:repeat;    position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%;}
.txt_bgblck{background:rgba(0,0,0,.34);  background-repeat:repeat;    position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%; z-index:993}
.ciezn_bannertxt{ width:100%; height:300px; text-align:center; position:absolute; left:0px; top:44%; margin-top:-130px; z-index:99999; }
 
.ciezn_bannertxt1{ width:100%; height:80px; line-height:80px; text-align:center; font-size:64px; color:#ffffff; font-weight:bold; text-shadow:0px 0px 5px rgba(0,0,0,.49)}
.ciezn_bannertxt2{ width:100%; height:40px; line-height:40px; text-align:center; font-size:18px; color:rgba(255,255,255,.80); text-transform:uppercase; letter-spacing:3px}

.ciezn_bannertxt3{ width:100%; height:34px; line-height:34px; text-align:center; font-size:26px; color:#ffffff; text-transform:uppercase; margin-top:20px; }
 .ciezn_bannertxt3 span{ display:inline-table; width:30px; height:20px;background-image:url(../images/bannericon.png); background-position:center center; background-repeat:no-repeat}

 .ciezn_bannerbtn{ width:80%;height:64px; text-align:center; margin:0 auto; margin-top:66px;}
.ciezn_bannerbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_bannerbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_bannerbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.34);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}

.ciezn_toplogo {
	width:185px;
	height:50px; float:left; margin:15px 0px;
	 
}

.ciezn_toplogo img {
width:185px;
	height:50px; 
}


.ciezn_toptell {
	width: 210px;
	height:30px;
	 float:right; margin:25px 0px;
	 
 
}

.ciezn_toptell img { width: 210px;
	height:30px;
	 
	 
}

 .ciezn_topxx {
	width: 210px;
	height:30px;
	 position:absolute; left:30px;   top:20px; z-index:9;
 
}

.ciezn_topxx img { width: 210px;
	height:30px;
	 
	 
}


.ciezn_menu {
	width: 100%;
	height:150px;
	 
	position: fixed;
	left: 0;
	top: 0px;
	z-index: 999999;
	text-align: center;
	 background-image:url(../images/top_bg.png); background-repeat:repeat-x; background-size:auto 100%;
	 
 
	 
}
 .ciezn_menucon { width:1400px; height:80px; margin:0 auto; position:relative}


.ciezn_menucon .nav {
	width:700px;
	height:80px;
	 margin:0px auto; 
	 
}

.ciezn_menucon .nav li {
	float: left;
	list-style: none;
	width: 100px;
	height:80px;
	padding: 0px;
	margin: 0px;
}

.ciezn_topnav_item {
	width: 100px;
	height:80px;
	margin: 0px;
}

.ciezn_topnav_item a {
	display: block;
	height:80px;
	text-align: center;
	width: 100px;
	padding: 0px; 
	 
	line-height:80px;
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
	 
	font-size: 18px; margin:0 auto; font-weight:bold
}
 
.ciezn_topnav_item a:hover,.ciezn_topnav_item a.current {
	 
	color: #01b4ee;
	font-size: 18px;
	 font-weight:normal;
	display: block;
	height:80px;
	text-align: center;  
	 
	width: 100px;
	padding: 0px;  
 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;font-weight:bold
}
#ciezn_current {
	 
	color: #01b4ee;
	font-size: 18px;
	 font-weight:normal;
	display: block;
	height:80px;
	text-align: center;  
	line-height:80px; 
	width: 100px;
	padding: 0px;  font-weight:bold
 
	 
}
.ciezn_navleft{ margin-left:320px !important;}

 /*走进*/
  .ciezn_aboubg{ background-color:#e9efff;  position:relative; background-image:url(../images/about_bg.jpg); background-position:center bottom; background-repeat:no-repeat; z-index:999} 
  
 
 .ciezn_abouttxt{ font-size:16px; line-height:30px; height:90px;text-align:center; margin:0px; width:1000px; color:#343536; font-weight:normal; overflow:hidden; position:absolute; left:50%; margin-left:-500px; top:300px; }
 
 .ciezn_abouttxtvideo{ width:570px; height:300px; float:left; }
 .ciezn_abouttxtvideo2{ width:520px; height:300px; float:left; }
 
 .ciezn_abouttxtt{ width:570px; height:300px; float:right;font-size:16px; line-height:30px; color:#343536; font-weight:normal; overflow:hidden; text-align:left; }
 
  .ciezn_abouttxtt2{ width:800px; height:300px; float:right;font-size:16px; line-height:30px; color:#646566; font-weight:normal; overflow:hidden; text-align:left;  }
 
  
  .ciezn_aboutlist{ position:absolute; width:1400px; height:105px; left:50%; margin-left:-700px; top:460px; background:none; }
 .ciezn_aboutlisti{ width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); height:105px; float:left; text-align:center; border-right:#d0d0d6 1px solid; }
  
 .ciezn_aboutlistil{ border:0px;}
 
 .ciezn_aboutit1{ width:100%; height:80px; text-align:center;font-size:20px; color:#343536; font-weight:normal }
  .ciezn_aboutit1 span{font-size:64px; font-weight:bold; color:#01b4ee; }
  
  
  
  
  
  
 .ciezn_aboutit2{ width:100%; height:25px; text-align:center; font-size:16px; font-weight:normal; color:#343536}
  
  .ciezn_aboutbtn{ width:1400px;height:64px; text-align:center; position:absolute; left:50%; margin-left:-700px; bottom:64px; z-index:99999 }
.ciezn_aboutbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid;  border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_aboutbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_aboutbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
 
 
 
			
	
			
			
			
/*产品*/			
			
 .ciezn_probg{background-color:#e9eeff; background-image:url(../images/cizenbgicon03.png); background-position:left top; background-repeat:no-repeat; z-index:998}
 
.ciezn_prot1{width:280px; position:absolute; top:120px; left:50%; margin-left:-140px;    color:#343536;  font-size:64px; height:80px; line-height:80px;text-align:center; z-index:9999; font-weight:bold; background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;  }
			 
		 
			 
			 
  .ciezn_prot2{width:80%;position:absolute; top:206px; left:10%;   font-size:26px; height:34px; line-height:34px; color:#646566; text-align:center; font-weight:normal;  z-index:9999; text-transform:uppercase}  
 
  
 .hd_slulist{ position:absolute; left:50%; margin-left:-700px; top:300px; z-index:99;  text-align:left;width:1400px;height:490px;}
 .hd_slulisti{ background-color:#ffffff;width:-webkit-calc(33.333333% - 20px); width:-moz-calc(33.333333% - 20px); width:calc(33.333333% - 20px); height:490px; float:left; margin-right:30px;box-shadow:0px 0px 15px rgba(0,0,0,.07); border-radius:5px; overflow:hidden}
 .hd_slulistil{ margin:0px;}
 .hd_slulistip{ width:100%; height:400px;  overflow:hidden; position:relative}
 .hd_slulistip img{ width:100%; height:400px;}
 
  
  .hd_slulistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
  .hd_slulistit{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:80px;font-size:18px; line-height:80px; text-align:left; font-weight:bold; padding:0 25px;}
		
	.hd_slulistit a{ color:#343536; text-decoration:none; }	
	.hd_slulistit a:visited{ color:#343536;text-decoration:none; }	
	.hd_slulistit a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.hd_slulistit span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px; margin-top:29px;padding-right:25px; font-weight:normal; float:right}
	.hd_slulistit span a{ color:#01b4ee;}
	.hd_slulistit span a:visited{ color:#01b4ee;}
	.hd_slulistit span a:hover{ color:#01b4ee;}
	
	
.hdindex_btn2{ width:80%;height:64px;position:absolute; left:10%; bottom:64px; text-align:center; z-index:9999}
.hdindex_btn2 a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#d7464b 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#d7464b; text-decoration:none;  background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.hdindex_btn2 a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#d7464b 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#d7464b; text-decoration:none; background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.hdindex_btn2 a:hover{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#d7464b 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#d7464b;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}	
   
 
   .ciezn_probtn{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); position:absolute; left:30px; top:430px; z-index:999; }
.ciezn_probtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_probtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_probtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
/* 合作模式*/			
 
.ciezn_coobg{ background-image:url(../images/join_bg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:100% 100%;}
.ciezn_coobg2{ background-color:#e9eeff; background-image:url(../images/coopbg.png); background-position:right bottom; background-repeat:no-repeat; z-index:899 }
.txt_coobg{background:rgba(255,255,255,.34);  left:0px; top:0px; z-index:1; width:100%; height:100%;}
   
   .index_tese_list{width:-webkit-calc(80% + 30px); width:-moz-calc(80% + 30px); width:calc(80% + 30px); position:absolute; top:260px; height:520px;left:-webkit-calc(10% - 15px); left:-moz-calc(10% - 15px); left:calc(10% - 15px); z-index:99999}

.index_tese_item{width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px);  margin:15px;float:left;height:520px;position:relative; border-radius:5px; overflow:hidden;/*-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.49)));*/}


.index_tese_item_title{width:100%; margin:0;height:260px; padding-top:80px; position:absolute;line-height:64px; text-align:center; color:#ffffff; font-size:56px;text-transform : uppercase; bottom:0px; font-weight:bold; text-shadow:0px 0px 7px #131415; background-image:url(../images/index_tbg.png); background-repeat:repeat-x; background-size:auto 100%;}
.index_tese_item_title span{ line-height:36px; font-size:22px; font-weight:normal; display:block; width:100%; height:36px;}
 .index_Coopi{ width:100%; height:50px; line-height:25px; font-size:22px; color:#ffffff; text-align:center; margin-top:10px; font-weight:normal}



.index_coopbtn{ width:100%;height:40px; text-align:center; font-size:14px; font-weight:normal; margin-top:15px; text-shadow:none}			
			
.index_coopbtn a{ color:rgba(255,255,255,.64); text-decoration:none; display:block; width:150px; height:38px; border:rgba(255,255,255,.64) 1px solid; border-radius:5px; text-align:center; line-height:38px; margin:0 auto; margin-top:15px; }
			.index_coopbtn a:visited{ color:rgba(255,255,255,.64); text-decoration:none; display:block; width:150px; height:38px; border:rgba(255,255,255,.64) 1px solid; border-radius:5px; text-align:center; line-height:38px; margin:0 auto; margin-top:15px;}
			.index_coopbtn a:hover{ color:rgba(255,255,255,.99); text-decoration:none; display:block; width:150px; height:38px; border:rgba(255,255,255,.99) 1px solid; border-radius:5px; text-align:center; line-height:38px; margin:0 auto; margin-top:15px;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}			
			







.index_tese_item_title2{width:100%; margin:0;height:260px; position:absolute;line-height:64px; text-align:center; color:#ffffff; font-size:56px;text-transform : uppercase; top:50%; margin-top:-130px; font-weight:bold; text-shadow:0px 0px 10px #989898;	opacity: 0.0;}
.index_tese_item_title2 span{ line-height:36px; font-size:22px; font-weight:normal; display:block; width:100%; height:36px;}
 .index_Coopi2{ width:100%; height:50px; line-height:25px; font-size:22px; color:#ffffff; text-align:center; margin-top:10px; font-weight:normal}



.index_coopbtn2{ width:100%;height:40px; text-align:center; font-size:14px; font-weight:normal; margin-top:15px; text-shadow:none}			
			
.index_coopbtn2 a{ color:rgba(255,255,255,.64); text-decoration:none; display:block; width:150px; height:38px; border:rgba(255,255,255,.64) 1px solid; background:rgba(255,255,255,.0); border-radius:5px; text-align:center; line-height:38px; margin:0 auto; margin-top:15px; }
			.index_coopbtn2 a:visited{ color:rgba(255,255,255,.64); text-decoration:none; display:block; width:150px; height:38px; border:rgba(255,255,255,.64) 1px solid; background:rgba(255,255,255,.0); border-radius:5px; text-align:center; line-height:38px; margin:0 auto; margin-top:15px;}
			.index_coopbtn2 a:hover{ color:rgba(255,255,255,.99); text-decoration:none; display:block; width:150px; height:38px; border:rgba(255,255,255,.99) 1px solid;background:rgba(255,255,255,.0);  border-radius:5px; text-align:center; line-height:38px; margin:0 auto; margin-top:15px;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}		



.index_tese_item:hover   .index_tese_item_title{ display:none
	 
}
.index_tese_item:hover   .index_tese_item_title2{ opacity:1;
	 -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
}


.music-grids {
  padding-left: 0;
}
 
.music-grids img{
	width: 100%; height:100%;
}
.music-grids p {
    font-size: 0.8em;
  color: #fff;
  line-height: 1.7em;
  font-weight: 300;
}

.music-grids h4 {
	font-size: 21px;
  font-weight:600;
  color: #fff;
  font-family:microsoft yahei;
}
.music-grids figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.music-grids figure img {
	position: relative;
	display: block;width: 100%; height:100%;
}

.music-grids figure figcaption {
	 
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.music-grids figure figcaption::before,
.music-grids figure figcaption::after {
	pointer-events: none;
}

.music-grids figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	  background-color:#00b4ed; margin:0px;width: 100%; height:100%;
}
figure.effect-bubba:hover img {
	opacity: 0.0326;
}

 



figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h4 {
	padding-top: 16%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0); width:80%; margin:0 auto; font-size:14px  !important;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4{ font-size:26px !important; font-weight:normal  !important;}
figure.effect-bubba:hover p{font-size:14px !important;}



figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
			
			
/*优势*/		
 
   .ciezn_advbg{ background-color:#ffffff; background-image:url(../images/adv_bg.jpg); background-position:center center; background-repeat:no-repeat}
 
 



 
			 
		 
			 
			 
   
  
  
  
  
 
		 
			 
			 
 
  
  
  
  	
	
	.ciezn_advlist{width:100%; height:100%; position:absolute; right:0px; top:0px; z-index:994;}	
	  .ciezn_advlisti{width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px);height:100%; float:left; text-align:center; position:relative; margin:0px; position:relative; overflow:hidden; text-align:center; border-right:#e6e6ee 1px solid; background:rgba(255,255,255,.26);}
		
			
		.ciezn_advip{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:260px; text-align:center; margin:0px auto; padding:0px;  margin-top:300px;}	
			.ciezn_advipc{ width:260px; height:260px; margin:0 auto; border-radius:50%; overflow:hidden; box-shadow:0px 0px 26px rgba(0,0,0,.12);}
			.ciezn_advipc img{ width:260px; height:260px; }
			  .ciezn_advipc:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			  .ciezn_advipc:hover{box-shadow:0px 0px 34px rgba(0,0,0,.22);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			.ciezn_advlisti:hover{ background-color:#e9eeff;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}	
			 .ciezn_advlisti:hover  .ciezn_advip{margin-top:270px;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
		.ciezn_advit{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:30px;text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#343536;   margin:15px  auto; margin-bottom:0px;}
		.ciezn_advite{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:30px;   text-align:center; font-size:12px; line-height:30px; font-weight:normal; color:#989898; text-transform:uppercase; overflow:hidden; margin:0 auto;}
		
		.ciezn_advii{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:100px; text-align:left; font-size:16px; line-height:25px; font-weight:normal;color:#494949; overflow:hidden; margin:0 auto; margin-top:15px}
		
		
		.ciezn_advibtn{width:-webkit-calc(30% - 34px); width:-moz-calc(30% - 34px); width:calc(30% - 34px); height:50px; border:#00b4ed 2px solid;  border-radius:30px; position:absolute; left:230px; bottom:100px; z-index:9999; background-color:#ffffff; padding:0 15px; line-height:49px; text-align:left; color:#01b4ee; font-size:18px; font-weight:normal}
		
	.ciezn_advibtn a{ color:#343536; text-decoration:none}
	.ciezn_advibtn a:visited{ color:#343536; text-decoration:none}
	.ciezn_advibtn a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
		
	.ciezn_advibtn span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; float:right; background-repeat:no-repeat; text-align:left; font-size:14px; line-height:22px; margin:14px 0px;  padding-right:25px; font-weight:normal}
	
	
	
	
	.hd_ysit{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:80px;font-size:22px; line-height:80px; text-align:center; font-weight:bold; padding:0 25px;}
		
	.hd_ysit a{ color:#343536; text-decoration:none; }	
	.hd_ysit a:visited{ color:#343536;text-decoration:none; }	
	.hd_ysit a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			
	
	.hd_ysit span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px auto; margin-top:29px;padding-right:25px; font-weight:normal; }
	.hd_ysit span a{ color:#01b4ee;}
	.hd_ysit span a:visited{ color:#01b4ee;}
	.hd_ysit span a:hover{ color:#01b4ee;}
	
	
	
		
				
	/*工程案例*/
		 
		.ciezn_business{ background-color:#ffffff; position:relative; z-index:990 }
		
   .ciezn_caset1{width:70px; position:absolute; top:150px; right:110px;   font-size:64px; height:280px;line-height:70px; text-align:left; z-index:9999;font-weight:bold;background-image: -webkit-linear-gradient(top, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
  .ciezn_case2{width:26px;position:absolute; top:155px; right:70px;   font-size:26px; color:#646566; height:-webkit-calc(100% - 155px); height:-moz-calc(100% - 155px); height:calc(100% - 155px); line-height:30px; text-align:left; font-weight:normal;   z-index:9999;writing-mode: vertical-lr; 
    writing-mode: tb-lr; text-transform:uppercase }		
	
 
		 
	 
	
	
		.ciezn_businesscon{width:-webkit-calc(100% - 230px); width:-moz-calc(100% - 230px); width:calc(100% - 230px);height:-webkit-calc(100% - 150px); height:-moz-calc(100% - 150px); height:calc(100% - 150px);position:absolute; left:0px; bottom:0px;  }
		.ciezn_businessi{width:-webkit-calc(33.333333% - 20px); width:-moz-calc(33.333333% - 20px); width:calc(33.333333% - 20px); height:-webkit-calc(50% - 30px); height:-moz-calc(50% - 30px); height:calc(50% - 30px); float:left; margin:0px; margin-bottom:30px; position:relative; overflow:hidden}
		.ciezn_businessi2{ margin:0 30px; margin-bottom:30px;}
		.ciezn_businessir1{ border-radius:5px;}
		.ciezn_businessir2{ border-radius:0px 5px 5px 0px;}
		.ciezn_businessir3{ border-radius:5px 0px 0px 5px;}
		.ciezn_businessi img{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1}
	 
		  .ciezn_businessi:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
			
	}
	
	.ciezn_businessit{width:80%; height:30px; position:absolute; bottom:30px; left:10%;   font-size:22px; color:#ffffff; font-weight:bold; z-index:9; text-align:center; text-shadow:0px 0px 5px #000000; display:block; line-height:30px; overflow:hidden; z-index:9}
 
			
 .index_solubtn{width:64px; height:22px;position:absolute; left:10%; bottom:70px; text-align:left; z-index:9;opacity:0; font-size:14px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat;line-height:22px;padding-right:25px;}			
 
			
	 
	.index_solubtn a{ color:#01b4ee; text-decoration:none}
	.index_solubtn a:visited{ color:#01b4ee; text-decoration:none}
	.index_solubtn a:hover{ color:#01b4ee; text-decoration:none}
	
	
	
	
	
	
	
	
			
			
			
			
	.solu_listi01t{ width:80%; height:80px; position:absolute; top:70px; left:10%;   font-size:22px; color:#ffffff; font-weight:bold; opacity:0; z-index:9; text-align:left}
 .solu_listi01t a{color:rgba(255,255,255,.88); text-decoration:none}
  .solu_listi01t a:visited{color:rgba(255,255,255,.88); text-decoration:none}
   .solu_listi01t a:hover{color:rgba(255,255,255,.99); text-decoration:none}
 .solu_listi01i{ width:70%; height:100px; position:absolute; top:130px; left:10%;   font-size:14px; line-height:25px; overflow:hidden; color:rgba(255,255,255,.64); font-weight:normal; opacity:0; z-index:9; text-align:left}
 
 
 
 .solu_bg{ position:absolute; width:100%;height:100%;background:rgba(38,103,178,.90);   z-index:8;opacity:0;}
 
  .ciezn_businessi:hover .solu_bg{opacity:1; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
	.ciezn_businessi:hover .solu_listi01t{ opacity:1; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
   .ciezn_businessi:hover .solu_listi01i{ opacity:1; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
  .ciezn_businessi:hover .index_solubtn{opacity:1; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
 
 
			
	.ciezn_businessi:hover .ciezn_businessit{ display:none}	
			
		.index_btn2{ width:100%;height:64px; text-align:center; position:absolute; bottom:64px; z-index:999}
.index_btn2 a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#068fd0 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#068fd0; text-decoration:none; background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.index_btn2 a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#068fd0 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#068fd0; text-decoration:none;background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.index_btn2 a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#068fd0 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#068fd0;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
		.index_btn2{ width:100%;height:64px; text-align:center; position:absolute; bottom:64px; z-index:999}
.index_btn2 a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#068fd0 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#068fd0; text-decoration:none; background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.index_btn2 a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#068fd0 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#068fd0; text-decoration:none;background-color:#ffffff;background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.index_btn2 a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#068fd0 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#068fd0;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
			
			 .ciezn_newt1{width:80%; position:absolute; top:160px; left:10%;   font-size:34px; color:#646566; height:34px; line-height:34px; text-align:center; z-index:9999}
  .ciezn_newt2{width:80%;position:absolute; top:194px; left:10%;   font-size:48px; color:#343536; height:64px; line-height:56px; text-align:center; font-weight:bold; text-transform:uppercase; font-weight:bolder; font-family:'Arial Black', sans-serif; z-index:9999}  
  
  .snto_casecon{ width:100%; height:100%; position:relative; }
   .hs_losglist{width:1400px;height:450px;position:absolute; top:326px; left:50%; margin-left:-700px;border-left:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; border-radius:5px; overflow:hidden;  box-shadow:0px 0px 13px rgba(0,0,0,.08); }
 
 .hs_losglisti{ width:-webkit-calc(20% - 1px); width:-moz-calc(20% - 1px); width:calc(20% - 1px); height:124px; border-bottom:#e6e6ee 1px solid; border-right:#e6e6ee 1px solid; background-color:#FFFFFF; text-align:center; padding-top:25px; overflow:hidden; float:left; margin:0px; }
 .hs_losglisti img{ width:auto; height:100px; margin:0 auto} 
 .hs_losglisti img:hover{ transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
  .hs_losglistic{ background-color:#01b4ee; font-size:20px; text-align:center; color:#ffffff;height:134px; padding-top:15px;}
    .hs_losglistic span{ font-weight:bold; font-size:56px; }
  /*new*/
  
  .ciezn_new{ background-color:#ffffff; position:relative; z-index:888 }
  
 .new_con{ position:absolute;width:1400px;height:480px; z-index:9999; left:50%; margin-left:-700px; top:300px}
  .new_title{ width:100%; height:35px; line-height:35px; padding-bottom:14px; border-bottom:#e6e6ee 1px solid; font-size:34px; color:#646566; text-align:left; font-weight:normal;}
 .new_title img{ float:left; width:36px; height:35px; margin-right:10px;} 
 
  .new_more{ width:64px; height:35px; float:right; background-image:url(../images/more_icon2.png); background-position:right center; background-repeat:no-repeat; font-size:14px; line-height:35px; text-align:center; font-weight:normal }
  

 .new_more a{ color:#989898; text-decoration:none;font-weight:normal}
 .new_more a:visited{ color:#989898; text-decoration:none;font-weight:normal}
 .new_more a:hover{ color:#006dbb; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; font-weight:normal}
	
	.new_left{width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); float:left; margin:0px; height:480px;  position:relative; overflow:hidden;  }
	 
	.news_stitle{ width:100%; height:50px;   text-align:left; font-size:22px; color:#343536; text-transform:uppercase; line-height:50px;}
	 
	
	
	.news_stitle span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; float:right; background-repeat:no-repeat; text-align:left; font-size:14px; height:22px; line-height:22px; margin:14px 0px;  padding-right:25px; font-weight:normal; text-transform:uppercase}
	
	.news_stitle a{ color:#01b4ee; text-decoration:none}
	.news_stitle a:visited{ color:#01b4ee; text-decoration:none}
	.news_stitle a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
	
	
	
	
	.new_right{width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); float:right; margin:0px; height:480px;   }
     .new_rightitem{width:100%;   margin:0px; height:200px;  position:relative;overflow:hidden; margin-bottom:15px; margin-top:15px; }
	 
	  
	 .new_rightitempic{ width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px);height:200px; overflow:hidden; float:left; border-radius:5px;}
	 .new_rightitempic img{ width:100%; height:200px;  }
	 .new_rightitempic:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
			
			
	}
	
	.new_righttxt{ width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px);height:200px; overflow:hidden; float:right;}
	
	.new_righttid{ width:100%; height:20px; line-height:20px; font-size:16px; color:#646566; text-align:left; font-weight:normal}
	
	.new_righttit{width:100%; height:50px; line-height:25px; color:#343536; text-align:left; font-size:18px; font-weight:bold; margin-top:10px;}
	.new_righttit a{ color:#343536; text-decoration:none; }
	
	
	.new_righttit a:visited{ color:#343536; text-decoration:none; }
 .new_righttit a:hover{ color:#00b4ed; text-decoration:none; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	
	.new_righttii{width:100%; height:100px; line-height:25px; color:#646566; text-align:left; font-size:14px; font-weight:normal; overflow:hidden; margin-top:20px;}
	
	.new_rightitem02{width:100%;   margin:0px;  position:relative;overflow:hidden; height:50px; line-height:50px; text-align:left; font-size:16px; font-weight:normal ; color:#989898}
	
	.new_rightitem02 a{ color:#646566; text-decoration:none; }
	
	
	.new_rightitem02 a:visited{ color:#646566; text-decoration:none; }
 .new_rightitem02 a:hover{ color:#00b4ed; text-decoration:none; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	.new_rightitem02 span{ float:left; display:block; width:100px; height:40px; font-size:14px; color:#989898; text-align:right; float:right; font-weight:normal}
			
			/*底部*/
			.dg_bottombg{ background-color:#e9eeff; z-index:777}
			.ciezn_map{width:870px; height:280px; border-radius:5px;position:absolute;  left:-webkit-calc(50% - 685px); left:-moz-calc(50% - 685px); left:calc(50% - 685px); top:260px; z-index:999; border:#e6e6ee 1px solid; background-image:url(../images/map.jpg); background-position:center center;}	 
        .dg_mesform{width:438px; height:250px; background-color:#ffffff;  border:0px; border-radius:5px; padding:15px; position:absolute;  right:-webkit-calc(50% - 685px); right:-moz-calc(50% - 685px); right:calc(50% - 685px);top:260px; z-index:999; border:#e6e6ee 1px solid;}
		
		 .dg_mesforminput{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px); height:48px; line-height:48px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left;margin:0px; margin-bottom:15px;}
		
		.dg_mesforminput2{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);height:48px; line-height:48px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left;margin:0px; margin-bottom:15px;}
		
		
		.dg_mesforminput3{ width:100%; height:50px; line-height:50px; border:0px; background-color:#172a88; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px;}
		.dg_mesforminput3:hover{width:100%;  height:50px; line-height:50px; border:0px; background-color:#01b4ee; font-size:14px; text-align:center; color:#ffffff;  float:left;  margin:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
	
		.dg_bottomcon{ width:100%; height:180px; position:absolute; left:0px; bottom:52px; background-color:#172a88; z-index:9999; text-align:center}
		.dg_bottomc{ width:1370px; height:180px; margin:0 auto; }	
		
		 .dg_bottomc01{ width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); float:left; margin:0px;  height:165px;text-align:left; border:0px; border-right:rgba(255,255,255,.08) 1px solid; padding-top:25px; font-size:22px; text-align:left; color:#ffffff; line-height:32px; font-weight:bold}
		 .dg_bottomc01 img{ margin:0}
		 .dg_bottomc01 span{ font-size:14px; line-height:20px; font-weight:normal}
		 .dg_bottomctell{ width:100%; height:44px; line-height:44px; font-size:30px; font-weight:bold; color:#ffffff; margin:0 auto; margin-top:20px; text-align:left}
		  .dg_bottomctell img{ width:auto; height:auto;float:left; margin-right:5px;}
		  
		   .dg_bottomc02{ width:50%; float:left; margin:0px;  height:180px; }
		  
		  .dg_clear{ width:100%; height:0px; line-height:0px; clear:both}
		  
		  
		  .dg_bottomcnav{ width:100%; height:110px; padding-bottom:9px; border-bottom:rgba(255,255,255,.08) 1px solid}
		  
		  
			
			.dg_bottomcontact{width:100%;height:100px; padding-top:30px; }
		  .dg_bottomcontact01{ width:95%; height:30px; font-size:16px; color:#ffffff; line-height:30px;  text-align:left; float:left; margin:0px;  padding-left:5%; margin-top:10px;}
		   
		    .dg_bottomcontact01 img{ width:30px; height:30px; float:left; margin-right:10px;}
		  
		   
			
			 .dg_bottomcontact03{ width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); float:left; margin:0px;  height:100px;text-align:left; border:0px; border-left:rgba(255,255,255,.08) 1px solid; padding:40px 0px;  }
		    
.dg_bottomcontact03 img{ float:right; margin-left:10px; width:80px; }			
.dg_copyright{ width:100%; height:52px; line-height:52px; font-size:14px; text-align:center; color:#989898; position:absolute; left:0px; bottom:0px; z-index:9999; background-color:#343536}
.dg_copyright a{ color:#e6e6ee; text-decoration:none}
.dg_copyright a:visited{ color:#e6e6ee; text-decoration:none}
.dg_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}			
.dg_flink{ width:100%; height:60px; padding:20px 0px; line-height:20px; font-size:14px; text-align:center; color:rgba(255,255,255,.64); position:absolute; left:0px; bottom:232px; z-index:9999;  border-top:#e6e6ee 1px solid; text-transform:uppercase; background-color:#122b88; border-bottom:rgba(255,255,255,.08) 1px solid; color:#ffffff;}	

.dg_flinkc{ width:1370px; height:60px; margin:0 auto; text-align:left; font-size:14px;}
	 
.dg_flinkc a{ color:#e6e6ee; text-decoration:none; padding-left:10px; padding-right:10px;}
.dg_flinkc a:visited{ color:#e6e6ee; text-decoration:none; padding-left:10px; padding-right:10px;}
.dg_flinkc a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;padding-left:10px; padding-right:10px;}
			
.dg_flink2{ width:100%; height:60px; line-height:60px; font-size:16px; text-align:center; color:#646566; position:absolute; left:0px; bottom:272px; z-index:9999; padding:0; border-top:#e6e6ee 1px solid; text-transform:uppercase; font-weight:normal;background-color:#FFFFFF }		 
.dg_flink2 a{ color:#343536; text-decoration:none; padding-left:20px; padding-right:20px;}
.dg_flink2 a:visited{ color:#343536; text-decoration:none; padding-left:20px; padding-right:20px;}
.dg_flink2 a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; padding-left:20px; padding-right:20px;}	
			
			.dg_flink3{ width:100%; height:60px; line-height:60px; font-size:16px; text-align:center; color:#646566; position:absolute; left:0px; bottom:332px; z-index:9999; padding:0; border-top:#e6e6ee 1px solid; text-transform:uppercase; font-weight:normal; background-color:#FFFFFF }		 
.dg_flink3 a{ color:#343536; text-decoration:none; padding-left:20px; padding-right:20px;}
.dg_flink3 a:visited{ color:#343536; text-decoration:none; padding-left:20px; padding-right:20px;}
.dg_flink3 a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; padding-left:20px; padding-right:20px;}			
			
.cieznclear{ clear:both; width:100%; height:0px; line-height:0px;}			
/*回调函数*/	
.section1{ background-color:#000000; z-index:9999999999999999}
.section2 ciezntitle{display: block;width:280px; position:absolute; top:-120px; left:50%; margin-left:-140px;  height:120px; }

.section3 ciezntitle{display: block;width:280px; position:absolute; top:-120px; left:50%; margin-left:-140px;  height:120px; }

.section4 ciezntitle{display: block;width:280px; position:absolute; top:-120px; left:50%; margin-left:-140px;  height:120px; z-index:995 }

.section5 ciezntitle{display: block;width:120px; position:absolute; right:-120px;top:150px;   height:280px; z-index:995 }

.section6 ciezntitle{display: block;width:326px; position:absolute; top:-120px; left:50%; margin-left:-163px;  height:120px; }

.section7 ciezntitle{display: block;width:326px; position:absolute; top:-120px; left:50%; margin-left:-163px;  height:120px; }

.section8 ciezntitle{display: block;width:280px; position:absolute; top:-120px; left:50%; margin-left:-140px;  height:120px; }

 .ciezntitle05{width:70px;  font-size:64px; height:280px;line-height:70px; text-align:left; z-index:9999;font-weight:bold;background-image: -webkit-linear-gradient(top, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; margin:0px; float:left; }
  .ciezntitle06{width:26px;  font-size:18px; color:#646566; height:270px; line-height:30px; text-align:left; font-weight:normal;   z-index:9999;writing-mode: vertical-lr; 
    writing-mode: tb-lr; text-transform:uppercase; float:left; margin:0px; padding-top:10px }	
 .ciezntitle01{ font-size:64px; height:80px; width:100%; margin:0px; line-height:80px;text-align:center; z-index:9999; font-weight:bold; color:#01b4ee; background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
 
.ciezntitle02{display: block;width:100%; font-size:18px; height:34px; line-height:34px; color:#646566; text-align:center; font-weight:normal;  text-transform:uppercase; margin:0px; letter-spacing:3px; } 
 


.ciezntitle03{ font-size:64px; height:80px; width:100%; margin:0px; line-height:80px;text-align:center; z-index:9999; font-weight:bold; color:#ffffff; }
 
.ciezntitle04{display: block;width:280px; font-size:18px; height:34px; line-height:34px; color:rgba(255,255,255,.74); text-align:center; font-weight:normal;  text-transform:uppercase; margin:0px; letter-spacing:3px;} 
  
 
 
.section3 p{ position: relative; bottom: -120%;}
.section4 p{ display: none;}

/*二级页面*/
/*铝模板专题*/
.pro_pbanner{ width:100%; text-align:center; height:608px; padding:0px; background-color:#e9eeff;  background-image:url(../images/probannerb.jpg); background-repeat:no-repeat; background-position:center center;   }
.pro_pbannerc{ width:1370px; height:470px; margin:0 auto; text-align:left;  font-size:26px; line-height:34px; color:rgba(255,255,255,.74); text-transform:uppercase }

.pro_pbannerc span{font-size:64px;  line-height:80px; color:#ffffff; font-weight:bold}
 
 .page_probg{ width:100%; height:600px; margin:0 auto; background-image:url(../images/pagepro_bg.jpg); padding:74px 0px}
 
 .page_probgconall{ width:1370px; height:600px; margin:0 auto}
 .page_probgconpic{ width:670px; height:600px; float:left }
 .page_probgconpic img{ width:670px; height:600px; float:left }
  	  .page_probgconpic:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
 
 .page_probgcon{ width:670px; height:400px; margin:0 auto; padding:100px 0px; float:right;text-align:left}
 
 .page_prot1{ width:670px; height:64px; line-height:64px; font-size:56px; text-align:left;  font-weight:bold; margin:0;  background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
 .page_prot2{ width:670px; margin:0; font-size:18px; height:34px; line-height:34px; color:#646566; text-align:left; font-weight:normal;  text-transform:uppercase;  } 
 .page_prot3{ width:670px; height:50px; text-align:left; color:#343536; font-size:20px; line-height:30px; margin-top:10px;}
		.page_prot3 span{ font-weight:normal; color:#343536 }
		
		
		.page_prot4{ width:670px; height:90px; text-align:left; color:#646566; font-size:16px; line-height:30px; margin-top:49px;}
		
		
		
		.page_probtn{width:670px;height:64px; text-align:left; margin:0; margin-top:64px;}
 
.page_probtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid;  border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_probtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_probtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
		
		
 
.page_t1{ width:370px; height:64px; line-height:64px; font-size:56px; text-align:center;  background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; font-weight:bold; margin:0 auto; margin-top:100px; }
 .page_t1b{ width:740px}
 
 
.page_t2{ width:1370px; margin:0 auto; font-size:18px; height:34px; line-height:34px; color:#646566; text-align:center; font-weight:normal;  text-transform:uppercase;  } 
 .pro_list01{ width:1370px; height:370px; margin:0 auto; margin-top:56px; }
 .pro_list01p{ width:670px; height:340px; float:left; margin:0px;   overflow:hidden; border-radius:5px;}
 .pro_list01p img{width:670px; height:340px; float:left;}
 
 	  .pro_list01p:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
	 
	
	.pro_list01t{ width:670px; height:340px; float:right; margin:0px; }
	.pro_list01t1{ width:100%; height:100px; text-align:left; color:#989898; font-size:16px;}
	
	.pro_list01t1 span{ font-size:22px; color:#343536; font-weight:bold;}
	
	.pro_list01t2{ width:100%; height:100px; text-align:left; color:#646566; font-size:16px; line-height:30px;}
	
	
	.psbtn{width:100%;text-align:left;}
		
	.psbtn a{ color:#343536; text-decoration:none; }	
	.psbtn a:visited{ color:#343536;text-decoration:none; }	
	.psbtn a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			
	
	.psbtn span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px; margin-top:29px;padding-right:25px; font-weight:normal; }
	.psbtn span a{ color:#01b4ee;}
	.psbtn span a:visited{ color:#01b4ee;}
	.psbtn span a:hover{ color:#01b4ee;}
	.pro_aboutlist{ width:1400px; height:105px; margin:0 auto; margin-top:56px;}
	
	.pro_plist{ width:100%; height:740px; margin:0 auto; margin-top:30px; overflow:hidden }
	
 
	
	.pro_plist01{ width:740px; height:740px; float:left; margin:0px;overflow:hidden; position:relative}
 .pro_plist01 img{width:740px; height:740px; float:left;}
 
 	  .pro_plist01:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
	
	
	
	.pro_plist02{ width:-webkit-calc(100% - 740px); width:-moz-calc(100% - 740px); width:calc(100% - 740px);height:740px; float:left; margin:0px;overflow:hidden; position:relative}
 .pro_plist02 img{width:100%; height:740px; float:left;}
 
 	  .pro_plist02:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer
			
	}
	
	
	
	 
	
	.pro_plisttxt{ width:1370; height:50px; text-align:center; color:#646566; font-size:16px; line-height:30px; margin-top:10px;}
	
		.pro_plisttxt02{ width:1370px; height:50px; text-align:center; color:#646566; font-size:20px; margin:0 auto; line-height:30px; margin-top:10px;}
		.pro_plisttxt02 span{ font-weight:normal; color:#646566 }
		
		
	.pro_advbg{ width:100%; margin:0px auto; padding:100px 0px; background-color:#e9eeff; padding-top:1px;}	 
 .pro_advlist{ width:1400px;height:660px; margin:0 auto; margin-top:30px;}
 .pro_advlisti{ background-color:#ffffff;width:-webkit-calc(33.333333% - 30px); width:-moz-calc(33.333333% - 30px); width:calc(33.333333% - 30px); height:660px; float:left; margin:0 15px; overflow:hidden}
  
 .pro_advlistip{ width:100%; height:400px;  overflow:hidden; position:relative}
 .pro_advlistip img{ width:100%; height:400px;}
 
  
  .pro_advlistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
  .pro_advlistit{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:80px;font-size:26px; line-height:80px; text-align:left; font-weight:normal; padding:0 25px; color:#01b4ee; margin-top:20px;}
  .pro_advlistit span{ font-size:49px; font-weight:bold; color:#ffffff; margin-left:15px; display:inline-table; width:80px; height:80px; background-color:#01b4ee; border-radius:50%; text-align:center}
  
  
 .pro_advlistit2{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); height:100px; text-align:left; line-height:25px; color:#989898; font-size:14px;padding:0 25px; margin-top:25px;}
  .pro_advlistit2 span{  font-weight:bold; font-size:18px; color:#646566 }
  
  
  .pro_hzmslist{ width:100%; height:auto; text-align:center; margin:0 auto; margin-bottom:-72px;}
  
  .pro_hzmslistc{ width:1400px; height:auto; margin:0 auto; margin-top:49px; }
  
  .pro_hzmslistci{ width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px); height:362px; margin:0px 15px; padding:0px; padding-top:80px; float:left; text-align:center; background-color:#f0f0f6; border-radius:5px;}
  .pro_hzmslistci:hover{ background-color:#01b4ee;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
		.pro_hzmslistci:hover .pro_hzmslistcit{ color:#ffffff}	
			
			
			
			
  .pro_hzmslistci img{ width:160px; height:160px; margin:0 auto; border-radius:50%; }
  
  .pro_hzmslistcit{width:100%; height:60px; font-size:16px; color:#646566; line-height:22px; text-align:center}
  .pro_hzmslistcit span{ width:100%; height:64px; display:block; font-size:22px; text-transform:uppercase; line-height:64px; color:#343536; font-weight:bold}
  .pro_hzmslistci:hover .pro_hzmslistcit{ color:#ffffff}
  
   .pro_hzmslistci:hover .pro_hzmslistcit span{ color:#ffffff}
  .ciezn_pagebtn{ width:1400px;height:64px; text-align:center; margin:0 auto; margin-top:100px;}
.ciezn_pagebtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid;  border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_pagebtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_pagebtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
 
 .pro_comadvbg{ width:100%; text-align:center; padding:100px 0px;  background-image:url(../images/pro_advbg.png); background-repeat:no-repeat; background-position:left top; padding-top:236px; min-height:740px  }
 .page_t3{ width:370px; height:56px; line-height:56px; font-size:48px; text-align:center;  background-image: -webkit-linear-gradient(left, #ffffff, #e6e6ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; font-weight:bold; margin:0 auto; }
 .page_t4{ width:1370px; margin:0 auto; font-size:20px; height:34px; line-height:34px; color:rgba(255,255,255,.74); text-align:center; font-weight:normal;  text-transform:uppercase;  } 
 .ciezn_advplist{width:1370px; height:623px; margin:0 auto; margin-top:34px; }	
 
 .ciezn_advplisti{width:25%;height:623px; float:left; text-align:center;  margin:0px; padding-top:40px;}
 
 .ciezn_advpip{width:260px; height:260px; text-align:center; margin:0px auto; padding:0px;}	
			.ciezn_advpipc{ width:260px; height:260px; margin:0 auto; border-radius:50%; overflow:hidden; box-shadow:0px 0px 26px rgba(0,0,0,.12);}
			.ciezn_advpipc img{ width:260px; height:260px; }
			  .ciezn_advpipc:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			  .ciezn_advpipc:hover{box-shadow:0px 0px 34px rgba(0,0,0,.22);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			.ciezn_advplisti:hover{ cursor:pointer}
			
	 .ciezn_advplisti:hover{margin-top:0px;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; background-color:#e9eeff;border-radius:260px;  }		
			
			.ciezn_advpii{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:150px; text-align:left; font-size:16px; line-height:25px; font-weight:normal;color:#646566; overflow:hidden; margin:0 auto; margin-top:15px}
		
		
		.pro_teamlist{ width:100%; height:500px; margin:0 auto; }
		
		.pro_teamlistp{width:50%; height:500px; float:left; overflow:hidden; margin:0px; }	
		.pro_teamlistp img{ width:100%; height:500px;}
		.pro_teamlistp:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
			
			.pro_teamlistp2{ float:right}
			
			
			
			
			.pro_teamlistt1{ width:370px; height:56px; font-size:48px; text-align:left;  background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; font-weight:bold; margin:0; }
			
		.pro_teamlistt2{ width:670px; margin:0 auto; font-size:20px; height:34px; line-height:34px; color:#c0c0c6; text-align:left; font-weight:normal;  text-transform:uppercase;  } 
		
			.pro_teamlistt3{ width:670px; height:50px; text-align:left; color:#646566; font-size:26px; line-height:30px; margin-top:10px;}
		.pro_teamlistt3 span{ font-weight:bold; color:#131415 }
		.pro_teami{ width:335px; height:40px; float:left; margin:0px; margin-top:20px;  text-align:left}
		.pro_teami img{ width:40px; height:40px; float:left; margin-right:10px;}
		
		
		.pro_teamit {width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);   height:40px;color:#343536; font-size:14px; line-height:15px; text-align:left; text-transform:uppercase}
		.pro_teamit span{ font-size:22px; display:block; width:100%; height:25px;}
		
		.pro_photolist{ width:100%; height:640px; margin:0 auto; margin-top:15px; box-shadow:0px 0px 26px rgba(0,0,0,.12);}
		.pro_photolist00{ position:relative; overflow:hidden}
		.pro_photolist00 img{ width:100%; height:100%;}
		.pro_photolist00:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
			
		.pro_photolist01{ width:33.3333333%; height:640px; float:left; margin:0px; background-color:#006633}
		
		.pro_photolist02{ width:50%; height:640px; float:left; margin:0px;}
		.pro_photolist03{ width:16.66666666666%; height:640px; float:left; margin:0px; background-color:#996666}
		.pro_photolist04{ width:66.66666666666%; height:320px; float:left; margin:0px; background-color:#CC3399}
		.pro_photolist05{ width:33.333333%; height:320px; float:left; margin:0px; background-color:#669933}
		
		.pro_devcon{ position:relative;   background-image:url(../images/tec_bg.jpg); background-position:center center; background-repeat:repeat; margin:0px auto; padding:150px 0px; margin-bottom:100px;}
		
		.pro_plisttxt03{ width:1370; height:50px; text-align:center; color:rgba(255,255,255,.90); font-size:26px; line-height:30px; margin-top:10px;}
		.pro_plisttxt03 span{ font-weight:bold; color:#ffffff }
		
.veg_teclist{ width:1370px; height:400px; margin:0 auto; margin-top:0px; position:relative; text-align:center  }

.veg_teclistitem{ width:24.9%; height:236px; font-size:22px; line-height:30px; color:#ffffff; float:left; margin:0; text-align:center; border:0px; font-weight:normal; margin-top:64px;}
.veg_teclistiteml{ border-right:rgba(255,255,255,.26) 0px solid;}
.veg_clear{ width:100%; height:0px; line-height:0px; clear:both;}
.veg_teclistitem span{ font-size:70px; font-weight:bold; line-height:170px; padding-right:10px; }
.veg_tecbtn{ width:260px; height:56px; margin:0 auto; margin-top:74px;}
.veg_tecbtn a{ display:block; width:256px; height:52px; border:#cccccf 2px solid; line-height:54px; text-align:center; font-size:14px; color:#262626; text-decoration:none; background-color:#cccccf; border-radius:34px;}
.veg_tecbtn a:visited{ display:block; width:256px; height:52px; border:#cccccf 2px solid;line-height:54px; text-align:center; font-size:14px; color:#262626; text-decoration:none; background-color:#cccccf; border-radius:34px;}
.veg_tecbtn a:hover{ display:block; width:256px; height:52px; border:#ffffff 2px solid;line-height:54px; text-align:center; font-size:14px; color:#000000; text-decoration:none; background-color:#ffffff; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; border-radius:34px;}
			
			 .pro_casebg{ width:100%; height:auto; text-align:center; margin:0 auto; background-color:#e9eeff; padding:100px 0px;}
			 
			 
			 .pro_caselist{ width:1400px; height:auto; margin:0 auto;}
			 
			 
 .pro_caseitem{width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px); height:auto; background-color:#ffffff; float:left; padding:0px; margin:15px; text-align:center;  box-shadow:0px 0px 15px rgba(0,0,0,.12); padding-bottom:30px; border-radius:5px; overflow:hidden }
 
 
 



.pro_caseitem_img{ width:100%; height:200px; margin:0; overflow:hidden;}
.pro_caseitem_img img{ width:100%; height:200px;  }
	.pro_caseitem_img:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
			
			.pro_caseitemt{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); height:50px; margin:10px auto; text-align:left; font-size:18px; line-height:25px; font-weight:bold; overflow:hidden }
.pro_caseitemt a{ color:#343536; text-decoration:none}
.pro_caseitemt a:visited{ color:#343536; text-decoration:none}
.pro_caseitemt a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
			
			
			.pro_caseitemi{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); height:60px; margin:10px auto; text-align:left; font-size:14px; line-height:20px; font-weight:normal; overflow:hidden; color:#646566 }
			
			
			
			
			.pro_casebtn{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);height:22px;font-size:22px; line-height:22px; text-align:center; margin:0 auto; margin-top:20px;  }
		
	.pro_casebtn a{ color:#343536; text-decoration:none; }	
	.pro_casebtn a:visited{ color:#343536;text-decoration:none; }	
	.pro_casebtn a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			
	
	.pro_casebtn span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px;  padding-right:25px; font-weight:normal; }
	.pro_casebtn span a{ color:#01b4ee;}
	.pro_casebtn span a:visited{ color:#01b4ee;}
	.pro_casebtn span a:hover{ color:#01b4ee;}
	
	 .pro_coopbg{ width:100%; height:auto; text-align:center; margin:0 auto; background-color:#ffffff; padding:1px 0px; }
	 
	 .pro_cooplist{width:1400px;height:450px;border-left:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; border-radius:5px; overflow:hidden;  margin:0 auto; margin-top:30px;}
	 
	  .pro_honorbg{ width:100%; height:auto; text-align:center; margin:0 auto; background-color:#ffffff;  }
	  .pro_honorcon{ width:1400px; height:auto; margin:0 auto; margin-top:15px;}
	   .pro_honorconi{width:-webkit-calc(33.33333% - 30px); width:-moz-calc(33.33333% - 30px); width:calc(33.33333% - 30px); height:300px; float:left; margin:15px; overflow:hidden}
	  
	  .pro_honorconi img{ width:100%; height:300px;}
	  
	  
	  .pro_honorconi:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
	  
	  
	  
	.page_bottombg{ margin:0 auto; margin-top:74px; height:332px; position:relative; background-color:#e9eeff}
	
	
	
 .warpper { height:560px; background: #01b4ee; margin:0 auto; margin-top:30px; width:100%; }
.wwwqirecom { width:100%;height:560px; margin:0 auto; position:relative}
.qirepic { width:100%; height: 560px; }
.qirepic ul{ width:100%; height:560px;  margin:0px; padding:0px;}
.qirepic ul li{width:100%; height:560px; position:relative; list-style:none }
.adv_icon{ width:370px; height:560px; position:absolute; background:rgba(200,160,99,.90);  left:-webkit-calc(50% - 685px); left:-moz-calc(50% - 685px); left:calc(50% - 685px); top:0px; z-index:9999; text-align:center}
.adv_icon img{ width:100px; height:100px; margin:0 auto; margin-top:60px;filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%);	 }
 .adv_icont1{ width:100%; height:40px; line-height:40px; margin:0 auto; margin-top:34px; color:#ffffff; text-align:center; font-weight:bold; font-size:30px;}
 .adv_icont2{ width:100%; height:20px; line-height:20px; margin:0 auto;  color:#ffffff; text-align:center; font-weight:normal; font-size:14px; text-transform:uppercase}
  .adv_icont3{ width:80%; height:150px; line-height:25px; margin:0 auto; margin-top:30px;  color:#ffffff; text-align:left; font-weight:normal; font-size:16px; }
/*图片导航*/
.adv_nav{ width:1370px; height:200px; position:absolute; left:50%; margin-left:-685px; top:-200px; }
.num { width:1000px; height:200px;  margin:0px; float:right; }
.num ul {width:1000px; height:199px;  margin:0px; padding:0px;   border-left:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; }
.num li { float: left; margin:0;width:249px; height:199px; margin:0px; padding:0px; border-right:#e6e6ee 1px solid; list-style:none; text-align:center; font-size:12px; line-height:18px; color:#646566 } 
.num li  span{ width:100%; display:block; height:34px; line-height:34px; color:#343536; font-size:18px; font-weight:bold}
.num li img { width: 50px; height: 50px; margin:0 auto; margin-top:40px; }



.num li.on{ cursor:pointer; color:#ffffff; background-color:#01b4ee; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;  } 

.num li.on span{ cursor:pointer; color:#ffffff;   } 


 .num li.on img{
   
  filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%);	 
	cursor: pointer
	
	}




	
 .warpper2 { height:auto; background: #122b88; margin:0 auto; margin-top:30px; width:100%; }
.wwwqirecom2 { width:100%;height:auto; margin:0 auto; position:relative; border-bottom:#e6e6ee 1px solid}
.qirepic2 { width:100%; height: 560px; text-align:center }
.qirepic2 ul{ width:100%; height:560px; }
.qirepic2 ul li{width:100%; height:560px; position:relative; list-style:none;  }
.adv_icon2{ width:1370px; height:100px; position:absolute; background:rgba(255,255,255,.90);  left:50%; margin-left:-685px; bottom:0px; z-index:9999; text-align:center}
  .adv_icon2t{ width:1130px; height:60px; line-height:20px; margin:20px; color:#646566; text-align:left; font-weight:normal; font-size:16px; overflow:hidden; text-align:left; float:left}
 .adv_icon2t a{ width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; display:block; text-decoration:none; color:#646566; overflow:hidden}
 .adv_icon2t a:visited{width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; display:block; text-decoration:none; color:#646566 overflow:hidden}
  .adv_icon2t a:hover{width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; display:block; text-decoration:none; color:#01b4ee; overflow:hidden}
  
  
  .adv_icon2b{width:150px;height:50px;font-size:18px; line-height:50px; text-align:center; font-weight:bold; padding:25px; background-color:#131415; float:right}
		
 
			
			
	
	.adv_icon2b span{ display:block; width:125px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:18px;color:#01b4ee; line-height:50px; margin:0px auto;  padding-right:25px; font-weight:normal; }
	.adv_icon2b span a{ color:#01b4ee; text-decoration:none}
	.adv_icon2b span a:visited{ color:#01b4ee; text-decoration:none}
	.adv_icon2b span a:hover{ color:#01b4ee; text-decoration:none}
  
  
  
  
  
/*图片导航*/
.adv_nav2{ width:100%; height:150px; text-align:center; margin:0 auto; border-top:#e6e6ee 1px solid;}
.num2 { width:1368px; height:150px;  margin:0px auto; background-color:#FFFFFF; border-left:#e6e6ee 1px solid; border-right:#e6e6ee 1px solid  }
.num2 ul {width:1368px; height:150px;  margin:0px; padding:0px;   border-left:#e6e6ee 1px solid;  }
.num2 li { float: left; margin:0;width:301px; height:100px; margin:0px; padding:0px 20px; padding-top:50px; border-right:#e6e6ee 1px solid; list-style:none; text-align:left; font-size:12px; line-height:18px; color:#646566 } 
.num2 li  span{  height:30px; line-height:30px; color:#343536; font-size:22px; font-weight:bold}
.num2 li img { width: 50px; height: 50px; margin:0px; float:left; margin-right:5px; }



.num2 li.on{ cursor:pointer; color:#ffffff; background-color:#01b4ee; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;  } 

.num2 li.on span{ cursor:pointer; color:#ffffff;   } 


 .num2 li.on img{
   
  filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%);	 
	cursor: pointer
	
	}





.page_advtcon{ width:1370px; margin:0 auto; margin-top:200px;}
.page_advt{ width:240px; height:64px; line-height:64px; font-size:56px; text-align:left;  background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; font-weight:bold; margin:0px; }
 .page_advt2{ width:1370px; margin:0 auto; font-size:18px; height:34px; line-height:34px; color:#646566; text-align:left; font-weight:normal;  text-transform:uppercase;  } 
 
 .pronew_con{ width:1400px;height:480px; margin:0 auto; margin-top:30px;}
 
 
 .pro_aboutbg{ width:100%; margin:0px auto; padding:100px 0px; background-color:#e9eeff;  position:relative; background-image:url(../images/about_bg.jpg); background-position:center bottom; background-repeat:no-repeat;  padding-top:1px; margin-top:100px; margin-bottom:-100px;}	
 
  .pro_mesform{ width:1340px; height:40px; background-color:#ffffff;  border:0px; border-radius:5px; padding:30px 15px; margin:0 auto; margin-top:236px; box-shadow:0px 0px 15px rgba(0,0,0,.08)}
		
		 .pro_mesforminput{width:-webkit-calc(20% - 32px); width:-moz-calc(20% - 32px); width:calc(20% - 32px); height:38px; line-height:38px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#0c1e40; text-indent:10px; float:left;margin:0px 15px;}
		
		.pro_mesforminput2{width:-webkit-calc(45% - 32px); width:-moz-calc(45% - 32px); width:calc(45% - 32px);height:38px; line-height:38px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#0c1e40; text-indent:10px; float:left;margin:0px 15px;}
		
		
		.pro_mesforminput3{ width:-webkit-calc(15% - 32px); width:-moz-calc(15% - 32px); width:calc(1015 - 32px); height:40px; line-height:40px; border:0px; background-color:#112a87; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px 15px;}
		.pro_mesforminput3:hover{ width:-webkit-calc(15% - 32px); width:-moz-calc(15% - 32px); width:calc(15% - 32px);  height:40px; line-height:40px; border:0px; background-color:#01b4ee; font-size:14px; text-align:center; color:#ffffff;  float:left;  margin:0px 15px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		
		/*案例列表*/
		
		.page_casebanner{ width:100%; height:608px; margin:0px; padding:0px; background-image:url(../images/casebanner.jpg); background-position:center center; background-repeat:no-repeat; }
		
		 
	.page_toptitle{ width:1370px; height:100px; text-align:left; margin:0px auto; font-size:56px; font-weight:bold; line-height:60px; color:#ffffff; text-shadow:0px 0px 4px rgba(0,0,0,.15)}
	
	.page_toptitle span{ font-size:26px; text-transform:uppercase; line-height:30px; font-weight:normal;}
	
	.page_topnav{ width:1370px; height:auto; margin:0 auto; margin-top:50px; }
	.page_topnavitem{ width:auto; height:40px; float:left; margin:0px; margin-right:30px; padding:0px;  text-align:left  }
	
	.page_topnavitem a{ display:inline-table;  height:37px;   border:0px;   font-size:20px;  text-align:left; color:#848586;text-decoration:none;}
	.page_topnavitem a:visited{display:inline-table;  height:37px;   border:0px;   font-size:20px;  text-align:left; color:#848586;text-decoration:none;}
	.page_topnavitem a:hover{display:inline-table;  height:37px;   border:0px;   font-size:20px;  text-align:left; color:#01b4ee; border-bottom:#01b4ee 3px solid;text-decoration:none; }
	
	#page_topnavitem{ display:inline-table; height:37px;   border:0px;   font-size:20px;  text-align:left; color:#01b4ee; border-bottom:#01b4ee 3px solid;text-decoration:none;}
			
			
			
			
			
			.sntopage_caselist{ width:1400px; margin:15px auto; height:auto}
			
			.sntopage_caselisthot{ width:700px; margin:0px auto; height:auto; padding-top:15px;}
			
			
			
			
			
 .sntopage_caseitem{ width:-webkit-calc(33.33333% - 30px); width:-moz-calc(33.33333% - 30px); width:calc(33.33333% - 30px);  height:auto; background-color:#ffffff; float:left; padding:0px; text-align:center; padding:0; margin:15px;box-shadow:0px 0px 34px rgba(0,0,0,.12); padding-bottom:30px; }
 
 .sntopage_caseitemhottop{ width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);  height:200px; background-color:#ffffff;  padding:15px; text-align:center;  margin:15px;border-radius:5px;  }
 
 .sntopage_caseitemhoti{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:30px;background-color:#ffffff;   margin:0 15px; margin-top:15px; padding:15px; font-size:16px; text-align:left; line-height:30px;}
 
 .sntopage_caseitemhoti a{ color:#646566; text-decoration:none }
.sntopage_caseitemhoti a:visited{ color:#646566; text-decoration:none }
.sntopage_caseitemhoti a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 .sntopage_caseitemhoti span{ display:block; width:15px; height:30px; float:right; background-image:url(../images/more_icon2.png); background-position:center center; background-repeat:no-repeat}
  .sntopage_caseitemhoti idate{ display:block; width:100px; height:30px; float:right; text-align:right; color:#989898; line-height:30px; font-size:14px;}
 
.sntopage_caseitemhottoppic{ width:50%; height:200px; float:left; overflow:hidden; border-radius:3px;}
.sntopage_caseitemhottoppic img{ width:100%; height:200px;border-radius:3px;  }
 			
.sntopage_caseitemhottoppic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
 .sntopage_casehottxt{width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); height:200px; float:right; overflow:hidden}
 
 .sntopage_casehottxtt{ width:100%; height:50px; text-align:left; font-size:16px; font-weight:bold; line-height:25px; overflow:hidden}
 
.sntopage_casehottxtt a{ color:#343536; text-decoration:none }
.sntopage_casehottxtt a:visited{ color:#343536; text-decoration:none }
.sntopage_casehottxtt a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 
 .sntopage_casehottxti{ width:100%; height:75px; text-align:left; font-size:14px; font-weight:normal; line-height:25px; overflow:hidden; color:#848586; margin-top:15px;}
  .sntopage_casehottxtd{ width:100%; height:25px; text-align:left; font-size:14px; font-weight:normal; line-height:25px; overflow:hidden; color:#646566; margin-top:34px;}
 
.sntopage_caseitem2{ width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px);  }
.sntopage_caseitem:hover{  box-shadow:0px 0px 34px #c0c0c6;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer }


.sntopage_caseitem_img{ width:92%; height:260px; margin:4% auto; overflow:hidden}
.sntopage_caseitem_img img{ width:100%; height:260px;  }
.sntopage_caseitem_img2{ width:92%; height:200px; margin:4% auto; overflow:hidden}
.sntopage_caseitem_img2 img{ width:100%; height:200px;  }

.sntopage_caseitem_img img:hover{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			.sntopage_caseitem_img2 img:hover{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
.sntopage_caseitemt{ width:92%; margin:0 auto;padding:0; text-align:left; font-size:20px; color:#343536; line-height:49px; overflow:hidden; height:49px; font-weight:normal}

.sntopage_caseitemt a{ color:#343536; text-decoration:none }
.sntopage_caseitemt a:visited{ color:#343536; text-decoration:none }
.sntopage_caseitemt a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }

.sntopage_caseitemt2{ width:92%; margin:0 auto;padding:0; text-align:left; font-size:16px; color:#343536; line-height:30px; overflow:hidden; height:30px; font-weight:normal}
.sntopage_caseitemt2 a{ color:#343536; text-decoration:none }
.sntopage_caseitemt2 a:visited{ color:#343536; text-decoration:none }
.sntopage_caseitemt2 a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }

.sntopage_caseitemt3{ width:92%; margin:0 auto;padding:0; text-align:center; font-size:18px; color:#343536; line-height:49px; overflow:hidden; height:49px; font-weight:normal}

.sntopage_caseitemt3 a{ color:#343536; text-decoration:none }
.sntopage_caseitemt3 a:visited{ color:#343536; text-decoration:none }
.sntopage_caseitemt3 a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }

 .sntopage_caseitemt:hover .st_caseitemt1{  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer; color:#cf0014 }

.sntopage_caseitemi{ width:92%; margin:0 auto; padding:0; text-align:left; font-size:14px; color:#848586; line-height:20px; margin-top:10px; height:40px; overflow:hidden}





			
			
	.snto_clear{ width:100%; height:0px; line-height:0px; clear:both}		
			
			
	.snto_pagnavcon{ width:80%; height:56px; margin:49px auto; text-align:center; list-style:none}		
		.snto_pagnavcon li{display:inline-table;margin-right:7px; }	
		.snto_pagnavcon li a{ display:block; width:54px; height:54px;  background-color:#f0f0f6; text-align:center; font-size:14px; line-height:54px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none; }
		.snto_pagnavcon li a:visited{ display:block; width:54px; height:54px;   background-color:#f0f0f6; text-align:center; font-size:14px; line-height:54px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none; }
		.snto_pagnavcon li a:hover{ display:block; width:54px; height:54px; background-color:#01b4ee; text-align:center; font-size:14px; line-height:54px;border:#01b4ee 1px solid; color:#ffffff; border-radius:50%; text-decoration:none;  }				
		.snto_pagnavcon  .on a{display:block; width:54px; height:54px;   background-color:#01b4ee; text-align:center; font-size:14px; line-height:54px; color:#ffffff; border-radius:50%;}
		.snto_pagnavconfirst{ width:54px; height:54px; display:inline-table; margin-right:7px;}			
		.snto_pagnavconfirst a{  width:54px; height:54px;  background-color:#f0f0f6; text-align:center; font-size:14px; line-height:54px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none;}
		.snto_pagnavconfirst a:visited{  width:54px; height:54px;   background-color:#f0f0f6; text-align:center; font-size:14px; line-height:54px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none;  }
		.snto_pagnavconfirst a:hover{  width:54px; height:54px; background-color:#01b4ee; text-align:center; font-size:14px; line-height:54px;border:#01b4ee 1px solid; color:#ffffff; border-radius:50%; text-decoration:none; }	
			
			
	.page_viewbtn{ width:92%; height:22px; margin:20px auto;   text-align:left; font-size:14px; color:#343536; text-transform:uppercase; line-height:22px;}
	 
	
	
	.page_viewbtn span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; float:left; background-repeat:no-repeat; text-align:left; font-size:14px; height:22px; line-height:22px;  padding-right:25px; font-weight:normal; text-transform:uppercase}
	
	.page_viewbtn a{ color:#01b4ee; text-decoration:none}
	.page_viewbtn a:visited{ color:#01b4ee; text-decoration:none}
	.page_viewbtn a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			/*新闻*/
			.page_newbanner{ width:100%; height:608px; margin:0px; padding:0px; background-image:url(../images/pnewbanner.jpg); background-position:center center;  background-repeat:no-repeat;text-align:center;}
		
			
			.sntopage_newitem{ width:1370px; height:260px; padding:49px 0px; margin:0 auto; border:0px; border-bottom:#e6e6ee 1px solid;}
			
			.sntopage_newitempic{ width:32%; height:260px; overflow:hidden; float:left; border-radius:5px; overflow:hidden}
			.sntopage_newitempic img{ width:100%; height:260px;}
			
			
			
.sntopage_newitempic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
			
			
			.sntopage_newitemtxt{ width:66%; height:260px; overflow:hidden; float:right;}
			
			.sntopage_newitemtit{ width:100%; height:60px; line-height:30px; font-size:22px; font-weight:normal; overflow:hidden; text-align:left}
			
			.sntopage_newitemtit a{ color:#343536; text-decoration:none }
			.sntopage_newitemtit a:visited{ color:#343536; text-decoration:none }
			.sntopage_newitemtit a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
			
			.sntopage_newiteminfo{ width:100%; height:75px; margin-top:25px; line-height:25px; font-size:16px; font-weight:normal; overflow:hidden; text-align:left; color:#646566}
			
			.sntopage_newitemdate{ width:100%; height:20px; line-height:20px; margin-top:80px; text-align:left; color:#aaaaaa; font-size:16px;}
			.sntopage_newitemdate span{ color:#646566;  }
			
			.sntopage_newitemdate a{ color:#01b4ee; text-decoration:none  }
			.sntopage_newitemdate a:visited{ color:#01b4ee; text-decoration:none  }
			.sntopage_newitemdate a:hover{ color:#01b4ee; text-decoration:underline  }
			
			
			.page_hotcon{ width:100%; padding:50px 0px; padding-bottom:100px; margin:100px auto; margin-bottom:-100px; background-color:#e9eeff; border-top:#e6e6ee 1px solid}
			.page_hotconc{ width:1400px; margin:0 auto;}
			
			.page_hotconch{ width:700px; float:left; margin:0px; text-align:center}
			
			
			
			 .page_hott{width:670px;height:30px;font-size:26px; line-height:30px; text-align:left; font-weight:bold; margin:0 auto;}
		
	.page_hott a{ color:#343536; text-decoration:none; }	
	.page_hott a:visited{ color:#343536;text-decoration:none; }	
	.page_hott a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.page_hott span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px; margin-top:4px;padding-right:25px; font-weight:normal; float:right}
	.page_hott span a{ color:#01b4ee;}
	.page_hott span a:visited{ color:#01b4ee;}
	.page_hott span a:hover{ color:#01b4ee;}
	
	
	
	
	.page_hotlist{ width:700px; margin:15px auto; height:auto}
			
			
			
			
 
 .page_hotitem{ width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px); margin:15px; float:left; text-align:left; height:auto  }
 


.page_hotitem_img{ width:100%; height:200px;}
.page_hotitem_img img{ width:100%; height:200px;  }
 
 
.page_hotitemt{ width:100%; margin:0 auto;padding:0; text-align:left; font-size:16px; color:#343536; line-height:20px; overflow:hidden; height:40x; font-weight:normal; margin-top:15px;}

.page_hotitemt a{ color:#131415; text-decoration:none }
.page_hotitemt a:visited{ color:#131415; text-decoration:none }
.page_hotitemt a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 
	
	
	.page_probanner{ width:100%; height:608px; margin:0px; padding:0px; background-image:url(../images/probanner.jpg); background-position:center center; background-repeat:no-repeat; padding:0px; text-align:center;}
	
	
	
	
	
	.page_caselist{ width:1400px; margin:0 auto; margin-top:15px;}
	.page_caselisthot{ width:700px; margin:0 auto; margin-top:15px;}
 .page_caselisti{ background-color:#ffffff;width:-webkit-calc(33.333333% - 30px); width:-moz-calc(33.333333% - 30px); width:calc(33.333333% - 30px); height:490px; float:left; margin:15px;box-shadow:0px 0px 34px rgba(0,0,0,.12); border-radius:5px; overflow:hidden}
 
 .page_caselistihot{ background-color:#ffffff;width:-webkit-calc(33.333333% - 30px); width:-moz-calc(33.333333% - 30px); width:calc(33.333333% - 30px); height:230px; float:left; margin:15px;border-radius:5px; overflow:hidden; margin-bottom:0px;}
  .page_caselistihotp{ width:100%; height:190px;  overflow:hidden; position:relative}
 .page_caselistihotp img{ width:100%; height:190px;}
 
 .page_caselistihotp:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
.page_caselistihott{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); margin:0 auto;padding:0 15px; text-align:left; font-size:16px; color:#343536; line-height:40px; overflow:hidden; height:40x; font-weight:bold;  }

.page_caselistihott a{ color:#343536; text-decoration:none }
.page_caselistihott a:visited{ color:#343536; text-decoration:none }
.page_caselistihott a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }			
 
  
 .page_caselistip{ width:100%; height:400px;  overflow:hidden; position:relative}
 .page_caselistip img{ width:100%; height:400px;}

  
  .page_caselistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
  .page_caselistit{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:80px;font-size:20px; line-height:80px; text-align:left; font-weight:nrmal; padding:0 25px;}
	.page_caselistit2{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);height:60px;font-size:16px; line-height:60px; text-align:left; font-weight:nrmal; padding:0 15px; overflow:hidden}	
	.page_caselistit a{ color:#646566; text-decoration:none; }	
	.page_caselistit a:visited{ color:#646566;text-decoration:none; }	
	.page_caselistit a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.page_caselistit span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px; margin-top:29px;padding-right:25px; font-weight:normal; float:right}
	.page_caselistit span a{ color:#01b4ee;}
	.page_caselistit span a:visited{ color:#01b4ee;}
	.page_caselistit span a:hover{ color:#01b4ee;}
	
	
	.page_hottarg{ width:100%; padding:15px 0px;  background-color:#e9eeff; border-bottom:#e6e6ee 1px solid; margin:0 auto; text-align:center}
	.page_hottargc{ width:1370px; height:40px; line-height:40px; text-align:left; font-size:14px; color:#989898; margin:0 auto;}
	
	.page_hottargc a{ color:#646566; text-decoration:none; padding-left:20px;}
	.page_hottargc a:visited{ color:#646566; text-decoration:none; padding-left:20px;}
	.page_hottargc a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;  padding-left:20px;}
			.page_hottargc img{ width:30px; height:30px; float:left; margin:5px; margin-right:10px;}	
			
		.page_position{ width:100%; padding:20px 0px;  background-color:#ffffff; border-bottom:#e6e6ee 1px solid; margin:0 auto; text-align:center}
	.page_positionc{ width:1370px; height:20px; line-height:20px; text-align:left; font-size:14px; color:#989898; margin:0 auto;}
	
	.page_positionc a{ color:#646566; text-decoration:none; }
	.page_positionc a:visited{ color:#646566; text-decoration:none; }
	.page_positionc a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }	
	.page_positionc img{ width:20px; height:20px; float:left; margin-right:15px;}	
	
	.page_newt01{ width:1400px; margin:0 auto; margin-top:30px; font-size:49px; text-align:center; color:#343536; line-height:56px; font-weight:bold}
	.page_newt01top{ margin-top:100px}
	.page_newt02{ width:1400px; margin:0 auto; font-size:18px; text-align:center; color:#646566; line-height:26px; text-transform:uppercase}
	
		
	.page_newlist01{ width:1400px; margin:0 auto; margin-top:15px;}	
	.page_newlist01i{width:-webkit-calc(33.333333% - 30px); width:-moz-calc(33.333333% - 30px); width:calc(33.333333% - 30px); height:490px; margin:15px;  float:left;}
	.page_newlist01ip{ width:100%; height:260px; overflow:hidden;}
	.page_newlist01ip img{ width:100%; height:260px; }	
				
.page_newlist01ip img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
	
	.page_newlist01it{ width:100%; height:50px; overflow:hidden; margin:0 auto; margin-top:20px; font-size:18px; text-align:left; font-weight:bold; overflow:hidden}
	.page_newlist01it a{ color:#343536; text-decoration:none; }
	.page_newlist01it a:visited{ color:#343536; text-decoration:none; }
	.page_newlist01it a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }	
	.page_newlist01ii{ width:100%; height:60px; overflow:hidden; margin:0 auto; margin-top:10px; font-size:14px; text-align:left; font-weight:normal; overflow:hidden; color:#848586}
	.page_newlist01id{ width:100%; height:30px; overflow:hidden; margin:0 auto; margin-top:30px; font-size:14px; text-align:left; font-weight:normal; overflow:hidden; color:#646566}
	.page_newlist01id a{ color:#01b4ee; text-decoration:none; }
	.page_newlist01id a:visited{ color:#01b4ee; text-decoration:none; }
	.page_newlist01id a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }	
	
	
	
	.page_newbg{ padding:100px 0px; margin:100px auto; background-color:#e9eeff;}
	
	
	
	
			.page_newitem{ width:1310px; height:236px; padding:30px ; margin:0 auto; border:0px; background-color:#ffffff; margin-top:30px;}
			
			.page_newitempic{ width:30%; height:236px; overflow:hidden; float:left;   overflow:hidden}
			.page_newitempic img{ width:100%; height:236px;}
			
			
			
.page_newitempic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
			
			
			.page_newitemtxt{ width:68%; height:236px; overflow:hidden; float:right;}
			
			.page_newitemtxtt{ width:100%; height:50px; line-height:25px; font-size:18px; font-weight:bold; overflow:hidden; text-align:left}
			
			.page_newitemtxtt a{ color:#343536; text-decoration:none }
			.page_newitemtxtt a:visited{ color:#343536; text-decoration:none }
			.page_newitemtxtt a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
			
			.page_newiteminfo{ width:100%; height:60px; margin-top:25px; line-height:20px; font-size:14px; font-weight:normal; overflow:hidden; text-align:left; color:#848586}
			
			.page_newitemdate{ width:100%; height:20px; line-height:20px; margin-top:74px; text-align:left; color:#aaaaaa; font-size:14px;}
			.page_newitemdate span{ color:#646566;  }
			
			.page_newitemdate a{ color:#01b4ee; text-decoration:none  }
			.page_newitemdate a:visited{ color:#01b4ee; text-decoration:none  }
			.page_newitemdate a:hover{ color:#01b4ee; text-decoration:underline  }
	
	.page_newlist02{ width:1400px; margin:0 auto; margin-top:15px;}	
	.page_newlist02i{width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); height:40px; margin:0px 15px;  float:left; line-height:40px; text-align:left; font-size:16px;}
	.page_newlist02i a{ color:#343536; text-decoration:none  }
			.page_newlist02i a:visited{ color:#343536; text-decoration:none  }
			.page_newlist02i a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;   }
	
	.page_newlist02i span{ display:block; width:120px; height:40px; float:right; text-align:right; font-size:14px; color:#989898}
	
	
	
	
	.page_newitem2{ width:1308px; height:100px; padding:30px; margin:0 auto; border:0px; background-color:#ffffff; margin-top:30px; border:#e6e6ee 1px solid; box-shadow:0px 0px 15px rgba(0,0,0,.10);}
	
	
	.page_newitem2t{ width:100%; height:25px; line-height:25px; font-size:18px; font-weight:bold; overflow:hidden; text-align:left}
			
			.page_newitem2t a{ color:#343536; text-decoration:none }
			.page_newitem2t a:visited{ color:#343536; text-decoration:none }
			.page_newitem2t a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
	.page_newitem2t span{ display:block; width:120px; height:25; float:right; text-align:right; font-size:14px; color:#989898; text-transform:none}
	.page_newiteminfo{ width:100%; height:50px; margin-top:25px; line-height:25px; font-size:14px; font-weight:normal; overflow:hidden; text-align:left; color:#848586}
	
	
	
	
	
	
	.page_newlist03{ width:1380px; margin:0 auto; margin-top:15px;}	
	.page_newlist03i{width:-webkit-calc(50% - 42px); width:-moz-calc(50% - 42px); width:calc(50% - 42px); height:40px; margin:5px; padding:15px;  float:left; line-height:40px; text-align:left; font-size:16px; border:#e6e6ee 1px solid;box-shadow:0px 0px 15px rgba(0,0,0,.10);}
	.page_newlist03i a{ color:#646566; text-decoration:none  }
			.page_newlist03i a:visited{ color:#646566; text-decoration:none  }
			.page_newlist03i a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;   }
	
	.page_newlist03i span{ display:block; width:120px; height:40px; float:right; text-align:right; font-size:14px; color:#989898}
	
	
	
	
	
	
	
	
	
	
	
	.page_morebtn{ width:1400px;height:100px; margin:0 auto; text-align:center; margin-top:30px;}
.page_morebtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid;  border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_morebtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_morebtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
	
	.pag_newhotlist{ width:700px; height:230px; margin:0 auto; margin-top:30px;}
	.pag_newhotlisti{width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); margin:0 15px; float:left; position:relative; background-color:#FFFFFF; height:230px; overflow:hidden;border-radius:5px;}
	.pag_newhotlisti img{ width:100%; height:230px;}
	
	.pag_newhotlisti:hover img{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
	
	.pag_newhotlistit{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); padding:15px; padding-top:30px; height:30px; line-height:30px; overflow:hidden; position:absolute; left:0px; bottom:0px; background-image:url(../images/index_tbg.png); background-size:auto 100%; font-size:16px; font-weight:bold; text-align:left; }
	
	.pag_newhotlistit a{ color:#ffffff; text-decoration:none  }
			.pag_newhotlistit a:visited{ color:#ffffff; text-decoration:none  }
			.pag_newhotlistit a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;   }
	.st_search02{ width:250px; height:38px; float:right; margin:0px; border:#01b4ee 1px solid; border-radius:5px; background-color:#ffffff }
.st_search_input02{ width:206px; height:36px; line-height:36px; float:left; margin:0px; text-indent:10px;  color:#646566; font-size:14px;   background:none; border:none;  }

.st_search_btn02{ width:38px; height:38px; float:right; background:none; border:0px; background-color:#01b4ee; background-image:url(../images/search_btn02.png); background-position:center center; background-repeat:no-repeat; cursor:pointer}
/*走进鑫政*/

.pro_aboutbanner{ width:100%; text-align:center; height:608px; padding:0px; background-color:#e9eeff;  background-image:url(../images/aboutbanner.jpg); background-repeat:no-repeat; background-position:center center;   }

.page_abouttxt{ font-size:16px; line-height:30px; text-align:left; margin:0px auto; width:1370px; color:#646566; font-weight:normal; overflow:hidden; margin-top:34px;  }
.page_abouttxt p{ padding:3px 0px;}





.page_aboutbg{ width:100%; margin:0px auto; padding:100px 0px; background-color:#e9eeff;  position:relative; background-image:url(../images/about_bg.jpg); background-position:center bottom; background-repeat:no-repeat;  padding-top:1px; padding-bottom:340px;}	


			
			
	#timeline {
		border:0px;
		width:100%;
		height:740px;
		overflow: hidden;
		margin:0 auto; margin-top:30px;
		position: relative; padding:0px;
	 
		 
	}
 .timeline_con{ width:100%; height:74px; position:absolute;  z-index:100; left:0; top:0px;background:rgba(0,0,0,.34); padding:26px 0px; z-index:1; padding-bottom:64px;}
 
 .timeline_center{width:100%; height:74px; position:relative; margin:0px; padding:0px;background: url(../images/timelinebg03.png) center bottom  repeat-x;}
 
 
		#dates {
			width:100%;
			height:74px;
			overflow: hidden;
			 position:absolute;  top:0; padding:0px; margin:0px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 140px;
				height: 74px; margin:0px; padding:0px;
				 
				
			}
				#dates a { display:block; font-size:16px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:rgba(255,255,255,.64);
					 background: url(../images/timelinebg01.png) center bottom no-repeat;
				}
				#dates a:visited { display:block; font-size:16px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:rgba(255,255,255,.64);
					 background: url(../images/timelinebg01.png) center bottom no-repeat;
				}
				#dates a:hover { display:block; font-size:22px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:#ffffff;
					 background: url(../images/timelinebg02.png) center bottom no-repeat;
				}
				#dates .selected {
			       display:block; font-size:26px; line-height:74px; text-decoration:none; font-weight:bold;
					 width: 140px;
			     	height: 74px; color:#ffffff;
					 background: url(../images/timelinebg02.png) center bottom no-repeat;
				}
		
		#issues {
			width:100%;
			height:740px;
			overflow: hidden; margin:0px; padding:0px; position:absolute; left:0; top:0; z-index:0;
		}	
			#issues li {
			 
				height: 740px;
				list-style: none;margin:0px; padding:0px;
				float: left; position:relative
			}
				#issues li img {
					float: left;
					margin:0;
					 
				}
				
				
				.time_itemtitle{ position:absolute; top:300px; z-index:999; left:50%; margin-left:-685px; line-height:120px; font-size:100px; color:#ffffff; font-weight:bold; text-shadow:0px 0px 7px rgba(0,0,0,.34); width:1370px; text-align:left; overflow:hidden}
				
				.time_itemttxt{ position:absolute; top:434px; z-index:999; left:50%;margin-left:-685px; line-height:40px; font-size:26px; color:#ffffff; width:1370px;text-shadow:0px 0px 2px rgba(0,0,0,.34); text-align:left; height:80px; overflow:hidden}
				
				
			 .snto_timebtn{ width:100%; position:absolute;height:64px; top:346px; left:149px;  }
.snto_timebtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_timebtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_timebtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			.slideGroup {
	margin:0 auto;
	width: 1000px;
	height: 500px;
}

.slideGroup .parHd {
	position: relative;
	height: 50px; width:800px; margin:0 auto;
 
	 
}

.slideGroup .parHd ul {
	 height: 50px; width:880px; margin:34px 0px; padding:0px;
}

.slideGroup .parHd ul li {
	float: left;
	 display:block; width:200px; height:50px; margin:0 10px; background-color:#f0f0f6; font-size:16px; color:#343536; line-height:50px; text-align:center; border:0px; border-radius:26px; cursor:pointer
	 
}
.slideGroup .parHd ul li:hover {
	 
	background: #ce0214;
	color: #ffffff;
}
.slideGroup .parHd ul li.on {
	 
	background: #ce0214;
	color: #ffffff;
}








.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding:0 74px;
	position: relative;
	 height:558px; margin:34px auto; text-align:center; width:1170px; 
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 5px;
	top: 10px;
	display: block;
	width: 54px;
	height:558px;
	background: url(../images/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: auto;
	right: 5px;
	background: url(../images/icoRight.png) center center no-repeat;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1; width:1170px; height:558px; margin:0 auto; padding:0px;
}

.slideGroup .parBd ul li {
	margin:0px;
	float: left;
	width:1170px;
	position: relative;height:558px; list-style:none;
}

.slideGroup .parBd ul li .pic {
 width:1170px; height:558px; float:left; margin:0px; padding:0px; background-color:#006699
	 
}

.slideGroup .parBd ul li .pic img {
	 width:1170px; height:558px; margin:0px; 
}

.futruetl{ text-align:center}
			
			
			 .pro_abotcoopbg{ width:100%; height:auto; text-align:center; margin:0 auto; background-color:#e9eeff;  padding:100px 0px; padding-top:1px; margin-top:100px; }
			 
			 
			 /*map*/
 .map_bg{background-image:url(../images/bg.jpg); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; width:100%; height:1000px; padding:0px; margin-bottom:-74px; overflow:hidden; }
   
   
   .page_t1wight{  width:370px; height:64px; line-height:64px; font-size:56px; text-align:center; color:#ffffff; font-weight:bold; margin:0 auto; z-index:99999 }
  .page_t1wightcolor{color:#ffffff; z-index:99999}
   
 .mapChina {
  width:1170px;
  height:1170px;
  
  margin: 0 auto;
  padding: 0; margin-top:-100px; 
   
  
 
  
}
.map {
  position: relative;
  height: 100%;
}
.map .chart {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  width: 100%;
}
.map .map1,
.map .map2,
.map .map3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  background: url(../images/map.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.3;
}
.map .map2 {
  width: 90%;
  height: 90%;
  background-image: url(../images/lbx.png);
  opacity: 0.6;
  animation: rotate 15s linear infinite;
  z-index: 2;
}
.map .map3 {
  width: 90%;
  height: 90%;
  background-image: url(../images/jt.png);
  animation: rotate1 10s linear infinite;
}
@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotate1 {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}


.page_aboutztbg{ background-image:url(../images/adv_bg.jpg); background-position:center center; background-attachment:fixed; padding-bottom:230px;margin:0 auto; padding-top:1px; margin-bottom:-230px; position:relative }
.page_aboutculist{ width:1400px; height:auto; margin:0 auto; margin-top:30px; padding-bottom:49px; }	
	.page_aboutculisti{ width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px); height:400px; margin:0 15px; margin-bottom:30px; float:left; text-align:center; background-color:#ffffff; box-shadow:0px 0px 26px rgba(0,0,0,.15); border-radius:5px;}
 
		
		.page_aboutculcon{width:-webkit-calc(100% - 62px); width:-moz-calc(100% - 62px); width:calc(100% - 62px); height:338px; margin:30px; background:rgba(255,255,255,.17); margin:30px; border:#e6e6ee 1px solid; text-align:center }
		
		
		
		
		
		 
		.page_aboutcult1{ width:84%; height:56px; line-height:56px; font-size:34px; color:#989898; text-align:left; margin:0 auto; margin-top:30px; text-transform:uppercase }
		.page_aboutcult1 span{ font-size:56px; font-weight:bold; color:#343536}
		
		.page_aboutcult2{ width:84%; height:49px; line-height:49px; font-size:32px; color:#01b4ee; text-align:left; margin:0 auto; text-transform:uppercase; font-weight:normal }
		.page_aboutcult3{ width:84%; line-height:30px; font-size:18px; color:#646566; text-align:left; margin:0 auto;margin-top:26px; text-transform:uppercase }
		 
		
		.wdf_clear{ width:100%; height:0px; line-height:0px; clear:both}
		
		
		
		.page_aboutculisti:hover{ background-color:#01b4ee;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		.page_aboutculisti:hover span{ color:#ffffff;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		.page_aboutculisti:hover div{ color:#ffffff;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
			
			
			



.leou_pnavcon{ width:100%; height:80px; margin:0 auto; padding:0px; text-align:center; border-bottom:#e6e6ee 1px solid;  }
			.leou_pnav{ width:1370px; height:80px; text-align:center; margin:0 auto}
			.leou_pnav a{ display:inline-table; text-align:center; width:150px; height:76px; font-size:20px; color:#848586; line-height:76px; font-weight:normal; text-decoration:none; margin:0 0px; padding:0;}
			.leou_pnav a:visited{ display:inline-table; text-align:center; width:150px; height:76px; font-size:20px; color:#848586; line-height:76px; font-weight:normal; text-decoration:none; margin:0 0px; padding:0;}
			.leou_pnav a:hover{ display:inline-table; text-align:center; width:150px; height:76px; font-size:20px; color:#01b4ee; line-height:76px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid;  margin:0 0px; padding:0; }
			#leou_pnavon{ display:inline-table; text-align:center; width:150px; height:76px; font-size:20px; color:#01b4ee; line-height:76px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid; margin:0 0px; padding:0; }
			
			
			
			
.futrue_list01{ width:100%; height:560px; margin:0 auto; margin-top:49px;}
.futrue_list01pic{width:50%; height:560px; float:left; overflow:hidden; box-shadow:0px 0px 34px rgba(0,0,0,.12);  }

.futrue_list01pic img{ width:100%; height:560px; float:left}


.futrue_list01pic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;cursor:pointer  }


.futrue_list01txt{width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); height:560px; float:right;  }
.futrue_list01txtt{ width:640px; height:100px; font-size:48px; text-align:left; color:#09b3ec; font-weight:bold; margin:0px; margin-left:30px;}

.futrue_list01txti{ width:640px; height:460px; text-align:left; font-size:18px; line-height:30px; color:#6465663;margin-left:30px;}



.futrue_list02{ width:100%; height:560px; margin:0 auto; margin-bottom:-74px;}
.futrue_list02pic{width:50%; height:560px; float:right; overflow:hidden; box-shadow:0px 0px 34px rgba(0,0,0,.12); }

.futrue_list02pic img{ width:100%; height:560px; float:left}


.futrue_list02pic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer }


.futrue_list02txt{width:50%; height:560px; float:left; text-align:right }
.futrue_list02txtt{ width:640px; height:100px; font-size:48px; text-align:left; color:#09b3ec; font-weight:bold; margin:0; float:right; margin-right:30px; margin-top:100px;}

.futrue_list02txti{ width:640px; height:460px; text-align:left; font-size:18px; line-height:30px; color:#6465663; float:right; margin-right:30px;}






		
.contact_list01{ width:1370px; height:200px; margin:0 auto; margin-top:56px;}
 
.contact_list01p{ width:200px; height:200px; float:left; }
.contact_list01p img{ width:200px; height:200px; border-radius:50%; }






.contact_list01txt{width:-webkit-calc(100% - 280px); width:-moz-calc(100% - 280px); width:calc(100% - 280px);height:200px; float:right; text-align:left;   }
.contact_list01txtt{ height:50px; font-size:24px; text-align:left; color:#262626; font-weight:normal; margin:0px; line-height:46px; border-bottom:#01b4ee 4px solid; display:inline-table; text-align:left }

.contact_list01txti{ width:100%; height:100px; text-align:left; font-size:14px; line-height:25px; color:#494949; padding-top:30px;border-top:#e6e6ee 1px solid; }

.contact_con{ width:1370px; height:390px; margin:0 auto; margin-top:56px;}





.contact_conl{ float:left; width:470px; height:390px;  }

.contact_conr{ float:right; width:870px; height:388px; border:#e6e6ee 1px solid; background-image:url(../images/map.jpg); background-position:center center; border-radius:5px;}

.contact_item{ width:470px; height:40px; margin:0 auto; margin-bottom:-1px; border-bottom:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; padding:28px 0px;}
 

.contact_item img{ width:40px; height:40px; float:left; margin-right:15px;}

.contact_itemti{ width:400px; height:40px; float:right; margin:0px; padding:0px; text-align:left; color:#262626; line-height:15px; font-size:14px; font-weight:normal;}
.contact_itemti span{ width:100%; display:block; height:25px; line-height:25px; font-size:22px; font-weight:bold}



.contact_itemti2{ width:400px; height:40px; float:right; margin:0px; padding:0px; text-align:left; color:#262626; line-height:20px; font-size:14px; font-weight:normal;}
.contact_itemti3{ width:350px; height:40px; float:right; margin:0px; padding:0px; text-align:left; color:#262626; line-height:40px; font-size:14px; font-weight:normal;}

 



/*留言*/
.message_bg{ width:100%; height:640px; margin:0 auto; margin-bottom:-74px; background-image:url(../images/cul_bg.jpg); background-position:left bottom; background-repeat:no-repeat}

.message{ width:1170px; margin:0 auto; height:560px; margin-top:56px;}
.message ul { list-style:none; margin:0px; padding:0px;}
.message ul li{ list-style:none; margin:0px; padding:0px;}

.message_title{ width:370px; height:40px; text-align:right; font-size:16px; line-height:40px; color:#646566; float:left; display:block; font-weight:normal;margin:0px; padding:10px 0px;}
.message_content{ width:780px; height:40px; float:left; margin:0px; padding:10px 0px;}
.message_content2{ width:200px; height:40px; float:left; margin:0px; padding:10px 0px; text-align:left; margin-right:20px;}
.message_content2 img{   height:40px !important; width:auto !important;}

 .message_form{ width:400px; height:38px; border:#e0e0e0 1px solid; border-radius:5px; line-height:38px; text-align:left; text-indent:10px; font-size:14px; color:#343536; font-family:microsoft yahei; float:left; margin:0px;}
 .message_form3{ width:200px; height:38px; border:#e0e0e0 1px solid; border-radius:5px; line-height:38px; text-align:left; text-indent:10px; font-size:14px; color:#343536; font-family:microsoft yahei; float:left; margin:0px;}
 .message_form2{ width:396px; height:100px; border:#e0e0e0 1px solid; border-radius:5px; line-height:25px; text-align:left; text-indent:10px; font-size:14px; color:#343536; font-family:microsoft yahei;float:left; margin:0px;}
.message_yzminput{width:200px; height:40px;padding:10px 0px; float:left; margin:0px; }
.message_yzmico{width:50px; height:22px;padding:19px 0px; float:left; margin:0px; margin-left:10px; }
.message_yzmico img{width:50px; height:22px;}

.contentb{ height:245px !important;}
.message_sub{ width:100%; height:40px; margin:0px; padding:10px 0px; text-align:left; padding-top:34px !important;  }

/*技术服务*/
.tec_banner{ width:100%; text-align:center; height:608px; padding:0px; background-color:#e9eeff;  background-image:url(../images/tecbanner.jpg); background-repeat:no-repeat; background-position:center center;   }
.pro_teamlistt{width:635px; height:500px; float:left; overflow:hidden; margin:0px; margin-left:50px; margin-top:50px;   }	
		.pro_teamlistt2{ float:right; margin:0px; padding-top:50px; height:450px;}	
			.pro_teamlisttt{ width:100%; height:auto;  line-height:30px; color:#848586; font-size:16px; text-align:left; margin-top:30px;}
			
			.pro_teamlisttbtnlist{ width:635px; height:93px; margin:0px; margin-top:30px;}
			
			.pro_teamlisttbtnlisti{ width:90px; height:90px; float:left; margin:0px; margin-right:15px; border:#e0e0e6 0px solid; border-radius:50%; text-align:center; font-size:16px; color:#343536; line-height:26px; }
			.pro_teamlisttbtnlistil{ margin:0px;}
			.pro_teamlisttbtnlisti img{ width:40px; height:40px; margin:15px auto; }
.pro_teamlisttti{ width:100%;   margin:0px; padding:0px;}

.pro_teamlisttti span{ font-size:56px; font-weight:bold; color:#01b4ee; line-height:100px; }

.ciezn_plist{ width:1370px; margin:0 auto; margin-top:50px;}	

	 .poster-main {
  width:100%;
  height: 560px; 
  position: relative;
  margin: 0 auto; margin-top:30px;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
	 
  width:100%;
  height: 560px; list-style:none
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}

.poster-item  img{ box-shadow:0px 0px 49px rgba(0,0,0,.49);
  
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left:-260px;
  background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right:-260px;
  background: url(../images/right.png) no-repeat center center;
}

/*售后服务*/
.ser_list01{ width:1400px; height:520px; margin:0 auto; margin-top:30px;}
.ser_list01i{width:-webkit-calc(25% - 32px); width:-moz-calc(25% - 32px); width:calc(25% - 32px); height:388px; float:left; margin:0 15px; border:#e6e6ee 1px solid; border-radius:5px; box-shadow:0px 0px 26px rgba(0,0,0,.10); padding:50px 0px; text-align:center; color:#646566; }
.ser_list01i:hover{ margin-top:30px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer;box-shadow:0px 0px 49px rgba(0,0,0,.15);}

.ser_list01i02{ margin-top:30px;}

.ser_list01i02:hover{ margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}

.ser_list01it{width:-webkit-calc(100% - 15px); width:-moz-calc(100% - 15px); width:calc(100% - 15px); height:30px; border-left:#01b4ee 5px solid; padding-left:10px; text-align:left; font-size:26px; line-height:26px; font-weight:bold; color:#343536;}

.ser_list01it img{width:30px; height:30px; margin:0; float:left; margin-right:10px;}
.ser_list01itxt{width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px); height:auto;   padding-left:55px; text-align:left; font-size:16px; line-height:30px; height:150px; font-weight:normal; color:#848586; margin-top:49px;}
 .ser_list01ipic{width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px);    padding-left:55px; text-align:left; height:150px; margin-top:26px;}
 .ser_list01ipic img{ width:100%; height:150px; border-radius:5px;}
.ser_list02{ width:1370px; margin:0 auto; margin-top:30px;text-align:center; color:#646566; font-size:22px; line-height:30px; }


.ser_list03{ width:1370px; height:670px; margin:0 auto; margin-top:30px; border-radius:5px; overflow:hidden;box-shadow:0px 0px 34px rgba(0,0,0,.12); }
	
 
	
	.ser_list0301{ width:670px; height:670px; float:right; margin:0px;overflow:hidden; position:relative}
 .ser_list0301 img{width:670px; height:670px; float:left;}
 
 	  .ser_list0301:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
	
	.ser_list03t{ width:100%; height:50px; padding-top:30px; position:absolute; z-index:99; left:0px; bottom:0px; text-align:center; font-size:22px; color:#ffffff; background-image:url(../images/index_tbg.png); background-repeat:repeat-x; background-size:auto 100%;}
	
	.ser_list0302{ width:700px; height:670px; float:left; margin:0px;overflow:hidden; position:relative}
	
	
	.ser_list0303{ width:700px; height:335px; float:left; margin:0px;overflow:hidden; position:relative}
 .ser_list0303 img{width:700px; height:335px; float:left;}
 
 	  .ser_list0303:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
	
	
	.ser_list0304{ width:350px; height:335px; float:left; margin:0px;overflow:hidden; position:relative}
 .ser_list0304 img{width:350px; height:335px; float:left;}
 
 	  .ser_list0304:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
	
	
	
			
.serh_list01{ width:1370px; height:400px; margin:0 auto; margin-top:100px;}
.serh_list01pic{width:685px; height:400px; float:left; overflow:hidden; box-shadow:0px 0px 34px rgba(0,0,0,.12);  }

.serh_list01pic img{ width:100%; height:400px; float:left}


.serh_list01pic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;cursor:pointer  }


.serh_list01txt{width:655px; height:400px; float:right;  }
.serh_list01txtt{ width:655px; height:100px; font-size:48px; text-align:left; color:#09b3ec; font-weight:bold; margin:0px; }

.serh_list01txti{ width:655px; height:250px; text-align:left; font-size:18px; line-height:30px; color:#6465663;  margin-top:50px;}



.serh_list02{ width:1370px; height:400px; margin:0 auto; }
.serh_list02pic{width:685px; height:400px; float:right; overflow:hidden; box-shadow:0px 0px 34px rgba(0,0,0,.12); }

.serh_list02pic img{ width:100%; height:400px; float:left}


.serh_list02pic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer }


.serh_list02txt{width:655px; height:350px; float:left; text-align:right; margin-right:30px; margin-top:50px; }
 

.serh_list02txti{ width:655px; height:200px; text-align:left; font-size:18px; line-height:30px; color:#6465663; float:right; margin-top:50px;}

.serh_t1{ margin:0px; text-align:left;   }

.serh_t2{ margin:0px; text-align:left; width:600px;  }
.ser_presslist01{ width:1370px;  margin:0 auto; }
.ser_presslist01i{ width:168px; height:88px; border:#e0e0e6 1px solid; float:left; margin:0px; padding:0px; margin-top:30px; padding:40px 0px; font-size:16px; text-align:center; overflow:hidden; color:#848586; line-height:30px; text-transform:uppercase; border-radius:50%;}
.ser_presslist01i img{ margin:0 auto; width:50px; height:50px;}

.ser_presslist01i:hover{box-shadow:0px 0px 34px rgba(0,0,0,.12);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
.ser_presslist01i2{ width:30px; height:170px; float:left;  margin:0pz; padding:0px;margin-top:30px; background-image:url(../images/more_icon2.png); background-repeat:no-repeat; background-position:center center;}

.ser_presslist01i3{ width:30px; height:170px; float:left;  margin:0pz; padding:0px;margin-top:30px; background-image:url(../images/more_icon3.png); background-repeat:no-repeat; background-position:center center;}
.ser_presslist01i4{ width:30px; height:170px; float:left;  margin:0pz; padding:0px;margin-top:30px;  }
.ser_presslist01i5{ width:168px; height:168px; border:#ffffff 1px solid; float:left; margin:0px; padding:0px; margin-top:30px;background-image:url(../images/pressicon.jpg); background-repeat:no-repeat; background-position:center center;}

.ser_presslist02{ width:1369px;  margin:0 auto; margin-top:30px; border:0px; border-left:#e0e0e6 1px solid; border-top:#e0e0e6 1px solid; }
.ser_presslist02i{width:-webkit-calc(33.333% - 61px); width:-moz-calc(33.333% - 61px); width:calc(33.333% - 61px); height:40px; float:left; margin:0px; border-bottom:#e6e6ee 1px solid; border-right:#e6e6ee 1px solid; padding:30px;   font-weight:normal; text-transform:uppercase; color:#989898; line-height:40px; text-align:left;}
 
.ser_presslist02i img{ width:40px; height:40px; float:left; margin-right:5px; margin-left:5px;}

.ser_presslist02i span{ font-size:22px; font-weight:normal; display:inline-table; color:#343536; margin-left:5px;}
.ser_presslist02i icolor{ font-size:18px; font-weight:normal; display:inline-table; width:40px; height:40px; background-color:#01b4ee; line-height:40px; text-align:center; color:#ffffff; border-radius:50%; float:left}

.ser_presslist02i2{width:-webkit-calc(100% - 61px); width:-moz-calc(100% - 61px); width:calc(100% - 61px);}

.ser_presslist02i:hover{ background-color:#01b4ee; border-color:#01b4ee; cursor:pointer;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; color:#ffffff; }

.ser_presslist02i:hover span{ color:#ffffff; }
.ser_presslist02i:hover img{ filter: grayscale(100%) brightness(800%); }

.ser_presslist02i:hover icolor{ font-size:18px; font-weight:normal; display:inline-table; width:40px; height:40px; background-color:#ffffff; line-height:40px; text-align:center; color:#01b4ee; border-radius:50%; float:left}
.ser_tect01{width:1370px; height:60px; overflow:hidden; margin:0px auto; line-height:30px; color:#646566; font-size:22px; text-align:center; margin-top:30px;  }	

.ser_tecbg{ background-image:url(../images/sertecbg.jpg); margin:0 auto; padding:75px 0px; width:100%; height:250px; background-position:center center;}
.ser_tecbglist{ width:1370px; height:140px; margin:0 auto;}
.ser_tecbglisti{ width:33.333333%; height:140px; float:left; text-align:center; font-size:20px; line-height:40px; color:rgba(255,255,255,.74);}
.ser_tecbglisti span{ font-size:74px; line-height:100px; font-weight:bold; color:#ffffff;}
.ser_tecbglisttxt{ width:1070px; height:75px; margin:0 auto; margin-top:35px; font-size:16px; color:#ffffff; text-align:center; line-height:25px; overflow:hidden}
.sglc_bg{ width:100%; height:347px; margin:0 auto; margin-top:30px; background-image:url(../images/sglcbg.jpg); background-repeat:no-repeat; background-position:center center;}


.ciezn_futlist{ width:600px; padding-right:770px; height:779px; background-image:url(../images/furbg.png); background-position:center right; background-repeat:no-repeat; margin:0 auto; margin-top:100px;}
.page_aboutt1{ width:600px; height:50px; text-align:left; color:#989898; font-size:18px; margin:0; }
	
	.page_aboutt1 span{ font-size:26px; color:#343536; font-weight:bold;}
	
	.page_aboutt2{ width:600px; height:50px; text-align:left; color:#989898; font-size:18px; margin:0 auto; margin-top:49px;}
	
	.page_aboutt2 span{ font-size:26px; color:#343536; font-weight:bold;}
	
.ciezn_futlist2{ width:600px; height:260px; margin:0 auto; margin-top:26px;}
.ciezn_futlist2i{ width:-webkit-calc(25% - 2px); width:-moz-calc(25% - 2px); width:calc(25% - 2px); height:80px; float:left; text-align:left; border-right:#d0d0d6 0px solid; border-left:#d0d0d6 0px solid; margin-left:-1px; margin-top:30px; }



.ciezn_futit1{ width:100%; height:60px; text-align:left;font-size:16px; color:#989898; font-weight:normal }
  .ciezn_futit1 span{font-size:44px; font-weight:bold; color:#01b4ee; }
  
  
  
  
  
  
 .ciezn_futit2{ width:100%; height:20px; text-align:left; font-size:16px; font-weight:normal; color:#989898}


.fiveyearlist{ width:100%; height:150px; background-image:url(../images/fiveyear.jpg); margin:0 auto; margin-top:56px; padding:150px 0px; text-align:center}
.fiveyearlistc{ width:685px; height:150px; margin:0 auto; padding-left:685px; font-size:16px; line-height:30px; text-align:left; color:rgba(255,255,255,.99)}
.fiveyearlistc span{ display:block; width:100%; height:80px; font-size:48px; font-weight:bold; color:#ffffff; text-align:left}

.tenyearlist{ width:100%; height:150px; background-image:url(../images/tenyear.jpg); margin:0 auto;  padding:150px 0px; text-align:center; margin-bottom:-74px;}
.tenyearlistc{ width:685px; height:150px; margin:0 auto; padding-right:685px; font-size:16px; line-height:30px; text-align:left; color:#646566}
.tenyearlistc span{ display:block; width:100%; height:80px; font-size:48px; font-weight:bold; color:#01b4ee; text-align:left}


.join_list01{ width:1370px; height:370px; margin:0px auto; padding:0px; margin-top:30px;}
			.join_list01pic{ width:50%;height:370px; float:left; margin:0px; padding:0px; overflow:hidden; box-shadow:0px 0px 26px #e0e0e6; border-radius:5px;}
			.join_list01pic img{ width:100%; height:370px; margin:0px;}
			
			.join_list01pic img:hover{transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
			
			.join_list01txt{width:-webkit-calc(50% - 30px); height:340px; float:right; margin:0px; padding:0; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
			
			.join_list01txt span{ font-size:48px; font-weight:bold; line-height:64px; color:#009b4c}
			
			.join_list02{ width:100%; height:auto; margin:0 auto;  margin-bottom:-74px; padding:49px 0px; padding-bottom:100px;background-image:url(../images/joinbg.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center; }
			.join_l{ float:left}
			.join_r{ float:right}
			
			.join_title1{ width:1370px; height:64px; margin:0 auto; margin-top:74px; border:0px; position:relative; text-align:center}
	 
	.join_title1txt{ font-size:56px; line-height:64px; font-weight:bold; text-align:center; width:100%; height:64px;   color:#ffffff; margin:0 auto}
	.join_title1txt2{ width:100%; margin:0 auto; font-size:18px; height:34px; line-height:34px; color:rgba(255,255,255,.74); text-align:center; font-weight:normal;  text-transform:uppercase;  } 		
			
			
			
			 
 .snto_joinbtn{ width:100%; height:64px; margin:0 auto; margin-top:49px; text-align:center}
.snto_joinbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_joinbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_joinbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			
	.join_poslist{ width:1370px; height:auto; margin:0px auto; margin-top:100px;border-top:rgba(255,255,255,.26) 1px dashed;}		
			
		.join_poslisti{ width:100%; height:60px; padding:20px 0px; border:0px;border-bottom:rgba(255,255,255,.26) 1px dashed;}	
			
			.join_poslistit{ font-size:22px; line-height:40px; height:40px; text-align:left; color:#ffffff; overflow:hidden }
			
			
			.join_poslistit a{ color:#ffffff; text-decoration:none}
			.join_poslistit a:visited{ color:#ffffff; text-decoration:none}
			.join_poslistit a:hover{ color:#ffffff; text-decoration:none}
			.join_poslistii{ font-size:16px; line-height:26px; height:26px; text-align:left; color:rgba(255,255,255,.64); overflow:hidden }
			.join_poslistit span{ display:block; width:150px; height:40px; line-height:40px; color:rgba(255,255,255,.64); text-align:right; float:right; font-size:14px; }
			.join_schoollist{ width:100%; height:auto; margin:0px auto; margin-bottom:-4px;}
			.join_schoollist img{ width:100%; height:auto; margin:0px auto;}	
			
			
			.ciezn_joinlist{ width:100%; height:500px; margin:0 auto;  }
			
			.ciezn_joinlistp{width:50%; height:500px; float:left; overflow:hidden; margin:0px; }	
		.ciezn_joinlistp img{ width:100%; height:500px;  }
		.ciezn_joinlistp:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
			
			
			.ciezn_joinlistt{width:635px; height:450px; float:left; overflow:hidden; margin:0px; padding-left:50px; padding-top:50px;  }
			.ciezn_joinlistflp{ float:right}
			.ciezn_joinlistflt{ float:right; padding-left:0px; padding-right:50px;}	
			
			.page_viewmain{ width:1370px; margin:30px auto; min-height:1000px;}
			
			.page_viewmainl{ width:930px; float:left; min-height:1000px;}
			.page_viewmainr{ width:370px; float:right;  min-height:1000px;}
			
			.page_viewtcon{ width:100%; height:auto; margin:0 auto;   text-align:center;   padding-bottom:26px;}
			
			.page_viewtcon01{ font-size:40px; font-weight:bold; text-align:left; width:100%; line-height:56px; color:#343536; margin:0 auto;}
			 
			.page_viewtcon02{ font-size:16px; font-weight:normal; text-align:left; width:100%; line-height:25px; color:#646566; margin:0px auto; margin-top:30px; display:none}
			.page_viewtcon02 span{ font-weight:bold; color:#01b4ee}
			
			
			.page_viewtcon03{ font-size:14px; font-weight:normal; text-align:left; width:100%; line-height:20px; color:#646566; padding:15px 0px; text-indent:15px; margin:0px auto; margin-top:40px; background-color:#e9eeff;}
			.page_viewtcon03 span{color:#000000; font-weight:bold}
			.page_viewcon{ width:100%; margin:49px auto; text-align:left; font-size:18px; color:#131415; line-height:36px;}
			
			.page_viewcon p{ padding:7px 0px;line-height:36px;}
			
			.page_viewcon img{ width:auto; max-width:100%;}
			.page_viewcon p img{width:auto; max-width:100%;}
			
	
	
	.page_viewlink{ width:100%; height:auto; margin:0 auto; padding:34px 0px; text-align:center;  border-top:#e6e6ee 1px solid; border-bottom:#e6e6ee 1px solid;}
	
	
	.page_viewlinkc{ font-size:16px; font-weight:normal; text-align:left; width:100%; line-height:25px; color:#989898; margin:0px auto; }
			.page_viewlinkc a{  color:#646566; text-decoration:none}
			.page_viewlinkc a:visited{  color:#646566; text-decoration:none}
			.page_viewlinkc a:hover{  color:#343536; text-decoration:none}
			
			.view_hotprolist{ width:370px; margin:0 auto;}
			 .page_hottview{width:370px;height:30px;font-size:26px; line-height:30px; text-align:left; font-weight:bold; margin:0 auto;}
			 .page_hottview a{ color:#343536; text-decoration:none; }	
	.page_hottview a:visited{ color:#343536;text-decoration:none; }	
	.page_hottview a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.page_hottview span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px; margin-top:4px;padding-right:25px; font-weight:normal; float:right}
	.page_hottview span a{ color:#01b4ee;}
	.page_hottview span a:visited{ color:#01b4ee;}
	.page_hottview span a:hover{ color:#01b4ee;}
			
			
	 .page_caselistihotview{  width:100%; height:410px;   margin:0px; margin-top:15px;border-radius:5px; overflow:hidden; box-shadow:0px 0px 15px rgba(0,0,0,.15); }
  .page_caselistihotviewp{ width:100%; height:370px;  overflow:hidden; position:relative}
 .page_caselistihotviewp img{ width:100%; height:370px;}
 
 .page_caselistihotviewp:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
.page_caselistihotviewt{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); margin:0 auto;padding:0 15px; text-align:left; font-size:16px; color:#343536; line-height:40px; overflow:hidden; height:40x; font-weight:bold;  }

.page_caselistihotviewt a{ color:#343536; text-decoration:none }
.page_caselistihotviewt a:visited{ color:#343536; text-decoration:none }
.page_caselistihotviewt a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }	
			
.sntopage_caseitemhotiviev{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); height:30px;background-color:#ffffff;   margin:0px; margin-top:15px; padding:15px; font-size:16px; text-align:left; line-height:30px;box-shadow:0px 0px 15px rgba(0,0,0,.15); }
 
 .sntopage_caseitemhotiviev a{ color:#646566; text-decoration:none }
.sntopage_caseitemhotiviev a:visited{ color:#646566; text-decoration:none }
.sntopage_caseitemhotiviev a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 .sntopage_caseitemhotiviev span{ display:block; width:15px; height:30px; float:right; background-image:url(../images/more_icon2.png); background-position:center center; background-repeat:no-repeat}
  .sntopage_caseitemhotiviev idate{ display:block; width:100px; height:30px; float:right; text-align:right; color:#989898; line-height:30px; font-size:14px;}
  
  
  .pag_newhotlistview{ width:370px; height:auto; margin:0 auto;}
	.pag_newhotlistviewi{width:100%; margin:0px; margin-top:15px;  position:relative; background-color:#FFFFFF; height:236px; overflow:hidden;border-radius:5px;}
	.pag_newhotlistviewi img{ width:100%; height:236px;}
	
	.pag_newhotlistviewi:hover img{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
	
	.pag_newhotlistviewit{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); padding:15px; padding-top:30px; height:30px; line-height:30px; overflow:hidden; position:absolute; left:0px; bottom:0px; background-image:url(../images/index_tbg.png); background-size:auto 100%; font-size:16px; font-weight:bold; text-align:left; }
	
	.pag_newhotlistviewit a{ color:#ffffff; text-decoration:none  }
			.pag_newhotlistviewit a:visited{ color:#ffffff; text-decoration:none  }
			.pag_newhotlistviewit a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;   }
  
  
  	.sntopage_caselisthotview{ width:370px; margin:0 auto;}		
	.sntopage_caseitemhottopview{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:auto; background-color:#ffffff;  padding:15px; text-align:center;  margin:0px; margin-top:15px;border-radius:5px;box-shadow:0px 0px 15px rgba(0,0,0,.15);  }
	
	.sntopage_caseitemhottoppicview{ width:100%; height:230px; overflow:hidden; border-radius:3px;}
.sntopage_caseitemhottoppicview img{ width:100%; height:230px;border-radius:3px;  }
 			
.sntopage_caseitemhottoppicview img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
			
			.sntopage_casehottxtview{width:100%; height:auto; overflow:hidden}
 
 .sntopage_casehottxttview{ width:100%; height:auto; text-align:left; font-size:16px; font-weight:bold; line-height:25px; overflow:hidden; margin-top:15px;}
 
.sntopage_casehottxttview a{ color:#343536; text-decoration:none }
.sntopage_casehottxttview a:visited{ color:#343536; text-decoration:none }
.sntopage_casehottxttview a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 
 .sntopage_casehottxtiview{ width:100%; height:auto; text-align:left; font-size:14px; font-weight:normal; line-height:25px; overflow:hidden; color:#848586; margin-top:15px;}
  .sntopage_casehottxtdview{ width:100%; height:25px; text-align:left; font-size:14px; font-weight:normal; line-height:25px; overflow:hidden; color:#646566; margin-top:34px;}
  
  .Industry{ width:1370px;  margin:0 auto;}
  
   .righr_box{width:-webkit-calc(100% - 32px); width:-moz-calc(100% - 32px); width:calc(100% - 32px);  background-color:#ffffff; height:30px;  margin:0px; margin-top:15px; padding:15px; font-size:16px; text-align:left; line-height:30px;box-shadow:0px 0px 15px rgba(0,0,0,.15); border:#e6e6ee 1px solid;}
 
 .righr_box a{ color:#646566; text-decoration:none }
.righr_box a:visited{ color:#646566; text-decoration:none }
.righr_box a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 .righr_box span{ display:block; width:15px; height:30px; float:right; background-image:url(../images/more_icon2.png); background-position:center center; background-repeat:no-repeat}
  /*404*/
     .ciezn_errorbg{ background-color:#ffffff; background-image:url(../images/adv_bg.jpg); background-position:center bottom; background-repeat:no-repeat; min-height:1000px; overflow-x: hidden; overflow-y: hidden;}
	 .ciezn_errortitle{ width:100%; height:64px; line-height:64px; margin:30px auto; margin-top:100px; text-align:center; font-size:56px; color:#343536; font-weight:bold}
	 
	  .ciezn_errortitle3{ font-size:260px; height:280px; width:800px; margin:0px auto; line-height:280px;text-align:center; z-index:9999; font-weight:normal; color:#01b4ee; background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
 .ciezn_errortitle2{ width:100%; height:56px; line-height:56px; margin:0px auto; text-align:center; font-size:22px; color:#000000; font-weight:normal}
 .ciezn_errorbtn{ width:100%;height:64px; text-align:center; margin:0 auto; margin-top:100px;}
.ciezn_errorbtn a{ display:inline-table; margin:0px 15px; padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid;  border-radius:30px;line-height:49px; text-align:left; font-size:20px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_errorbtn a:visited{ display:inline-table; margin:0px 15px;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:20px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_errorbtn a:hover{ display:inline-table;  margin:0px 15px;padding:0 18px; width:200px; height:49px; border:#00b4ed 2px solid; border-radius:30px;line-height:49px; text-align:left; font-size:20px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
	.ciezn_errortitle2{ width:100%; height:26px; line-height:26px; margin:0px auto; text-align:center; font-size:14px; color:#989898; font-weight:normal; text-align:center; margin-top:100px;}		
		 .ciezn_errortitle2 a{ color:#646566; text-decoration:none }
.ciezn_errortitle2 a:visited{ color:#646566; text-decoration:none }
.ciezn_errortitle2 a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }	
	.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000000000000000 !important; -webkit-filter: none !important;
  
  
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 10%; left: 10%; text-align: center; width: 80%; height: 80%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; width: 100%; height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}


.gallery{ width:1400px; margin:15px auto; height:auto}
			 		
			
			
			
			
 .gallery a{ width:-webkit-calc(33.33333% - 60px); width:-moz-calc(33.33333% - 60px); width:calc(33.33333% - 60px); display:block;  height:316px; background-color:#ffffff; float:left; padding:15px; text-align:center;  margin:15px;box-shadow:0px 0px 34px rgba(0,0,0,.12); font-size:18px; text-align:center; line-height:40px; text-align:center; color:#646566; text-decoration:none }
 
  .gallery a img{ margin:0px; width:100%; height:260px;}
  
  
  .wap_bannerpic{ display:none}
.pc_bannerpic{ display:block}
.dd_navwap{ display:none}
	.dd_navicon{ display:none;} 
.drop-down{ display:none}

.video_bg{ background-color:#000000}
.banner_conwap{ display:none}
.pcpro{ display:block; visibility:visible}
.wappro{ display:none; visibility:hidden}
.dd_waplogo{ display:none; visibility:hidden}
  .fastnav{ width:1370px; height:auto; margin:0 auto; margin-top:64px;}
			.fastnavt{ width:100%; height:56px; text-align:left; font-size:22px; line-height:56px; font-weight:bold}
			
			.fastnavt a{ color:#343536; text-decoration:none; }
.fastnavt a:visited{ color:#343536; text-decoration:none;  }
.fastnavt a:hover{ color:#01b4ee;text-decoration:none;  }

.fastnavi{ width:100%; height:auto; text-align:left; font-size:16px; line-height:30px;}
.fastnavi a{ color:#646566; text-decoration:none; padding-right:30px; }
.fastnavi a:visited{ color:#646566; text-decoration:none;  padding-right:30px;  }
.fastnavi a:hover{ color:#01b4ee; text-decoration:none; padding-right:30px;  }

  
 /*笔记本版本*/
 @media only screen and (max-width:1680px){
 
 .ciezn_bannertxt{ width:100%; height:200px; text-align:center; position:absolute; left:0px; top:44%; margin-top:-100px; z-index:99999; }
 
 .ciezn_bannertxt1{ width:100%; height:56px; line-height:56px; text-align:center; font-size:49px; color:#ffffff; font-weight:bold; text-shadow:0px 0px 5px rgba(0,0,0,.49)}
.ciezn_bannertxt2{ width:100%; height:24px; line-height:24px; text-align:center; font-size:14px; color:rgba(255,255,255,.80); text-transform:uppercase; letter-spacing:3px}

.ciezn_bannertxt3{ width:100%; height:34px; line-height:34px; text-align:center; font-size:22px; color:#ffffff; text-transform:uppercase; margin-top:10px; }
 .ciezn_bannertxt3 span{ display:inline-table; width:30px; height:20px;background-image:url(../images/bannericon.png); background-position:center center; background-repeat:no-repeat}

 .ciezn_bannerbtn{ width:80%;height:56px; text-align:center; margin:0 auto; margin-top:20px;}
.ciezn_bannerbtn a{ display:block; margin:0px auto; padding:0 18px; width:130px; height:34px; border:#ffffff 2px solid;  border-radius:30px;line-height:34px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_bannerbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:130px; height:34px; border:#ffffff 2px solid; border-radius:30px;line-height:34px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_bannerbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:130px; height:34px; border:#ffffff 2px solid; border-radius:30px;line-height:34px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.34);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
 
 .ciezntitle01{ font-size:49px; height:56px; width:100%; margin:0px; line-height:56px;text-align:center; z-index:9999; font-weight:bold; color:#01b4ee; background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
 
.ciezntitle02{display: block;width:100%; font-size:14px; height:26px; line-height:26px; color:#646566; text-align:center; font-weight:normal;  text-transform:uppercase; margin:0px; letter-spacing:3px; } 


.ciezntitle03{ font-size:49px; height:56px; width:100%; margin:0px; line-height:56px;text-align:center; z-index:9999; font-weight:bold; color:#ffffff; }
 
.ciezntitle04{display: block;width:280px; font-size:14px; height:26px; line-height:26px; color:rgba(255,255,255,.74); text-align:center; font-weight:normal;  text-transform:uppercase; margin:0px; letter-spacing:3px;} 

.ciezntitle05{width:56px;  font-size:49px; height:236px;line-height:56px; text-align:left; z-index:9999;font-weight:bold;background-image: -webkit-linear-gradient(top, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; margin:0px; float:left; }
  .ciezntitle06{width:22px;  font-size:14px; color:#646566; height:270px; line-height:26px; text-align:left; font-weight:normal;   z-index:9999;writing-mode: vertical-lr; 
    writing-mode: tb-lr; text-transform:uppercase; float:left; margin:0px; padding-top:10px }	



.ciezn_abouttxt{ font-size:14px; line-height:25px; height:50px;text-align:center; margin:0px; width:1000px; color:#343536; font-weight:normal; overflow:hidden; position:absolute; left:50%; margin-left:-500px; top:236px; }

 .ciezn_aboutlist{ position:absolute; width:1000px; height:105px; left:50%; margin-left:-500px; top:326px; background:none; }
 
 
 
 
 
 .ciezn_aboutlisti{ width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); height:105px; float:left; text-align:center; border-right:#d0d0d6 1px solid; }
  
 .ciezn_aboutlistil{ border:0px;}
 
 .ciezn_aboutit1{ width:100%; height:64px; text-align:center;font-size:16px; color:#343536; font-weight:normal }
  .ciezn_aboutit1 span{font-size:48px; font-weight:bold; color:#01b4ee; }
  
  
  
  
  
  
 .ciezn_aboutit2{ width:100%; height:25px; text-align:center; font-size:14px; font-weight:normal; color:#343536}
 
 
 
 .ciezn_aboutbtn{ width:1000px;height:56px; text-align:center; position:absolute; left:50%; margin-left:-500px; bottom:56px; z-index:99999 }
.ciezn_aboutbtn a{ display:block; margin:0px auto; padding:0 18px; width:130px; height:34px; border:#00b4ed 2px solid;  border-radius:30px;line-height:34px; text-align:left; font-size:14px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_aboutbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:130px; height:34px; border:#00b4ed 2px solid; border-radius:30px;line-height:34px; text-align:left; font-size:14px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_aboutbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:130px; height:34px; border:#00b4ed 2px solid; border-radius:30px;line-height:34px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
			
			.ciezn_probg{background-color:#e9eeff; background-image:url(../images/cizenbgicon03b.png); background-position:left top; background-repeat:no-repeat; z-index:998}
			
			
			
			
			.hd_slulist{ position:absolute; left:50%; margin-left:-600px; top:236px; z-index:99;  text-align:left;width:1200px;height:400px;}
 .hd_slulisti{ background-color:#ffffff;width:-webkit-calc(33.333333% - 20px); width:-moz-calc(33.333333% - 20px); width:calc(33.333333% - 20px); height:400px; float:left; margin-right:30px;box-shadow:0px 0px 15px rgba(0,0,0,.07); border-radius:5px; overflow:hidden}
 .hd_slulistil{ margin:0px;}
 .hd_slulistip{ width:100%; height:340px;  overflow:hidden; position:relative}
 .hd_slulistip img{ width:100%; height:340px;}
 
  
  .hd_slulistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
  .hd_slulistit{width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px);height:50px;font-size:16px; line-height:50px; text-align:left; font-weight:bold; padding:0 20px;}
		
	.hd_slulistit a{ color:#343536; text-decoration:none; }	
	.hd_slulistit a:visited{ color:#343536;text-decoration:none; }	
	.hd_slulistit a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.hd_slulistit span{ display:block; width:64px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:14px;color:#01b4ee; line-height:22px; margin:0px; margin-top:14px;padding-right:20px; font-weight:normal; float:right}
	.hd_slulistit span a{ color:#01b4ee;}
	.hd_slulistit span a:visited{ color:#01b4ee;}
	.hd_slulistit span a:hover{ color:#01b4ee;}
	
	
.hdindex_btn2{ width:80%;height:64px;position:absolute; left:10%; bottom:64px; text-align:center; z-index:9999}
.hdindex_btn2 a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#d7464b 2px solid;  border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#d7464b; text-decoration:none;  background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.hdindex_btn2 a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#d7464b 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#d7464b; text-decoration:none; background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.hdindex_btn2 a:hover{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#d7464b 2px solid; border-radius:5px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background-color:#d7464b;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}	
   
 	.ciezn_advip{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:180px; text-align:center; margin:0px auto; padding:0px;  margin-top:200px;}	
			.ciezn_advipc{ width:180px; height:180px; margin:0 auto; border-radius:50%; overflow:hidden; box-shadow:0px 0px 20px rgba(0,0,0,.12);}
			.ciezn_advipc img{ width:180px; height:180px; }
			
			
			 .ciezn_advlisti:hover  .ciezn_advip{margin-top:190px;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
		.ciezn_advit{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:22px;text-align:center; font-size:16px; line-height:22px; font-weight:bold; color:#343536;   margin:10px  auto; margin-bottom:0px;}	
		.ciezn_advite{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:20px;   text-align:center; font-size:12px; line-height:20px; font-weight:normal; color:#989898; text-transform:uppercase; overflow:hidden; margin:0 auto;}
		.ciezn_advii{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:80px; text-align:left; font-size:14px; line-height:20px; font-weight:normal;color:#494949; overflow:hidden; margin:0 auto; margin-top:10px}
		
		
		.ciezn_businessit{width:80%; height:26px; position:absolute; bottom:16px; left:10%;   font-size:18px; color:#ffffff; font-weight:bold; z-index:9; text-align:center; text-shadow:0px 0px 5px #000000; display:block; line-height:26px; overflow:hidden; z-index:9}	
		
		.solu_listi01t{ width:80%; height:26px; position:absolute; top:16px; left:10%;   font-size:18px; color:#ffffff; font-weight:bold; opacity:0; z-index:9; text-align:left}
  .solu_listi01i{ width:80%; height:60px; position:absolute; top:56px; left:10%;   font-size:14px; line-height:20px; overflow:hidden; color:rgba(255,255,255,.64); font-weight:normal; opacity:0; z-index:9; text-align:left}
  
  .index_solubtn{width:64px; height:22px;position:absolute; left:10%; bottom:16px; text-align:left; z-index:9;opacity:0; font-size:14px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat;line-height:22px;padding-right:25px;}			
 
		.ciezn_coobg2{ background-color:#e9eeff; background-image:url(../images/coopbg.png); background-position:right bottom; background-repeat:no-repeat; z-index:899; }	
		
		
		.hs_losglist{width:1200px;height:360px;position:absolute; top:236px; left:50%; margin-left:-600px;border-left:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; border-radius:5px; overflow:hidden;  box-shadow:0px 0px 13px rgba(0,0,0,.08); }
 
 .hs_losglisti{ width:-webkit-calc(20% - 1px); width:-moz-calc(20% - 1px); width:calc(20% - 1px); height:100px; border-bottom:#e6e6ee 1px solid; border-right:#e6e6ee 1px solid; background-color:#FFFFFF; text-align:center; padding-top:19px; overflow:hidden; float:left; margin:0px; }
 .hs_losglisti img{ width:auto; height:80px; margin:0 auto} 
 .hs_losglisti img:hover{ transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
  .hs_losglistic{ background-color:#01b4ee; font-size:16px; text-align:center; color:#ffffff;height:100px; padding-top:19px;}
    .hs_losglistic span{ font-weight:bold; font-size:40px; }
		
		
	.hd_ysit{ display:none}	
		
		
  .new_con{ position:absolute;width:1200px;height:400px; z-index:9999; left:50%; margin-left:-600px; top:236px}
  
  
  .new_left{width:-webkit-calc(50% - 25px); width:-moz-calc(50% - 25px); width:calc(50% - 25px); float:left; margin:0px; height:400px;  position:relative; overflow:hidden;  }
  .new_right{width:-webkit-calc(50% - 25px); width:-moz-calc(50% - 25px); width:calc(50% - 25px); float:right; margin:0px; height:400px;   }
  
  
   .new_rightitem{width:100%;   margin:0px; height:150px;  position:relative;overflow:hidden; margin-bottom:10px; margin-top:10px; }
	 
	  
	 .new_rightitempic{ width:-webkit-calc(45% - 15px); width:-moz-calc(45% - 15px); width:calc(45% - 15px);height:150px; overflow:hidden; float:left; border-radius:5px;}
	 .new_rightitempic img{ width:100%; height:150px;  }
	 .new_rightitempic:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
			
			
	}
	
	.new_righttxt{ width:-webkit-calc(55% - 15px); width:-moz-calc(55% - 15px); width:calc(55% - 15px);height:150px; overflow:hidden; float:right;}
	
	.new_righttid{ width:100%; height:20px; line-height:20px; font-size:14px; color:#646566; text-align:left; font-weight:normal}
	
	.new_righttit{width:100%; height:40px; line-height:20px; color:#343536; text-align:left; font-size:16px; font-weight:bold; margin-top:10px;}
	.new_righttit a{ color:#343536; text-decoration:none; }
	
	
	.new_righttit a:visited{ color:#343536; text-decoration:none; }
 .new_righttit a:hover{ color:#00b4ed; text-decoration:none; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	
	.new_righttii{width:100%; height:60px; line-height:20px; color:#646566; text-align:left; font-size:14px; font-weight:normal; overflow:hidden; margin-top:20px;}
  
  .new_rightitem02{width:100%;   margin:0px;  position:relative;overflow:hidden; height:35px; line-height:35px; text-align:left; font-size:14px; font-weight:normal ; color:#989898}
	
	.new_rightitem02 a{ color:#646566; text-decoration:none; }
	
	
	.new_rightitem02 a:visited{ color:#646566; text-decoration:none; }
 .new_rightitem02 a:hover{ color:#00b4ed; text-decoration:none; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	.new_rightitem02 span{ float:left; display:block; width:100px; height:35px; font-size:12px; color:#989898; text-align:right; float:right; font-weight:normal}
	
	
	.dg_copyright{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center; color:#989898; position:absolute; left:0px; bottom:0px; z-index:9999; background-color:#343536}
.dg_copyright a{ color:#e6e6ee; text-decoration:none}
.dg_copyright a:visited{ color:#e6e6ee; text-decoration:none}
.dg_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}			
	
	
	.dg_bottomcon{ width:100%; height:150px; position:absolute; left:0px; bottom:50px; background-color:#172a88; z-index:9999; text-align:center}
	
  .dg_bottomc{ width:1200px; height:150px; margin:0 auto; }	
  
   .dg_bottomc01{ width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); float:left; margin:0px;  height:100px;text-align:left; border:0px; border-right:rgba(255,255,255,.08) 1px solid; padding-top:25px; font-size:18px; text-align:left; color:#ffffff; line-height:25px; font-weight:bold}
		 .dg_bottomc01 img{ margin:0}
		 .dg_bottomc01 span{ font-size:12px; line-height:15px; font-weight:normal}
		 .dg_bottomctell{ width:100%; height:30px; line-height:40px; font-size:30px; font-weight:bold; color:#ffffff; margin:0 auto; margin-top:10px; text-align:left}
		  .dg_bottomctell img{ width:auto; height:30px;float:left; }
  
  
   .dg_bottomc02{ width:50%; float:left; margin:0px;  height:150px; }
   
   
   .dg_bottomcontact{width:100%;height:100px; padding-top:25px; }
		  .dg_bottomcontact01{ width:95%; height:20px; font-size:14px; color:#ffffff; line-height:20px;  text-align:left; float:left; margin:0px;  padding-left:5%; margin-top:10px;}
		   
		    .dg_bottomcontact01 img{ width:20px; height:20px; float:left; margin-right:10px;}
		  
		   
			
			 .dg_bottomcontact03{ width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); float:left; margin:0px;  height:100px;text-align:left; border:0px; border-left:rgba(255,255,255,.08) 1px solid; padding:25px 0px;  }
		    
.dg_bottomcontact03 img{ float:right; margin-left:10px; width:80px; }		
   
   
   .dg_flink{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:rgba(255,255,255,.64); position:absolute; left:0px; bottom:200px; z-index:9999; padding:0; border-top:#e6e6ee 1px solid; text-transform:uppercase; background-color:#122b88; border-bottom:rgba(255,255,255,.08) 1px solid; color:#ffffff;}	

.dg_flinkc{ width:1200px; height:40px; margin:0 auto; text-align:left; font-size:14px;}
	 
.dg_flinkc a{ color:#e6e6ee; text-decoration:none; padding-left:15px; padding-right:15px;}
.dg_flinkc a:visited{ color:#e6e6ee; text-decoration:none;  padding-left:15px; padding-right:15px;}
.dg_flinkc a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; padding-left:15px; padding-right:15px;}
			
			
			.dg_flink3{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; color:#646566; position:absolute; left:0px; bottom:242px; z-index:9999; padding:0; border-top:#e6e6ee 1px solid; text-transform:uppercase; font-weight:normal; background-color:#FFFFFF }	
			
			.fastnav{ width:80%; height:auto; margin:0 auto; margin-top:49px;}
			.fastnavt{ width:100%; height:26px; text-align:left; font-size:12px; line-height:26px;}
			
			.fastnavt a{ color:#343536; text-decoration:none; }
.fastnavt a:visited{ color:#343536; text-decoration:none;  }
.fastnavt a:hover{ color:#343536;text-decoration:none;  }

.fastnavi{ width:100%; height:auto; text-align:left; font-size:10px; line-height:12px;}
.fastnavi a{ color:#646566; text-decoration:none; padding-right:12px; }
.fastnavi a:visited{ color:#646566; text-decoration:none;  padding-right:12px;  }
.fastnavi a:hover{ color:#646566; text-decoration:none; padding-right:12px;  }


			
			.ciezn_map{width:770px; height:200px; border-radius:5px;position:absolute;  left:-webkit-calc(50% - 600px); left:-moz-calc(50% - 600px); left:calc(50% - 600px); top:200px; z-index:999; border:#e6e6ee 1px solid; background-image:url(../images/map.jpg); background-position:center center;}	 
			
			
			.dg_mesform{width:348px; height:180px; background-color:#ffffff;  border:0px; border-radius:5px; padding:10px; position:absolute;  right:-webkit-calc(50% - 600px); right:-moz-calc(50% - 600px); right:calc(50% - 600px);top:200px; z-index:999; border:#e6e6ee 1px solid;}
		
		 .dg_mesforminput{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px); height:35px; line-height:35px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left;margin:0px; margin-bottom:10px;}
		
		.dg_mesforminput2{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);height:35px; line-height:35px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left;margin:0px; margin-bottom:10px;}
		
		
		.dg_mesforminput3{ width:100%; height:35px; line-height:35px; border:0px; background-color:#172a88; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px;}
		.dg_mesforminput3:hover{width:100%;  height:35px; line-height:35px; border:0px; background-color:#01b4ee; font-size:14px; text-align:center; color:#ffffff;  float:left;  margin:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
			
	 
     
			
			.page_bottombg{ margin:0 auto; margin-top:74px; height:252px; position:relative; background-color:#e9eeff}
				
			.dg_flink2{ width:100%; height:60px; line-height:60px; font-size:16px; text-align:center; color:#646566; position:absolute; left:0px; bottom:202px; z-index:9999; padding:0; border-top:#e6e6ee 1px solid; text-transform:uppercase; font-weight:normal; background-color:#FFFFFF }	
			
			
			 
				
 
 }
 
  @media only screen and (max-width:768px){
  .ciezn_menucon{ display:none}
  .banner_con{ text-align:center}
  .banner_con img {
	width: 100%;
	height: 100%;  margin:0 auto;}
  .dd_navwap{  width:80%; height:auto; margin:0 auto; display:block; margin-top:26px; text-align:center} 

.dd_nav_itemwap{ width:98%; height:28px; float:none; margin:7px  auto; padding:5px 0px; text-align:center; border:0px;  font-size:12px; line-height:14px; background:rgba(255,255,255,.20); border:rgba(255,255,255,.34) 1px solid; border-radius:34px; text-transform:uppercase}
 
.dd_nav_itemwap a{ color:#ffffff; text-decoration:none; display:block; width:90%; height:30px; margin:0 auto; text-align:center;}
.dd_nav_itemwap a:visited{ color:#ffffff; text-decoration:none; width:90%; height:30px; margin:0 auto; text-align:center;}
.dd_nav_itemwap a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; width:90%; height:30px; margin:0 auto; text-align:center; }
.dd_nav_itemwap span{ font-size:10px; text-transform:uppercase; }

.dd_nav_itemwap:hover{border:rgba(0,180,238,.26) 1px solid;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;background:rgba(0,180,238,.74); cursor:pointer }
#dd_nav_itemwapon{border:rgba(0,180,238,.26) 1px solid; background:rgba(0,180,238,.74); cursor:pointer }




  
#antzone {
  width:100%;
  height:100%; position:fixed; z-index:9999999999; left:0; right:0; top:0; bottom:0px; background:rgba(0,0,0,.90); 
}
.close_btn{ width:100%; height:30px; margin:0 auto; text-align:center; margin-top:26px;}
.close_btn img{ width:30px; height:30px; margin:0 auto;}
.wap_bannerpic{ display:block}
.pc_bannerpic{ display:none}
  
  .dd_navicon{ display:block; width:100%; height:80px; margin:0px; padding:0px; position:relative}
		
		.dd_waplogo{ width:148px; height:40px; position:absolute; left:20px; top:15px; z-index:99999999; display:block; visibility:visible}
			.dd_waplogo img{ width:148px; height:40px;  }
			.drop-down{ display:block; width:30px; height:30px; float:right; margin-right:20px; margin-top:20px;}

.drop-down img{ width:30px !important; height:30px !important; float:right !important; margin:0px !important;}
.wap_tell{ display:block; width:30px; height:30px; float:right; margin-right:20px; margin-top:20px;}
.wap_tell img{ width:30px !important; height:30px !important;  }



.ciezn_bannertxt{ width:100%; height:200px; text-align:center; position:absolute; left:0px; top:50%; margin-top:-100px; z-index:99999; }
 
.ciezn_bannertxt1{ width:100%; height:30px; line-height:30px; text-align:center; font-size:20px; color:#ffffff; font-weight:bold; text-shadow:0px 0px 5px rgba(0,0,0,.49)}
.ciezn_bannertxt2{ width:100%;  line-height:12px; height:12px; text-align:center; font-size:8px; color:rgba(255,255,255,.80); text-transform:uppercase; letter-spacing:0px}

.ciezn_bannertxt3{ width:100%; height:18px; line-height:18px; text-align:center; font-size:14px; color:#ffffff; text-transform:uppercase;}
  

 .ciezn_bannerbtn{ width:80%;height:64px; text-align:center; margin:0 auto; margin-top:34px;}
.ciezn_bannerbtn a{ display:block; margin:0px auto; padding:0 18px; width:120px; height:30px; border:#ffffff 2px solid;  border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_bannerbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:120px; height:30px; border:#ffffff 2px solid; border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.00);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_bannerbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:120px; height:30px; border:#ffffff 2px solid; border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.34);background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
			
			
.ciezn_aboutbtn{ width:80%;height:56px; text-align:center; position:absolute; left:10%; margin-left:-0px; bottom:40px; z-index:99999 }
.ciezn_aboutbtn a{ display:block; margin:0px auto; padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid;  border-radius:30px;line-height:30px; text-align:left; font-size:12px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_aboutbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid; border-radius:30px;line-height:30px; text-align:left; font-size:12px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.ciezn_aboutbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid; border-radius:30px;line-height:30px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}			


.section2 ciezntitle{display: none; }

.section3 ciezntitle{display: none; }

.section4 ciezntitle{display: none;  }

.section5 ciezntitle{display: none; }

.section6 ciezntitle{display: none; }

.section7 ciezntitle{display: none; }

.section8 ciezntitle{display: none; }
.xzwap_indext1{ font-size:22px; height:26px; width:100px; position:absolute ;top:80px; line-height:26px;text-align:center; z-index:9999; font-weight:bold; color:#01b4ee; background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; left:50%; margin-left:-50px;  }
 .xzwap_indext1b{ width:80%; left:10%; margin-left:0px;}
 
 
 
 .xzwap_indext2{width:100%;position:absolute ; font-size:10px; height:18px; line-height:18px; color:#646566; text-align:center; font-weight:normal;  text-transform:uppercase;  letter-spacing:0px; top:106px; left:0px; }
 
 .xzwap_indext3{ font-size:22px; height:26px; width:100px; position:absolute ;top:80px; line-height:26px;text-align:center; z-index:9999; font-weight:bold; color:#ffffff;   left:50%; margin-left:-50px;  }
 .xzwap_indextcolor{ color:#ffffff;}
 
 .ciezn_abouttxt{ font-size:10px; line-height:15px; height:75px;text-align:left; margin:0px; width:80%; color:#000000; font-weight:normal; overflow:hidden; position:absolute; left:10%; top:134px; }
 
 
 .ciezn_aboutlist{ position:absolute; width:80%; height:140px; left:10%; margin-left:0px; top:260px; background:none; }
 .ciezn_aboutlisti{ width:50%; height:70px; float:left; text-align:center; border-right:#d0d0d6 0px solid; }
 .ciezn_aboutit1{ width:100%; height:40px; text-align:center;font-size:10px; color:#343536; font-weight:normal }
  .ciezn_aboutit1 span{font-size:34px; font-weight:bold; color:#01b4ee; } 
 .ciezn_aboutit2{ width:100%; height:20px; text-align:center; font-size:10px; font-weight:normal; color:#343536}
 
 
 
 
 .hd_slulist{ position:absolute;  left:-webkit-calc(10% - 5px); left:-moz-calc(10% - 5px); left:calc(10% - 5px);margin-left:0px; top:134px; z-index:99;   width:-webkit-calc(80% + 10px); width:-moz-calc(80% + 10px); width:calc(80% + 10px);height:400px;}
 .hd_slulisti{ background-color:#ffffff;width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); height:170px; float:left; margin-right:0px; margin:5px;box-shadow:0px 0px 15px rgba(0,0,0,.07); border-radius:5px; overflow:hidden}
 .hd_slulistil{ margin:0px;}
 .hd_slulistip{ width:100%; height:140px;  overflow:hidden; position:relative}
 .hd_slulistip img{ width:100%; height:140px;}
 
  
  .hd_slulistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
  .hd_slulistit{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);height:30px;font-size:12px; line-height:30px; text-align:left; font-weight:bold; padding:0 10px;}
		
	.hd_slulistit a{ color:#343536; text-decoration:none; }	
	.hd_slulistit a:visited{ color:#343536;text-decoration:none; }	
	.hd_slulistit a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.hd_slulistit span{ display:none;  }
 
 
 
 .ciezn_advlist{width:100%; height:100%; position:absolute; right:0px; top:0px; z-index:994;}	
	  .ciezn_advlisti{width:100%;height:100%; float:none; text-align:center; position:relative; margin:0px; position:relative; overflow:hidden; text-align:center; border-right:#e6e6ee 0px solid; background:rgba(255,255,255,.26);}
		
			
		.ciezn_advip{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:150px; text-align:center; margin:0px auto; padding:0px;  margin-top:160px;}	
			.ciezn_advipc{ width:150px; height:150px; margin:0 auto; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,.12);}
			.ciezn_advipc img{ width:150px; height:150px; }
			  .ciezn_advipc:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			  .ciezn_advipc:hover{box-shadow:0px 0px 34px rgba(0,0,0,.15);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			.ciezn_advlisti:hover{ background-color:#e9eeff;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}	
			 .ciezn_advlisti:hover  .ciezn_advip{margin-top:160px;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
		.ciezn_advit{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:26px;text-align:center; font-size:18px; line-height:26px; font-weight:bold; color:#343536;   margin:15px  auto; margin-bottom:0px;}
		.ciezn_advite{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:15px;   text-align:center; font-size:10px; line-height:15px; font-weight:normal; color:#989898; text-transform:uppercase; overflow:hidden; margin:0 auto;}
		
		.ciezn_advii{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);height:150px; text-align:left; font-size:10px; line-height:15px; font-weight:normal;color:#494949; overflow:hidden; margin:0 auto; margin-top:26px}
		
		
		.ciezn_advibtn{ display:none}
		
		
		.ciezn_businesscon{width:80%; height:340px;position:absolute; left:10%;bottom:0px; top:134px;  }
		.ciezn_businessi{width:100%; height:160px; float:left; margin:5px;  position:relative; overflow:hidden; border-radius:5px; overflow:hidden}
		
		.ciezn_businessi img{ width:100%; height:160px; position:absolute; left:0px; top:0px; z-index:1}
	 
		  .ciezn_businessi:hover img{transform:scale(1.0);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
			
	}
	
	.ciezn_businessit{width:80%; height:20px; position:absolute; bottom:10px; left:10%;   font-size:14px; color:#ffffff; font-weight:bold; z-index:9; text-align:center; text-shadow:0px 0px 5px #000000; display:block; line-height:20px; overflow:hidden; z-index:9}
 .ciezn_businessit a{ color:#ffffff; text-decoration:none}
 .ciezn_businessit a:visited{ color:#ffffff; text-decoration:none}
 .ciezn_businessit a:hover{ color:#ffffff; text-decoration:none}
  .ciezn_businessi:hover .solu_bg{opacity:0;  }
  	.ciezn_businessi:hover .ciezn_businessit{ display:block}	
	
	
	
	
	
	
	.hs_losglist{width:80%;height:350px;position:absolute; top:134px; left:10%; margin-left:-0px;border-left:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; border-radius:5px; overflow:hidden;  box-shadow:0px 0px 13px rgba(0,0,0,.08); }
 
 .hs_losglisti{ width:-webkit-calc(33.333333% - 1px); width:-moz-calc(33.333333% - 1px); width:calc(33.333333% - 1px); height:59px; border-bottom:#e6e6ee 1px solid; border-right:#e6e6ee 1px solid; background-color:#FFFFFF; text-align:center; padding-top:10px; overflow:hidden; float:left; margin:0px; }
 .hs_losglisti img{ width:auto; height:40px; margin:0 auto} 
 .hs_losglisti img:hover{ transform:scale(1.0);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
  .hs_losglistic{ background-color:#01b4ee; font-size:8px; text-align:center; color:#ffffff;height:49px; padding-top:20px;}
    .hs_losglistic span{ font-weight:bold; font-size:16px; }
	
	
	.new_con{ position:absolute;width:80%;height:480px; z-index:9999; left:10%; margin-left:0px; top:134px}
	
	.new_left{width:100%; float:none; margin:0px; height:auto;  position:relative; overflow:hidden;  }
 .new_right{width:100%; float:none;  margin:0px; height:auto;   }
 
 
 
 .new_rightitem{width:100%;   margin:0px; height:280px;  position:relative;overflow:hidden; margin-bottom:5px; margin-top:5px; }
	 
	  
	 .new_rightitempic{ width:100%;height:170px; overflow:hidden; float:left; border-radius:5px;}
	 .new_rightitempic img{ width:100%; height:170px;  }
	 .new_rightitempic:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
			
			
	}
	
	.new_righttxt{ width:100%;height:110px; overflow:hidden; float:right;}
	
	.new_righttid{ width:100%; height:20px; line-height:20px; font-size:10px; color:#646566; text-align:left; font-weight:normal}
	
	.new_righttit{width:100%; height:30px; line-height:15px; color:#343536; text-align:left; font-size:12px; font-weight:bold; margin-top:0px;}
	.new_righttit a{ color:#343536; text-decoration:none; }
	
	
	.new_righttit a:visited{ color:#343536; text-decoration:none; }
 .new_righttit a:hover{ color:#00b4ed; text-decoration:none; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	
	.new_righttii{width:100%; height:45px; line-height:15px; color:#646566; text-align:left; font-size:10px; font-weight:normal; overflow:hidden; margin-top:0px;}
	
	.new_rightitem02{width:100%;   margin:0px;  position:relative;overflow:hidden; height:25px; line-height:25px; text-align:left; font-size:10px; font-weight:normal ; color:#989898}
	
	.new_rightitem02 a{ color:#343536; text-decoration:none; }
	
	
	.new_rightitem02 a:visited{ color:#343536; text-decoration:none; }
 .new_rightitem02 a:hover{ color:#00b4ed; text-decoration:none; text-decoration:none;-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	.new_rightitem02 span{ display:none}
 
 
 .news_stitle{ width:100%; height:30px;   text-align:left; font-size:14px; color:#343536; text-transform:uppercase; line-height:30px;}
	 
	
	
	.news_stitle span{ display:block; width:50px; background-image:url(../images/hd_icon.png); background-position:right; float:right; background-repeat:no-repeat; text-align:left; font-size:10px; height:14px; line-height:14px; margin:8px 0px;  padding-right:16px; font-weight:normal; text-transform:uppercase; background-size:auto 100% ;}
	
	.news_stitle a{ color:#01b4ee; text-decoration:none}
	.news_stitle a:visited{ color:#01b4ee; text-decoration:none}
	.news_stitle a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
	
 .dg_bottombg{ background-color:#e9eeff; z-index:777}
			.ciezn_map{width:80%; height:150px; border-radius:5px;position:absolute;  left:10%; top:134px; z-index:999; border:#e6e6ee 1px solid; background-image:url(../images/map.jpg); background-position:center center; background-size:auto 100% ; display:none}	 
         
		
		
		.dg_mesform{width:-webkit-calc(80% - 22px);width:-moz-calc(80% - 22px);width:calc(80% - 22px); height:180px; background-color:#ffffff;   border-radius:5px; padding:10px; position:absolute; left:10%;  top:134px; z-index:999; border:#e6e6ee 1px solid;}
		
		 .dg_mesforminput{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px); height:35px; line-height:35px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:10px; text-align:left; color:#343536; text-indent:10px; float:none;margin:0px; margin-bottom:10px;}
		
		.dg_mesforminput2{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);height:35px; line-height:35px; border:#e6e6ee 1px solid; background-color:#ffffff; font-size:10px; text-align:left; color:#343536; text-indent:10px; float:left;margin:0px; margin-bottom:10px;}
		
		
		.dg_mesforminput3{ width:100%; height:35px; line-height:35px; border:0px; background-color:#172a88; font-size:10px; text-align:center; color:#ffffff;  float:none; margin:0px;}
		.dg_mesforminput3:hover{width:100%;  height:35px; line-height:35px; border:0px; background-color:#01b4ee; font-size:14px; text-align:center; color:#ffffff;  float:none;  margin:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.dg_flink3{ display:none }		 
		.dg_flink{ display:none }	
		
		
		
		.dg_bottomcon{ width:100%; height:140px; position:absolute; left:0px; bottom:116px; background-color:#172a88; z-index:9999; text-align:center}
		.dg_bottomc{ width:80%; height:140px; margin:0 auto; }	
		
		 .dg_bottomc01{ display:none}
		 
		  
		   .dg_bottomc02{ width:100%; float:none; margin:0px;  height:100px; padding:20px 0px;border-top:rgba(255,255,255,.08) 1px solid;  }
		  
		  .dg_clear{ width:100%; height:0px; line-height:0px; clear:both}
		  
		 
		  
		  
			
			.dg_bottomcontact{width:100%;height:100px; padding-top:0px; }
		  .dg_bottomcontact01{ width:100%; height:auto; font-size:10px; color:#ffffff; line-height:15px;  text-align:left; float:none; margin:0px;  padding-left:0; margin-top:10px;}
		   
		    .dg_bottomcontact01 img{ display:none}
		  
		   
			
			 .dg_bottomcontact03{ display:none}
 	
.dg_copyright{ width:80%; height:30px; line-height:15px; font-size:10px; text-align:center; color:#989898; position:absolute; left:0px; bottom:56px; z-index:9999; background-color:#343536; padding:15px 10%;}
.dg_copyright a{ color:#e6e6ee; text-decoration:none}
.dg_copyright a:visited{ color:#e6e6ee; text-decoration:none}
.dg_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}			
		
		
		.pro_aboutbanner{ width:100%;   height:200px; padding:0px;   background-image:url(../images/aboutbannerwap.jpg); background-repeat:no-repeat; background-position:center center; background-size:auto 100%     }
		.page_casebanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/casebannerwap.jpg); background-position:center center; background-repeat:no-repeat; background-size:auto 100%   }
		
		.page_newbanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/pnewbannerwap.jpg); background-position:center center;  background-repeat:no-repeat;text-align:center;background-size:auto 100% }
		
		.tec_banner{ width:100%;  height:200px; padding:0px;   background-image:url(../images/tecbannerwap.jpg); background-repeat:no-repeat; background-position:center center; background-size:auto 100%  }
		
		.page_probanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/probannerwap.jpg); background-position:center center; background-repeat:no-repeat; padding:0px; text-align:center;background-size:auto 100%}
		
		
		.pro_pbanner{ width:100%;   height:200px; padding:0px;   background-image:url(../images/probannerbwap.jpg); background-repeat:no-repeat; background-position:center center;background-size:auto 100%  }
		
		
		
		.page_hottarg{ display:none}
	 
			
		.page_position{ width:100%; padding:15px 0px;  background-color:#ffffff; border-bottom:#e6e6ee 1px solid; margin:0 auto; text-align:center}
	.page_positionc{ width:80%; height:auto; line-height:20px; text-align:left; font-size:10px; color:#989898; margin:0 auto;}
	
	.page_positionc a{ color:#646566; text-decoration:none; }
	.page_positionc a:visited{ color:#646566; text-decoration:none; }
	.page_positionc a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }	
	.page_positionc img{ display:none}	
		
		
		.leou_pnavcon{ width:80%; height:auto; margin:15px auto; padding:0px; text-align:center; border-bottom:#e6e6ee 1px solid; border:0px;  }
			.leou_pnav{ width:100%; height:auto; text-align:center; margin:0 auto}
			.leou_pnav a{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#f0f0f6; color:#343536; border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; margin:2px 0px; padding:0;border:0px;}
			.leou_pnav a:visited{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#f0f0f6; color:#343536; border-radius:25px;line-height:40px; font-weight:normal; text-decoration:none; margin:2px 0px; padding:0;border:0px;}
			.leou_pnav a:hover{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#01b4ee; color:#ffffff;border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid;  border:0px; margin:2px 0px; padding:0; }
			#leou_pnavon{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#01b4ee;  color:#ffffff;border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid; margin:2px 0px; padding:0;border:0px; }
		
		.page_aboutbg{ width:100%; margin:0px auto; padding:30px 0px; background-color:#e9eeff;  position:relative; background-image:url(../images/about_bg.jpg); background-position:center bottom; background-repeat:no-repeat;  padding-top:1px; padding-bottom:64px; background-size:100% auto}	 
		
		
	 
		
		
		
		.page_t1{ width:80%; height:26px; line-height:26px; font-size:22px; text-align:center;  background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; font-weight:bold; margin:0 auto; margin-top:30px; }
 .page_t2{ width:80%; margin:0 auto; font-size:10px; height:18px; line-height:18px; color:#646566; text-align:center; font-weight:normal;  text-transform:uppercase;  } 
 
 .page_abouttxt{ font-size:10px; line-height:15px; text-align:left; margin:0px auto; width:80%; color:#646566; font-weight:normal; overflow:hidden; margin-top:26px;  }
.page_abouttxt p{ padding:3px 0px;}
		
		 .ciezn_abouttxtvideo2{ width:100%; height:auto; float:none; }
		
		.ciezn_abouttxtt2{ width:100%; height:auto; margin:0 auto;float:none;font-size:10px; line-height:15px; color:#646566; font-weight:normal; overflow:hidden; text-align:left; margin-top:15px;  }
		
		.page_aboutt1{ width:100%; height:30px; text-align:left; color:#989898; font-size:10px; margin:0; }
		
		.page_aboutt1 span{ font-size:14px; color:#343536; font-weight:bold;}
		
		.pro_aboutlist{ width:80%; height:150px; margin:0 auto; margin-top:20px;}
		
		
		.page_aboutztbg{ background-image:url(../images/adv_bg.jpg); background-position:center center; background-attachment:fixed; background:none; background-color:#ffffff; padding-bottom:0px;margin:0 auto; padding-top:1px; margin-bottom:0px; position:relative }
		
	.page_aboutculist{ width:-webkit-calc(80% + 10px); width:-moz-calc(80% + 10px); width:calc(80% + 10px);  height:auto; margin:0 auto; margin-top:30px; padding-bottom:49px; }	
	.page_aboutculisti{ width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); height:210px; margin:0 5px; margin-bottom:5px; float:left; text-align:center; background-color:#ffffff; box-shadow:0px 0px 13px rgba(0,0,0,.15); border-radius:5px;}
 
		
		.page_aboutculcon{width:-webkit-calc(100% - 32px); width:-moz-calc(100% - 32px); width:calc(100% - 32px); height:178px; margin:15px; background:rgba(255,255,255,.17);  border:#e6e6ee 1px solid; text-align:center }
		
		
		
		
		
		 
		.page_aboutcult1{ width:80%; height:34px; line-height:34px; font-size:16px; color:#989898; text-align:left; margin:0 auto; margin-top:26px; text-transform:uppercase }
		.page_aboutcult1 span{ font-size:22px; font-weight:bold; color:#343536}
		
		.page_aboutcult2{ width:80%; height:22px; line-height:22px; font-size:14px; color:#01b4ee; text-align:left; margin:0 auto; text-transform:uppercase; font-weight:normal }
		.page_aboutcult3{ width:80%; line-height:15px; font-size:10px; color:#646566; text-align:left; margin:0 auto;margin-top:10px; text-transform:uppercase }
		 
		
		.wdf_clear{ width:100%; height:0px; line-height:0px; clear:both}
		
		
		
		.page_aboutculisti:hover{ background-color:#01b4ee;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		.page_aboutculisti:hover span{ color:#ffffff;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		.page_aboutculisti:hover div{ color:#ffffff;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
			
			
					
	#timeline {
		border:0px;
		width:100%;
		height:490px;
		overflow: hidden;
		margin:0 auto; margin-top:15px;
		position: relative; padding:0px;
	 
		 
	}	
	
	
	 .timeline_con{ width:100%; height:74px; position:absolute;  z-index:100; left:0; top:0px;background:rgba(0,0,0,.34); padding:26px 0px; z-index:1; padding-bottom:64px;}
 
 .timeline_center{width:100%; height:74px; position:relative; margin:0px; padding:0px;background: url(../images/timelinebg03.png) center bottom  repeat-x;}
 
 
		#dates {
			width:100%;
			height:74px;
			overflow: hidden;
			 position:absolute;  top:0; padding:0px; margin:0px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 140px;
				height: 74px; margin:0px; padding:0px;
				 
				
			}
				#dates a { display:block; font-size:12px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:rgba(255,255,255,.64);
					 background: url(../images/timelinebg01.png) center bottom no-repeat;
				}
				#dates a:visited { display:block; font-size:12px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:rgba(255,255,255,.64);
					 background: url(../images/timelinebg01.png) center bottom no-repeat;
				}
				#dates a:hover { display:block; font-size:16px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:#ffffff;
					 background: url(../images/timelinebg02.png) center bottom no-repeat;
				}
				#dates .selected {
			       display:block; font-size:16px; line-height:74px; text-decoration:none; font-weight:bold;
					 width: 140px;
			     	height: 74px; color:#ffffff;
					 background: url(../images/timelinebg02.png) center bottom no-repeat;
				}
		
	
	
	#issues {
			width:100%;
			height:490px;
			overflow: hidden; margin:0px; padding:0px; position:absolute; left:0; top:0; z-index:0; background-image:url(../images/time00.jpg);
		}	
			#issues li {
			 
				height: 490px;
				list-style: none;margin:0px; padding:0px;
				float: left; position:relative
			}
				#issues li img {
					float: left;
					margin:0; width:auto; height:490px;
					 
				}
				
				
				.time_itemtitle{ position:absolute; top:174px; z-index:999; left:20px; margin-left:0px; line-height:34px; font-size:22px; color:#ffffff; font-weight:bold; text-shadow:0px 0px 7px rgba(0,0,0,.34); width:280px; text-align:left; overflow:hidden}
				
				.time_itemttxt{ position:absolute; top:216px; z-index:999; left:20px;margin-left:-0px; line-height:20px; font-size:10px; color:#ffffff; width:280px;text-shadow:0px 0px 2px rgba(0,0,0,.34); text-align:left; height:40px; overflow:hidden}
				
	.ciezn_futlist{ width:100%; padding-right:0px; padding-bottom:490px; height:auto;  background-image:url(../images/furbg.png); background-position:center bottom; background-repeat:no-repeat; margin:0 auto; margin-top:30px; background-size: 100% auto  }
 
 
		
		 
		
		
.page_aboutt2{ width:80%; height:18px; text-align:left; color:#989898; font-size:14px; margin:0 auto; margin-top:15px;}
.page_aboutt2 span{ font-size:14px; color:#343536; font-weight:bold;}
.pro_teamlisttt{ width:80%; height:auto;  line-height:15px; color:#848586; font-size:10px; text-align:left; margin:0 auto; margin-top:15px;}



.ciezn_futlist2{ width:80%; height:120px; margin:0 auto; margin-top:15px;}
.ciezn_futlist2i{ width:-webkit-calc(50% - 2px); width:-moz-calc(50% - 2px); width:calc(50% - 2px); height:60px; float:left; text-align:left; border-right:#d0d0d6 0px solid; border-left:#d0d0d6 0px solid; margin-left:-1px; margin-top:15px; }



.ciezn_futit1{ width:100%; height:40px; text-align:left;font-size:10px; color:#989898; font-weight:normal }
  .ciezn_futit1 span{font-size:22px; font-weight:bold; color:#01b4ee; }
  
  
  
  
  
  
 .ciezn_futit2{ width:100%; height:20px; text-align:left; font-size:10px; font-weight:normal; color:#989898}



.fiveyearlist{ width:100%; height:60px; background-image:url(../images/fiveyear.jpg); margin:0 auto; margin-top:30px; padding:50px 0px; text-align:center;background-size:auto 100% }
.fiveyearlistc{ width:80%; height:60px; margin:0 auto; padding-left:0px; font-size:10px; line-height:15px; text-align:left; color:rgba(255,255,255,.99)}
.fiveyearlistc span{ display:block; width:100%; height:30px; font-size:18px; font-weight:bold; color:#ffffff; text-align:left}

.tenyearlist{ width:100%; height:60px; background-image:url(../images/tenyear.jpg); margin:0 auto;  padding:50px 0px; text-align:center; margin-bottom:-30px;background-size:auto 100%; background-position:center right}
.tenyearlistc{ width:80%; height:60px; margin:0 auto; padding-right:0px; font-size:10px; line-height:15px; text-align:left; color:#000000}
.tenyearlistc span{ display:block; width:100%; height:30px; font-size:18px; font-weight:bold; color:#01b4ee; text-align:left}


.page_bottombg{ margin:0 auto; margin-top:30px; height:256px; position:relative; background-color:#e9eeff}

.dg_flink2{ display:none}	

	
	
	
	
	.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000000000000000 !important; -webkit-filter: none !important;
  
  
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 50%; left: 10%; text-align: center; width: 80%; height: 180px; margin-top:-90px; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; width: 100%; height: 180px;  }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

	
	
	
	
	
	
	
.gallery{ width:80%; margin:15px auto; height:auto}
			 		
			
			
			
			
 .gallery a{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); display:block;  height:200px; background-color:#ffffff; float:none; padding:15px; text-align:center;  margin:15px 0px;box-shadow:0px 0px 15px rgba(0,0,0,.12); font-size:12px; text-align:center; line-height:30px; text-align:center; color:#646566; text-decoration:none }
 
  .gallery a img{ margin:0px; width:100%; height:170px;}
  
	
	.sntopage_caselist{ width:80%; margin:15px auto; height:auto}
	
	 .sntopage_caseitem{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); height:auto; background-color:#ffffff; float:none; padding:15px; text-align:center;  margin:15px 0px;box-shadow:0px 0px 15px rgba(0,0,0,.12);   }
	.sntopage_caseitem_img2{ width:100%; height:140px; margin:0% auto; overflow:hidden}
.sntopage_caseitem_img2 img{ width:100%; height:140px;  }	

.sntopage_caseitemt3{ width:100%; margin:0 auto;padding:0; text-align:center; font-size:12px; color:#343536; line-height:30px; overflow:hidden; height:30px; font-weight:normal}

.map_bg{background-image:url(../images/bg.jpg); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; width:100%; height:340px; padding:0px; margin-bottom:-74px; overflow:hidden; }

.mapChina {
  width:340px;
  height:340px;
  
  margin: 0 auto;
  padding: 0; margin-top:-30px; 
   
  
 
  
}


.ciezn_joinlist{ width:100%; height:auto; margin:0 auto;  }

.ciezn_joinlistp{width:80%; height:200px; float:none; overflow:hidden; margin:15px auto; }	
		.ciezn_joinlistp img{ width:100%; height:200px;  }
		.ciezn_joinlistp:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}

.ciezn_joinlistt{width:100%; height:auto; float:none; overflow:hidden; margin:0px; padding-left:0px; padding-top:0px;  }

.join_list02{ width:100%; height:auto; margin:0 auto; margin-top:30px;  margin-bottom:-30px; padding:49px 0px; padding-bottom:100px;background-image:url(../images/joinbg.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center; }



 


.join_title1{width:80%;  height:34px; margin:0 auto; margin-top:30px; border:0px; position:relative; text-align:center}
	 
	.join_title1txt{ font-size:22px; line-height:26px; font-weight:bold; text-align:center; width:100%; height:26px;   color:#ffffff; margin:0 auto}
	.join_title1txt2{ width:100%; margin:0 auto; font-size:10px; height:18px; line-height:18px; color:rgba(255,255,255,.74); text-align:center; font-weight:normal;  text-transform:uppercase;  } 	
	
	
	
	.join_poslist{ width:80%; height:auto; margin:0px auto; margin-top:30px;border-top:rgba(255,255,255,.26) 1px dashed;}		
			
		.join_poslisti{ width:100%; height:50px; padding:10px 0px; border:0px;border-bottom:rgba(255,255,255,.26) 1px dashed;}	
			
			.join_poslistit{ font-size:14px; line-height:20px; height:20px; text-align:left; color:#ffffff; overflow:hidden }
			
			
			.join_poslistit a{ color:#ffffff; text-decoration:none}
			.join_poslistit a:visited{ color:#ffffff; text-decoration:none}
			.join_poslistit a:hover{ color:#ffffff; text-decoration:none}
			.join_poslistii{ font-size:10px; line-height:15px; height:30px; text-align:left; color:rgba(255,255,255,.64); overflow:hidden }
			.join_poslistit span{ display:none; width:150px; height:40px; line-height:40px; color:rgba(255,255,255,.64); text-align:right; float:right; font-size:10px; }
	
	
	
/*留言*/
.message_bg{ width:100%; height:640px; margin:0 auto; margin-bottom:-74px; background-image:url(../images/cul_bg.jpg); background-position:left bottom; background-repeat:no-repeat}

.message{ width:80%; margin:0 auto; height:560px; margin-top:56px;}
.message ul { list-style:none; margin:0px; padding:0px;}
.message ul li{ list-style:none; margin:0px; padding:0px;}

.message_title{ width:100%; height:30px; text-align:left; font-size:10px; line-height:30px; color:#646566; float:none; display:block; font-weight:normal;margin:0px; padding:0px;}
.message_content{ width:100%; height:30px; float:none; margin:0px; padding:10px 0px;}
.message_content2{ width:50%; height:30px; float:left; margin:0px; padding:10px 0px; text-align:left; margin-right:0px;}
.message_content2 img{   height:30px !important; width:auto !important; margin-left:30px;}

 .message_form{ width:100%; height:28px; border:#e0e0e0 1px solid; border-radius:5px; line-height:28px; text-align:left; text-indent:10px; font-size:10px; color:#343536; font-family:microsoft yahei; float:left; margin:0px;}
 .message_form3{ width:100%; height:28px; border:#e0e0e0 1px solid; border-radius:5px; line-height:28px; text-align:left; text-indent:10px; font-size:10px; color:#343536; font-family:microsoft yahei; float:left; margin:0px;}
 .message_form2{ width:100%; height:50px; border:#e0e0e0 1px solid; border-radius:5px; line-height:18px; text-align:left; text-indent:10px; font-size:10px; color:#343536; font-family:microsoft yahei;float:left; margin:0px;}
.message_yzminput{width:100%; height:40px;padding:10px 0px; float:left; margin:0px; }
.message_yzmico{width:100%; height:22px;padding:19px 0px; float:left; margin:0px; margin-left:10px; }
.message_yzmico img{width:50px; height:22px;}

.contentb{ height:100px !important;}
.message_sub{ width:100%; height:40px; margin:0px; padding:10px 0px; text-align:left; padding-top:20px !important;  }

	
	
	
	
	
.contact_list01{ width:80%; height:auto; margin:0 auto; margin-top:56px; text-align:center}
 
.contact_list01p{ width:200px; height:200px; float:none; margin:0 auto; }
.contact_list01p img{ width:200px; height:200px; border-radius:50%; }






.contact_list01txt{width:100%;height:auto; float:none; text-align:center; margin-top:15px;   }
.contact_list01txtt{ height:30px; font-size:16px; text-align:left; color:#262626; font-weight:bold; margin:0px; line-height:24px; border-bottom:#01b4ee 4px solid; display:inline-table; text-align:left; margin:0 auto}

.contact_list01txti{ width:100%; height:auto; text-align:left; font-size:10px; line-height:15px; color:#494949; padding-top:15px;border-top:#e6e6ee 1px solid; }
	
	.contact_con{ width:80%; height:auto; margin:0 auto; margin-top:56px;}





.contact_conl{ float:none; width:100%; height:auto;  }

.contact_conr{ display:none}

.contact_item{ width:100%; height:40px; margin:0 auto; margin-bottom:-1px; border-bottom:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; padding:15px 0px;}
 

.contact_item img{ width:30px; height:30px; float:left; margin-right:10px;}

.contact_itemti{width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px);height:30px; float:right; margin:0px; padding:0px; text-align:left; color:#262626; line-height:15px; font-size:10px; font-weight:normal;}
.contact_itemti span{ width:100%; display:block; height:25px; line-height:25px; font-size:22px; font-weight:bold}



.contact_itemti2{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:40px; float:right; margin:0px; padding:0px; text-align:left; color:#262626; line-height:15px; font-size:10px; font-weight:normal;}
 
 
 .leou_pnavcon{ width:80%; height:auto; margin:15px auto; padding:0px; text-align:center; border-bottom:#e6e6ee 1px solid; border:0px;  }
			.leou_pnav{ width:100%; height:auto; text-align:center; margin:0 auto}
			.leou_pnav a{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#f0f0f6; color:#343536; border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; margin:2px 0px; padding:0;border:0px;}
			.leou_pnav a:visited{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#f0f0f6; color:#343536; border-radius:25px;line-height:40px; font-weight:normal; text-decoration:none; margin:2px 0px; padding:0;border:0px;}
			.leou_pnav a:hover{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#01b4ee; color:#ffffff;border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid;  border:0px; margin:2px 0px; padding:0; }
			#leou_pnavon{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#01b4ee;  color:#ffffff;border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid; margin:2px 0px; padding:0;border:0px; }
  
 
	
	
	
.page_topnav{ width:80%; height:auto; margin:15px auto; margin-top:15px; text-align:center; }
	.page_topnavitem{ width:100%; height:40px; float:none; margin:0px; margin-right:0px; padding:0px;  text-align:center  }
	
	
	.page_topnavitem a{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#f0f0f6; color:#343536; border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; margin:2px 0px; padding:0;border:0px;}
			.page_topnavitem a:visited{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#f0f0f6; color:#343536; border-radius:25px;line-height:40px; font-weight:normal; text-decoration:none; margin:2px 0px; padding:0;border:0px;}
			.page_topnavitem a:hover{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#01b4ee; color:#ffffff;border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid;  border:0px; margin:2px 0px; padding:0; }
			#page_topnavitem{ display:block; text-align:center; width:100%; height:40px; font-size:12px; background-color:#01b4ee;  color:#ffffff;border-radius:25px; line-height:40px; font-weight:normal; text-decoration:none; border-bottom:#01b4ee 4px solid; margin:2px 0px; padding:0;border:0px; }
  
	.sntopage_caseitem_img{width:100%;height:170px; margin:0px; overflow:hidden}
.sntopage_caseitem_img img{ width:100%; height:170px;  }
	  
	.sntopage_caseitemt{ width:100%; margin:0 auto;padding:0; text-align:left; font-size:14px; color:#343536; line-height:30px; overflow:hidden; height:30px; font-weight:normal; margin-top:5px;}

.sntopage_caseitemt a{ color:#343536; text-decoration:none }
.sntopage_caseitemt a:visited{ color:#343536; text-decoration:none }
.sntopage_caseitemt a:hover{ color:#01b4ee; text-decoration:none;webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }	
			
			
	.sntopage_caseitemi{ width:100%; margin:0 auto; padding:0; text-align:left; font-size:10px; color:#848586; line-height:15px; margin-top:10px; height:60px; overflow:hidden}
	
	
	 
	
	
	
	.page_viewbtn{  width:100%; height:30px;   text-align:left; font-size:14px; color:#343536; text-transform:uppercase; line-height:30px;}
	 
	
	
	.page_viewbtn span{ display:block; width:50px; background-image:url(../images/hd_icon.png); background-position:right; float:left; background-repeat:no-repeat; text-align:left; font-size:10px; height:14px; line-height:14px; margin:8px 0px;  padding-right:16px; font-weight:normal; text-transform:uppercase; background-size:auto 100% ;}
	
	.page_viewbtn a{ color:#01b4ee; text-decoration:none}
	.page_viewbtn a:visited{ color:#01b4ee; text-decoration:none}
	.page_viewbtn a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
	
	
	.page_hotcon{ display:none}
	
	
	
	
	.page_viewmain{ width:80%; margin:15px auto; min-height:300px;}
			
			.page_viewmainl{ width:100%; float:none; min-height:300px;}
			.page_viewmainr{ display:none}
			
			.page_viewtcon{ width:100%; height:auto; margin:0 auto;   text-align:center;   padding-bottom:13px;}
			
			.page_viewtcon01{ font-size:22px; font-weight:bold; text-align:left; width:100%; line-height:26px; color:#343536; margin:0 auto;}
			 
		 
			.page_viewtcon03{ font-size:10px; font-weight:normal; text-align:center; width:100%; line-height:20px; color:#646566; padding:15px 0px; text-indent:0px; margin:0px auto; margin-top:20px; background-color:#e9eeff;}
			.page_viewtcon03 span{color:#000000; font-weight:bold}
			.page_viewcon{ width:100%; margin:30px auto; text-align:left; font-size:10px; color:#131415; line-height:15px;}
			
			.page_viewcon p{ padding:2px 0px;line-height:15px;}
			
			.page_viewcon img{ width:auto; max-width:100%;}
			.page_viewcon p img{width:auto; max-width:100%;}
			
	
	
	.page_viewlink{ width:100%; height:auto; margin:0 auto; padding:15px 0px; text-align:center;  border-top:#e6e6ee 1px solid; border-bottom:#e6e6ee 1px solid;}
	
	
	.page_viewlinkc{ font-size:10px; font-weight:normal; text-align:left; width:100%; line-height:20px; color:#989898; margin:0px auto; }
			.page_viewlinkc a{  color:#646566; text-decoration:none}
			.page_viewlinkc a:visited{  color:#646566; text-decoration:none}
			.page_viewlinkc a:hover{  color:#343536; text-decoration:none}
	
	
	
	
	.snto_pagnavcon{ width:100%; height:30px; margin:30px auto; text-align:center; list-style:none; padding:0px;}		
		.snto_pagnavcon li{display:inline-table;margin-right:3px; }	
		.snto_pagnavcon li a{ display:block; width:30px; height:30px;  background-color:#f0f0f6; text-align:center; font-size:8px; line-height:30px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none; }
		.snto_pagnavcon li a:visited{ display:block; width:30px; height:30px;   background-color:#f0f0f6; text-align:center; font-size:8px; line-height:30px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none; }
		.snto_pagnavcon li a:hover{ display:block; width:30px; height:30px; background-color:#01b4ee; text-align:center; font-size:8px; line-height:30px;border:#01b4ee 1px solid; color:#ffffff; border-radius:50%; text-decoration:none;  }				
		.snto_pagnavcon  .on a{display:block; width:30px; height:30px;   background-color:#01b4ee; text-align:center; font-size:8px; line-height:30px; color:#ffffff; border-radius:50%;}
		.snto_pagnavconfirst{ width:30px; height:30px; display:inline-table; margin-right:7px;}			
		.snto_pagnavconfirst a{  width:30px; height:30px;  background-color:#f0f0f6; text-align:center; font-size:8px; line-height:30px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none;}
		.snto_pagnavconfirst a:visited{  width:30px; height:30px;   background-color:#f0f0f6; text-align:center; font-size:8px; line-height:30px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none;  }
		.snto_pagnavconfirst a:hover{  width:30px; height:30px; background-color:#01b4ee; text-align:center; font-size:8px; line-height:30px;border:#01b4ee 1px solid; color:#ffffff; border-radius:50%; text-decoration:none; }	
	
	.page_newt01{ width:80%; margin:0 auto; margin-top:30px; font-size:22px; text-align:center; color:#343536; line-height:26px; font-weight:bold}
	.page_newt01top{ margin-top:30px}
	.page_newt02{ width:80%; margin:0 auto; font-size:12px; text-align:center; color:#646566; line-height:14px; text-transform:uppercase}
	
	
	
	
	.page_newlist01{ width:80%; margin:0 auto; margin-top:15px;}	
	.page_newlist01i{width:100%; height:auto; margin:15px auto;  float:none;}
	.page_newlist01ip{ width:100%; height:170px; overflow:hidden;}
	.page_newlist01ip img{ width:100%; height:170px; }	
				
.page_newlist01ip img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
	
	.page_newlist01it{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:10px; font-size:12px; text-align:left; font-weight:bold; overflow:hidden}
	.page_newlist01it a{ color:#343536; text-decoration:none; }
	.page_newlist01it a:visited{ color:#343536; text-decoration:none; }
	.page_newlist01it a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }	
	.page_newlist01ii{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:10px; font-size:10px; line-height:15px; text-align:left; font-weight:normal; overflow:hidden; color:#848586}
	.page_newlist01id{ width:100%; height:20px; overflow:hidden; margin:0 auto; margin-top:20px; font-size:10px; text-align:left; font-weight:normal; overflow:hidden; color:#646566}
	.page_newlist01id a{ color:#01b4ee; text-decoration:none; }
	.page_newlist01id a:visited{ color:#01b4ee; text-decoration:none; }
	.page_newlist01id a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }	
	
	
	 
	
	
	
	.page_morebtn{width:80%;height:64px; margin:0 auto; text-align:center; margin-top:30px;}
.page_morebtn a{ display:block; margin:0px auto; padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid;  border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_morebtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid; border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_morebtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid; border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
	
	.page_newbg{ padding:30px 0px; margin:30px auto; background-color:#e9eeff; margin-bottom:-30px;}
	
	
	
	.page_newitem{width:-webkit-calc(80% - 30px); width:-moz-calc(80% - 30px); width:calc(80% - 30px); height:auto; padding:15px ; margin:0 auto; border:0px; background-color:#ffffff; margin-top:15px;}
			
			.page_newitempic{ width:100%; height:170px; overflow:hidden; float:none;   overflow:hidden}
			.page_newitempic img{ width:100%; height:170px;}
			
			
			
.page_newitempic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
			
			
			.page_newitemtxt{ width:100%; height:auto; overflow:hidden; float:none;}
			
			.page_newitemtxtt{ width:100%; height:auto; line-height:20px; font-size:12px; font-weight:bold; overflow:hidden; text-align:left}
			
			.page_newitemtxtt a{ color:#343536; text-decoration:none }
			.page_newitemtxtt a:visited{ color:#343536; text-decoration:none }
			.page_newitemtxtt a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
			
			.page_newiteminfo{ width:100%; height:auto; margin-top:15px; line-height:15px; font-size:10px; font-weight:normal; overflow:hidden; text-align:left; color:#848586}
			
			.page_newitemdate{ width:100%; height:20px; line-height:20px; margin-top:15px; text-align:left; color:#aaaaaa; font-size:10px;}
			.page_newitemdate span{ color:#646566;  }
			
			.page_newitemdate a{ color:#01b4ee; text-decoration:none  }
			.page_newitemdate a:visited{ color:#01b4ee; text-decoration:none  }
			.page_newitemdate a:hover{ color:#01b4ee; text-decoration:underline  }
	
	
	.page_newlist02{ width:80%; margin:0 auto; margin-top:15px;}	
	.page_newlist02i{width:100%; height:40px; margin:0px;  float:none; line-height:40px; text-align:left; font-size:10px;}
	.page_newlist02i a{ color:#343536; text-decoration:none  }
			.page_newlist02i a:visited{ color:#343536; text-decoration:none  }
			.page_newlist02i a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;   }
	
	.page_newlist02i span{ display:none; }
	
	
	
	
	
	.sntopage_newitem{ width:80%; height:auto; padding:15px 0px; margin:0 auto; border:0px; border-bottom:#e6e6ee 1px solid;}
			
			.sntopage_newitempic{ width:100%; height:170px; overflow:hidden; float:none; border-radius:5px; overflow:hidden}
			.sntopage_newitempic img{ width:100%; height:170px;}
			
			
			
.sntopage_newitempic img:hover{ transform:scale(1.05);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
			
			
			.sntopage_newitemtxt{ width:100%; height:auto; overflow:hidden; float:none;}
			
			.sntopage_newitemtit{ width:100%; height:auto; line-height:18px; font-size:12px; font-weight:normal; overflow:hidden; text-align:left; margin-top:10px;}
			
			.sntopage_newitemtit a{ color:#343536; text-decoration:none }
			.sntopage_newitemtit a:visited{ color:#343536; text-decoration:none }
			.sntopage_newitemtit a:hover{ color:#01b4ee; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
			
			.sntopage_newiteminfo{ width:100%; height:auto; margin-top:10px; line-height:15px; font-size:10px; font-weight:normal; overflow:hidden; text-align:left; color:#646566}
			
			.sntopage_newitemdate{ width:100%; height:20px; line-height:20px; margin-top:15px; text-align:left; color:#aaaaaa; font-size:10px;}
			.sntopage_newitemdate span{ color:#646566;  }
			
			.sntopage_newitemdate a{ color:#01b4ee; text-decoration:none  }
			.sntopage_newitemdate a:visited{ color:#01b4ee; text-decoration:none  }
			.sntopage_newitemdate a:hover{ color:#01b4ee; text-decoration:underline  }
			
	
	
	.pro_teamlist{ width:80%; height:auto; margin:15px auto; }
	
.pro_teamlistp{width:100%; height:auto; float:none; overflow:hidden; margin:0px; }	
		.pro_teamlistp img{ width:100%; height:auto;}
		.pro_teamlistp:hover img{transform:scale(1.0);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
			
			
			.pro_teamlistt{width:100%; height:auto; float:none; overflow:hidden; margin:0px; margin-left:0px; margin-top:0px;   }	
			
			.pro_teamlisttbtnlist{ width:100%; height:auto; margin:0px; margin-top:15px;}
			
			.pro_teamlisttbtnlisti{ width:33.3333%; height:90px; float:left; margin:0px; margin-right:0px; border:#e0e0e6 0px solid; border-radius:50%; text-align:center; font-size:10px; color:#343536; line-height:26px; }
			.pro_teamlisttbtnlistil{ margin:0px;}
			.pro_teamlisttbtnlisti img{ width:40px; height:40px; margin:0px auto; }
			
			
			.ser_tecbg{ background-image:url(../images/sertecbg.jpg); margin:0 auto; padding:30px 0px; width:100%; height:auto; background-position:center center;}
.ser_tecbglist{ width:80%; height:60px; margin:0 auto;}
.ser_tecbglisti{ width:33.333333%; height:60px; float:left; text-align:center; font-size:10px; line-height:15px; color:rgba(255,255,255,.74);}
.ser_tecbglisti span{ font-size:34px; line-height:45px; font-weight:bold; color:#ffffff;}
.ser_tecbglisttxt{ width:82%; height:auto; margin:0 auto; margin-top:26px; font-size:10px; color:#ffffff; text-align:left; line-height:20px; overflow:hidden}
			
	.ser_list01{ width:80%; height:auto; margin:0 auto; margin-top:30px;}		
	
	
	.ser_list01i{width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);  height:288px; float:none; margin:15px auto; border:#e6e6ee 1px solid; border-radius:5px; box-shadow:0px 0px 13px rgba(0,0,0,.10); padding:50px 0px; text-align:center; color:#646566; }
.ser_list01i:hover{ margin-top:15px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer;box-shadow:0px 0px 26px rgba(0,0,0,.15);}
	
	.ser_list01it{width:-webkit-calc(100% - 15px); width:-moz-calc(100% - 15px); width:calc(100% - 15px); height:20px; border-left:#01b4ee 5px solid; padding-left:10px; text-align:left; font-size:18px; line-height:20px; font-weight:bold; color:#343536;}

.ser_list01it img{width:20px; height:20px; margin:0; float:left; margin-right:10px;}
.ser_list01itxt{width:-webkit-calc(100% - 65px); width:-moz-calc(100% - 65px); width:calc(100% - 65px); height:auto;   padding-left:45px; text-align:left; font-size:12px; line-height:20px; height:100px; font-weight:normal; color:#848586; margin-top:30px;}
 .ser_list01ipic{width:-webkit-calc(100% - 65px); width:-moz-calc(100% - 65px); width:calc(100% - 65px);    padding-left:45px; text-align:left; height:150px; margin-top:10px;}
 .ser_list01ipic img{ width:100%; height:150px; border-radius:5px;}
 
 .page_caselist{ width:80%; margin:0 auto; margin-top:0px;}
 
 .page_caselisti{ background-color:#ffffff;width:100%; height:320px; float:none; margin:0px; margin-top:15px;box-shadow:0px 0px 15px rgba(0,0,0,.12); border-radius:5px; overflow:hidden}
 
 
  .page_caselistip{ width:100%; height:280px;  overflow:hidden; position:relative}
 .page_caselistip img{ width:100%; height:280px;}

  
  .page_caselistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
  .page_caselistit{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);height:40px;font-size:12px; line-height:40px; text-align:left; font-weight:nrmal; padding:0 10px;}
 
	.page_caselistit a{ color:#646566; text-decoration:none; }	
	.page_caselistit a:visited{ color:#646566;text-decoration:none; }	
	.page_caselistit a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}	
		
 
	
	.page_caselistit span{ display:block; width:50px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:10px;color:#01b4ee; line-height:14px; margin:13px 0px;  padding-right:16px; font-weight:normal; float:right;background-size:auto 100% ;}
	.page_caselistit span a{ color:#01b4ee;}
	.page_caselistit span a:visited{ color:#01b4ee;}
	.page_caselistit span a:hover{ color:#01b4ee;}
	
 
 .news_stitle{ width:100%; height:30px;   text-align:left; font-size:14px; color:#343536; text-transform:uppercase; line-height:30px;}
	 
	 
	 
 
	 
	 
 .page_probg{ width:100%; height:auto; margin:0 auto; background-image:url(../images/pagepro_bg.jpg); padding:30px 0px; background-position:center center; background-repeat:repeat; text-align:center}
 
 .page_probgconall{ width:80%; height:auto; margin:0 auto}
 .page_probgconpic{ width:100%; height:auto; float:none }
 .page_probgconpic img{ width:100%; height:auto; float:none }
  	  .page_probgconpic:hover img{transform:scale(1.0);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
 
 .page_probgcon{ width:100%; height:auto; margin:0 auto; padding:30px 0px; float:none;text-align:left}
 
 .page_prot1{ width:100%; height:26px; line-height:26px; font-size:22px; text-align:left;  font-weight:bold; margin:0;  background-image: -webkit-linear-gradient(left, #112a87, #01b4ee); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
 .page_prot2{ width:100%; margin:0; font-size:8px; height:12px; line-height:12px; color:#646566; text-align:left; font-weight:normal;  text-transform:uppercase;  } 
 .page_prot3{ width:100%; height:auto; text-align:left; color:#343536; font-size:10px; line-height:15px; margin-top:10px;}
		.page_prot3 span{ font-weight:normal; color:#343536 }
		
		
		.page_prot4{ width:100%; height:auto; text-align:left; color:#646566; font-size:10px; line-height:15px; margin-top:15px;}
		
		
 
		
		
		.page_probtn{width:100%;height:64px; text-align:left; margin:0; margin-top:30px;}
 
.page_probtn a{ display:block; margin:0px; padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid;  border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_probtn a:visited{ display:block; margin:0px;padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid; border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#00b4ed; text-decoration:none; background:rgba(255,255,255,.99);background-image:url(../images/moreicon01.png); background-position:right center; background-repeat:no-repeat; }
.page_probtn a:hover{ display:block;  margin:0px;padding:0 18px; width:120px; height:30px; border:#00b4ed 2px solid; border-radius:25px;line-height:30px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background-color:#00b4ed;background-image:url(../images/moreicon02.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
			
			
			.pro_plisttxt02{ width:80%; height:22px; text-align:center; color:#646566; font-size:12px; line-height:22px; margin:0 auto; margin-top:5px;}
		.pro_plisttxt02 span{ font-weight:normal; color:#646566 }
			
			
 
 
 .pro_advlist{ width:80%;height:auto; margin:0 auto; margin-top:15px;}
 .pro_advlisti{ background-color:#ffffff;width:100%; height:auto; float:none; margin:0; margin-top:15px; overflow:hidden; padding-bottom:15px;}
  
 .pro_advlistip{ width:100%; height:210px;  overflow:hidden; position:relative}
 .pro_advlistip img{ width:100%; height:auto;}
 
  
  .pro_advlistip:hover img{transform:scale(1.1);-webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; cursor:pointer}
  .pro_advlistit{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);height:40px;font-size:14px; line-height:40px; text-align:left; font-weight:normal; padding:0 10px; color:#01b4ee; margin-top:10px;}
  .pro_advlistit span{ font-size:22px; font-weight:bold; color:#ffffff; margin-left:10px; display:inline-table; width:40px; height:40px; background-color:#01b4ee; border-radius:50%; text-align:center}
  
  
 .pro_advlistit2{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); height:60px; text-align:left; line-height:15px; color:#989898; font-size:10px;padding:0 10px; margin-top:10px;}
  .pro_advlistit2 span{  font-weight:bold; font-size:12px; color:#646566 }
 
 
 .pro_hzmslist{ width:100%; height:auto; text-align:center; margin:0 auto; margin-bottom:0px;}
  
  .pro_hzmslistc{width:-webkit-calc(80% + 20px); width:-moz-calc(80% + 20px); width:calc(80% + 20px);height:auto; margin:0 auto; margin-top:15px; text-align:center }
  
  .pro_hzmslistci{ width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px); width:calc(50% - 20px); height:auto; margin:10px; padding:0px; padding-top:40px; padding-bottom:40px; float:left;  text-align:center; background-color:#f0f0f6; border-radius:5px;}
  .pro_hzmslistci:hover{ background-color:#01b4ee;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
			
		.pro_hzmslistci:hover .pro_hzmslistcit{ color:#ffffff}	
			
			
			
			
  .pro_hzmslistci img{ width:80px; height:80px; margin:0 auto; border-radius:50%; }
  
  .pro_hzmslistcit{width:100%; height:60px; font-size:10px; color:#646566; line-height:15px; text-align:center}
  .pro_hzmslistcit span{ width:100%; height:20px; display:block; font-size:12px; text-transform:uppercase; line-height:20px; color:#343536; font-weight:bold}
  .pro_hzmslistci:hover .pro_hzmslistcit{ color:#ffffff}
  
   .pro_hzmslistci:hover .pro_hzmslistcit span{ color:#ffffff}
   
   
   
   
   
   
 .warpper { height:490px; background: #01b4ee; margin:0 auto; margin-top:30px; width:100%; }
.wwwqirecom { width:100%;height:490px; margin:0 auto; position:relative}
.qirepic { width:100%; height: 490px; }
.qirepic ul{ width:100%; height:490px;  margin:0px; padding:0px;}
.qirepic ul li{width:100%; height:490px; position:relative; list-style:none }
.adv_icon{ width:80%; height:430px; position:absolute; background:rgba(200,160,99,.90);  left:10%; top:30px; z-index:9999; text-align:center}
.adv_icon img{ width:50px; height:50px; margin:0 auto; margin-top:100px;filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%);	 }
 .adv_icont1{ width:80%; height:22px; line-height:22px; margin:0 auto; margin-top:20px; color:#ffffff; text-align:center; font-weight:bold; font-size:18px;}
 .adv_icont2{ width:80%; height:15px; line-height:15px; margin:0 auto;  color:#ffffff; text-align:center; font-weight:normal; font-size:8px; text-transform:uppercase; overflow:hidden}
  .adv_icont3{ width:80%; height:90px; line-height:15px; margin:0 auto; margin-top:15px;  color:#ffffff; text-align:left; font-weight:normal; font-size:10px; }
/*图片导航*/
.adv_nav{  display:none }
 
   
  .warpper2 { height:490px; background: #122b88; margin:0 auto; margin-top:30px; width:100%; }
.wwwqirecom2 { width:100%;height:490px; margin:0 auto; position:relative; border-bottom:#e6e6ee 1px solid}
.qirepic2 { width:100%; height: 490px; text-align:center }
.qirepic2 ul{ width:100%; height:490px; }
.qirepic2 ul li{width:100%; height:490px; position:relative; list-style:none;  }
.adv_icon2{ width:100%; height:150px; position:absolute; background:rgba(255,255,255,.90);  left:0%; margin-left:0px; bottom:0px; z-index:9999; text-align:center}
  .adv_icon2t{ width:80%; height:60px; line-height:15px; margin:10px 10%; color:#646566; text-align:left; font-weight:normal; font-size:10px; overflow:hidden; text-align:left; float:none}
 .adv_icon2t a{ width:100%; height:30px; line-height:30px; font-size:12px; font-weight:bold; display:block; text-decoration:none; color:#646566; overflow:hidden}
 .adv_icon2t a:visited{width:100%; height:30px; line-height:30px; font-size:20px; font-weight:bold; display:block; text-decoration:none; color:#646566 overflow:hidden}
  .adv_icon2t a:hover{width:100%; height:30px; line-height:30px; font-size:20px; font-weight:bold; display:block; text-decoration:none; color:#01b4ee; overflow:hidden}
  
  
  .adv_icon2b{width:80%;height:14px;font-size:10px; line-height:50px; text-align:center; font-weight:bold; padding:18px 10%; background-color:#131415; float:none}
		
 
			
			
	
	.adv_icon2b span{ display:block; width:50px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:10px;color:#01b4ee; line-height:14px; margin:0px auto;  padding-right:16px; font-weight:normal; background-size:auto 100% ; }
	.adv_icon2b span a{ color:#01b4ee; text-decoration:none}
	.adv_icon2b span a:visited{ color:#01b4ee; text-decoration:none}
	.adv_icon2b span a:hover{ color:#01b4ee; text-decoration:none}
  
  
  
  
  
  
  
  
  
  
/*图片导航*/
.adv_nav2{ display:none} 


 .pro_cooplist{width:80%;height:350px;border-left:#e6e6ee 1px solid; border-top:#e6e6ee 1px solid; border-radius:5px; overflow:hidden;  margin:0 auto; margin-top:30px;}

 
 .pronew_con{ width:80%;height:auto; margin:0 auto; margin-top:30px;}
 
 
  .pro_list01{ width:80%; height:auto; margin:0 auto; margin-top:20px; }
 .pro_list01p{ width:100%; height:170px; float:none; margin:0px;   overflow:hidden; border-radius:5px;}
 .pro_list01p img{width:100%; height:170px; float:none;}
 
 	  .pro_list01p:hover img{transform:scale(1.0);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer
			
	}
	 
	
	.pro_list01t{ width:100%; height:auto; float:none; margin:0px; }
 
 
 .pro_list01t1{ width:100%; height:40px; text-align:left; color:#989898; font-size:10px; margin-top:10px;}
	
	.pro_list01t1 span{ font-size:18px; color:#343536; font-weight:bold;}
	
	.pro_list01t2{ width:100%; height:auto; text-align:left; color:#646566; font-size:10px; line-height:15px;}
	
	
	.psbtn{width:100%;text-align:left; margin-top:30px;}
		
	.psbtn a{ color:#343536; text-decoration:none; }	
	.psbtn a:visited{ color:#343536;text-decoration:none; }	
	.psbtn a:hover{ color:#01b4ee;text-decoration:none; -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;}
			
			
	
	.psbtn span{ display:block; width:50px; background-image:url(../images/hd_icon.png); background-position:right; background-repeat:no-repeat; text-align:left; font-weight:normal; font-size:10px;color:#01b4ee; line-height:14px; margin:0px; margin-top:0px;padding-right:16px; font-weight:normal;background-size:auto 100% ; }
	.psbtn span a{ color:#01b4ee;}
	.psbtn span a:visited{ color:#01b4ee;}
	.psbtn span a:hover{ color:#01b4ee;}
 
 
 .bottom_mes{ width:100%; height:56px; position:fixed; z-index:99999999999999; left:0px; bottom:0px; background-color:#01b4ee}
 
 .bottom_mesi{ width:50%; height:56px; float:left; text-align:center;}
 .bottom_mesi img{ width:auto; height:auto; max-height:100%; max-width:100%; margin:auto auto; border:0px; }
 
 .ciezn_aboubg{ background-color:#e9efff;  position:relative; background-image:url(../images/about_bgwap.jpg); background-position:center bottom; background-repeat:no-repeat; z-index:999; background-size:100% auto;} 
 .ciezn_advbg{ background-color:#ffffff; background-image:url(../images/adv_bg.jpg); background-position:center bottom;  background-repeat:no-repeat;background-size:auto 100%;}
 
  .pro_aboutbg{  margin-top:30px;  }	
 
  }
  
  .lzsjy_mes{ width:70px; height:213px; position:fixed; right:1px; top:260px; z-index:9999;}
				.lzsjy_mesqq{ width:70px; height:70px; background-color:#01b4ee; margin:0px; padding:0px; position:relative}
				.lzsjy_mesqq img{width:70px; height:70px; }
				.lzsjy_mesqqn{ width:216px; height:70px; position:absolute; top:0px; right:71px; background-color:#01b4ee; font-size:22px; line-height:70px; text-align:center; display:none; color:#ffffff}
				
				.lzsjy_mesqq:hover div{display:block;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
				
				
				.lzsjy_mestel{ width:70px; height:70px; background-color:#01b4ee; margin:0px; margin-top:1px; padding:0px; position:relative}
				.lzsjy_mestel img{width:70px; height:70px; }
				.lzsjy_mesteln{ width:216px; height:70px; position:absolute; top:0px; right:71px; background-color:#01b4ee; font-size:22px; line-height:70px; text-align:center; display:none; color:#ffffff}
				
				.lzsjy_mestel:hover div{display:block;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			.lzsjy_mestel2{ width:70px; height:70px; background-color:#01b4ee; margin:0px; margin-top:1px; padding:0px; position:relative}
				.lzsjy_mestel2 img{width:70px; height:70px; }
				.lzsjy_mesteln2{ width:216px; height:70px; position:absolute; top:0px; right:71px; background-color:#01b4ee; font-size:22px; line-height:70px; text-align:center; display:none; color:#ffffff}
				
				.lzsjy_mestel2:hover div{display:block;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			.lzsjy_mestel3{ width:70px; height:70px; background-color:#01b4ee; margin:0px; margin-top:1px; padding:0px; position:relative; cursor:pointer}
				.lzsjy_mestel3 img{width:70px; height:70px; }
				.lzsjy_mesteln3{ width:100px; height:100px; position:absolute; top:0px; right:71px; background-color:#01b4ee;   display:none; padding:10px;}
				.lzsjy_mesteln3 img{ width:100px; height:100px;}
				.lzsjy_mestel3:hover div{display:block;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}