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

	#alye_show{
		display:block
	}


.bi{
	width:800px;
	background-color: #CCCCCC;
}

#sy_bk{background:url(../images/jt_06.jpg) center bottom no-repeat; height:720px;}
#qr_code{
	display:none
}
#bs{
	display:none
}
.mr-content-wrap{
	width:63.33333333%; float:left;
}
.cl-f2{
	display:block;}
#team640{
	display:none;
}

.cl-phone-bottom-link{
	display:none}
	#phone-show4{
		display:none}
#show1640{
	display:none
}
#mast {
	display:none
}
.cl-index-photo-footer{
	display:none;
}

.cl-nav-center{
	max-width:1280px;
    }
.cl-nav-logo{width:19.9230769%;
	}
.cl-nav-ul{
	}
.cl-nav-ul li{
	float:left; 
}
.cl-jj-bg{background:url(../images/zjs_02.jpg) center; width:100%; height:280px;}
.cl-jj-bg2{background:url(../images/cs_02.jpg) center; width:100%; height:280px;}
.cl-jj-bg3{background:url(../images/hc_02.jpg) center; width:100%; height:280px;}
.cl-jj-bg9{background:url(../images/xw_banner_02.jpg) center; width:100%; height:280px;}

.cl-jj-bg4{background:url(../images/our_team_bg_02_02.jpg) center; width:100%; height:280px;}

.cl-jj-bg5{background:url(../images/ppbg_02.jpg) center; width:100%; height:814px;}
.cl-jj-bg6{background:url(../images/bg6_02.jpg) center; width:100%; height:814px;}
.cl-jj-bg7{background:url(../images/bg7_02.jpg) center; width:100%; height:814px;}
.cl-jj-bg8{background:url(../images/bg8_02.jpg) center; width:100%; height:814px;}

.tagline {
  width: 88%;
  max-width: 1200px;
  height: 300px;
  margin: auto;
  font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
  margin-top:417px;
}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:12px;}
ul,dl{ list-style-type:none;}
li{vertical-align:top;}
.clear{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px; overflow:hidden;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.index_tit{
	text-align:center; padding-bottom:40px;
	margin-right: auto;
	margin-left: auto;


}

/*首页资讯*/
.index_box2{width:1200px;padding-top:55px; height:550px; margin:0 auto}
.w600{ width:600px;}

.i_news{ position:relative;width:275px; float:left; padding-bottom:10px; margin-right:15px; margin-bottom:10px;}

.i_news_pic{ position:relative;width:275px; }
.i_news_pic img{ width:275px; height:123px;}
.i_newdate{ position:absolute; bottom:0px; right:0px; width:60px; height:60px; background:#616161;}
.i_newdate p{ font-size:24px; color:#FFF; font-size:30px; padding-top:10px; text-align:center;}
.i_newdate p span{ font-size:12px; line-height:22px; color:#FFF; text-align:center;}

.i_newstit{ font-size:16px; line-height:30px; color:#333333; padding:10px 0px 0; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.i_newsinfo{ font-size:13px; line-height:20px; color:#666666;}
.i_news:hover .i_newstit{ color:#C4000F;}
.i_news:hover .i_newsinfo{ color:#C4000F;}

.side { margin:0 auto;width:580px; float:right; font-size:12px;}
.side a:hover {text-decoration:none;}
.side_kind {padding: 0 0 10px;}
.side_kind .mr_newslist {background: url(../images/piont.png) no-repeat left center; padding-left:10px;height:35px; clear:both; width:100%; color: #333;cursor: pointer;display:block;line-height:35px;font-size:14px; overflow:hidden;}
.side_kind b.date{float: right;  font-weight:normal;color:#999;font-size:14px;text-align:left;line-height:35px;padding-right:10px;}

.side_kind div { clear:both; display:block; height:120px; overflow:hidden; border:1px solid #ddd; padding:6px 10px; }
.side_kind div b.xiangguan{float: left;color:#999;font-size:13px;text-align:left;line-height:30px; font-weight:normal}
.side_kind div a{ font-size:18px; color:#C4000F; margin-top:5px; display:block;/* height:25px;*/ overflow:hidden; line-height:25px;}
.side_kind div p{ float:left; line-height:24px; color:#666; margin-top:0px;}
.side_kind div h5{ font-size:14px;display:block; font-family:Arial; color:#FF0000;}
.new_more{
	display:block;
	width:115px;
	line-height:40px;
	text-align:center;
	color:#FFFFFF;
	background-color: #C4000F;
	font-size: 14px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.new_more:hover{  background-color:#333333;  display:block; color:#fff;}
.btn a{ color:#FFFFFF}
.btn a:hover{ color:#fff}

.cl-nav-ul li a{
	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;color:#FFFFFF;padding-left:30px; padding-right:30px;
	-webkit-transition-duration:.2s;
	-moz-transition-duration:.2s;
	-ms-transition-duration:.2s;
	-o-transition-duration:.2s;
}
.cl-nav-hover-class{
	color:white !important;
	background-color: #C4000F;
	}
.cl-nav-popup-box{
	transition: opacity .25s ease .3s;
	-moz-transition: opacity .25s ease .3s;
	-ms-transition: opacity .25s ease .3s;
	-o-transition: opacity .25s ease .3s;
	-webkit-transition: opacity .25s ease .3s;
	z-index:50;
	background-color: #C4000F;
	}
	/*作品欣赏*/
.index_box6{width:100%; background-color:#fff;padding-top:55px; height:650px;}
.work_img { position: relative;}
.work_img-btn {display: inline-block; width: 26px; height: 40px; position: absolute; z-index: 999;top:220px;background: url(../images/j1.png);}
.work_img .prev {left: 0px;}
.work_img .next {right: 0px; background-image: url(../images/j2.png);}

.work_img .child_box{float: left; width: 250px; margin:0 15px 0 15px}

.work_img .child_box .child{position: relative;width:250px;height:470px; overflow:hidden;}
.work_img .child_box .child .childImg{  width: 100%;height: 100%;}
.work_img .child_box .child .childSearchBg{width:138px; height:138px;left:50%; top:50%; margin-left:-69px; margin-top:-69px; position:absolute; background:url(../images/spance_bg01.png) no-repeat center bottom;z-index:2;}
.work_img .child_box .child:hover .childSearchBg{display:block;background:url(../images/spance_bg02.png) no-repeat center bottom;-webkit-transition: all 0.3s ease-in-out 0s;}
.work_img .child_box .child:hover .childImg{display:block;
animation:quan .2s  ease-in-out 0s  both;
-moz-animation:quan .2s  ease-in-out 0s  both;
-webkit-animation:quan .2s  ease-in-out 0s  both;
-o-animation:quan .2s  ease-in-out 0s  both;}
@keyframes quan{
0%{ transform:scale(1);}
100%{transform:scale(1.1);}
}
@-moz-keyframes quan{
0%{ -moz-transform:scale(1);}
100%{-moz-transform:scale(1.1);}
}
@-webkit-keyframes quan {
0%{ -webkit-transform:scale(1);}
100%{-webkit-transform:scale(1.1);}
}
@-o-keyframes quan{
0%{ -o-transform:scale(1);}
100%{-o-transform:scale(1.1);}
}


.spa_circle{ z-index:30; position:absolute; left:50%; top:50%;width:138px; height:138px; margin-left:-69px; margin-top:-69px; opacity:1; cursor:pointer;}
.spa_circle .img{ width:100%; height:100%;}
.spa_font{ width:98px; height:62px; padding-top:20px; position:absolute; left:50%; top:50%; margin-left:-49px; margin-top:-46px; text-align:center; z-index:2; background:url(../images/spance_icon01.png) no-repeat center bottom; font:16px/20px "微软雅黑"; color:#888;}
.spa_font span{ display:block; text-align:center; font:12px/20px Arial; color:#c5c5c5;}
.work_img .child_box .child:hover .spa_font{ color:#fff}


/*师资力量*/
.index_box7{width:100%; background-color:#f2f2f2;padding-top:55px; height:950px;}
.szll_box{ width:100%;   overflow:hidden; position:relative;}
.szll_box .hd{width:175px; text-align:center; line-height:30px; margin:30px auto 0 auto;overflow:hidden; }
.szll_box .hd .prev,.szll_box .hd .next{
	display:block;
	width:30px;
	height:30px;
	float:left;
	overflow:hidden;
	cursor:pointer;
	background-color: #C4000F;
	background-image: url(../images/jl.png);
	background-repeat: no-repeat;
}
.szll_box .hd .next{ background:url(../images/jr.png) no-repeat #C4000F;float:right;}

.szll_box .bd{}
.szll_box .bd ul{ overflow:hidden; zoom:1; }
.szll_box .bd ul li{float:left; _display:inline; overflow:hidden; width:100%;  height:480px;}



.szll_con {width: 239px; border-right:1px solid #ddd; float: left;height:500px;position: relative;overflow:hidden;}
.szll_con:hover {z-index: 99;}
.szll_con h5 img {width:239px;height:308px;z-index:11;-webkit-transition: all 0.5s ease-in-out 0s;}
.szll_con:hover h5 img {z-index: 999;}

.szll_con .info {text-align:center;position: absolute;width: 238px;border-right:1px solid #f0f0f0;font-size: 1.2em;margin-top:-1px;z-index:111;padding-bottom:20px;-webkit-transition: all 0.5s ease-in-out 0s;}

.szll_con:hover h5 img{margin-top:-87px;-webkit-transition: all 0.5s ease-in-out 0s;}
.szll_con:hover .info{background:#C4000F;width:238px;border:none;-webkit-transition: all 0.5s ease-in-out 0s;}
.szll_con:hover .hide_zi{ display:block;-webkit-transition: all 0.3s ease-in-out 0s;}

.hide_zi{ display:none;-webkit-transition: all 0.3s ease-in-out 0s;}
.sjx{position:relative;z-index:12;margin-top:-8px;height:8px;width:238px;-webkit-transition: all 0.3s ease-in-out 0s;}

.szll_con:hover .sjx{display:block;-webkit-transition: all 0.3s ease-in-out 0s;background:url(../images/top_sj.png) no-repeat center top;}
.szll_con:hover p{color:#fff;-webkit-transition: all 0.3s ease-in-out 0s;}
.szll_coni:hover h3{color:#fff;-webkit-transition: all 0.3s ease-in-out 0s;}

.info h2 {margin:0 auto;width:100px;height:44px;font-size:18px;color:#898989;text-align:center;line-height:34px;color:#333;background:url(../images/bj_bj.png) no-repeat center;margin-bottom:8px;-webkit-transition: all 0.3s ease-in-out 0s;}
.info h1 {margin:0 auto;width:100px;height:44px;font-size:20px;color:#fff;text-align:center;line-height:34px;background:url(../images/baitiao.png) no-repeat center ;margin-bottom:8px;-webkit-transition: all 0.3s ease-in-out 0s;}

.info h2{display:block;padding-top:15px;-webkit-transition: all 0.3s ease-in-out 0s;}
.info h1{display:none;padding-top:15px;padding-left:2px;-webkit-transition: all 0.3s ease-in-out 0s;}

.szll_con:hover h2{ display:none;-webkit-transition: all 0.3s ease-in-out 0s;}
.szll_con:hover h1{ display:block;-webkit-transition: all 0.3s ease-in-out 0s;}
.szll_con:hover h3{ display:none;-webkit-transition: all 0.3s ease-in-out 0s;}

.info p {color: #666;font-size: 14px;line-height: 20px;min-height: 50px;-webkit-transition: all 0.3s ease-in-out 0s;}
.info h3{font-size:12px;color:#c9caca;margin:7px 0px;-webkit-transition: all 0.3s ease-in-out 0s;}
.info h4{overflow:hidden;width:200px;margin:auto;line-height:20px;font-size:12px;color:#fff;-webkit-transition: all 0.5s ease-in-out 0s;}
.info h6{margin-top:15px;}



/*荣誉墙*/
.index_box4{width:100%; background-color:#f2f2f2; height:950px;}
.people_items { text-align:center}
.people_items img { margin:5px auto;width: 96px;height: 96px;border-radius: 50%;}

.people_items {width: 130px; float: left; overflow: hidden; margin: 0px 20px 30px 21px; }
.people_items .imgbox { float: left; height: 53px; width: 53px; }
.people_items .text {text-align: center; line-height: 24px; font-size: 14px; color: #808080; }
.people_items .text h3 { color: #C4000F; font-size:18px;  }
.people_items .text h3 em { font-style: normal; color: #666;  font-size: 14px;padding-left: 12px; }
.people_items .mingci { background-color:#333333;border-radius: 3px;text-align: center; line-height: 24px; font-size: 14px; color: #fff; }
.people_items .address {color: #666; text-align:center;  }

.index_box4 .honor_box{ width:100%;   overflow:hidden; position:relative;}
.index_box4 .honor_box .hd{width:175px; text-align:center; line-height:30px; margin:30px auto 0 auto;overflow:hidden; }
.index_box4 .honor_box .hd .prev,.honor_box .hd .next{ display:block;  width:30px; height:30px; float:left; overflow:hidden; cursor:pointer; background:url(../images/jl.png) no-repeat #C4000F;}
.index_box4 .honor_box .hd .next{ background:url(../images/jr.png) no-repeat #C4000F;float:right;}

.index_box4 .honor_box .bd{}
.index_box4 .honor_box .bd ul{ overflow:hidden; zoom:1; }
.index_box4 .honor_box .bd ul li{float:left; _display:inline; overflow:hidden; width:100%;}
/*画室环境*/
.index_box5{padding-top:55px; height:350px;}
.i_hj{ position: relative;}
.huanjing_img { position: relative;}
.huanjing_img-btn {display: inline-block; width: 26px; height: 40px; position: absolute; z-index: 999;top:140px;background: url(../images/j1.png);}
.huanjing_img .prev {left: 0px;}
.huanjing_img .next {right: 0px; background-image: url(../images/j2.png);}



.i_hj_tit{ position:absolute; top:0; left:0; width:126px; height:126px; background:url(../images/i_hj_tit.png) no-repeat center bottom;z-index:2;}

/*轮播 css*/
.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;			
			width: 60px;
			height: 60px;
			line-height: 60px;
			text-decoration: none;
			text-align: center;
			color: #fff;
			font-size: 2em;
		
		}

			.slider-arrow--right { bottom: 50%; right: 30px; }
			.slider-arrow--left { bottom: 50%; left: 30px; }


	.slider-nav {
		position: absolute;
		bottom: 30px;
	}
	.slider-txt{
		top: 230px;
  left: 50%; margin-left: -15%; width:30%}

		.slider-nav__item {
			width: 12px;
			height: 12px;
			border-radius:50%;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
		}

				.slider-nav__item:hover { background: #ccc; }
				.slider-nav__item--current { background: #ccc; }
.cl-carousel-box {
				width: 100%; 
				height: 100%;
			
				text-align: center;
			
				font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
				color: #fff;
				text-transform: capitalize;
				vertical-align:middle; 
			}
.cl-carousel-box img{
	width:100%;
	height:auto;
}
.cl-control-box ul li{
	cursor:pointer;}
.cloh a{
	color:#E10916;
	text-decoration: none;
}


/*轮播 css end*/
/*logo-show css start */
.cl-title-top-bg{ max-width:1000px; margin:auto; margin-top:125px;background:url(../images/border-top-bg_03.jpg) top center no-repeat; }
.cl-title-left-bg{background:url(../images/border-top-bg_03.jpg) left top no-repeat; }
.cl-title-check-more-details{
	color:#918f8f;
	font-family:"宋体";
}
.cl-index-logo-show-con-icon{background:url(../images/control_icon2_03_03.jpg) center no-repeat;}
.cl-index-logo-show-con-select{background:url(../images/control_icon_03.png) center no-repeat;}
/*logo-show end start */

/*three bk start*/
.cl-Case-presentation li{
	color:white; height:700px;
	padding-left:26px;
	padding-right:26px;
	cursor:pointer;
	}
.cl-Case-presentation img{
	width:100%}
	
.cl-Case-presentation-li-bg{background:url(../images/border-top-bg_03.jpg) bottom center no-repeat; }
.cl-index-read-more{width:163px;height:43px; line-height:43px; color:white; 
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
}
#index-an-qh span{-webkit-transition-duration:.2s;}
#index-an-qh span img{margin:auto; width:100%;}
.our_now_case{}
.our_now_case li{
	width:33%;
	height:auto;
	position:relative;
	margin-right:0.5%;
	margin-top:0.5%; transition-duration:.1s;
	}
.our_now_case li h1{
	display:none
}
.our_now_case li p{
	display:none
}
.our_now_case li a{
	display:block;
	height:auto;

	text-decoration:none;
}
.our_now_case li a p{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	opacity:0}
.our_now_case li a img{
	width:100%;
	height:auto;
}
.our_now_case_popup{
	position:absolute;
	width:100%;
	opacity:0;
	height:100% !important;

	left:0;
	top:0;
 -webkit-transition-duration:.3s;
 -ms-transition-duration:.3s;
 -o-transition-duration:.3s;
 -moz-transition-duration:.3s;
}
/*three bk end*/

/*footer css start*/
.cl-index-footer-l{
	width:51.538461%;
	height:100px;

}
.cl-index-footer-l ul{
	background:url(../images/ul_bg_03.jpg) bottom repeat-x;
	}
.cl-index-footer-l ul li{
	float:left;
	padding-right:25px;
	}
.cl-index-footer-l ul li a{
	text-decoration:none;
	font-size:13px;
	color:#7d7d7d;
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	}
.cl-index-footer-l p{
	color:#7d7d7d;
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	}
.cl-index-footer-r{
	width:22.076923%;


}
.cl-index-footer-r span{
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	color:white;
}
.cl-index-footer-r .index-zt{
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;

	color:white;
	text-transform:uppercase;
	}
.index-zt-cl{
	color:#656565 !important;
	}

/*footer css end*/

/*contact css start*/
.cl-contact_wrapper{
	max-width:1280px;
	overflow:hidden;
	
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	color:#202020;
}
.cl-contact-left-d{
	width:54.6875%;

	}
.cl-contact-right-d{
	width:41.5625%;
	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	

	color:#202020;
	}
/*contact css start end*/

/*ztidea introduce start*/
.cl-introduce-wrapper{
	max-width:1280px;
	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;

	
}
.cl-ty-bg{background:url(../images/border-top-bg_03.jpg) top left no-repeat;
}
.cl-ty-color{
		color:#1a1a1a;}
.cl-introduct-content-left{
	width:32.03125%;
	height:auto;

	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
}
.cl-introduct-width{
	width:100%;
	text-align:center;
}
.cl-introduct-width p img{
	margin:auto;
}
.cl-introduct-height{
	height:228px;
	color:white;	
}
.cl-introduct-height2{
	height:550px;
	}
.cl-color1{
	background-color:#e6002d;
	}
.cl-color2{
background-color:#5f5f5f}
.cl-color3{
background-color:#afafaf}
.cl-introduct-content-right{
	width:54.6875%;


	margin-left:9.6875%;


	
}
.cl-introduct-content-right p{
	color:#999999;
	line-height:26px;
}
.cl-introduct-content-right h1{
	color:#2d2d2d;
}
.cl-honor{
	width:47.265625%;
}
.cl-honor-title{
	width:44.6875%;
	}
.cl-honor p{
	color:#999999;
	line-height:26px;
	}
/*ztidea introduce end*/


/*our_team css start*/
	.cl-our-team{
		width:66.666666%;
		min-width:1280px;
		height:auto;
		
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
		
	}
	.cl-our-team span p{
		color:#afafaf
	}
	.cl-our-team-width{
		width:320px;
		height:499px;
	}
#logo-show-ul li{
	margin-top:0.5%;
	

	}
#our_team  img{
	width:100%;
}
/*our_team css end*/

/*service css start*/
.cl-service-wrapper{
	max-width:1080px;
		height:auto;
		
		font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
		}
.cl-service-wrapper2{
	background:#f9f9f9;
	}
	
.cl-service-wrapper2 ul li{
	    width: 28%;
    margin-right: 5%;
    text-align: center;
    float: left;
   
}
.cl-service-wrapper3{
	max-width:1080px;
	
	height:auto;
}
.cl-service-wrapper3 span{
	height:270px;
	width:28%;
	background:white;
}
.cl-service-wrapper2 ul li img{ margin:auto;}
.cl-service-content{
	max-width:1080px;
	background:url(../images/ppqh_03.jpg) right top no-repeat;
	background-size:49%;
	
	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
}
.cl-service-wrapper4{ max-width:1080px;
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;}
.cl-service-wrapper ul li a{
		padding:6px 12px 6px 12px}
.cl-service-wrapper ul li a{
			color:#212121;
			}
.cl-service-control-bg{
	background:#000000;
	color:#FFFFFF !important 
}
#service_ul li{
	width:33%;
	height:255px;
	}
#service_ul li p img{
	max-width:100%;
	margin:auto;}
.cl-service-gj{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:17px;
	text-indent:24px;
	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	color:white;

	background:url(../images/jiah_03.jpg) no-repeat #e60012;
	background-position:90% 50% ;
}
.cl-bg2{
	background:url(../images/bg2_08.jpg) repeat-x center}
.cl-wp2{
	width:57.31707%}
.cl-wp2 li{
	width:49.5% !important;
}
.cl-x3{
	background:url(../images/xx3_12.jpg) no-repeat white;
	background-position:12% 10% ;
}
.cl-x2{
	background:url(../images/xx2_09.jpg) no-repeat white;
	background-position:90% 100% ;
}
.cl-sy-bg{
	background:url(../images/jt2_05.jpg) center no-repeat; height:929px; 
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;}
.cl-sy-bg2{
	background:url(../images/b_bg_03.png) bottom  center no-repeat}
	
	.cl-sy-bg3{
	background:url(../images/index_service_banng2_02.jpg) center; height:1228px; 
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;}
		.cl-sy-bg4 img{ width:100%}
/*service css end*/

#Article{
	width:88%;
	max-width:1200px;
	margin:auto;
	overflow:hidden;
	}
#Article-dxal{
	width:88%;
	max-width:1200px;
	margin:auto;
	overflow:hidden;
	}
#Article img{
	float: none !important;
	margin:auto !important;
	max-width:100% !important;
	}
/*ny css start*/
	.cl-case-ny{
		max-width:1280px;
	}
.cl-case-ny span {
  background: #222222;
  line-height: 66px;
  color: white;
  font-size: 14px;
  text-indent: 50px;
  /* padding-left: 50px; */
  font-family: "微软雅黑";
}
.cl-case-ny span a{
	line-height:65px;
	padding-left:65px;
}
	.cl-case-ny li{
		height:auto;
		position:relative;
		background:red;
		cursor:pointer;
		width:25%;
	}
	.cl-case-ny li img{
		width:100%
		}
.cl-case-popup-box{
	position:absolute;
	top:0;
	left:0;
	display:block;
	cursor:pointer;
	opacity:0;
	width:100%;
	height:100%;
	
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	background:url(../images/case_now_bg_03.png);

 -webkit-transition-duration:.3s;
 -ms-transition-duration:.3s;
 -o-transition-duration:.3s;
 -moz-transition-duration:.3s;
}
/*ny css start end*/
.cl-640-Case-presentation{
	display:none
}

.notice-up {
  background: url(../images/down.png) center center no-repeat;

  width: 50px;
  height: 50px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  opacity: 0;
}
.swipeMove {
  -webkit-animation: swipeMove 1s ease-in infinite;
  animation: swipeMove 1s ease-in infinite;
  cursor:pointer;
}
@-webkit-keyframes swipeMove {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -10px, 0)
}
 70% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0)
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 10px, 0)
}
}
 @keyframes swipeMove {
 0% {
 opacity: 0;
 transform: translate3d(0, -10px, 0)
}
 70% {
 opacity: 1;
 transform: translate3d(0, 0, 0)
}
 100% {
 opacity: 0;
 transform: translate3d(0, 10px, 0)
}
}
.cl-index-qh1{
	width:64.0625%;
	height:729px;
	background:url(../images/handle_03.png) no-repeat;
}
.cl-index-qh2{
	width:64.0625%;
	height:729px;
	background:url(../images/jt6_03.jpg) center no-repeat;
}
.cl-index-qh3{
	width:57.2916666%;
	height:858px;
	background:url(../images/qb_03.jpg) center no-repeat;

}
.cl-index-qh4{
	height:729px;
}


.bg5{
	background:url(../images/bg5_03.jpg) no-repeat red;
	background-position:15% 50%;
	
}


/*xf*/
#xuanfu {
  position: fixed;
  width: 56px;
  bottom: 0;
  right: 0;
  z-index: 99999;
}
#xuanfu ul li {
  width: 100%;
  height: 56px;
  display: block;
 

  margin-bottom: 1px;
  position: relative;
}
#xuanfu ul li .pic3 {
  display: none;
  position: absolute;
    left: -114px;
  top: -56px;
}
.nav-fixed{
	position:fixed;
	top:0;
	left:0;
	z-index:150;
}
.cl-our-team-list{
	width:25%;
	height:500px;
	background:#f5f5f5;
}
.cl-our-our-team-btom{
	border-bottom:1px solid #b9b9b9
}
#zt-logo{}
#zt-logo img{
	width:100%;
}
.checkmore{
	width:163px !important;
	display:block;
	background:url(../images/ckal_03.jpg) no-repeat;
	height:43px;}
/*修改版本*/

.service-banner {
  background: url(../images/index_banner_02.jpg) top center no-repeat;
}
.banner {
  text-align: center;
  color: #fff;
  background-size: cover;
}
.banner .main {
  position: absolute;
  width: 100%;
  height: 274px;
  left: 0;
  top: 50%;
  margin-top: -80px;
  z-index: 1;
}
.banner .main a{text-decoration: none; color: #ffffff;}
@media (max-width: 1440px) and (min-width: 1367px)
 {
	 .pt200{
		 padding-top:50px
	 }
	 .cl-jj-bg5,.cl-jj-bg6,.cl-jj-bg7,.cl-jj-bg8{
		height:559px;
	}
	
	.tagline{
		margin-top:257px; }
	 body{
  font-size: 0.85em;
  
 }
.mt500{
	margin-top:200px;}
.mt100{
	margin-top:50px;}
.mt130{
	margin-top:100px;}
.mt360{
	margin-top:200px;}
	 

}

@media (max-width: 1366px)
 {
	  .pt200{
		 padding-top:50px
	 }
	.cl-jj-bg5,.cl-jj-bg6,.cl-jj-bg7,.cl-jj-bg8{
		height:559px;
	}
	.tagline{
		margin-top:257px;}
	 .mt500{
	margin-top:200px;}
.mt100{
	margin-top:50px;}
.mt130{
	margin-top:100px;}
.mt360{
	margin-top:200px;}
	 
 }



 @media (max-width: 1280px) and (min-width: 768px)
{
	
	 .pt200{
		 padding-top:50px
	 }
	.cl-jj-bg5,.cl-jj-bg6,.cl-jj-bg7,.cl-jj-bg8{
		height:559px;
	}
	.tagline{
		margin-top:257px;}
	.cl-wz-wrapper{
		max-width:1170px !important;}
	.cl-contact_wrapper{
		max-width:1170px;}
	.cl-introduce-wrapper{
		max-width:1170px;
	}
	.our_now_case{
		width:98% !important;
		
		}
.cl-index-footent-content{
	max-width:1080px !important;
}
	body{
  font-size: 0.85em;

	}
	.mt500{
	margin-top:200px;}
.mt100{
	margin-top:50px;}
.mt130{
	margin-top:100px;}
.mt360{
	margin-top:200px;}
}

@media screen and (max-width: 767px)
{
	
	.mr-content-wrap{
		width:100% !important;
	}
	body{
  font-size: 0.713em;
	}
	
	.cl-news-wrapper .mt120{
		margin-top:20px !important; 
	}
	.cl-news-wrapper ul li span{
		width:100% !important;
	}
	.cl-news-wrapper ul li div{
		    width: 99% !important;
    margin: auto;
    margin-left: inherit !important;
    padding-top: 5px;
		}
	.cl-news-wrapper ul li div p{
		margin-top:5px !important;
	}
		
.cl-news-wrapper ul li{
	height:370px !important;
}
	.cl-hot-news{display:none}
}
@media only screen and (max-width: 1020px) and (min-width: 640px)
{
	
	.mr-content-wrap{
		width:100% !important;
	}
	.cl-news-wrapper .mt120{
		margin-top:20px !important; 
	}
	.cl-news-wrapper ul li span{
		width:100% !important;
	}
	.cl-news-wrapper ul li div{
		    width: 99% !important;
    margin: auto;
    margin-left: inherit !important;
    padding-top: 5px;
		}
	.cl-news-wrapper ul li div p{
		margin-top:5px !important;
	}
		
.cl-news-wrapper ul li{
	height:370px !important;
}
	.cl-hot-news{display:none}
.cl-nav-ul li a {
	padding:0px 15px 0 15px;
 
}
}
.cl-index-box1{
	  background: url(../images/bg1_02.jpg)  center no-repeat;
	  height:856px;
	
	
	}
.cl-index-box2{
	  background: url(../images/bg2_02.jpg)  center no-repeat;
	  height:856px;
	
	
	}
.cl-index-box3{
	  background: url(../images/bg3_02.jpg)  center no-repeat;
	  height:856px;
	
	
	}
.cl-index-box4{
	  background: url(../images/bg4_021.jpg)  center no-repeat;
	  height:856px;

	}
.cl-index-box5{
	  background: url(../images/bg4_02.jpg)  center no-repeat;
	  height:856px;

	}
.cl-index-box-ny{
	max-width:1000px;

	height:700px;
	
}
.titlebox-nobg {
  width: 100%;
  height: 492px;
  background-color: #181818;
  float: left;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
  display:block;
  background-size: cover;
}
@media only screen and (max-width: 767px) and (min-width: 400px)
{
	.articl_mt{margin-top:50px !important;
	}
	.mr-content-wrap{
		width:100% !important;
	}
	.cl-news-wrapper .mt120{
		margin-top:20px !important; 
	}
	.cl-news-wrapper ul li span{
		width:100% !important;
	}
	.cl-news-wrapper ul li div{
		    width: 99% !important;
    margin: auto;
    margin-left: inherit !important;
    padding-top: 5px;
		}
	.cl-news-wrapper ul li div p{
		margin-top:5px !important;
	}
		
.cl-news-wrapper ul li{
	height:370px !important;
}
	.cl-hot-news{display:none}
.box500{
  width: 100%;
  max-width:100%;
  padding-bottom: 30px;
}
.box500 img{
	width:100%}
	
.box600{
	 width: 100%;
  max-width:100%;
  padding-bottom: 30px;
  margin:auto;
}
.box400{
	 width: 100%;
  
  padding-bottom: 30px;
  margin:auto;
  float:inherit;
}
}

@media only screen and (max-width: 640px) and (min-width: 320px)
{
	.articl_mt{margin-top:50px !important;
	}
	.mr-content-wrap{
		width:100% !important;
	}
	.cl-news-wrapper .mt120{
		margin-top:20px !important; 
	}
	.cl-news-wrapper ul li span{
		width:100% !important;
	}
	.cl-news-wrapper ul li div{
		    width: 99% !important;
    margin: auto;
    margin-left: inherit !important;
    padding-top: 5px;
		}
	.cl-news-wrapper ul li div p{
		margin-top:5px !important;
	}
		
.cl-news-wrapper ul li{
	height:270px !important;
}
	.cl-hot-news{display:none}
	#dxal_txt1{
		width:100% !important;
		float:none !important;
		margin:auto !important;
		overflow:hidden;
	}
	#dxal_txt1>h1{
		width:90%;
		margin:auto;
		
	}
	#dxal_txt1 div{
		margin:auto;
		float:none
	}
	#dxal_txt2{
		width:100% !important;
		float:none;
		
	}
	#txt3{
		width:100%
	}
	#dxal_txt2 p{margin-top:20px;
	margin-right:0 !important;
	margin-left:0 !important; 
	}
	#dxal_txt2 p img{
		margin:auto; width:50% !important}
	#Article-dxal{
		width:100%
	}
	#al_txt1{
		width:100% !important;
	}
	#al_txt2{
		width:100% !important;
		float:none !important;
	}
	.cl-case-ny li{
		width:50%  !important;
	}
	.cl-case-ny span{
		width:100%;
		text-indent:5px !important;
	}
		#alye_show{
		display:none;
	}
	.cl-wz-wrapper ul li{
		height:150px !important;}
	.tagline{
		margin-top:100px !important; width:93%}
	#qr_code{
		display:block
	}
	
	.cl-service-wrapper4{
		width:93%
	}
	.cl-service-wrapper3{
		width:99% !important;
		margin-bottom:10px !important;
	}
	.cl-sy-bg3{
		height:800px;
	}
	#sy_bk{
		height:380px;
		background-size:100% 70%}
	.cl-service-content p,.cl-service-content h1{
		display:none
	}
	.cl-service-content {
    max-width: 1080px;
    background: url(../images/ppqh_03.jpg) center no-repeat;
    background-size: 98%;
    font-family: "dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
}
	.cl-wz-wrapper{
		margin-top:30px !important;
	}
	#mt2640{
		margin-top:30px !important;
		width:80% !important;
		margin:auto;
		float:none !important;
		
	}
	#team640{
		width:99%;
		display:block;}
	.titlebox-nobg{
		display:none
	}
	.checkmore {
    width: 120px !important;
    display: block;
    background: url(../images/ckal_03.jpg) no-repeat;
    height: 32px;
    background-size: 100% 100%;
}
	#mt3640{
		margin-top:10px !important;
			width:80% !important;
			margin:auto;
			float:none !important;
	}
	.cl-sy-bg4{
		display:none}
	.cl-sy-bg{
		display:none}
		.cl-sy-bg3{
			display:none
		}
		#sy_640none{
			display:none
		}
		.cl-f2{
			display:none}
		.cl-our-team{
			width:100%;
			min-width:100%;
			margin-bottom:50px !important;
		}
	#our_team_l{
		width:90%;
		margin:auto;
		float:none}
		
		#640t{
			margin-top:30px !important;
		}

	#our_team_r{
		width:90%;
		margin:auto;
		float:none}
		
		
	.cl-wz-gn{
		display:none
	}
	#mt640{
		margin-top:60px;
	}
	#mt6402{
		margin-top:0px;
	}
	#none640{
		display:none
	}
	#btm640{
		margin-bottom:110px !important;
	}
	
	.cl-bg2{ margin-top:0px !important}
	.cl-x3{
		background:none !important}
		#hc640{
			width:90% !important;
			font-size:0.9em !important; 
			margin:auto;
			margin-top:5px;
		}
		.cl-service-wrapper4{
			margin-bottom:0px !important;
		}
	#gt_hc{
		margin-top:280px !important;
	}
	.slider{
		display:none}
	#hc_link{
		margin-top:50px !important;
	}
	#service_mt{
		margin-top:30px;
	}
	#hc640 p{
		width:auto;
		float:left;
		padding-left:10px;
		
	}
	.cl-service-wrapper3 span{
		height:60px;
		border:0 !important;
		margin-top:5px;
		line-height:60px;
	}
		#sy_mt2{
		margin-top:280px !important;
		padding:inherit;
		
		
	}
	#sy_mt3{
		margin-top:30px !important
	}
	#hc640 > p{margin-top:0}

	.cl-service-gj{
		width:33%;
		text-indent:5px;
		float:left;
		font-size:1em;
		}
	.swiper-container{
		margin-bottom:50px !important;
	}
	.cl-service-wrapper3 span{
		width:100% !important;
	}
	.cl-wz-wrapper ul li{
		width:49% !important;
	}
	.cl-wz-wrapper ul li div{
		max-width:90% !important;
		margin:auto !important;
		margin-top:20px !important;
	}
	.cl-wz-wrapper ul li div p{
		margin-top:10px !important;
	}
	#team640 div{
		height:360px !important;}
	
	#bottom_link{
		width:280px !important;}
	#xx-05{
		display:none}
	#introduce_hide{
		display:none
	}
	.cl-introduce-wrapper{
		margin-bottom:65px;
		width:95%;
	}
	.cl-introduct-content-left{
		width:100%;
	}
	.cl-introduct-content-right{
		display:none 
	}
	.cl-jj-bg{
		display:none !important}
	#phone-show4{
		display:block
	}
	 .swiper-container {
		 width:100% !important;
	 }
	.cl-index-footer{
		display:none;
	}
	.cl-index-photo-footer{
		height:auto;
		background:#222222;
		letter-spacing:0.2em;
		display:none;
		padding-left:20px;

		padding-right:20px;
		
	}
.cl-phone-bottom-link{
	width:100%;
	height:40px;
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	z-index:99;
	background:#333333;
}
.cl-phone-bottom-link ul{
	width:100%;
	height:100%;
	background:#333333;
	position:relative;
}
.cl-phone-bottom-border{
	width:100%;
	height:2px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	background:#e60012;
	-webkit-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
    -moz-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
    -ms-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
    -o-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
}
.cl-phone-bottom-link ul li{
	float:left;
	height:40px;
	width:20%;
	position:relative;
}
.cl-phone-bottom-link ul li a{
	display:block;
	width:100%;
	height:40px;
}
.cl-phone-link-border{
	border-bottom:5px solid #e60012
}
.cl-phone-link-bg1{
	background: url(../images/link_home_03.png) center no-repeat;
	background-size:30% 50%;
	}
.cl-phone-link-bg2{
	background: url(../images/link_fc.png) center no-repeat;
	background-size:30% 50%;
	}
.cl-phone-link-bg3{
	background: url(../images/link_fg.png) center no-repeat;
	background-size:30% 50%;
	}
.cl-phone-link-bg4{
	background: url(../images/link_address.png) center no-repeat;
	background-size:30% 50%;
	}
.cl-phone-link-bg5{
	background: url(../images/link_phone.png) center no-repeat;
	background-size:30% 50%;
	}

	
	#xuanfu{
		display:none;
	}
	.photo-back-top{
		width:40px;
		height:40px;
		background:#D4D4D4;
		position:fixed;
		right:20px;
		border-radius:100%;
		z-index:9999;
		
		bottom:50px;
		    -webkit-transition: all 350ms cubic-bezier(0.215,.61,.215,1);
	
		}
	.photo-back-top span{
		height:14px;
		width:14px;
		display:block;
		position:absolute;
		left:50%;
		margin-left:-7px;
		top:50%;
		margin-top:-7px;
		text-align:center;
		overflow:hidden;
		opacity:1;
		}
	.photo-back-top span::after,.photo-back-top span::before{
		position:absolute;
		content:'';
		top:0;
		left:0;
		height:2px;
		width:14px;
		background:#898c8f;
		}
	.photo-back-top span::after:hover{
		background:white;
		}
	.photo-back-top span::after{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		top:-1px;
	}
	.photo-back-top span::before{
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		top:-1px;
	}
	
	
	
	
	
	.photo-back-top:hover span::after {
		background:white !important;
}
	.photo-back-top:hover span::before {
		background:white !important;
}
	.photo-back-top span label{
		width:2px;
		height:14px;
		background:#898c8f;
		opacity:1;
		display:inline-block;
	}
	.photo-back-top:hover{
		transform:rotate(720deg);
		background:#222222;
	}
.photo-back-top:hover label{
	background:white;
	}
.photo-back-top span:hover ::after{
	background:white
}

	#alye_our_case{
		display:block;
	}
	.cl-jj-bg2{
		display:none
	}
	.cl-contact-right-d{
		display:none
	}
	.cl-contact-left-d{
		width:100%;
		margin:auto;
		text-align:center;
		margin-top:150px;
	}
.cl-contact-left-d h1{
	text-align:center
}
.cl-contact-left-d h1 img{
	margin:auto;
}
.cl-contact-left-d p{
	width:70% !important;
	float:none !important;
	margin:auto;
	margin-top:40px;
}

	
	.our_now_case li h1{
	display:block;

	color:#151515;
	text-align:center;
	font-family:"微软雅黑";
	padding-top:15px;
}
.our_now_case{
	
	display:none;
}
#bs{
	display:block;}
#bs a img{ -webkit-transition: all 350ms cubic-bezier(0.215,.61,.215,1);
width:100%

	}
.cl-honor-title{
	display:none}
.cl-honor{
	width:90%;
	margin:auto;
	float:none;

}
.cl-contact_wrapper{
	width:95%;
	margin:auto;
	margin-bottom:100px;
}
.cl-jj-bg3{
	display:none
}
.cl-service-wrapper{
	margin-top:90px;
}
#show1640{
	display:block}
	
	.our_now_case li p{
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	.our_now_case li p a{color:#555555}
.our_now_case li h1 a{
	color:#000000}
	#hide1{
	display:none}
	#hide2{
		width:100% !important;
		margin:auto;
		}
		
	.our_now_case li{
		width:49%;
		margin:0;
		padding:0;
		margin-right:0 !important; 
	}.our_now_case li p{
	display:block;
}

	.cl-Case-presentation{
		display:none
	}
	.cl-640-Case-presentation{
		width:100%;
		height:auto;
		overflow:hidden;
		display:block;
	
	}
	#intro_img{
		width:50%
	}
	.cl-640-Case-presentation ul{
		width:100%;
	}
	.cl-640-Case-presentation ul li{
		width:100%;
		padding:50px 0;
		position:relative;
		border-bottom:1px solid #e5e5e6;
		text-align:center;
		-webkit-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
		-moz-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
		-ms-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
		-o-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
	
		cursor:pointer;
		   
	}
	.cl-640-Case-presentation ul li a{ 
	color:#262626;
	 -webkit-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
		-moz-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
		-ms-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
		-o-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
	 }
	.cl-640-Case-presentation ul li:hover a{
		color:white
	}
	.cl-640-Case-presentation ul li::after{
			position: absolute;
    width: 150%;
    height: 100%;
    background:#e60012;
    -webkit-transition: .5s;
    -moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	
    z-index: -1;
    content: '';
    left: -200%;
    top: 0;
    -webkit-transform: skew(-15deg,0);
	-moz-transform: skew(-15deg,0);
	-ms-transform: skew(-15deg,0);
	-o-transform: skew(-15deg,0);
		}
	.cl-640-Case-presentation ul li:hover::after{
		left:-25%;
		}
	.cl-640-Case-presentation ul li.cl-big-case-icon1{
		background: url(../images/index_icon_03.png) no-repeat;
		background-position:35% 50%;
	}
	.cl-640-Case-presentation ul li.cl-big-case-icon2{
		background: url(../images/index_icon_06.png) no-repeat;
		background-position:35% 50%;
	}
	.cl-640-Case-presentation ul li.cl-big-case-icon3{
		background: url(../images/index_icon_09.png) no-repeat;
		background-position:35% 50%;
	}
	.cl-640-Case-presentation ul li.cl-big-case-icon4{
		background: url(../images/index_icon_12.png) no-repeat;
		background-position:35% 50%;
	}
	
	
	
	
		.cl-640-Case-presentation ul li.cl-big-case-icon5{
		background: url(../images/index_case_w_icon_03.png) no-repeat !important;
		background-position:35% 50% !important;
	}
	.cl-640-Case-presentation ul li.cl-big-case-icon6{
		background: url(../images/index_case_w_icon_07.png) no-repeat !important;
		background-position:35% 50% !important;
	}
	.cl-640-Case-presentation ul li.cl-big-case-icon7{
		background: url(../images/index_case_w_icon_11.png) no-repeat !important;
		background-position:35% 50% !important;
	}
	.cl-640-Case-presentation ul li.cl-big-case-icon8{
		background: url(../images/index_case_w_icon_15.png) no-repeat !important;
		background-position:35% 50% !important;
	}

	

	.cl-640logo{
		width:180px !important;
		height:46px;
		background: url(../images/zxt_logo_b.svg) no-repeat;
		display:block;
		margin-left:20px;
		background-size: 100% 100%;

		
	}
	
	#zxt-logo{
		height:45px !important;
	}
.swiper-slide span{
	width:48% !important;
}
#show2640 {
	display:block;
	
	}
#show2640  p,#show2640  a{
	display:none
}
	
.cl-title-top-bg{
	width:80% !important;
	margin:auto;
	margin-top:50px;
	display:none;

}

.cl-title-check-more-details{
	margin-top:30px !important;
}
.cl-nav-wrapper{
	display:none
}


body {
    font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 0.6em;
    margin: 0;
    padding: 0;
    background: url("/uploads/150701/austin-2.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
}
@media (min-width: 45em) {
    body {
        font-size: 120%;
    }
}
@media (min-width: 65em) {
    body {
        font-size: 130%;
    }
}
@media (min-width: 85em) {
    body {
        font-size: 150%;
    }
}
a {
    text-decoration: none;
}
header {
    position: fixed;
    width: 100%;
	
  
    display: block;
    top: 0;
    padding: 0;
    z-index: 100;
    height: auto;

}
#mast {
	display:block
}
header h1#logo {
    color: #fff;
    font-size: 1em;
    margin: 0 !important;
    padding: 0.4em 1em 0;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding: 1em 0.5em 0;
    top: 0;
}
header * {
    background-repeat: no-repeat;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
header nav p {
    font-size: 80%;
    color: #12384e;
    margin: 0 0 -1em;
    padding: 0;
    font-weight: 400;
}
header nav ul {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    visibility: hidden;
    top: -5%;
    width: 100%;
    padding: 0;
    opacity: 0;
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: perspective(600px) rotateX(10deg);
    transform: perspective(600px) rotateX(10deg);
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
    -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
    transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
}
header nav ul li {
    list-style: none;
    text-align: center;
}
header nav ul li a {
    display: block;
    color: #fff;
    padding: 0.5em 0;
    width: 100%;
    display: block;
    font-size: 20px;
	font-family:"微软雅黑";
}
header nav ul li a:hover {
    background: rgba(255, 255, 255, 0.8);
}
header nav ul li a:focus {
    outline: 0;
}
header nav ul li a:hover,
header nav ul li a:active {
    color: #0e1718 !important;
}
header .nav-background {
    z-index: 99;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    display: none;
    -webkit-transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -moz-transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}
header #toggle {
    height: 3em;
    z-index: 999;
    padding: 2em 1em 0;
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0.5em;
    -webkit-transition: padding-top 0.6s cubic-bezier(0.1, 0.01, 0.3, 1);
    transition: padding-top 0.6s cubic-bezier(0.1, 0.01, 0.3, 1);
}
header #toggle:hover {
    transition: top, 0.5s, ease-in-out;
}
header #toggle:hover .menubars:before {
    top: -9px;
}
header #toggle:hover .menubars:after {
    top: 9px;
}
.menubars {
    width: 24px;
    height: 2px;
    margin: 10px 0;
    background: #474747;
    position: relative;
    z-index: 999 !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menubars:before {
    top: -8px;
}
.menubars:after {
    top: 8px;
}
.menubars:after,
.menubars:before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #ec008c;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menubars {
    width: 24px;
    height: 2px;
    margin: 0.2em 0;
    background: #474747;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menubars:before {
    top: -8px;
}
.menubars:after {
    top: 8px;
}
.menubars:after,
.menubars:before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #474747;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.js-open {
    height: 100%;
}
.js-open header {
    margin-top: 0px;
    background: none;
}
.js-open .menubars {
    background: none !important;
}
.js-open .menubars:after {
    top: 0 !important;
    background: #fff !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.js-open .menubars:before {
    top: 0 !important;
    background: #fff !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.js-open .nav-background {
    background:black !important;
}
.js-open ul {
    top: 0;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
}
.sect-hero .inside {
    padding: 25% 5% 20%;
}
.sect-hero h1 {
    font-size: 3em;
    color: #fff;
    margin: 0;
}
.sect-hero p {
    color: #fff;
}


}





.table_form tbody td, .table_form tbody th{
	width:100px;
	border:none;}
	
#contact_us input{
	color:#aaaaaa;
	height:50px;
	background:#eaeaea;}
	#contact_us  textarea{
		background:#eaeaea;
		color:#aaaaaa}
#dosubmit{  width: 142px;
  height: 45px;
  background: #252525 !important;
  border: none;
  color: #fff !important;
  cursor: pointer;
  margin-right: 10px;}
.table_form tbody td, .table_form tbody th{
	border:none !important}
#contact_us  h5{
	display:none}
.cl-wz-wrapper{
	max-width:1280px;
}
.cl-wz-wrapper ul{
	width:100%
}
.cl-wz-wrapper ul li{
	  width: 24%;
  margin-right: 0.4%;
  margin-top: 30px;
  float: left;
  height: 235px;
}
.cl-wz-wrapper ul li img{
	width:100%;
	height:100%;
}
.cl-h1-ng{

	
	 background: url(../images/mt_bg_10.jpg) bottom left no-repeat;
}
.cl-wz-wrapper ul li div{
	max-width:260px;
	margin:auto;
	margin-top:80px;
}
.cl-wz-wrapper ul li div p{
	line-height:20px;}
.cl-wz-gn {
  max-width: 700px;
  /* height: 500px; */
  overflow: hidden;
  height: auto;

}
.cl-wz-gn ul {
	width:100%
}
.cl-wz-gn ul li{
	float:left;
	margin-top:10px;
	width:25%;
	text-align:center;
	font-size:15px;
	line-height:40px;
	font-family:"微软雅黑";
	height:115px;
}
.cl-wz-gn ul li img{
	margin:auto;
}
.cl-nav-toggle{
	display:table !important
}

 .swiper-container {
        width: 100%;
		margin:auto;
        height: 100%;
		margin-top:100px;
        
    }
    .swiper-slide {
		width:100%;
		height:100%;
	}
.swiper-slide span{
	width: 24%;
    overflow: hidden;
    position: relative;
    margin: 0.5%;
	display:block;
}
.cl-news-wrapper{
	max-width:1280px;
	height:auto;
	margin:auto;
}
.cl-news-wrapper ul{
	display:table
}
.cl-news-wrapper ul li{
	margin-right:2%;
		position:relative;
		height:auto;
		overflow:hidden;
	
	box-shadow:1px 1px 5px #D7D7D7;
}
.cl-news-wrapper ul li span{
	width:40%;
}
.cl-news-wrapper ul li span img{
	max-width:100%;
}
.cl-news-wrapper ul li div{
	float:left;
	width:55%;


	height:auto;
	margin-left:20px;
	line-height:20px;
	text-align:left;
}
.cl-news-wrapper ul li a{
	color:#000000
}
#pages{
	text-align:center; margin-bottom:160px; margin-top:100px;}
#pages a{
	font-size:24px;
	font-family:"微软雅黑";
	color:#cdcdcd;
	text-decoration:none;

	}
#pages  span{
	font-size:24px;
	padding-bottom:5px;
	font-family:"微软雅黑";

	border-bottom:2px solid #e60012;
}
#pages  .a1{
	display:none;
}
.cl-news-wrapper ul li a:hover{
	color:#e60012;
	text-decoration:underline
	}

#Article{
	max-width:1200px;
	margin:auto;
}
#Article h1{
	color:#2c2c2c;
}
#ckepop{
	margin-bottom:60px;}
#ckepop a{
	float:left;
	width:auto;
	margin-left:45px;
	display:block;
	height:auto;}
#ckepop .jtico1{

	 background: url(../images/wx_icon_03.png) no-repeat center !important;
	 width:28px !important;
	 height:30px !important;
	 margin-top:-5px;
	 display:block;
	 float:left;
	 cursor:pointer;
}

.wb-fx{	 background: url(../images/wb_icon_03.png) no-repeat center !important;
	 width:28px !important;
	 height:30px !important;
	 display:block;
	 margin-top:-5px;
	
	 cursor:pointer;
}
.txwb-fx{	 background: url(../images/txwb_icon_03.png) no-repeat center !important;
	 width:28px !important;
	 height:30px !important;
	 display:block;
	 margin-top:0px;
	
	 cursor:pointer;
}

.db-fx{	 background: url(../images/db-fx_05.png) no-repeat center !important;
	 width:28px !important;
	 height:30px !important;
	 display:block;
	 margin-top:-3px;
	
	 cursor:pointer;
}
.pyw-fx{ background: url(../images/pyw_icon_05.png) no-repeat center !important;
	 width:28px !important;
	 height:30px !important;
	 display:block;
	 margin-top:-3px;
	
	 cursor:pointer;
}
.content{
	text-indent:0; padding-left:0; color:#646464; line-height:20px;}
.cl-hot-news{
	width:410px;
	position:relative;
	height:510px;
	background:#f2f2f2;
	overflow:hidden;
	float:right;
	}
.cl-hot-news-content{
	width:320px;
	margin:0 auto;
	height:350px;
	overflow:hidden;
	transition:.5s;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
}
.cl-hot-news p{
	    padding: 25px 0 20px 0;
}
.cl-hot-news ul{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.cl-hot-news ul li{ display:inline-block; width:10px; height:10px;	background:#a8a8a8; border-radius:10px; cursor:pointer}
.cl-hot-news ul li.hot-news-select{background:#525252}



.nav-control-box {
    width: 30px;
    height: 40px;
    /* position: fixed; */
    top: 0px;
    position: absolute;
    cursor: pointer;
    right: 12px;
    z-index: 2100;
}
.nav-control-box span{
	display:block;
	position:absolute;
	width:100%;
	height:3px;
	cursor:pointer;
	background:#625857;
left: 0;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s
}

.nav-control-box span:nth-child(1){
	top:12px;
	
	}
.nav-control-box span:nth-child(2){
	top:22px;
	
	}
.nav-control-box span:nth-child(3){
	top:22px;
	
	}
.nav-control-box span:nth-child(4){
	top:32px;
	}
.nav-control-box-open{
	}
	.nav-control-box.nav-control-box-open span:nth-child(1){
		width:0;
		top:8px;
		left:50%;
	}
.nav-control-box.nav-control-box-open span:nth-child(2){

	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	}
.nav-control-box.nav-control-box-open span:nth-child(3){
		-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	}
	.nav-control-box.nav-control-box-open span:nth-child(4){
		width:0;
		top:39px;
		left:50%;
	}
.nav-control-box.nav-control-box-open span{
	background:white;
}
	
.nav_tc{
	position:fixed;
	width:100%;
	height:0%;
	overflow:hidden;
	top:0;
	-webkit-transition: .30s ease-in-out;
	-moz-transition: .30s ease-in-out;
	-ms-transition: .30s ease-in-out;
	-o-transition: .30s ease-in-out;
	-webkit-transition-delay:.15s;
	-moz-transition-delay:.15s;
	-ms-transition-delay:.15s;
	-o-transition-delay:.15s;
	left:0;
	filter:alpha(opacity=90);       /* IE */
  -moz-opacity:0.9;              /* 老版Mozilla */
  -khtml-opacity:0.9;              /* 老版Safari */
  opacity: 0.9;    
	background:black url(bg-pattern.png) repeat 0 0;
}
.nav_tc_height{
	height:100%}
	
	
.nav_bt_tc{
	position:fixed;
	z-index:-1;
	width:0%;
	height:100%;
	left:50%;
	opacity:0;
	overflow:hidden;
	bottom:0;

	-webkit-transition: .30s ease-in-out;
	-moz-transition: .30s ease-in-out;
	-ms-transition: .30s ease-in-out;
	-o-transition: .30s ease-in-out;
	-webkit-transition-delay:.15s;
	-moz-transition-delay:.15s;
	-ms-transition-delay:.15s;
	-o-transition-delay:.15s;

   
	background:white url(bg-pattern.png) repeat 0 0;
	}	

.nav_bt_tc_height{
	width:100%;
	left:0%;
	opacity:1;
}
.cl-fg-content{
	width:100%;
	height:95%;
	
	position:absolute;
	bottom:0;
}
.cl-fg-content a{
	display:block;
	width:100%;
	position:relative;
	height:23%;
	overflow:hidden;
	border-bottom:1px solid #e5e5e7;
	line-height:25%;
	
}
.cl-fg-content a:after{
	    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    content: "";
    display: block;
    position: absolute;
    background-color: #e60012;
    top: -5%;
    left: -200%;
    width: 150%;
    height: 110%;
    transform: skew(-15deg,0);
    -moz-transform: skew(-15deg,0);
    -webkit-transform: skew(-15deg,0);
    -o-transform: skew(-15deg,0);
    -ms-transform: skew(-15deg,0);
	}
.cl-fg-content a:hover::after{
	left:-25%
}
.cl-fg-content a:hover h4{
	color:white;
}

.cl-fg-content a h4{transition: all 350ms cubic-bezier(0.215,.61,.215,1);
    -webkit-transition: all 350ms cubic-bezier(0.215,.61,.215,1);
    -moz-transition: all 350ms cubic-bezier(0.215,.61,.215,1);
    -o-transition: all 350ms cubic-bezier(0.215,.61,.215,1);
    letter-spacing: 0;
	position:relative;
	top:45%;
	height:auto;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:1.5em;
	font-family:"微软雅黑";
	color:#262626;
}
.cl-fg-content a h4.fg-bg1{
	
	background: url(../images/fg_icon1_07.png) no-repeat  ;
	background-position: 31% 57%;
	
	}
.cl-fg-content a h4.fg-bg2{
	
	background: url(../images/fg_icon1_15.png) no-repeat  ;
		background-position: 31% 57%;}
.cl-fg-content a h4.fg-bg3{
	
	background: url(../images/fg_icon1_11.png) no-repeat  ;
		background-position: 31% 57%;}
.cl-fg-content a h4.fg-bg4{
	
	background: url(../images/fg_icon1_03.png) no-repeat  ;
		background-position: 31% 57%;}
	
	
	
	
	
	
	
	
	.cl-fg-content a h4.cl-fg-hoverbg1{
		background: url(../images/fg_hover_icon_07.png) no-repeat;
		background-position:35% 50%;
	}
		
	.cl-fg-content a h4.cl-fg-hoverbg2{
		background: url(../images/fg_hover_icon_15.png) no-repeat;
		background-position:35% 50%;
	}
		
	.cl-fg-content a h4.cl-fg-hoverbg3{
		background: url(../images/fg_hover_icon_11.png) no-repeat;
		background-position:35% 50%;
	}
		
	.cl-fg-content a h4.cl-fg-hoverbg4{
		background: url(../images/fg_hover_icon_03.png) no-repeat;
		background-position:35% 50%;
	}

	
	
.menu {
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    position: relative;
}
.menu li {
    transition: all 300ms cubic-bezier(0.235,.630,.07,.98);
    -webkit-transition: all 300ms cubic-bezier(0.235,.630,.07,.98);
    -moz-transition: all 300ms cubic-bezier(0.235,.630,.07,.98);
    -o-transition: all 300ms cubic-bezier(0.235,.630,.07,.98);
    display: block;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    text-align: center;
    width: 100%;
    opacity: 0;
    position: absolute;
    letter-spacing: .2em;
    top: -150%;
}
.menu li.m-5{
		top:200%;
		    color: #6f7276;
    margin: 0;
    letter-spacing: .1em;
    font-weight: 400;
    padding: 0;
	
	font-family:"Gill Sans","微软雅黑";
	

	}
.menu li a{
	font-family:"微软雅黑";
	font-size:20px;
	font-weight:normal;
	color:white;
	text-decoration:none;
	transition:.3s;
}

.menu li a:hover{
	letter-spacing: .4em;
	color:#2fc989;
	
	}
.menu.opened li{
	opacity:1;
	-webkit-transition: all 300ms cubic-bezier(0.235,.625,.07,.98)
}

.menu.opened .m-0{
		top:12%;
	-webkit-transition-delay:1s;
	 background: url(../images/logo1-01.svg)  center no-repeat;
	 background-size:100% 100%;
	 height:50px;
	}
.menu.opened .m-1{
		top:32%;
	-webkit-transition-delay:.84s;
	}
.menu.opened .m-2{
		top:42%;
	-webkit-transition-delay:.78s;
	
	}
.menu.opened .m-3{
		top:52%;
	-webkit-transition-delay:.72s;
	}
.menu.opened .m-4{
		top:62%;
	-webkit-transition-delay:.66s;
	}
.menu.opened .m-5{
		top:72%;
	-webkit-transition-delay:1.1s;
	}
.cl-dxal-control{
    width: 100%;
    height: auto;
    color: #4c4c4c;
    display: none;
    /* right: 200px; */
    /* top: 50%; */
    top: 55px;
    /* margin-top: -235px; */
}
.cl-dxal-control ul{ 
    width: 100%;
    height: auto;
    text-align: center;
    background: #1d1c1b;
    overflow: hidden;
}
.cl-dxal-control ul li{
	    /* float: left; */
    width: 100px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 40px;
    font-size: 12px;
    overflow: hidden;
    z-index: 5;
}
.cl-dxal-control ul li:hover a{
	opacity:0;
	color:white;
}
.cl-dxal-control ul li:after{
	position: absolute;
    width: 150%;
    height: 100%;
    background: url(../images/dl_sm_logo_03.png) #1d1c1b center no-repeat;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    z-index: -1;
    content: '';
    left: -200%;
    top: 0;
  
}
.cl-dxal-control ul li:nth-child(2):after{background: url(../images/hm_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(3):after{background: url(../images/mg_cm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(4):after{background: url(../images/dam_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(5):after{background: url(../images/dg_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(6):after{background: url(../images/mh_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(7):after{background: url(../images/qy_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(8):after{background: url(../images/ark_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(9):after{background: url(../images/fgj_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(10):after{background: url(../images/bls_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(11):after{background: url(../images/lmq_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(12):after{background: url(../images/sy_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:nth-child(13):after{background: url(../images/hd_sm_logo_03.png) #1d1c1b center no-repeat ;}
.cl-dxal-control ul li:hover::after{
	left:-25%
	}
.cl-dxal-control ul li a{

color: #ccc;
    width: 100%;
    /* background: url(../images/li_icon_03.jpg) no-repeat; */
    height: 100%;
    display: block;
    line-height: 40px;
    text-decoration: none;
    font-family: "微软雅黑";
    background-position: 32% 53%;
    -webkit-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
    -moz-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
    -ms-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
    -o-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
}

.qqonline{width: 500px; top: 50%; height: 290px; margin-top: -145px; position: fixed; left: 50%; margin-left: -250px;z-index: 10000;}
.qqonline .box{width: 100%; height: 100%; position: relative;}
.qqonline .box .closebtn{ height: 36px; width: 36px; right: -18px; top: -18px; position: absolute;z-index: 10100;}
.qqonline .box .closebtn img{width: 36px; height: 36px;}
.qqonline .box .left{width: 250px;}
.qqonline .box .left{ width: 250px; height: 240px; float: left;}
.qqonline .box .right{width: 250px; float: right;}
.qqonline .box .right .btn{width: 250px; height: 50px;}
.qqonline .box .right .swipercontainer {
	width: 250px;
	height: 240px;
	overflow: hidden;
}
.qqonline .right .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}

	/********内页*********/

.nwrap{margin:0px 0 25px 0; border-top:2px solid #C4000F}
.nwrap .w1200{ overflow:hidden;}
.nwrap_left{ float:left;width:280px;}
.nwrap_right{ float:right;width:880px;}

.nwrap_left h2{background:url(../images/left_tbg.png) no-repeat left top; line-height:90px; text-align:center; font-size:24px; color:#fff}
.nwrap_left ul { padding:0; margin-top:20px;}
.nwrap_left ul li{hegiht:48px;line-height:48px; margin-bottom:15px;}
.nwrap_left ul li a{padding-left:45px;background:url(../images/left_nav.png) no-repeat left -50px;display:block;height:48px;line-height:48px;color:#333;font-size:16px;}
.nwrap_left ul li a:hover,.nwrap_left ul li a.on{color:#fff;background:url(../images/left_nav.png) no-repeat left top;}

.left_contact{ margin-top:20px; border-bottom:1px solid #dcdcdc; }
.left_contact h3{ text-align:left; font-size:18px; line-height:40px; color:#7a1e21; border-bottom:1px solid #dcdcdc; }
.left_contact p{ line-height:30px; text-align:left; padding-top:5px; color:#666; font-size:14px; }
.nwrap_right_loc{border-bottom:1px solid #dcdcdc; height:50px; margin-top:40px;}
.nwrap_right_loc h3{ float:left;background:url(../images/ico1.png) no-repeat left center;color:#C4000F; padding-left:20px;font-size:22px; line-height:50px; font-weight:normal;}
.nwrap_right_loc span{ float:right;color:#666;font-size:14px; font-weight:normal; line-height:40px; padding-top:10px}
.nwrap_right_loc span a:hover{color:#7a1e21;}
/********内页 新闻*********/

.new_pic dl dt{ overflow:hidden;height:90px;padding:20px 0;border-bottom:1px solid #dcdcdc;margin-bottom:9px;}
.new_pic dl dt img{width:140px;height:90px; float:left;}
.new_pic_jj{ float:right;width:720px; }
.new_pic_jj h3 a{ font-size:16px; line-height:30px; color:#000;}
.new_pic_jj p{ font-size:14px; line-height:22px; color:#666;}
.new_pic_jj h3 a:hover{ color:#7a1e21;}
.new_pic_jj p:hover{color:#7a1e21}

.list_news{ margin:30px 0 30px; }
.list_news ul{ }
.list_news li{ padding-left:18px;background:url(../images/ico2.png) no-repeat center left;line-height:39px; height:39px; overflow:hidden; border-bottom:1px dotted #e5e5e5;  }
.list_news .time{ float:right; color:#acacac; }

/*===============新闻列表===============*/
.newlist li a{display:block; overflow:hidden; cursor:pointer;}
.newlist li{overflow:hidden; background:url(../images/new_bj.jpg) repeat-x bottom;padding:25px 0px;-webkit-transition: all 0.5s ease-in-out; margin-bottom:25px;}
.newlist li img{float:left;}
.new_li{width:650px; float:right; overflow:hidden;}
.new_li_top{overflow:hidden; padding-bottom:12px;}
.new_li_top h3{ text-align:center;width:52px; height:48px; line-height:22px; border:1px solid #d2d2d2; float:left; padding-top:10px;font-size:34px;*font-size:32px; color:#999999; font-family: Arial, Helvetica, sans-serif;-webkit-transition: all 0.5s ease-in-out;}
.new_li_top h3 span{display:block; font-size:12px; color:#999999; margin-top:5px;}
.new_li_top h2{line-height:52px; vertical-align:middle; float:left; font-size:16px; color:#010101; margin-left:15px;-webkit-transition: all 0.5s ease-in-out}
.new_li p{font-size:14px; color:#666666; line-height:24px;}
.newlist li:hover .new_li_top h3{background:#7a1e21;border:1px solid #9f2529; color:#fff;}
.newlist li:hover .new_li_top h3 span{color:#fff;}
.newlist li:hover .new_li_top h2{color:#9f2529;}

/*分页样式*/
#div_pager{padding:20px;height:30px;line-height:30px; margin-top:30px;text-align:center; margin-bottom:50px;}
#div_pager a{border:1px solid #dbdbdb;padding:10px 15px; color:#666;}
#div_pager a.null{color:#ccc;}
#div_pager a.cpb{color:#fff;background:#7a1e21;}
#div_pager span{color:#fff;background:#7a1e21; padding-left:10px; padding:11px 15px;}

/********内页 新闻详细页*********/
.new_body { line-height: 1.8; font-size: 14px; margin:20px auto; padding:0 10px;}
.new_body p {margin-bottom: 20px;}
.new_body .title {text-align: center; font-weight: normal; font-size: 18px; color: #7a1e21; margin-bottom: 10px;}

.new_body .info {text-align: center; font-size: 12px; color: #999; padding-top: 10px; border-top: 1px dotted #ccc; margin-bottom: 30px;}
.new_body .info span{ margin: 0 10px;}
.new_body .pn {padding-top: 10px; border-top: 1px dotted #ccc;}
.new_body .pn a {color: #999;}
.back{  height:40px;}
.back  a{ height:20px;padding-left:18px;line-height:20px;background:url(../images/back_ico.png) no-repeat center left;font-size:14px;color:#666;display:inline-block;font-weight:normal;}

.newpic_box{overflow:hidden; margin:10px auto}
.newslink{ width:270px; height:510px; float:left; border-bottom:2px solid #d2d2d2; margin:20px 10px; display:block; background:#f9f9f9;}
.newslink:hover .newstit{ color:#a88658;}
.newslink:hover .newsinfo{ color:#a88658;}
.newslink:hover{ background:#E4E4E4; border-bottom:2px solid #A88658;}
.news_pic{ position:relative;}
.news_pic img{ width:420px; height:450px;}
.newdate{ position:absolute; bottom:0px; right:0px; width:60px; height:60px; background:#616161;}
.newdate p{ font-size:24px; color:#FFF; font-size:30px; padding-top:10px; text-align:center;}
.newdate p span{ font-size:12px; line-height:22px; color:#FFF; text-align:center;}

.newstit{ font-size:16px; line-height:30px; color:#333333; padding:10px 20px 0; font-weight:bold; width:360px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.newsinfo{ font-size:13px; line-height:20px; color:#666666; padding:0 20px;}

/********内页 单页面*********/
.about_body { line-height: 1.8; font-size: 14px; margin:20px auto; padding:0 0px;}
.about_body p {margin-bottom: 20px;}
/********内页 教师*********/
.teacher_box{margin:10px auto;overflow:hidden;  width:100%}
.teacherlink{ width:248px; height:420px; float:left;  margin:20px 22px; display:block; }
.teacherlink:hover{background:url(../images/t_top.png) no-repeat center left;}
.teacher_pic{ position:relative;}
.teacher_pic img{ width:248px; height:320px;}
.teachertit{ font-size:16px; line-height:30px; color:#333333; padding:10px 20px 0; font-weight:bold; width:200px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.teacherinfo{ font-size:13px; line-height:20px; color:#666666; padding:0 20px;}
.listpage {clear: both;text-align: center;}
/********列表分页**********/
.wp-pagenavi{CLEAR:both;text-align:center;height:25px;margin-bottom:20px;}
.wp-pagenavi A{BORDER-RIGHT:#ddd 1px solid;PADDING-RIGHT:10px;BORDER-TOP:#ddd 1px solid;PADDING-LEFT:10px;PADDING-BOTTOM:4px;MARGIN:5px;BORDER-LEFT:#ddd 1px solid;PADDING-TOP:3px;BORDER-BOTTOM:#ddd 1px solid;TEXT-DECORATION:none;}
.wp-pagenavi SPAN{
	BORDER-RIGHT:#ddd 1px solid;
	PADDING-RIGHT:10px;
	BORDER-TOP:#ddd 1px solid;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:4px;
	MARGIN:2px;
	BORDER-LEFT:#ddd 1px solid;
	PADDING-TOP:4px;
	BORDER-BOTTOM:#ddd 1px solid;
	TEXT-DECORATION:none;
	color: #FFFFFF;
	background-color: #C4000F;
}
.wp-pagenavi A:hover{}
.wp-pagenavi SPAN.current{BORDER-LEFT-COLOR:#ddd;BORDER-BOTTOM-COLOR:#ddd;BORDER-TOP-COLOR:#ddd;BORDER-RIGHT-COLOR:#ddd;}
.wp-pagenavi SPAN.current{FONT-WEIGHT:bold;}
.pageleft{float:left;margin-left:10px;letter-spacing:0px;}
.pageright{float:right;margin-right:10px;letter-spacing:0px;}
	

.newsimg{width:290px; float:left;}
.newsimg img{width:280px; !important;height:280px; !important;}

.newsimg  .work_tit{left:0;right:0;bottom:0;height:40px;line-height:30px;text-align:center; background-image:url(../images/baiBg.png);background-position:center;transition:background-position 0.3s,height 0.3s;-webkit-transition:background-position 0.3s,height 0.3s;color:#7a1e21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.newsimg a:hover .work_tit{background-position:left center;height:80px;}
.newsimg .work_tit span{display:block;padding:0 10px 10px 0px;font-size:13px;text-align:left;line-height:22px;}



.jiaoshiimg{width:290px; float:left;}
.jiaoshiimg img{width:280px; !important;height:380px; !important;}

.jiaoshiimg  .work_tit{left:0;right:0;bottom:0;height:40px;line-height:30px;text-align:center; background-image:url(../images/baiBg.png);background-position:center;transition:background-position 0.3s,height 0.3s;-webkit-transition:background-position 0.3s,height 0.3s;color:#7a1e21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.jiaoshiimg a:hover .work_tit{background-position:left center;height:80px;}
.jiaoshiimg .work_tit span{display:block;padding:0 10px 10px 0px;font-size:13px;text-align:left;line-height:22px;}