@charset "utf-8";
/* CSS Document */
input::-webkit-input-placeholder{} 
input:-moz-placeholder{} 
input::-moz-placeholder{ } 
input:-ms-input-placeholder{}
body{margin:0px; padding:0px; font-size:12px;color:#000;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#36a390; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
input[type="button"],input[type="submit"],input,select{-webkit-appearance:none;}

@font-face {font-family:bold; src:url(../font/MontserratBold.ttf);}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; color:#888; outline:none; border:0px;}
em{font-style:normal;}

.wal-1200{width: 1200px;margin: 0 auto;}
.pc-show{display: block;}
.pc-hide{display: none;}
.mt-65{margin-top: 65px;}
.loadMore{display: block; color: #575757;border-radius: 3px; font-size: 14px; width: 110px; height: 36px; line-height: 36px; background: #f1f1f1 url(../images/b3.png) no-repeat 101px; padding-left: 25px; }
.loadMore:hover{color: #fff;background: #36a390 url(../images/b3_on.png) no-repeat 101px;}
.allImg{width: 100%;overflow: hidden;cursor: pointer;}
.allImg img{width: 100%;transition: all 3s;}
.allImg img{width: 100%;transition: all 1s;}
.hideover{display: none;}
.lookDetail{width: 93px; height: 32px; line-height: 32px; border: 1px solid #fff; border-radius: 20px; font-size: 14px; color: #fff; padding-left: 20px; display: inline-block; background: url(../images/a15.png) no-repeat 85px; } 
.lookDetail:hover{border: 1px solid #36a390; color: #fff; background:#36a390 url(../images/a15.png) no-repeat 85px;} 
.lookMore1{display: block; color: #36a390; border: 1px solid #36a390; border-radius: 20px; font-size: 14px; width: 110px; height: 32px; line-height: 32px; background:url(../images/a6_on.png) no-repeat 101px; padding-left: 25px;} 
.lookMore1:hover{color: #fff;background: #36a390 url(../images/a15.png) no-repeat 101px;} 
.lookDetail1{display: block; color: #ABABAB; border: 1px solid #ABABAB; border-radius: 20px; font-size: 12px; width: 92px; height: 27px; line-height: 27px; background: url(../images/a6.png) no-repeat 81px; padding-left: 20px;} 
.lookMore2{margin: 0 auto; width: 99px; height: 35px; line-height: 35px; border: 1px solid #fff; border-radius: 4px; font-size: 14px; color: #fff; padding-left: 26px; display: none; background: #36a390 url(../images/c6.png) no-repeat 94px; } 
.loadMore2{margin: 0 auto; width: 99px; height: 35px; line-height: 35px; border: 1px solid #fff; border-radius: 4px; font-size: 14px; color: #fff; padding-left: 26px; display: none; background: #36a390 url(../images/b3_on.png) no-repeat 94px; }
/*通用*/

/*二级导航*/
.nav2{padding-bottom: 10px;background: #f5f5f5;height: 50px; } 
.nav2 ul{overflow: hidden; } 
.nav2 li{float: left; padding-bottom: 10px; } 
.nav2 li a{border-right: 1px solid #fff;display: inline-block; width: 148px; height: 60px; font-size: 15px; line-height: 60px; text-align: center; } 
.nav2 li.active{background: url(../images/b2.png) no-repeat center 59px; } 
.nav2 li.active a{background: #36a390;color: #fff;} 
.nav2 li:hover{background: url(../images/b2.png) no-repeat center 59px;} 
.nav2 li:hover a{background: #36a390;color: #fff;}
/*统一标题和路径*/

.common-top{margin-top: 45px; } 
.common-top .t1{color: #b4b4b4; font-size: 28px; text-transform: uppercase; } 
.common-top .t2{color: #b4b4b4; font-size: 28px; font-weight: bold; text-transform: uppercase; } 
.common-top .t3{color: #333; font-size: 24px; margin: 15px 0; } 
.common-top .line{background: #b4b4b4; width: 42px; height: 1px; } 
.common-top .home{color: #999999; font-size: 14px; float: right; margin-top: -75px; } 
.common-top .home a{color: #999999; font-size: 14px; }
.common-top .home a:hover{color: #36a390;} 
.common-top .home i{color: #36a390; font-size: 14px; font-style: normal; }

.bannerPic{width: 100%;}
.bannerPic img{width: 100%;}

/*图标抖动*/
@keyframes IconShake
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-moz-keyframes IconShake /* Firefox */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-webkit-keyframes IconShake /* Safari 和 Chrome */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-o-keyframes IconShake /* Opera */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

/*头部导航*/
.headDiv{height: 95px; } 
.headDiv .logo{margin-left: 5%; height: 95px; line-height: 95px; } 
.headDiv .nav{overflow: hidden; } 
.headDiv .nav ul li{float: left; height: 95px;}
.headDiv .nav ul li a{display: block; text-align: center; position: relative; height: 100%;  }
.headDiv .nav ul li a span{    font-size: 16px; color: #333; height: 95px; line-height: 95px; z-index: 2; position: absolute; width: 100%; left: 0; -webkit-transition:color 200ms; transition:color 200ms;}
.headDiv .nav ul li.liNow .color{top: 0;} 
.headDiv .nav ul li.liNow2 .color{top: 0;}
.headDiv .nav ul li:hover .color{top: 0;} 
.headDiv .nav ul li.liNow a span{color: #fff;  } 
.headDiv .nav ul li.liNow2 a span{color: #fff;  } 
.headDiv .nav ul li:hover a span{color: #fff; } 
.headDiv .icon{margin-right: 5%; height: 95px; line-height: 95px;position: relative; } 
.headDiv .icon a{display: inline-block;}
.headDiv .icon img{margin: 0 10px; } 
.headDiv .icon img.imgon{display: none; }
.headDiv .ewmAlert{display: none; position: absolute; right: 6%; top: 68px; z-index: 10000; } 
.headDiv .ewmAlert img{width: 100px; }
.headDiv .menuIcon{float: right; margin-right: 10px; width: 9%; line-height: 45px; } 
.headDiv .menuIcon img{width: 100%; }
.headDiv .nav ul li .color{background: #36a390; width: 100%; display: block; position: absolute; top: 100%; z-index: 1; -webkit-transition:top 200ms; transition:top 200ms; }
.headDiv .nav ul li:nth-child(1){width: 82px;}
.headDiv .nav ul li:nth-child(2),.headDiv .nav ul li:nth-child(3),.headDiv .nav ul li:nth-child(4),.headDiv .nav ul li:nth-child(5),.headDiv .nav ul li:nth-child(6),.headDiv .nav ul li:nth-child(8){width: 114px;}
.headDiv .nav ul li:nth-child(7){width: 130px;}
.headDiv .wx-box{position: absolute; z-index: 100; background: #fff; display: none; width: 200px; left: -73px; overflow: hidden;}
/*.headDiv .wx-box{position: absolute; z-index: 100; background: #fff; display: none; width: 200px; right: 0px; overflow: hidden; }*/ 
.headDiv .wx-box a{display: inline-block; float: left; } 
.headDiv .wx-box a img{width: 80px; }



/*二级导航*/
.sNav{position: absolute; display: none; background: url(../images/a13.png); width: 100%; height: 65px; z-index: 9999; } 
.sNav ul{position: absolute; overflow: hidden; } 
.sNav ul li{float: left; } 
.sNav ul li a{display: inline-block; color: #fff; font-size: 14px; padding: 0 20px; line-height: 65px; } 
.sNav ul li:hover a{color: #36a390; }

/*底部*/
.bottom{background: #262626; } 
.bottom .box{padding-top: 75px; overflow: hidden; } 
.bottom .links{width: 70%; overflow: hidden; } 
.bottom .links li{float: left; width: 14.2%; } 
.bottom .links li a{font-size: 14px; color: #999; display: block; line-height: 30px; } 
.bottom .links li a:hover{color: #36a390; } 
.bottom .links li b{font-size: 16px; color: #ddd; line-height: 30px; } 
.bottom .qrc-box>img{margin-bottom: 5px;width: 120px;border: 4px solid #fff;margin: 0 12px 5px;} 
.bottom .qrc-box{width: 30%; text-align: center; } 
.bottom .qrc-box>img{margin-bottom: 5px; } 
.bottom .qrc-box p{font-size: 14px; margin-left: 45px; color: #999; line-height: 22px; text-align: left; } 
.bottom .qrc-box .icons{margin-top: 5px; } 
.bottom .qrc-box .icons a{display: inline-block; } 
.bottom .qrc-box .icons img{margin: 0 6px; margin-top: 10px; cursor: pointer; } 
.bottom .bp1{overflow: hidden; margin-bottom: 25px; margin-top: 60px; } 
.bottom .bp1 li{float: left; } 
.bottom .bp1 li a{font-size: 14px; color: #999; } 
.bottom .bp1 li i{color: #999; display: inline-block; margin: 0 15px; } 
.bottom .bp1 li:hover a{color: #36a390; } 
.bottom .bp2{font-size: 12px; color: #999; padding-bottom: 60px;margin-top: 30px;} 
.bottom .bp2 a{color: #999; } 
.bottom .bp2 a:hover{color: #36a390; }

/*手机 二级菜单导航*/

.tel-menu{overflow: hidden; position: absolute; width: 65%; top: 45px; right: 0; z-index: 999; display: none; } 
.tel-menu ul li dt{height: 40px; line-height: 40px; border-bottom: 1px solid #EDEDED; font-size: 16px; padding-left: 30px; color: #5b5b5b; background: #fff; background: #fff url(../images/c3.png) no-repeat 109%; } 
.tel-menu ul li.on dt{color: #fff; border-bottom: 1px solid #36a390; background:#36a390 url(../images/c3_on.png) no-repeat 109%; } 
.tel-menu ul li dl{display: none; padding-bottom: 15px; background: #f5f5f5; } 
.tel-menu ul li dd{background: #fff; font-size: 14px; color: #212121; line-height: 30px; padding-left: 44px; }

/*页码*/
.phmore{ display:none;}
.pageNumDiv{text-align:center; height:34px; overflow:hidden; color:#666;margin: 50px 0 70px 0;}
.pageNumDiv01{ text-align:left;}
.pageNumDiv a{display:inline-block; height:32px; line-height:30px; padding:0 11px; margin:0 4px; border:#d9d9d9 solid 1px; color:#666; font-size:14px;}
.pageNumDiv span{border: 1px solid #36a390;padding: 9px 13px;background-color: #36a390;color: white;}
.pageNumDiv .prev{background: url(../images/ico3_3.png) no-repeat 8px 10px;padding-left: 20px;}
.pageNumDiv .next{background: url(../images/ico3_4.png) no-repeat 60px 10px;padding-right: 20px;}
.pageNumDiv .prev:hover{ background:#36a390 url(../images/ico3_3on.png) no-repeat 8px 10px;}
.pageNumDiv .next:hover{background:#36a390 url(../images/ico3_4on.png) no-repeat 60px 10px;}
.pageNumDiv a:hover, .pageNumDiv .aNow{background:#36a390; border:#36a390 solid 1px; color:#fff;}
.pageNumDiv .input1{width:33px; height:30px; line-height:30px; text-align:center; margin:0 5px; border:#d7d7d7 solid 1px;}
.pageNumDiv .btn1{ width: 57px; height: 30px; margin-left: 5px;cursor: pointer; border: #d7d7d7 solid 1px; color: #666;}



.toTop{position:fixed; bottom: 10%; right:40px; cursor:pointer; z-index: 9999; } 
.toTop img{width: 100%; }

.fair{position: fixed; bottom: 10%; right: 120px; cursor: pointer; z-index: 9999;}
.fair a{display: block;}
.fair img{width: 100%; }

.tel-nav2 .swiper-slide a {background: #f5f5f5; }

.lx-load{display: block; width: 100%; height: 45px; line-height: 45px; border-radius: 4px; font-size: 16px; background: #eee url(../images/c3.png) no-repeat 56% center; background-size: 40px; text-indent: 48%; margin-bottom: 40px; }

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