﻿@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Microsoft YaHei;
  font-size: 14px;
  margin: 0 auto;
}

a,
input,
textarea {
  outline: 0 none;
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  border: none;
  display: block;
}

div {
  margin: 0 auto;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

a.topimg {
  display: block;
}

a.topimg img {
  width: 100%;
}

.mr0 {
  margin-right: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}
h2.title-first{
  font-size: 44px;
  font-weight: normal;
  line-height: 44px;
  color: #282828;
}
h2.title-first span{
  color: #c59d31;
}
.title-second{
  font-size: 16px;
  line-height: 16px;
  color: #282828;
  margin: 14px auto 22px;
}
.title-third{
  font-size: 16px;
  line-height: 16px;
  color: #282828;
}
.container{
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.content1{
  padding: 62px 0 66px;
}

.content1 li{
  display: inline-block;
  width: 270px;
  border-right: 1px solid #eee;
}
.content1 li img{
  margin: 0 auto;
}
.content1 li.bn{
  border: 0;
}
.content2{
  background-color: #f5f5f5;
  padding-bottom: 78px;
}
.content2 img{
  padding-top: 102px;
  margin: 0 auto 54px;
}
.content2 p{
  width: 1063px;
  margin: 0 auto 32px;
  font-size: 18px;
  line-height: 32px;
  color: #595959;
}
.content2 p span{
  font-weight: bold;
}
.content2 .c2-btn{
  display: block;
  margin: 0 auto;
  width: 323px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #e60012;
  font-size: 18px;
  color: #e60012;
}
.content3{
  height: 861px;
  background: url(../images/02.jpg) no-repeat center center;
}
.content3 .c3-top{
  margin: 0 auto 40px;
  padding-top: 34px;
}
.content3 li{
  width: 220px;
  position: relative;
  float: left;
  margin-right: 25px;
}
.content3 li:hover{
  box-shadow: 2px 2px 4px #eee,-2px -2px 4px #eee;
}
.content3 li.mt{
  margin-top: 70px;
}
.content3 li .zhe{
  width: 220px;
  height: 261px;
  background-color: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
}
.content3 li .zhe img{
  margin: 102px auto 0;
}
.content3 li .sec{
  background-color: #fff;
  padding-bottom: 22px;
}
.content3 li .c3-title{
  font-size: 24px;
  color: #e60012;
  line-height: 24px;
  padding-top: 40px;
}
.content3 li p{
  width: 188px;
  font-size: 15px;
  color: #595959;
  line-height: 24px;
  text-align: center;
  margin: 21px auto;
}
.content3 li .c3-btn{
  display: block;
  margin: 0 auto;
  width: 115px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #fff;
  background-color: #e60012;
  border-radius: 18px;
}
.content4 {
  height: 502px;
  background: url(../images/13.jpg) no-repeat center center;
}
.content4 img{
  margin: 0 auto 24px;
  padding-top: 170px;
}
.content4 .sec{
  width: 241px;
  height: 26px;
  line-height: 26px;
  font-size: 18px;
  letter-spacing: 8px;
  background-color: #fff;
}
.content5{
  background-color: #f5f5f5;
  padding: 73px 0 154px;
}
.content5 ul{
  margin-top: 36px;
}
.content5 li{
  width: 300px;
  float: left;
  height: 230px;
  background-color: #fff;
  overflow: hidden;
}
.content5 li img{
  transition: all .5s;
}
.content5 li:hover img{
  transform: scale(1.2);
}
.content5 li .c5-title{
  font-size: 24px;
  padding-top: 38px;
  margin-bottom: 30px;
}
.content5 li p{
  font-size: 18px;
  color: #595959;
  margin-bottom: 38px;
}
.content5 li .c5-btn{
  display: block;
  margin: 0 auto;
  width: 125px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-radius: 20px;
  font-size: 18px;
  background-color: #e60012;
}

.content7{
  background: url(../images/20.jpg) no-repeat center center;
  height: 757px;
}
.content7 .c7-top{
  margin: 0 auto;
}
.content7 ul{
  margin-top: 60px;
}
.content7 li{
  width: 226px;
  background-color: #a40000;
  padding-bottom: 17px;
  float: left;
  margin-right: 54px;
  margin-top: 0;
  transition: all .5s;
}
.content7 li.ml{
  margin-left: 63px;
}
.content7 li:hover{
  margin-top: -29px;
}
.content7 li .name{
  width: 182px;
  height: 24px;
  line-height: 24px;
  margin: 15px auto 12px;
  font-size: 16px;
  letter-spacing: 9px;
  color: #fff;
  background-color: #760100;
}
.content7 li p{
  width: 198px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin: 0 auto;
  color: #c3abab;
  height: 103px;
}
.content7 li .c7-btn{
  display: block;
  width: 128px;
  height: 33px;
  line-height: 33px;
  border-radius: 16px;
  font-size: 16px;
  color: #fff;
  background-color: #f39800;
  margin: 0 auto;

}
.content6{
  padding: 62px 0 46px;
}
.content6 .c6-left{
  width: 356px;
  float: left;
  margin-top: -130px;
  margin-left: -20px;
}
.content6 .c6-right{
  width: 800px;
  float: right;
}
.content6 .c6-right .c6-title{
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  background-color: #eeeeee;
  color: #595959;
  text-align: left;
  text-indent: 19px;
  position: relative;
}
.content6 .c6-right .c6-title a{
  color: #e60012;
  position: absolute;
  right: 20px;
}
.content6 .c6-right ul{
  margin: 20px auto 19px;
}
.content6 .c6-right .tc img{
  margin-bottom: 21px;
}
.content6 .c6-ul1 li{
  width: 375px;
  float: left;
  margin-right: 50px;
  position: relative;
  margin-bottom: 20px;
}
.content6 .c6-ul1 li .sec{
  height: 69px;
  line-height: 69px;
  border: 1px solid #eee;
  border-top: 0;
  font-size: 22px;
  text-align: left;
  text-indent: 16px;
  position: relative;
}
.content6 .c6-ul1 li .sec span{
  position: absolute;
  font-size: 14px;
  line-height: 14px;
  color: #e60012;
  bottom: 15px;
  right: 106px;
}
.content6 .c6-ul1 li .renshu{
  position: absolute;
  display: block;
  font-size: 14px;
  color: #8c8c8c;
  text-decoration: line-through;
  right: 106px;
  bottom: 35px;
}
.content6 .c6-ul1 .c6-btn{
  display: block;
  width: 88px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  color: #fff;
  background-color: #e60012;
  border-radius: 18px;
  position: absolute;
  right: 8px;
  bottom: 16px;
}
.content6 .c6-ul2 li{
  width: 245px;
  float: left;
  margin-right: 32px;
  position: relative;
}
.content6 .c6-ul2 li .border{
  border: 1px solid #eee;
  border-top: 0 ;
}
.content6 .c6-ul2 li .sec{
  font-size: 24px;
  line-height: 24px;
  margin-top: 23px;
}
.content6 .c6-ul2 li .renshu{
  font-size: 14px;
  line-height: 14px;
  text-decoration: line-through;
  color: #8c8c8c;
  margin: 12px auto 6px;
}
.content6 .c6-ul2 li p{
  font-size: 14px;
  line-height: 14px;
  color: #e60012;
}
.content6 .c6-ul2 li .c6-btn{
  display: block;
  width: 125px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  color: #fff;
  background-color: #e60012;
  border-radius: 18px;
  margin: 14px auto 24px;
}
.content8{
  background: url(../images/35.jpg) no-repeat center center;
  height: 525px;
}
.content8 form{
  width: 385px;
  float: right;
  margin: 168px 43px 0 0;
}
.content8 form .form-title{
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  line-height: 48px;
  margin-bottom: 48px;
}
.content8 form input{
  width: 383px;
  border: 1px solid #fff;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  text-indent: 29px;
  color: #fff;
  background-color: #deb240;
  margin-bottom: 12px;
}
.content8 form .dbtijiao{
  width: 265px;
  height: 45px;
  margin: 30px auto 0;
  text-indent: 0;
  background-color: #c80a19;
  border-radius: 23px;
  border: 0;
}
.content9{
  padding: 90px 0 65px;
}
.content9 .c9-left{
  float: left;
  width: 600px;
}
.content9 .c9-left li{
  float: left;
  position: relative;
}
.content9 .c9-left li div{
  width: 162px;
  height: 46px;
  border-radius: 23px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 134px;
  font-size: 21px;
  line-height: 46px;
}
.content9 .c9-left li div a{
  color: #282828;
}
.content9 .c9-left li div img{
  position: absolute;
  right: 20px;
  top: 16px;
}
.content9 .c9-right{
  width: 540px;
  float: right;
}
.content9 .c9-right .c9-top{
  font-size: 24px;
  line-height: 24px;
  color: #595959;
  padding-top: 40px;
}
.content9 .c9-right .c9-title{
  font-size: 44px;
  font-weight: bold;
  color: #a6a6a6;
  margin: 16px auto 55px;
}
.content9 .c9-right .c9-sec{
  font-size: 24px;
  line-height: 34px;
  color: #c59d31;
}
.content9 .c9-right p{
  font-size: 16px;
  line-height: 30px;
  color: #595959;
  margin: 6px auto 26px;
}
.content9 .c9-right .c9-btn{
  display: block;
  margin: 0 auto 56px;
  width: 225px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
  background-color: #c59d31;
  letter-spacing: 4px;
}
.content9 .c9-right li{
  display: inline-block;
  font-size: 18px;
  width: 100px;
  margin: 0 15px;
}
.content9 .c9-right li a{
  color: #c59d31;
}
.content9 .c9-right li img{
  margin: 0 auto 12px;
}
.content10 {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 795px;
  padding-bottom: 80px;
}
.content10 .zhezhao{
  width: 1920px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
.content10 .zhezhao img{
  float: left;
}
.content10 .zhezhao .yinying{
  width: 100%;
  height: 795px;
  position: absolute;
  top: 0;
  background-color: rgba(0,0,0,.45);
}
.content10 .section{
  width: 980px;
  height: 376px;
  background-color: rgba(208,97,20,.8);
  margin-top: 210px;
}
.content10 .section .c10-title{
  font-size: 36px;
  color: #e3e771;
  font-weight: bold;
  padding-top: 70px;
  line-height: 36px;
}
.content10 .section .c10-title span{
  position: relative;
}
.content10 .section .c10-title span::before{
  content: ' ';
  display: block;
  width: 1px;
  height: 26px;
  background-color: #e3e771;
  position: absolute;
  right: -11px;
  top: 14px;
}
.content10 .section .c10-sec{
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  margin: 21px auto 27px;
}
.content10 .section p{
  width: 866px;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 32px;
}
.content10 .section .c10-btn{
  display: block;
  margin: 0 auto;
  width: 252px;
  height: 42px;
  line-height: 42px;
  font-size: 21px;
  background-color: #facd89;
  color: #282828;
  letter-spacing: 5px;
}