html,body{font-size:12px; background-color:#f5f5f5; font-family:"Helvetica Neue",Helvetica,Microsoft YaHei; color: #333; min-width: 320px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-user-select: none; }
body, button, input, select, textarea,h1,h2,h3{font:400 14px/1.5 "Helvetica Neue",Helvetica,Microsoft YaHei;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #b6b6b6;font-family:Helvetica;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b6b6b6;font-family:Helvetica;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b6b6b6;font-family:Helvetica;}
input:-ms-input-placeholder { color: #b6b6b6; font-family:Helvetica;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; line-height: 1; }
body, button, input, select, textarea { margin: 0; padding: 0; line-height: 1;}
body:active { border:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;font-family: "微软雅黑";}
address, cite, dfn, em, var, i { font-style: normal; font-weight: 400; }
dfn { font-family: Microsoft YaHei;font-style:normal;font-size:12px; }
ul, ol { list-style: none; }
a { color: #333; text-decoration: none;}
fieldset{ border: 0; font-size: 12px; color: #333333;}
img {border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; /*解决缩放失真*/ }
table { border-collapse: collapse; border-spacing: 0;}
input[type=text] { -webkit-appearance: none; border-radius: 0; background:transparent;padding:0 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input{ border: 1px solid #DEDEDE; font-size: 12px; color: #333333;}
:focus { outline: 0; }

h1 { font: 600 1.0286em/2 Tahoma; }
h2 { font: 600 1.0243em/2 Tahoma; }
h3 { font: 600 1em/1.5 Tahoma; }
::-moz-selection { background: #665f55; text-shadow: none; color: #fff; }
::selection { background: #665f55; text-shadow: none; color: #fff; }
::webkit-selection{ background: #665f55; text-shadow: none; color: #fff;}
/*清空input*/
.wrapClear{position:relative;}
dfn.clearBtn{width:16px;height:16px;background-color:#ccc; border-radius:50%;margin:-9px 0 0 -9px;position:absolute;right:4px;top:50%;}
dfn.clearBtn:before{border-left:1px solid #fff;height:8px;width:0px;position:absolute;content:""; left:7px;top:4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
dfn.clearBtn:after{border-left:1px solid #fff;height:8px;width:0px;position:absolute;content:""; left:7px;top:4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

 .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ; clear: both; height: 0; } 
 .clearfix { display: inline-table; } 
 .w10{
 	width: 1000px;
 	margin: auto;
 }
.w100{width: 100%;}
.w7{width: 7%;}
.w92{ width: 92%;}
.fl{
	float: left;
}
.fr{
	float: right;
}
body{
	background: #fff;
}
#img_box{
	overflow: hidden;
}
.ban{
	height: 670px;
	padding-top: 200px;
	position: relative;
	width: 100%;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#02738E,endColorStr=#03D1AC); /*IE*/   
    background:-moz-linear-gradient(top,#02738E,#03D1AC);/*火狐*/   
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#02738E), to(#03D1AC));/*谷歌*/  
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #02738E),color-stop(1, #03D1AC));/* Safari & Chrome*/  
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#02738E', endColorstr='#03D1AC'); /*IE6 & IE7*/  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#02738E', endColorstr='#03D1AC')"; /* IE8 */ 
}
#img_img img{
	float: left;
}
.ban .tit{
	width: 900px;
	font-size: 90px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	margin: auto;
	text-align: center;
}
.ban .tit img{width: 100%;}
.ban .tit h3{
	text-align: left;
	color: #fff;
    font-family: "方正正黑简体";
}
.ban .time{
	  color: #fff;
	  font-size: 30px;
	  position: absolute;
	  left: 47%;
	  top: 16px;
	  line-height: 36px;
	}
.unit{
	margin-right: 240px;
	text-align: center;
	color: #fff;
}
.unit p{
	line-height: 30px;
	font-size: 20px;
}
.intro{
	width: 1000px;
	margin: auto;
	padding: 80px 0;
}
.intro .img{
	float: left;
	margin-top: 50px;
}
.intro .txt{
	margin-left: 350px;
}
.intro .txt p{
	font-size: 18px;
	text-indent: 2em;
	line-height: 34px;
}

.title{
	width: 100%;
	height: 43px;
	background: url(../images/bg_02.jpg);
}
.tp{
    margin-right: 16%;
  margin-top: -20px;
  float: right;
  }




.teyao li{
	float: left;
	margin: 3px;
  width: 327px;
}
.teyao li img{
	width: 100%;
}
.canhui{
	padding: 0 50px;
}
.canhui li{
	font-size: 22px;
	line-height: 40px;
}
.canhui li img{
	margin-right: 18px;
}
.baomi{
	padding: 0 100px;
}
.baomi span{
	font-size: 22px;
	line-height: 34px;
}
.baomi h3{
	font-size: 28px;
	color: #0068b7;
	padding: 10px 0;
}
.baomi li{
	font-size: 22px;
	line-height: 34px;
}
.phone{
	  width: 250px;
  display: inline-block;
  margin: 0 80px;
}
.third-effect{
	cursor: pointer;
}
.third-effect .mask {
   opacity: 0;
   overflow:visible;
    background: rgba(0,79,161,0.5);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-10px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
	top:0;
   opacity: 1;
   background: rgba(0,79,161,0.5);
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.mask {
	text-align: center;
	padding-top: 80px;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	display: block;
  width: 248px;
	height: 248px;
  position: absolute;
  overflow: hidden;
  top: 248px;
  left: 0;
}

.listPic li {
	
	width: 248px;
	height: 248px;
  overflow: hidden;
  float: left;
  position: relative;
  border-right: #FFF 1px solid;
  border-bottom: #FFF 1px solid;
}

@media screen and (max-width: 1380px) {
    .ban .tit{
		width: 980px;
		font-size: 80px;
		position: absolute;
		left: 0;
		right: 0;
		top: 100px;
		margin: auto;
		
	}
	.unit{
	margin-right: 324px;
	text-align: center;
	color: #fff;
}
}
@media screen and (max-width: 1120px) {
    .ban .tit{
		width: 780px;
		font-size: 70px;
		position: absolute;
		left: 0;
		right: 0;
		top: 100px;
		margin: auto;
		
	}
	.ban .time{
		left: 50%;
	}
	.unit{
	margin-right: 210px;
	text-align: center;
	color: #fff;
}
}