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

	#alye_show{
		display:block
	}

#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:217px;
}


.cl-nav-ul li a{
	
font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;color:#000000;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{
	background:#1b1717;color:white !important;
	}
.cl-nav-popup-box{
	background:#1b1717; 
	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;
	}
/*轮播 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;}

/*轮播 css end*/
/*logo-show css start */
.cl-title-top-bg{ max-width:650px; 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:#333;
	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;
	
	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;
	}
	
.zr001  li a{
	color:#fff  !important;
}

.zr002  li  {
	padding-top:15px  !important;
	padding-right:15px  !important;
}

.our_now_case li a.bin-img{display: block;overflow: hidden;}
.our_now_case li a.bin-img img{transition: all 0.6s; height: 260px;}
.our_now_case li a.bin-img img:hover{transform: scale(1.1);}
.our_now_case li a.bin-p{display: block; line-height: 36px;margin-bottom: 8px; color: #404040;}

	

.cl-index-footer-l p{
	color:#7d7d7d;
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	}
.cl-index-footer-r{
	<!--width:30.076923%;-->

}
.cl-index-footer-r span{
	font-family:"dinpro-regularregular","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;
	color:#666;
}
.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*/

/*TIDE 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:188px;
	color:white;	
}
.cl-introduct-height2{
	height:400px;
	}
.cl-color1{
	background-color:#2b904b;
	}
.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;
	}
/*TIDE 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 #2d914c;
	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:30px;}
.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:30px;}
.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:107px;}
	.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:30px;}
.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_02.jpg")  center no-repeat;
	  height:856px;

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

	height:500px;
	
}
.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:#239b3e;
	-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:#25813a;
    -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.html") 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%;
	background-color:#fff;
  
    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 3px #D7D7D7;
}
.cl-news-wrapper .cl-service-wrapper ul li{
	 
	margin-right:0%;
	box-shadow:0px 0px 0px #D7D7D7;
}

.cl-news-wrapper ul li span{
	width:40%;
}
.cl-news-wrapper ul li span img{
	max-width:100%;
	height: 150px;
}
.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:1empx;
	padding-bottom:5px;
	font-family:"微软雅黑";

	 
}
#pages  .a1{
	display:none;
}
.cl-news-wrapper ul li a:hover{

	}

#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:400px;
	background:#f2f2f2;
	overflow:hidden;
	float:right;
	}
.cl-hot-news-content{
	width:320px;
	margin:0 auto;
	height:242px;
	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.html") 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.html") 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:31%;
	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: #239b3e;
    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;
}

	
#newsPageWord {
margin: 0px; 
padding: 20px 10px; 
max-width: 100%; 
box-sizing: border-box;
 word-wrap: break-word !important;
  border: 1px solid transparent; 
  font-size: 14px; 
  font-family: inherit; 
  text-decoration: inherit; 
  color: rgb(51, 51, 51); 
  background-color: rgb(239, 239, 239);
  line-height:2em
}
#newsPageWord p{
	margin-bottom:1em;
	text-indent:2em
}

	.pagination{width: 100%;font-size: 12px;}
.pagination span{padding: 4px 2px; background: #2F3237; margin-right: 3px; color: #fff;font-size: 12px;}
.pagination span a{color: #fff;font-size: 12px;}
.page-numbar a{ margin-right: 5px;font-size: 12px;}
.page-numbar a.page-num-current{color: #FCCF04;font-size: 12px;}
.range {    display: flex;    flex-wrap: wrap;}