@charset "utf-8";

*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 0;padding: 0;}

body{color: #333;font-family: Microsoft Yahei;font-size: 0.6rem;}

a{text-decoration: none;border: none;color: #333;}

a:hover{text-decoration: underline;text-decoration: none;}

h1, h2, h3, h4, h5, h6 {  font-weight: normal;}

em, i, address {font-style: normal;}

ul, li{list-style: none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input,select,option,textarea{outline: none;}
textarea{-webkit-appearance: none;}

/*table{border-collapse: collapse;border-spacing: 0;}*/

img{border: none;vertical-align: middle; width: 100%;}

.clearfix{zoom: 1;display: block}

.clearfix:after{content: "";height: 0px;display: block;clear: both;visibility: hidden;}

.layout{width: 16rem;margin: 0px auto;background: #fff;overflow: hidden;}

.layout.mt12.mtaa{ height:6.5rem;}

.clear{zoom: 1;}

.clear:after{height: 0;display: block;content: "\20";clear: both;}

.fl{float: left;}

.fr{float: right;}

.mc{margin: 0 auto;}

.mara{margin: 0 auto;}

.dis-inline{display: inline-block;vertical-align: middle;}

.text-center{text-align: center;}

.box{width: 16rem;margin: 0 auto;overflow: hidden; }

.font28{font-size: 0.7rem;}

.font26{font-size: 0.65rem;}

.font20{font-size: 0.5rem;}

.font18{font-size: 0.45rem;}

/*头部通用*/

.top{ width:100%; overflow:hidden; background:#342206; padding-bottom:2%; 

    max-width: 640px;

    margin: 0 auto;

    overflow: hidden;

    top: 0;

    position: fixed;

    z-index: 2;}

.top-l{ float:left; width:15%; margin-top:2%; margin-left:2%;}

.top-c{ float:left; width:46%; margin-top:4%;margin-left:2%;}

.top-r{ float:right; width:27%; overflow:hidden; background:#ff7100;border-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px; margin-right:2%;margin-top:4%; }

.top-r h1 img{ float:left; width:25%; margin-top:10%; margin-left:4%;}

.top-r p{ float:right; font-size:0.6rem; color:#fff; margin-right:4%; line-height:3em;}

.top-r p a{ color:#fff;}

.logo{width: 100%;max-width: 640px;margin-top: 0%;}

.menu{ width:100%; overflow:hidden;}

.menu ul li{ float:left;width:25%; background:#783910;text-align:center; color:#fff; font-size:0.7rem;line-height:2.4em; border-right:1px solid #fff; border-top:1px solid #fff;}

.menu ul li:nth-child(4),.menu ul li:nth-child(8){ margin-right:0; border-right:none;}

.menu ul li a{ color:#fff;}

/*底部通用*/

.bottom{ width:100%; overflow:hidden; background:url(../images/bottom-bg.png) no-repeat;margin-bottom: 15%;}

.bottom h1{ width:80%; margin:0 auto; margin-top:6%;}

.bottom dl{ float:left; width:70%; margin-left:2%;margin-top:3%;}

.bottom dl dt{ float:left; width:18%; background:#fff;border-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px; }

.bottom dl dt img{ width:80%; margin:0 auto; padding-top:15%; padding-bottom:15%; display:block;}

.bottom dl dd{ float:left; width:80%; margin-left:2%;}

.bottom dl dd p{ font-size:0.5rem; color:#fff; margin-top:2%;}

.bottom dl dd h2{ font-size:0.6rem; font-weight:bold; color:#fff;margin-top:2%;width:100%;}

.bottom ul{ float:right; width:25%; margin-top:-6%;}

.bottom ul li{ background:#ff7100;border-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px; margin-right:6%; color:#fff; line-height:2em; text-align:center; margin-bottom:10%; font-size:0.6rem; font-weight:normal;}

.bottom ul li a{ color:#fff;}

.bottom h3{ text-align:center; padding:2%; font-size:0.45rem; color:#fff; margin-top:2%; padding-bottom:3%; }

.swt{ width:100%; overflow:hidden; bottom: 0px;position: fixed;z-index: 1;

   overflow: hidden;max-width: 640px;margin: 0 auto;}

.swt ul li{ float:left; width:18%; background:#393939; text-align:center; font-size:0.6rem; color:#fff; padding-bottom:2%;}

.swt ul li img{ width:40%; margin:0 auto; margin-top:10%; line-height:1em; display:block;}

.swt ul li.dh{ float:left; width:32%; background:#0ac220; padding-top:3%;}

.swt ul li.dh img{ float:left; width:30%; padding-left:5%; margin-top:5%; margin-left:3%;padding-bottom:4%;}

.swt ul li.dh p{margin-top:7%;font-size:0.7rem; line-height:1em;color:#fff; margin-right:5%;}

.swt ul li.dh1{ float:left; width:32%; background:#fa7206; padding-top:3%;}

.swt ul li.dh1 img{ float:left; width:30%; padding-left:5%; margin-top:5%; margin-left:3%; padding-bottom:4%;}

.swt ul li.dh1 p{margin-top:7%;font-size:0.7rem;line-height:1em; color:#fff; margin-right:5%;}

.swt ul li a{ color:#fff;}

.container {

    width: 100%;

    margin: 0px auto;

}

.con2 ul li { float: left;width: 96%; display: block;

    overflow: hidden; margin: 0 auto; margin:2%;

    background: #f9f9f9; }

 .con2 img{border: none; width: 15%!important; float: left;margin:1%;margin-left:4%;}

.diaoyong{ float: left; padding:2%}

.diaoyong h1{font-size: 0.8rem;

    font-weight: bold;}

 .diaoyong p{ font-size: 0.6rem;}

.swiper1 .swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

  margin-left:4.5%;

    width: 22.5% ! important;

margin-top:4%;}

.hot h6{width: 90%;margin: 0 auto;margin-top: 4%; margin-bottom: 4%;}

.logo_tel{width:100%; margin:0 auto;}

@keyframes change

{

  0%    {transform: scale(.8);}

  50%    {transform: scale(1);}

  100%  {transform: scale(.8);}

}

@-webkit-keyframes change

{

  0%    {-webkit-transform: scale(.8);}

  50%    {-webkit-transform: scale(1);}

  100%  {-webkit-transform: scale(.8);}

}
@-moz-keyframes change
{
  0%    {-moz-transform: scale(.8);}
  50%    {-moz-transform: scale(1);}
  100%  {-moz-transform: scale(.8);}
}

.logo_tel span{display:block;-webkit-animation:change 1s infinite;animation:change 1s infinite;-moz-animation:change 1s infinite;}

.ghybottom{ width:100%; overflow:hidden; background:url(../images/bottom-bg.png) no-repeat;}

.ghybottom h1{ width:80%; margin:0 auto; margin-top:6%;}

.ghybottom dl{ float:left; width:70%; margin-left:2%;margin-top:3%;}

.ghybottom dl dt{ float:left; width:18%; background:#fff;border-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px; }

.ghybottom dl dt img{ width:80%; margin:0 auto; padding-top:15%; padding-bottom:15%; display:block;}

.ghybottom dl dd{ float:left; width:80%; margin-left:2%;}

.ghybottom dl dd p{ font-size:0.5rem; color:#fff; margin-top:2%;}

.ghybottom dl dd h2{ font-size:0.6rem; font-weight:bold; color:#fff;margin-top:2%;width:100%;}

.ghybottom ul{ float:right; width:25%; margin-top:-6%;}

.ghybottom ul li{ background:#ff7100;border-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px; margin-right:6%; color:#fff; line-height:2em; text-align:center; margin-bottom:10%; font-size:0.6rem; font-weight:normal;}

.ghybottom ul li a{ color:#fff;}

.ghybottom h3{ text-align:center; padding:2%; font-size:0.45rem; color:#fff; margin-top:2%; padding-bottom:3%; }