*{
  margin:0;
  padding: 0;
}
body{
  font-size: 14px;
  font-family: Microsoft Yahei;
}
.banner{
  width: 100%;
}
.process,.tab,.apply,.details,.reason{
  width: 1190px;
  margin: 0 auto;
  overflow: hidden;
}
.process,.tab{
  margin-top: 30px;
  margin-bottom: 30px;
}
.banner img,.process img{
  width: 100%;
}
.tab ul{
  list-style: none;
}
.tab ul li{
  float: left;
  width: 218px;
  height: 164px;
  background: #fadb21;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
  margin: 0 10px;
}
.tab ul li span{
  font-size: 32px;
  margin-top: 40px;
  color: #555;
  text-align: center;
  display: block;
}
.tab ul li p{
  font-size: 18px;
  margin-top: 10px;
  color: #585858;
  text-align: center;
}
.product{
  width: 100%;
  overflow: hidden;
  background:url(../img/bg_dingzhi.jpg) no-repeat 100%;
  padding-bottom: 60px;
}
.product ul{
  list-style: none;
  width: 1190px;
  background: #fff;
  margin: 0 auto;
}
.title{
  margin-top: 60px;
  text-align: center;
}
h2{
  font-size: 36px;
  color: #fff;
  font-weight: 500;
}
.title p{
  color: #eee;
  margin-top: 5px;
}
.title ul{
  width: 1190px;
  background: #fff;
  margin:0 auto;
}
.box{
  width: 1190px;
  height: 480px;
  margin: 10px auto 0;
  position: relative;
  overflow: hidden;
}
img{
  display: block;
}
.box .btn{
  width: 52px;
  height: 52px;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  margin-top: -26px;
  background: url(../img/icon.png) no-repeat;
  cursor: pointer;
}
.box .prev{
  left: -62px;
  background-position: -10px -102px;
}
.box .next{
  right: -62px;
  background-position: -72px -102px;
}
.box .nav{
  width: 780px;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.box .nav ul li{
  width: 156px;
  height: 100%;
  float: left;
  margin-right: 1px;
  text-align: center;
  line-height: 60px;
  background: rgba(255,255,255,0.5);
  font-size: 22px;
}
.box .nav ul li.active{
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.box button,.case button{
  position: absolute;
  bottom: 40px;
  right: 70px;
  width: 270px;
  height: 60px;
  background-color: #f8da20;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 60px;
  border: none;
}
.box button a,.case .con button a{
  display: block;
  line-height: 60px;
  text-decoration: none;
  font-size: 22px;
  font-weight: normal;
  color: #333333;
}
.apply .title h2,.video h2,.details h2,.reason h2{
  color: #333;
}
.apply .form{
  height: 400px;
  background: url(../img/apply_bg.jpg) no-repeat;
  position: relative;
}
.apply .form .form_list{
  width: 428px;
  position: absolute;
  top: 85px;
  right: 120px;
}
.apply .form .form_list input,.apply .form .form_list select,.apply .form .form_list button{
  display: block;
  width: 100%;
  height: 58px;
  background: none;
  border: none;
  text-indent: 86px;
  margin-bottom: 5px;
  font-size: 18px;
}
.apply .form .form_list input:focus,.apply .form .form_list select:focus,.apply .form .form_list button:focus{
  outline: none;
}
.apply .form .form_list select{
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}
.apply .form .form_list button{
  border-radius: 60px;
  font-size: 24px;
  background: #f93b37;
  color: #fff;
  text-align: center;
  text-indent: 0;
  letter-spacing: 4px;
  margin-top: 16px;
  cursor: pointer;
}
.case{
  width: 100%;
  overflow: hidden;
  background: url(../img/case_bg.jpg) no-repeat center;
}
.case .title p,.video .title p,.details p,.reason p{
  color: #999;
}
.case .con{
  width: 1200px;
  height: 716px;
  margin: 20px auto 60px;
  overflow: hidden;
  position: relative;
}
.case .con ul{
  list-style: none;
}
.case .con .btn{
  width: 70px;
  height: 120px;
  position: absolute;
  top: 50%;
  margin-top: -150px;
  background-image: url(../img/icon.png);
  background-color: rgba(0, 0, 0, 0.6);
  background-repeat: no-repeat;
  cursor: pointer;
}
.case .con .prev{
  left: 0;
  background-position: -8px -94px;
}
.case .con .next{
  right: 0;
  background-position: -76px -94px;
}
.case .con button{
  bottom: 65px;
}
.case .con button a{
  letter-spacing: 4px;
}
.video .title p.lei{
  color: #666;
  font-size: 16px;
}
.video video{
  display: block;
  width: 1190px;
  margin: 10px auto 0;
}
.video .button{
  width: 990px;
  height: 115px;
  margin: 30px auto 0;
  position: relative;
}
.video .button a{
  text-decoration: none;
}
.video .button span{
  display: block;
  text-align: center;
  line-height: 80px;
  float: left;
}
.video .button span.left{
  width: 690px;
  background: #333;
  color: #fff;
  font-size: 28px;
  font-weight: 200;
}
.video .button span.right{
  width: 300px;
  background: #f5d020;
  color: #333;
  font-size: 32px;
  font-weight: bold;
}
.video .button span::after{
  clear: both;
}
.video .button .hand{
  position: absolute;
  top: 30px;
  right: -25px;
}
.hand{animation:btn linear 0.8s infinite;-webkit-animation:btn linear 0.8s infinite;-moz-animation: btn linear 0.8s infinite;-ms-animation: btn linear 0.8s infinite;}
  @keyframes btn{0% {transform:scale(1,1)}50% {transform:scale(0.9,0.9)}100% {transform:scale(1,1)}}
  @-webkit-keyframes btn{0% {transform:scale(1,1)}50% {transform:scale(0.9,0.9)}100% {transform:scale(1,1)}}
  @-moz-keyframes btn{0% {transform:scale(1,1)}50% {transform:scale(0.9,0.9)}100% {transform:scale(1,1)}}
  @-o-keyframes btn{ 0% {transform:scale(1,1)}50% {transform:scale(0.9,0.9)}100% {transform:scale(1,1)}}
  @-ms-keyframes btn{ 0% {transform:scale(1,1)}50% {transform:scale(0.9,0.9)}100%   {transform:scale(1,1)}}
.details img{
  margin-top:10px;
}
.details a.btn{
  display: block;
  padding: 14px 50px;
  width: 260px;
  margin: 20px auto 10px;
  background: #f93b37;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  border-radius: 30px;
  letter-spacing: 2px;
  text-align: center;
  box-shadow: 0 4px 10px #af2320;
}
.reason ul{
  list-style: none;
  margin-top: 10px;
}
.reason ul li{
  float: left;
  width: 238px;
  height: 438px;
  position: relative;
}
.reason ul li.one{
  background: url(../img/reason_01.jpg) no-repeat;
}
.reason ul li.two{
  background: url(../img/reason_02.jpg) no-repeat;
}
.reason ul li.three{
  background: url(../img/reason_03.jpg) no-repeat;
}
.reason ul li.four{
  background: url(../img/reason_04.jpg) no-repeat;
}
.reason ul li.five{
  background: url(../img/reason_05.jpg) no-repeat;
}
.reason ul li span{
  display: block;
  font-size: 32px;
  margin: 0 auto;
  width: 32px;
  margin-top: 50%;
  color: #fff;
  z-index: 20;
  font-weight: 200;
  text-shadow: #000 0 4px 10px;
}
.reason ul li .cover{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.5s;
}
.reason ul li:hover .cover{
  opacity: 0;
}
.icon{
  width: 1020px;
  height: 110px;
  margin: 60px auto;
  overflow: hidden;
}
.icon ul{
  list-style: none;
}
.icon ul li{
  width: 84px;
  height: 84px;
  margin-left: 60px;
  margin-right: 60px;
  float: left;
  background: url(../img/icon.png) no-repeat;
}
.icon ul li.icon_01{
  background-position: -4px -12px;
}
.icon ul li.icon_02{
  background-position: -90px -12px;
}
.icon ul li.icon_03{
  background-position: -175px -12px;
}
.icon ul li.icon_04{
  background-position: -260px -12px;
}
.icon ul li.icon_05{
  background-position: -346px -12px;
}
.icon ul li span{
  display: block;
  text-align: center;
  margin-top: 90px;
  color: #716c6a;
}
/*头部*/
#head {width:100%;height:156px;transition:1.5s;}
#head .top {height:auto !important;width:1200px;padding:20px 0px 5px;background:#fff;margin:0 auto;overflow:hidden;}
#head .top .logo {float:left;}
#head .top .slogan {float:left;margin-left:20px;margin-top:-10px;}
#head .top .tel {float:right;width:270px;height:50px;background:url(/Skins/Default/Img/head_tel.jpg) no-repeat;background-position:20px 0;text-align:right;color:#666;}
#head .top .tel span {display:block;font-size:28px;}
#head .nav {width:100%;height:60px;background:#be0e23;}
#head .nav .nav_list {width:1200px;height:100%;margin:0 auto;}
#head .nav .nav_list ul li {float:left;}
#head .nav .nav_list ul li a {display:inline-block;width:130px;line-height:60px;color:#fff;transition:all 0.5s;font-size:16px;text-decoration:none;text-align:center;}
#head .nav .nav_list ul li a:hover {background:#333;}
.on {position:fixed;top:-100px;left:0;z-index:999;}
li {list-style-image: none;list-style-position: outside;list-style-type: none;}
.header, .content, .footer {width: 1200px;margin:0 auto;}
a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.center {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.pa {position: absolute;}
.pr {position: relative;}

/*底部开始*/
.ft{background:#585656;font-family: "Microsoft YaHei";margin-bottom: 130px;margin-top: 40px;}
.ftnyys{height:264px;background:#585656;margin-bottom: 90px;}
.ft .logo{width: 325px;margin: 0 auto;display: block;text-align: center;}
.ft .logo a img{width: 325px;height: 60px;position: relative;margin-top: -30px;}
.ft .logo em img{display: block;width: 19px;margin: 0 auto;padding-top: 3px;}
.ft-f {height: 200px;overflow: hidden;}
.ft-f ul{padding-top: 44px;float: left;}
.ft-f ul li{float: left;width: 112px;}
.ft-f ul li b{font-size: 14px;padding-bottom: 30px;display: block;color: #fff}
.ft-f ul li b a{padding-bottom:0px}
.ft-f ul li a{display: block;color: #fff;font-size: 14px;padding-bottom: 15px}
.ft-f p{float: left;background: url(/Skins/Default/Img/Common/ft_07.jpg) no-repeat 0 0;height: 179px;display: block;padding-left: 55px;margin: 15px 0 0 55px}
.ft-f p span{display: block;padding-top: 18px;color: #fff;font-size: 14px}
.ft-f p span em{font-style: normal;display: inline-block;padding: 0 20px}
.ft-f p span a{color: #fff;font-size: 14px;}
.ft-d{/*background: url(/Skins/Default/Img/Common/ft_07.jpg) no-repeat 0 0;*/height: 179px;padding-left: 55px;margin-top: 15px;color: #fff;padding-top: 20px;font-size: 14px}
.ft-d b{display: block;font-size: 28px;padding: 10px 0 30px}
.ft-d a{background: url(/Skins/Default/Img/Common/sjc.jpg) no-repeat 0 0;width: 122px;height: 38px;display:block;float:left;padding-left: 27px;color: #c30d23;font-size: 16px;font-weight: bold;line-height: 38px;}
.ft-d img{float: left;width:38px;height: 38px}

.link{margin-top: 15px;overflow: hidden;}
.link em img{width:79px;height: 79px;display: block;border: 6px solid #fff}
.link-t {width:1060px}
.link-t span{padding:18px 0 5px 0;display: block;height: 22px}
.link-t i a{float: right;height: 22px;padding-left: 14px;width: 126px;display: block;font-size: 13px;font-style: normal;color: #fff;line-height: 22px;}
.link-t b a{float: left;color: #fff;font-size: 14px;}
.link-t p a{color: #fff;font-size: 14px;display: inline-block; width:140px; height:25px; line-height:25px; overflow:hidden;}
.link-t p .none{padding-right:0}
/*底部结束*/
.sj{position: relative;position:fixed; right:0;left:0; bottom:0; position:fixed;_bottom:100px;z-index:10000;_position:absolute;overflow:visible;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); z-index:100;background:#c30d23;}
.ftlydiv{height:90px;_height:130px;margin-top:36px; background:#c30d23;width:1200px;margin: 0 auto;font-family: "Microsoft YaHei";}
.sj p{width: 187px;float: left;color: #fff;font-size: 16px;text-align: right;padding-right: 22px}
.sj p b{font-size: 18px;display: block;padding: 27px 0 5px 0}
.sj ul li{float:left;height: 30px;padding: 29px 12px 0 0}
.sj ul li span{width: 43px;float: left;font-size: 14px;color: #fff;line-height: 30px}
.sj ul li input{width: 115px;float: left;height: 27px;border-top: 3px solid #d3d3d3;border-left: 3px solid #d3d3d3;color:#000000;font-size: 12px;line-height: 29px}
.sj ul li.sj1 input{width: 68px}
.sj ul li.sj2 input{width:118px;}
.sj ul li.sj3 input{width:130px;}
.sj ul li.sj3 .inpys1{border: none;height: 32px;width: 148px;background: url(/Skins/Default/Img/Common/sj_03.jpg) no-repeat 0 0;cursor:pointer;}
.sj .sj-s{width:178px;height: 125px;background: url(/Skins/Default/Img/Common/ft_19.png) no-repeat 0 0;padding-left: 45px;margin-top: -36px;position: relative;}
.sj .sj-s b{display: block;padding: 20px 0 5px 0;color: #000000;font-size: 18px}
.sj .sj-s b i{font-style:normal}
.sj .sj-s span{color: #000000;font-size: 12px;line-height: 20px;}
.sj-c{position: relative;}
.sj-c em{position: absolute;top: 30px;right:-40px;}
.lyzkbtn{width:24px;height:88px;display:none}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}