﻿img{display: block;}
a:hover{text-decoration: none;}
.zhuanti_top_main {
width: 100%;
margin: 0 auto;
z-index: 100;
overflow: visible;
position: fixed;
top: 0;
background: url(http://www.zzwtqx.com/images/global/zt_btbg.gif) repeat-x left top;
height: 45px;
}
.zhuanti_top {
margin: 0 auto;
width: 980px;
height: 45px;
}
.zhuanti_logo {
height: 45px;
width: 285px;
background: url(http://www.zzwtqx.com/images/global/zt_logo.gif) no-repeat
left top;
float: left;
}
.zhuanti_logo h1 a {
width: 285px;
height: 45px;
display: block;
text-indent: -9999px;
}
.zhuanti_nav {
width: 660px;
height: 45px;
float: right;
line-height: 45px;
}
.zhuanti_nav a {
padding-left: 6px;
color: #30f;
font-size: 14px;
font-weight: 700;
}
.banner img{width: 100%;}
.cont .w{width: 1200px; margin: 0 auto;}
.cont .tit{text-align: center;}
.cont .tit font{font-size: 14px; color: #999999; text-transform: uppercase; display: block;}
.cont .tit h2{height: 32px; line-height: 32px; font-weight: bold; font-size: 36px; margin-top: 15px;}
.cont .tit h2 span{color: #f22222; margin-right: 10px;}
.cont .tit p{font-size: 20px; color: #666; margin-top: 10px; display: block;}

.cont1{margin-top: 50px; padding: 50px 0;}
.cont1 .tit{margin-bottom: 60px;}
.cont1 .mk{display: flex;}
.cont1 .mk ul li{height: 200px; width: 610px; background-repeat: no-repeat; padding-left: 70px;}
.cont1 .mk ul li:nth-child(1){background: url(../images/con1_bg1.jpg);}
.cont1 .mk ul li:nth-child(2){background: url(../images/con1_bg2.jpg); height: 215px; padding-top: 25px;}
.cont1 .mk ul li:nth-child(1) p{font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #000000; padding-top: 35px;}
.cont1 .mk ul li:nth-child(2) h1{font-size: 18px; font-weight: 600; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #ffffff; padding-top: 20px;}
.cont1 .mk ul li .bofang{margin-top: 18px;}

.cont2{background-color: #f6f6f6; margin-top: 0px; padding: 50px 0;}
.cont2 .mk{height: 414px; margin-top: 20px; padding-top: 1px; display: flex; justify-content: space-around; background: url(../images/8.jpg);}
.cont2 .mk ul{margin-top: 20px;}
.cont2 .mk ul li{display: flex; width: 455px; height: 45px; line-height: 45px; border-bottom: 1px solid #ccc; font-size: 18px;}
.cont2 .mk ul li p{font-size: 18px;}
.cont2 .mk ul li img{width: 25px; height: 25px; margin-top: 10px; margin-right: 20px;}
.cont2 .mk ul li a{display: block; color: #ff6700; border: 1px solid #ff6700; border-radius: 30px; height: 30px; line-height: 30px; float: right; font-size: 16px; padding: 0 10px; margin-top: 7px; position: relative; overflow: hidden;margin-left: auto;}
.cont2 .mk ul li a:before{content: ''; position:absolute; height:30px; width:100%; left:-100%; top:0; background-color:#ff6700;transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.cont2 .mk ul li a:hover:before{ left:0; color:}
.cont2 .mk ul li a:hover{color:#fff;}
.cont2 .mk ul li a span{ position:relative; z-index:1;}
.animation { transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s;}
.cont2 .btn{display: flex; justify-content: center; margin-top: 40px; text-align: center;}
.cont2 .btn a{ display:inline-block;height:50px; line-height:50px; background-color:#ff4f00; width:300px; color:#fff; font-size:20px;  margin:0 20px; border-radius:40px; position:relative; overflow:hidden;}
.cont2 .btn a:nth-child(2){background-color: #ec0000;}
.cont2 .btn a span{ position:relative; z-index:1}
.cont2 .btn a:before{content: ''; position:absolute; height:50px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.3);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.cont2 .btn a:hover{ color:#fff;}
.cont2 .btn a:hover:before{ left:0;}

.cont3{margin-bottom: 50px; background-color: #ff4800;}
.cont3 .w{position: relative; height: 155px;}
.cont3 .hengfu{width: 888px; position: absolute; bottom: -1px; left: -254px; z-index: 0;}
.cont3 .cont_form{width: 665px; height: 60px; position: relative; z-index: 1; float: right; margin-right: 10px; padding-top: 46px;}
.cont3 .cont_form ul{display: flex;}
.cont3 .cont_form ul li{border-radius: 5px;}
.cont3 .cont_form ul li:first-child{display: flex; width: 435px; height: 60px; background-color: #fff;}
.cont3 .cont_form ul li:first-child img{height: 33px; margin: 13px 10px; padding-right: 5px; border-right: 1px solid #ddd;}
.cont3 .cont_form ul li input{height: 60px; width: 100%; background-color: #fff; border: none; border-radius: 5px; font-size: 20px; color: #333; text-indent: 56px;}
.cont3 .cont_form ul li button#submit1{width: 220px; height: 60px; margin-left: 10px; background-color: #ffda17; border: none; border-radius: 5px; font-size: 20px; color: #d90707; cursor: pointer; display: block; text-align: center;text-indent: 0;}

.cont4 .mk{display: flex; justify-content: space-around; margin-top: 50px;}
.cont4 .mk .mk_title{display: flex; width: 587px; height: 152px; background-color: #e71c1c;}
.cont4 .mk .mk_title img{height: 87px; margin: 10px;}
.cont4 .mk .mk_title p{color: #fff; font-size: 30px; display: block; margin-top: 50px;}
.cont4 .mk .mk_title font{color: #fff; font-size: 16px; text-transform: uppercase;}
.cont4 .mk .mk_title a{ display:block; float:right; width:165px; height:42px; line-height:42px; border:1px solid #fff; color:#fff; font-size:18px; text-align:center; border-radius:40px; margin-top:55px; margin-right:20px; overflow:hidden; position:relative; margin-left: auto;}
.cont4 .mk .mk_title a:before{content: ''; position:absolute; height:42px; width:100%; left:-100%; top:0; background-color:#fff;transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.cont4 .mk .mk_title a:hover:before{ left:0;}
.cont4 .mk .mk_title a:hover{ color:#e71c1c;}
.cont4 .mk .mk_title a span{ position:relative; z-index:1;}
.cont4 .mk ul{ width: 545px; border: 1px solid #ccc; padding: 20px 20px 0 20px;}
.cont4 .mk ul li{display: flex; margin-bottom: 20px;}
.cont4 .mk ul li>div:nth-child(2){margin-left: 20px;}
.cont4 .mk ul li h2{display: block; color: #333333; font-size: 24px;}
.cont4 .mk ul li h2 span{font-weight: normal; color: #ff4900; font-size: 16px; margin-left: 10px;}
.cont4 .mk ul li p{color: #666; font-size: 20px; padding: 15px 0;}
.cont4 .mk ul li .btn a{ display:block; width:168px; height:40px; line-height:40px; text-align:center; background-color:#ff5e00; color:#fff; border-radius:40px; overflow:hidden; position:relative;} 
.cont4 .mk ul li .btn a:before{content: ''; position:absolute; height:40px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.2);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.cont4 .mk ul li .btn a:hover:before{ left:0;}
.cont4 .mk ul li .btn a span{ position:relative; z-index:1;}

.cont5{margin-top: 50px; margin-bottom: 50px;  }
.cont5 .w{display: flex; background-color: #ff6600;}
.cont5 .hengfu{}
.cont5 .cont_form{width: 550px; height: 40px; position: z-index: 1; float: right; margin-right: 10px; padding-top: 46px;}
.cont5 .cont_form ul{display: flex; margin-left: 30px;}
.cont5 .cont_form ul li{border-radius: 5px;}
.cont5 .cont_form ul li:first-child{display: flex; width: 550px; height: 60px; background-color: #fff;}
.cont5 .cont_form ul li:first-child img{height: 33px; margin: 13px 10px; padding-right: 5px; border-right: 1px solid #ddd;}
.cont5 .cont_form ul li input{height: 60px; width: 100%; background-color: #fff; border: none; border-radius: 5px; font-size: 20px; color: #333; text-indent: 10px;}
.cont5 .cont_form ul li button#submit1{width: 180px; height: 60px; margin-left: 10px; background-color: #ffda17; border: none; border-radius: 5px; font-size: 20px; color: #d90707; cursor: pointer; display: block; text-align: center;text-indent: 0;}

.cont6{background-color: #f6f6f6; padding: 50px 0;}
.cont6 .mk{display: flex; margin-top: 50px;}
.cont6 .mk .mk_left{width: 600px;}
.cont6 .mk .mk_left b{display: block; color: #f22222; font-size: 20px; padding-top: 10px; text-align: center;}
.cont6 .mk .mk_left .sanjiao{margin-left: 240px!important;}
.cont6 .mk .mk_left p{background-color: #f22222; line-height: 60px; height: 60px; border-radius: 10px; color: #fff; font-size: 18px; width: 70%; margin-left: 15%; font-weight: bold; text-align: center;}
.cont6 .mk .mk_left .gallery-top img{margin-left: 95px;}
.cont6 .mk .mk_left .swiper-container {width: 270px; height: 270px;  margin-right: auto;}
.cont6 .mk .mk_left .swiper-slide {width: 270px; height: 270px; background-size: 100% 100%; background-repeat:no-repeat center;}
.cont6 .mk .mk_left .gallery-top {height: 430px; width: 500px;}
.cont6 .mk .mk_left .gallery-thumbs {width: 500px; height: 110px; box-sizing: border-box; padding: 10px 0;}
.cont6 .mk .mk_left .gallery-thumbs .swiper-slide {width: 88px!important; height: 88px; opacity: 0.4; margin: 0 20px; border: 3px solid #fff; border-radius: 60px; }
.cont6 .mk .mk_left .gallery-thumbs .swiper-slide-thumb-active { border: 3px solid #ff6600; border-radius: 60px; opacity: 1;}

.cont6 .mk .mk_right img{margin-bottom: 20px;}
.cont6 .mk .mk_right .btn a{ display:block;height:50px; line-height:50px; background-color:#ff3c00; color:#fff; font-size:20px;text-align:center; margin-bottom:20px; text-indent:-20px; overflow:hidden; position:relative;}
.cont6 .mk .mk_right .btn a:before{content: ''; position:absolute; height:50px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.2);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; z-index:0;}
.cont6 .mk .mk_right .btn a:hover{ color:#fff;}
.cont6 .mk .mk_right .btn:nth-child(4) a { background-color:#f20000;} 
.cont6 .mk .mk_right .btn a:hover:before{ left:0;}

.cont7{background-color: #f6f6f6; padding: 50px 0;}
.cont7 .w{display: flex; justify-content: space-between;}
.cont7 .tit h2{font-size: 23px; margin-right: 2px;}
.cont7 .tit h2 span{border-right: 5px solid #f00; padding-right: 10px; font-size: 30px;}

.cont7 .cont7_left{width: 500px; }
.cont7 .cont7_left .mk{margin-top: 30px; background-color: #fff; height: 413px; overflow: hidden;}
.cont7 .cont7_left .bd ul li{height: 100px;}
.cont7 .cont7_left img{width: 100%;}


.cont7 .title {border: 1px solid #f66; margin-top: 30px;}
.cont7 .title span{display: inline-block; height: 50px; line-height: 50px; border-right: 1px solid #f66; text-align: center; background-color: #ff9900; color: #fff; font-size: 20px;}
.cont7 .title span:nth-child(1){width: 70px;}
/* .cont7 .title span:nth-child(2){width: 50px;} */
.cont7 .title span:nth-child(2){width: 250px;}
.cont7 .title span:nth-child(3){width: 322px;border-right: none;}
.cont7 .cont7_right{width: 652px; }
.cont7 .cont7_right .mk{width: 646px;}
.cont7 .cont7_right .bd{border-left: 1px solid #f66;  border-bottom: 1px solid #f66; }
.cont7 .cont7_right .bd ul li span{display: inline-block; height: 50px; line-height: 50px; border-top: 1px solid #f66; border-right: 1px solid #f66; text-align: center; color: #666;}
.cont7 .cont7_right .bd ul li span:nth-child(1){width: 70px;}
/* .cont7 .cont7_right .bd ul li span:nth-child(2){width: 50px;} */
.cont7 .cont7_right .bd ul li span:nth-child(2){width: 250px;}
.cont7 .cont7_right .bd ul li span:nth-child(3){width: 320px;}
/* .cont7 .cont7_right .bd ul li span:nth-child(4){width: 250px;} */
.cont7 .cont7_right .bd ul li:hover span{background-color: #ff9900; color: #fff;}

.copyright {
  text-align: center;
  line-height: 25px;
  font: 14px Microsoft YaHei;
  height: auto;
  padding-top: 20px;
  color: #000;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  }
  .copyright a {
  color: #000;
  }
.sec_form_box {
  width: 100%;
  height: 310px;
  background-color: #f1f1f1;
  }
  .sec_form {
  overflow: hidden;
  }
  form .h2 span {
  color: #ff0000;
  }
  .sec_form .h6 {
  margin: 30px 0 20px;
  color: #000;
  }
  .sec_form .con {
  height: 366px;
  }
  .sec_form .con .con_l,
  .sec_form .con .con_r {
  float: left;
  width: 500px;
  height: 100%;
  background-color: #fff;
  margin-left: 52px;
  }
  .sec_form .con .con_tit {
  font: 22px/66px Microsoft Yahei;
  text-align: center;
  color: red;
  border-bottom: 1px solid #dddddd;
  }
  .sec_form .con_l ul {
  overflow: hidden;
  padding-top: 40px;
  }
  .sec_form .con_l ul li {
  width: 360px;
  height: 45px;
  margin: 0 auto;
  font: 18px/45px Microsoft Yaehi;
  color: #999999;
  }
  #bottom_form {
  width: 825px;
  margin: 0 auto 0;
  }
  #bottom_form .for_group {
  width: 100%;
  height: 70px;
  margin-bottom: 28px;
  }
  #bottom_form .for_group label {
  display: inline-block;
  font: 20px/70px Microsoft Yahei;
  width: 76px;
  }
  #bottom_form .for_group span{
    font-size: 24px;
  }
  #bottom_form .for_group input {
  width: 745px;
  height: 100%;
  border-radius: 30px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  background-color: #fff;
  border: none;
  outline: none;
  }
  #bottom_form .for_group input::-webkit-input-placeholder {
  color: #444444;
  font-size: 20px;
  }
  
  #bottom_form1 {
  width: 980px;
  margin: 0 auto;
  }
  #bottom_form1 input {
  float: left;
  width: 320px;
  height: 40px;
  border: 1px solid #0054a7;
  box-sizing: border-box;
  margin: 0 20px 0 0;
  padding: 0;
  padding-left: 10px;
  background-color: transparent;
  line-height: 40px;
  font-size: 16px;
  }
  #bottom_form1 input::-webkit-input-placeholder {
  color: #444444;
  }
  .yybm13 {
  width: 300px;
  height: 50px;
  display: inline-block;
  border: 0 none;
  background-color: #ff0e00;
  margin: 0 auto;
  font: 19px/46px Microsoft Yahei;
  color: #fff;
  cursor: pointer;
  }
  
  .yybm12 {
  width: 420px;
  height: 70px;
  display: block;
  border: 0 none;
  background-color: transparent;
  background-color: #ff0e00;
  margin: 0 auto;
  font: 26px/70px Microsoft Yahei;
  color: #fff;
  margin-top: -14px;
  cursor: pointer;
  border-radius: 50px;
  font-weight: bold;
  }





















