
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} 
body,html,*{
    font-family:"微软雅黑","Microsoft Yahei"; color:#333; font-size:14px; margin:0; padding:0;
}
body{overflow-x:hidden; min-width:1280px;}
ol,ul,li{list-style:none;margin:0px;padding:0px;}   
img{max-width:100%; border:0;} 
.wp{width:1200px; margin:0 auto;}
.clearfix{zoom:1;}
.clearfix:after{content:''; display:block; clear:both;height:0;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.mt60{margin-top:60px;}
.mt50{margin-top:50px;}
.mt45{margin-top:45px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.header .navTop .logo{width:85px; height:85px; }
.header .navTop .company{width:290px; height:85px; text-align: center;padding-top: 35px; font-weight: 700; font-size: 18px;}
.header .navTop .nav{margin-top:35px;}
.header .navTop .nav a{display:inline-block; margin-left:60px;font-size:16px; text-decoration:none;}
.header .navTop .nav a.on,
.header .navTop .nav a:hover{color:#e30b22}

.banner { width:100%;}
.banner .bannerbox{width:100%;position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }

.banner ul li { float: left; background-position:center; background-repeat:none; background-size:cover; width:100%; height:640px;}

.banner #banners,
.banner #banners img { width: 100%; height:640px;}

.banner #banners .dots { position: absolute; left: 0; right: 0; bottom: 20px;}

.banner #banners .dots li 

{ 

	display: inline-block; 

	width: 10px; 

	height: 10px; 

	margin: 0 4px; 

	text-indent: -999em; 
	
	background:#fff;

	border-radius: 6px; 

	cursor: pointer; 
  

	-webkit-transition: background .5s, opacity .5s; 

	-moz-transition: background .5s, opacity .5s; 

	transition: background .5s, opacity .5s;

}

.banner #banners .dots li.active 

{

	background: #ec3a4d; 

}

.modTit{
	width:100%;
	text-align:center;
	font-size:24px; 
}
.modTit em{width:54px; height:3px; display:block; margin:10px auto; background:#333;}

.boxTits .ttit{
	width: 100%;
	text-align: center;
}
.boxTits .ttit i,
.boxTits .ttit h1{display: inline-block;}
.boxTits .ttit h1{padding: 0 10px; font-size: 24px;}
.boxTits .ttit i{width: 67px; height: 12px;}
.boxTits .ttit i.lico{background: url("../images/tit-l-bg.png") center no-repeat}
.boxTits .ttit i.rico{background: url("../images/tit-r-bg.png") center no-repeat}
.boxTits .txt{width: 80%; display: block; margin: 0 auto; text-align: center}

.xmBoxs{background:#f6f6f6; padding: 20px 0;}
.xmBoxs img{display:block; margin:0 auto;}
.dsBox{
	background: url("../images/ds-bg.jpg") center no-repeat;
}
.dsBox .dsTopBox .dslTit,
.dsBox .dsTopBox .dsrTit{float: left; width: 50%; text-align: center; padding: 30px 0}
.dsBox .dsTopBox .dsrTit .txt{width: 60%; display: block; margin: 0 auto}
.dsBox  .dsbtmBox ul li{float: left; width: 25%; text-align: center; padding-bottom: 60px;}
.dsBox  .dsbtmBox ul li span{width: 80%; display: block; margin: 0 auto}

.appBox .viewbos .rTxt{
	margin-right: 50px;
}
.appBox .viewbos .rTxt dl.txt{margin-left: 16px;}
.appBox .viewbos .rTxt dl.txt h1{
	font-size: 18px;
	line-height: 40px;
}

.timerBox{
	position: relative;
	width: 100%;
	height: 520px;
	background: #ec3a4d;
	display: block;
	overflow: hidden;
}
.timerBox .cLine{
	position: absolute;
	top: 57%;
	left: 0;
	margin: auto;
	width: 100%;
	height: 3px;
	background: #ffffff;
	-webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    transform: translateY(-57%);
}
.timerBox .modTit{color:#ffffff;}
.timerBox .modTit em{background: #ffffff;}
.timerBox .tmbox{height:60%; margin-top: 80px;}
.timerBox .tmbox .item{color: #Ffffff; float: left; width: 16%; text-align: center;height: 100%; position: relative; padding: 0 2%;}
.timerBox .tmbox .item.noinfo{width: 10%; padding: 0;}
.timerBox .tmbox .item em{
	position: absolute;
	top: 45.5%;
	left: 50%;
	margin: auto;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #ffffff;
	-webkit-transform: translateX(-50%) translateY(-45.5%);
    -moz-transform: translateX(-50%) translateY(-45.5%);
    -ms-transform: translateX(-50%) translateY(-45.5%);
    transform: translateX(-50%) translateY(-45.5%);
	
}
.timerBox .tmbox .item.noinfo em{width:10px; height: 10px;}
.timerBox .tmbox .item .time{
	width: 110px;
	height: 124px;
	background: url(../images/timer-line-time.png) center no-repeat;
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.timerBox .tmbox .item .time span{color: #e20b22;display: block;}
.timerBox .tmbox .item .time span.timeY{font-size:18px; margin-top: 28px;}
.timerBox .tmbox .item .time span.timeM{font-size:20px; margin-top: 5px;}
.timerBox .tmbox .item .info{color:#ffffff; text-align: left; margin-top: 50px;}

.zsBox .boxs{
	background: #f6f6f6;
}
.zsBox .boxs li{float: left; width: 33.33%; text-align: center;}
.zsBox .boxs li img{display: block; margin: 0 auto; max-width: 100%;}
.zsBox .boxs li h1{font-size: 20px; font-weight: bold; margin-top: 20px;}
.zsBox .boxs li p{font-size: 18px; margin-top: 5px;}
.zsBox .boxs li.info{padding-top: 28px;}

.contactBox{
	display: block;
	overflow: hidden;
	width: 100%;
	height:467px;
	background: url("../images/i-contact-bg.jpg") center /cover no-repeat;
}
.contactBox .modTit{color: #ffffff}
.contactBox .modTit em{background: #ffffff}
.contactBox .ctips{
	display: block;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	margin: 30px 0;
}
.contactBox .cinfos ul li{float: left; text-align: center; width: 33.33%;}
.contactBox .cinfos ul li img{display: block; margin: 0 auto}
.contactBox .cinfos ul li span{display: block; width: 100%; text-align: center; color: #ffffff; margin-top: 20px;}

.zsimgBox{margin-bottom: 30px;}
.zsimgBox .picbox ul li{
	float: left;
	width: 31.33%;
	text-align: center;
	padding: 0 1%;
	overflow: hidden;
}
.zsimgBox .picbox ul li a,
.zsimgBox .picbox ul li a span{display: block; text-align: center; text-decoration: none; margin-top: 8px;}
.zsimgBox .picbox ul li a:hover span{color:#e30b22 }