@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,a,span,i,em,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font-family:"Microsoft YaHei";color:#333;outline:0;}
body{min-width: 926px; font-size:14px;line-height:2;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;color: #333;background:#fff;}
p,a{color:#333;}
a:hover{text-decoration: none;}


/* 公共样式 */
.clearfix:after,
.clearfix:before{
	content:" ";
	display:table
}
.clearfix:after{
	clear:both
}


/* loading */
.loading {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 180;
	padding-top: 20%;
	text-align: center;
	background: #fff;
}

.loading > div {
  width: 40px;
  height: 40px;
  background-color: #1767e9;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.wrap{
  position: relative;
  margin: 0 auto;
  width: 926px;
  height: 100%;
}





.header{height:50px;background:#fff;}
.header .logo{
  float: left;
  width:152px;
  height:50px;
  text-indent: -9999px;
  background:url(../images/logo.jpg) center no-repeat;
}
.header .nav{
  float:right;
  padding-top: 15px;
  color:#a2a5a4;
}
.header .nav a{
  padding: 0px 15px;
  font-size:12px;
  color:#a2a5a4;
}
.header .nav a:hover{
  text-decoration:underline;
}





.banner{
  height: 645px;
  background: url(../images/banner.jpg) top center no-repeat;
}
.banner a{
  position: absolute;
  bottom: 145px;
  left: 330px;
  width: 263px;
  height: 65px;
  text-indent: -9999px;
  /*background: rgba(255,0,0,.5);*/
}




.main{}
    


.item{
  padding-top: 50px;
  padding-bottom: 15px;
}
.item h2{
  margin-bottom: 30px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/t1.jpg) center no-repeat;
}
.item2 h2{
  background-image: url(../images/t2.jpg);
}
.item3 h2{
  background-image: url(../images/t3.jpg);
}
.item4 h2{
  background-image: url(../images/t4.jpg);
}
.item5 h2{
  background-image: url(../images/t5.jpg);
}
.item6 h2{
  background-image: url(../images/t6.jpg);
}
.item7 h2{
  background-image: url(../images/t7.jpg);
}


.item p{
  line-height: 30px;
  font-size: 18px;
  color:#4a4a4a;
}
.item p span{
  color:#ff5e00;
}

.item .des{
  margin-bottom: 30px;
  text-align: center;
}

.item .tips{
  line-height: 24px;
  font-size: 16px;
  color:#666;
  text-align: center;
}



.item1{
  margin-top: -50px;
}
.item1 img{
  display: block;
  margin: 0 auto;
}


.item2{
  background-color: #fff9e3;
}
.item2 img{
  position: absolute;
  bottom: 50px;
  right: 30px;
}
.item2 ul{
  padding: 0 410px 0 50px;
}
.item2 li{
  position: relative;
  margin-bottom: 30px;
}
.item2 em{
  position: absolute;
  top: 7px;
  left: -45px;
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  font-size: 24px;
  color:#fff;
  font-weight: bold;
  background:#ff7600;
  border-radius: 20px;
}
.item2 p{
  font-size: 18px;
}
.item2 .t{
  line-height: 50px;
  font-size: 24px;
  color:#333;
  font-weight: bold;
}



.item3 ul{
  margin: 0 auto;
  width: 730px;
}
.item3 li{
  position: relative;
  margin-bottom: 10px;
  padding: 10px 20px 10px 190px;
  background:#fff;
  border: 1px solid #ff7600;
  border-radius: 6px;
}
.item3 li img{
  position: absolute;
  top: 18px;
  left: 20px;
}
.item3 dt{
  line-height: 35px;
  font-size: 22px;
  font-weight: bold;
  color:#333;
}

.item3 dd{
  position: relative;
  line-height: 30px;
  font-size: 16px;
  color:#333;
}
.item3 dd:before{
  position:absolute;
  top: 7px;
  left: -28px;
  content: ' ';
  width: 0;
  height: 0;
  border-width: 8px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #e70f20;
}
.item3 .pic{
  display: block;
  margin: 0 auto;
}



.item4{
  background-color: #fff9e3;
}
.item4 .img{
  display: block;
  margin: 0 auto;
}




.item table{
  width: 100%;
}
.item th,
.item td{
  padding: 10px 20px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  border: 1px solid #ffb618;
}
.item .td-l{
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
  background: #fff9e3;
}
.item td a{
  margin-right: 30px;
  font-size: 16px;
  color: #333;
}
.item td a:hover{
  text-decoration: underline;
}
.item th.td-l{
  font-size: 20px;
  font-weight: bold;
  background-color: #f8ce74;
}
.item .line{
  text-decoration: line-through;
}
.item .red{
  color: #f00;
}


.item6 .des{
  font-size: 16px;
  text-align: left;
}
.item6 td{
  text-align: center;
}
.item6 .td-l{
  background-color: #fff;
}
.item6 tr:nth-of-type(even) td{
  background-color: #fff9e3;
}



.item7{
  margin-bottom: 50px;
}
.item7 .txt{
  padding: 30px 45px;
  background-color: #fff8e3;
}
.item7 p{
  margin-bottom: 10px;
  font-size: 16px;
  color:#454444;
}