@charset "utf-8";
/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  font-family:"微软雅黑","Tahoma";
  vertical-align: baseline;
  text-align:justify;
  word-wrap:break-word;
  text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none
}
dl {
  margin:0
}
dd {
  margin-left:0
}
a {
  outline:none;
}
a img {
  border:0 none
}
img {
  vertical-align:middle;
  border:0px
}
table {
  border-collapse:collapse
}
/*.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clearfix {
  display:inline-block;
  overflow:hidden
}
.clearfix {
  display:block
}*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
body {color:#666;background:#fff}
a {color:#3366cc;text-decoration:none}
a:hover {color:#ff6501}
.width950{width:950px;margin:0 auto}
/**/
.clearB {clear:both}
.fL {float:left}
.fR {float:right}
:link, *:visited, *:hover, *:active, *:focus {
    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colBlue{color:#3172d9}
.hide {display:none}

.button {
  float:left;
  height:32px;
  margin-right:10px;
  padding:0px 30px;
  line-height:32px;
  text-align:center;
  overflow:hidden;
  font-weight:bold;
  color:#FFF;
  border-radius:3px;
  text-shadow:0 1px rgba(0, 0, 0, 0.1);
  text-decoration:none;
  border:none
}
input.button{
  height:35px;
  line-height:35px
}
.button:hover{
  color:#fff
}
.button.btn-blue{
  background-color:#006fd8;
  border-bottom:3px solid #014687
}
.button.btn-blue:hover{
  background-color:#0076e4;
}
.button.btn-blue:active{
  background-color:#014687;
}
.button.btn-red{
  background-color:#E74C3C;
  border-bottom:3px solid #C44133
}
.button.btn-red:hover{
  background-color:#EC7063;
}
.button.btn-red:active{
  background-color:#C44133;
}
.button.btn-green{
  background-color:#1ABC9C;
  border-bottom:3px solid #16a085
}
.button.btn-green:hover{
  background-color:#48C9B0;
}
.button.btn-green:active{
  background-color:#16A085;
}
.button.btn-dark{
  background-color:#415B76;
  border-bottom:3px solid #2c3e50
}
.button.btn-dark:hover{
  background-color:#456a91;
}
.button.btn-dark:active{
  background-color:#2c3e50;
}
.inputText{
  width:274px;
  border:1px solid #dcdcdc;
  border-top-color:#abadb3;
  border-left-color:#abadb3;
  padding:7px;
  background:#fff url(inputBg.png) repeat-x 0 0;
  font-size:14px;
  color:#999;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  outline: medium none;
  height:18px;
  line-height:18px
}
.inputText:focus{
  border-color:#ff6501;
  color:#ff6501;
  background:#fff
}
/*m*/
.bgImages{
  background:url(images.png) no-repeat 0 0
}
.header{
  height:40px;
  background:#EBEBEB
}
.header .titleImg{
  height:40px;
  width:480px
}
.header .nav a{
  display:inline-block;
  *display:inline;
  zoom:1;
  height:40px;
  line-height:40px;
  padding:0 20px;
  font-size:16px;
  color:#fff;
  background:#B62E22
}
.header .nav a:hover{
  background:#fff;
  color:#B62E22
}
.cover{
  width:100%;
  position:relative;
  background:#b62e22
}
.coverTitle{
  background-position:0 -40px;
  width:428px;
  height:40px;
  position:absolute;
  left:50%;
  margin-left:-214px;
  top:50%
}
/*.cover .arrow{
  background-position:-440px -40px;
  width:40px;
  height:40px;
  position:absolute;
  left:50%;
  margin-left:-20px;
  bottom:0
}*/
.cover .arrow{
  background:#fff url(scroll.gif) no-repeat;
  width:81px;
  height:98px;
  position:absolute;
  left:50%;
  margin-left:-40px;
  bottom:0;
  border-radius:35px 35px 0 0;
}
.specialitem_1{
  width:100%;
  height:437px;
  position:relative
}
.specialitem_1 .arrowBg{
  background:url(bg1.png) no-repeat 0 0;
  width:1024px;
  height:437px;
  position:absolute;
  left:5%
}
.specialitem_1 .text{
  width:550px;
  position: absolute;
  right:10%;
  top:30px;
  color:#B62E22;
  background:#fff;
  padding:10px
}
.specialitem_1 .text p{
  font-size:24px;
}
.specialitem_2{
  width:100%;
  position:relative;
  height:761px
}
.specialitem_2 .arrowBg{
  background:url(bg2.png) no-repeat 0 0;
  width:708px;
  height:711px;
  position:absolute;
  right:10%;
  margin:50px 0 0 0
}
.specialitem_2 .text{
  position: absolute;
  left:5%;
  top:200px;
  color:#B62E22;
  padding:10px
}
.specialitem_2 .text p{
  font-size:24px;
  margin:0 0 15px 0
}
.specialitem_3{
  width:100%;
  margin:50px 0
}
.specialitem_3 .title{
  margin:0 50px;
  background:#B62E22;
  height:50px
}
.specialitem_3 .title h1{
  color:#fff;
  font-size:24px;
  width:49.9%;
  height:30px;
  line-height:30px;
  text-align:center;
  padding:10px 0;
}
.specialitem_3 .title h1.gary{
  background:#666
}
.specialitem_3 .contrast{
  position:relative;
  margin:0 50px
}
.contrast .leftItem {
  border-left:50px solid #666666;
  position:absolute;
  left:10%;
  height:360px
}
.contrast .rightItem {
  border-right:50px solid #B62E22;
  position:absolute;
  right:10%;
  height:360px
}
.contrast .conEntry{
  height:360px
}
.specialitem_3 .contrast li{
  color:#fff;
  padding:10px;
  margin:50px 0 0 0;
  height:50px;
  *width:370px
}
.specialitem_3 .contrast li p{
  font-size:18px;
  line-height:25px;
}
.contrast .leftItem li{
  background:#666
}
.contrast .leftItem li p{
  text-align:right
}
.contrast .rightItem li{
  background:#B62E22
}
.contrastBottom{
  height:50px
}
.contrastBottom .entryL,.contrastBottom .entryR{
  height:50px;
  width:50px;
  position:absolute
}
.contrastBottom .entryL{
  left:10%;
  background:#666
}
.contrastBottom .entryR{
  right:10%;
  background:#B62E22
}
.contrastFooter .entryL{
  width:20%;
  height:85px;
  background:#666 url(thumbs-up.png) no-repeat center center
}
.contrastFooter .entryR{
  width:80%;
  background:#B62E22;
  color:#fff;
  height:85px
}
.contrastFooter .entryR h2{
  font-size:24px;
  margin:0 0 0 10px
}
.contrastFooter .entryR h3{
  font-size:18px;
  margin:0 0 0 10px
}
.specialitem_4{
  width:100%;
}
.specialitem_4 h1{
  text-align:center;
  font-size:36px;
  color:#B62E22
}
.specialitem_4 .infoItem{
  width:1050px;
  margin:20px auto;

}
.specialitem_4 .infoItem .imagesItem{
  text-align:center;
  margin:0 0 20px 0
}
.specialitem_4 .infoItem .imagesItem img{
  border:3px solid #B62E22
}
.specialitem_5 {
  width:1000px;
  margin:100px auto;
  border-left:50px solid #B62E22;
  border-right:50px solid #B62E22
}
.specialitem_5 a{
  height:50px;
  line-height:50px;
  width:480px;
  text-align:center;
  background:#0081d6;
  color:#fff;
  font-size:24px;
  margin:10px 0
}
.specialitem_5 a:hover{
  font-weight:600;
  background:#009AFF
}
.specialitem_6{
  width:100%;
  text-align:center;
  background:#44A4CA;
  border-top:50px solid #B62E22
}
.specialitem_7 {
  width:600px;
  margin:20px auto 5px;
  text-align:center;
}
.specialMod h1{
  text-align:center;
  font-size:36px;
  color:#B62E22;
  margin:0 0 50px 0
}
.specialMod{
  width:1000px;
  margin:0 auto
}
.specialMod .modItem{
  height:342px;
  width:1000px;
  position:relative;
  margin:0 0 50px 0;
  padding:0 0 25px 0;
  border-bottom:1px dashed #ccc
}
.specialMod .modPic,.specialMod .modInfo{
  position:absolute
}
.specialMod .modInfo{
  width:460px
}
.specialMod .modInfo h2{
  line-height:48px;
  font-size:34px;
  margin-bottom:27px;
  color:#000
}
.specialMod .modInfo p{ 
  font-size: 16px;
  line-height: 28px
}
.specialMod .mod_01 .modPic{
  width:525px;
  height:342px;
  background:url(mod_01.png) no-repeat 0 0;
  left:0;
  top:0
}
.specialMod .mod_01 .modInfo{
  left:530px;
  top:80px
}
.specialMod .mod_02 .modPic{
  width:523px;
  height:342px;
  background:url(mod_02.png) no-repeat 0 0;
  right:0;
  top:0
}
.specialMod .mod_02 .modInfo{
  left:0px;
  top:70px
}
.specialMod .mod_03 .modPic{
  width:471px;
  height:342px;
  background:url(mod_03.png) no-repeat 0 0;
  left:0;
  top:0
}
.specialMod .mod_03 .modInfo{
  left:530px;
  top:80px
}

.specialMod .mod_04 .modPic{
  width:500px;
  height:342px;
  background:url(mod_04.png) no-repeat 0 0;
  right:0;
  top:0
}
.specialMod .mod_04 .modInfo{
  left:0px;
  top:70px
}