@charset "utf-8";
* {margin: 0;padding: 0;}
body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}
ul,ol,li {list-style: outside none none; margin:0;}
.clear{ clear:both}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;!important;font-family: "Microsoft YaHei";  color: #333;}
a:hover{text-decoration:none;!important; color:#00a753;}
img{ border: none; max-width:100% }
.fl{ float:left;}
.fr{ float:right;}
.w85{ width:85%; margin:0 auto;}
.xs-top{
	display: none;
}
.xs-logo{
	width: 30%;
	padding:15px 0 0 0;
}
/*xs菜单样式开始*/

.mobile-inner-nav a{
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  background: #fff;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(0,0,0,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 85%;
  margin-left: 5%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}/*菜单结束*/
.top{ height:94px;}
.logo{ width:14%; padding-top:8px;}
.logo img{ width:100%;}
.menu{ width:55%;}
.menu li{ display:inline-block; font-size:16px; line-height:94px; padding:0 3%;}
.menu li a:hover{ color:#00a753;}
#subnav{ background:rgba(255,255,255,0.9); position:absolute; top:94px; left:0; z-index:9999; width:100%; min-height:100px; border-top:2px solid #d1d2d6; display:none; padding:30px 0;}

.t-ri { padding:10px 0 10px 0;}
.t-ri a{ font-size:16px; padding:0 3px;}
.t-tel{ height:37px; background:url(../images/tel.png) no-repeat left center; padding-left:40px; font-size:16px; margin-top:10px;}
.banquan{ width:100%; background:#1f1f1f; color:#fff; padding:10px 0;}
.link select {width: 138px; height: 33px; background: none; color: #fff; font-family: "Microsoft YaHei";text-align: center;}
.banquan p{ padding-top:5px;}
.footer{ width:100%; background:#3e3c3c; padding:35px 0; color:#fff;}
.ewm-co{width: 10%;margin-left: 10%;}
.ewm-co img{width: 100%;}
.f-cd{ /*padding:0 10%;*/width: 70%;margin-left: 10%;}
.f-cd ul{margin-top: 34px;}
.f-cd li{ margin-bottom:15px; padding-left:2%;width: 48%;display: block;}
.f-cd li a{ font-size:16px; color:#fff;}
.f-cd li a:hover{ color:#00a753;}
.f-cd .address{ background:url(../images/address.png) no-repeat left center;}
.f-cd .telephone{ background:url(../images/phone.png) no-repeat left center;}
.f-cd .fax{ background:url(../images/fax.png) no-repeat left center;}
.f-cd .yxx{ background:url(../images/mail.png) no-repeat left center;}
.f-lx{ width:60%;}
.f-lx li{ height:41px; line-height:41px; width:44%; float:left; padding-left:6%; margin-bottom:40px;}
.f-lx li:nth-child(1){ background:url(../images/icon01.png) no-repeat left center;}
.f-lx li:nth-child(2){ background:url(../images/icon02.png) no-repeat left center;}
.f-lx li:nth-child(3){ background:url(../images/icon03.png) no-repeat left center;}
.f-lx li:nth-child(4){ background:url(../images/icon04.png) no-repeat left center;}
.ewm{ text-align:center;}
.xz-dh dl{ width:13%; display:inline-block; vertical-align:top;}
.xz-dh dl dt{ font-size:14px; font-weight:bold; background:url(../images/jx.png) no-repeat left center; padding-left:10px; margin-bottom:10px;}
.xz-dh dl dd{ font-size:12px; padding-bottom:6px;}

.f-biao{ font-size:16px; padding-bottom:20px; text-align:left;}
.f-xz p{ margin-bottom:8px; background:url(../images/xz.png) no-repeat left center; padding-left:25px; line-height:20px;}
.f-xz a{ color:#fff;}
.f-logo{ padding-top:50px;}


.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}


.wb-link{padding: 20px 0;}
.yqlj{float: left;width: 7%;margin-left: 10%;font-size: 16px;color: #fff;font-weight: bold;}
.wb-link ul{float: left; display: block;width: 83%;padding-left: 20px;zoom: 1;box-sizing: border-box;}
.wb-link ul:after{display: block;content: '';clear: both;}
.wb-link ul li{float: left;width: 20%;opacity: 0.8;margin-bottom: 20px;}
.wb-link ul li a{font-size: 16px;color: #fff;}








@media (min-width: 1441px) {
.w85{ width:1400px; margin:0 auto;}
.menu{ width:60%;}
.menu li{padding:0 4%; line-height:94px;}
}


@media (max-width: 1367px) {
.menu{ width:55%;}
.menu li{line-height:94px; padding:0 2.5%;}

}
/*@media (min-width: 1198px) and (max-width: 1441px){

}*/

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
.menu{ width:55%;}
.menu li{line-height:74px; padding:0 1.9%; font-size:14px;}
.t-ri a{ font-size:14px;}
.t-tel{font-size:14px;}
}




/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){

.menu{ width:50%;}
.menu li{line-height:74px; padding:0%; font-size:14px;}
.t-ri a{ font-size:14px;}
.t-tel{font-size:14px;}
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
	.xs-top{
	display: block;
}
.top{ display:none;}
.xs-logo{ width:20%;}
.f-cd{ width:100%;}
.f-cd li{ width:20%;}
.f-lx{ width:100%;}
.f-lx li{ width:90%; padding-left:10%; margin-bottom:10px;}
.ewm{ width:100%; padding-bottom:30px;}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
.w85{ width:95%; }
 .xs-top{
	display: block;
}
.top{ display:none;}
.link { display:none;}
.f-cd{ width:100%; padding:0;}
.f-cd li{ width:20%; padding-bottom:20px;}
.f-lx{ width:100%;}
.f-lx li{ width:85%; padding-left:15%; margin-bottom:10px;}
.ewm{ width:100%; padding-bottom:30px;}
.service_box{ display:none;}
.f-biao{ text-align:center;}
.f-cd li{ width:100%; padding-bottom:0;}
.f-xz p{ float:left; width:48%; padding-left:2%;}
.f-logo{ padding-top:20px;}
.partner_box{ width:20%;}
.ewm-co img{width: 23%;}
.f-cd{margin-left: 0;}
.f-cd li{padding-left: 22px;}

.yqlj{margin-left: 0;width: 100%;}	
.wb-link ul{width: 100%;}	
.wb-link ul li{width: 50%;}
}


 @keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}