﻿@charset "utf-8";
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;}
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;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.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; font-family:"microsoft yahei","simhei",Arial,sans-serif; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:15.36rem; margin:0px auto;}

.specialPic3 .list li,
.specialPic3 .list li:before,
.specialPic3 .list li .botDiv,
.specialPic3 .swiper-button-prev,
.specialPic3 .swiper-button-prev:before,
.specialPic3 .swiper-button-next,
.specialPic3 .swiper-button-next:before,
.specialPic3 .list li .botDiv .links a:after
{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}



.w780{ width:780px;}
.w790{ width:790px; background: #fff; position: relative; z-index: 2;}
.w380{ width:380px;}
.w380-2{ position: relative; z-index: 2; }

.Phone-Box{ display: none; }

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color: transparent;}

.pageBg{ position:fixed; z-index:6; width:100%; height:100%; display:none; background:rgba(0,0,0,0.5); left:0px; top:0px; cursor:pointer;}


.zzNav{ position: fixed; right: 0; top: -100%; width: 7.7rem; background: #fafafa; height: 100%; z-index: 10; overflow: hidden;}
.zzNav.on{ opacity: 1; height: 100%; }
.zzNav .main{ padding: 1.4rem 0 0 0.65rem;}
.zzNav .scroll{ overflow: auto; height: 80vh; padding-right: 1.05rem; }

.zzNav .scroll::-webkit-scrollbar {
  width: 4px;
}
.zzNav .scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .scroll::-webkit-scrollbar-thumb {
  background-color: #11a84e;
}

.zzNav .title{ font-size: 0.32rem; color: #11a84e; line-height: 0.32rem; font-weight: bold; padding-bottom: 0.15rem; }
.zzNav .msg{ font-size: 14px; color: #999; padding-bottom: 0.45rem; }
.zzNav .txt{ font-size: 14px; color: #999; font-weight: bold; padding-bottom: 0.15rem;}
.zzNav .txt em{ color: #11a84e; padding-left: 0.15rem;}
.zzNav .multiple li{ float: left; width: 33.33%; font-size: 0.18rem; padding-bottom: 0.12rem; }
.zzNav .multiple li .lbox{ position: relative; cursor: pointer; padding-left: 0.28rem; height: 0.36rem; line-height: 0.36rem; color: #000; background: url(../images/limg16_1.jpg) left center no-repeat; background-size: 0.16rem; }
.zzNav .multiple .liNow .lbox{ background: url(../images/limg16_1on.jpg) left center no-repeat; background-size: 0.16rem;}
.zzNav .form{ padding-top: 0.1rem; overflow: hidden; }
.zzNav .form ul{ margin-right: -0.4rem; }
.zzNav .form li{ float: left; width: 50%; padding-bottom: 0.15rem; }
.zzNav .form li .box{ margin-right: 0.4rem; }
.zzNav .form li p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .form li p em{ color: #11a84e; padding-left: 0.15rem;}
.zzNav .form li .input1{ width: 100%; height: 0.5rem; line-height: 0.5rem; background: #eee; font-size: 14px; }
.zzNav .form2 h2{ color: #888; padding-bottom: 0.1rem; }
.zzNav .form2 textarea{ width: 100%; height: 0.8rem; background: #eee; }
.zzNav .btnDiv{ padding-top: 0.15rem; }
.zzNav .btnDiv a{ display: block; width: 1.92rem; height: 0.5rem; line-height: 0.5rem; background: #11a84e; color: #fff; font-size: 0.16rem; font-weight: bold; text-indent: 0.35rem; position: relative; }
.zzNav .btnDiv a:before{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.04rem; width: 0.17rem; height: 0.07rem; background: url(../images/nimg17_1on.png) center no-repeat; background-size: 0.17rem; }

.zzNav .selectBox{ margin-right: -0.4rem; }
.zzNav .selectBox .leftDiv, .zzNav .selectBox .rightDiv{width: 100%;}
.zzNav .selectBox .ddan{ margin-right: 0.4rem; }
.zzNav .selectBox .bdc{ margin-right: -10px; }
.zzNav .selectBox .liDiv{ width: 50%; float: left; padding-bottom: 10px; position:relative;}
.zzNav .selectBox .liDiv2{ width: 100%; }
.zzNav .selectBox .liDiv p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .selectBox .liDiv p em{ color: #11a84e; padding-left: 0.15rem;}

.zzNav .selectBox .liDiv .box{ margin-right: 10px;}
.zzNav .selectBox .select{ width: 100%; position: relative; height: 50px;}
.zzNav .selectBox .select dt{height: 0.5rem;line-height: 0.5rem; border: #11a84e solid 2px; display: inline-block; width: 100%; background: #fafafa url(../images/selectIco.jpg) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; }
.zzNav .selectBox .select dt a{ font-size: 0.18rem; color: #000; position: relative; padding-left: 0.18rem; display: block; text-align: left; overflow: hidden;} 
.zzNav .selectBox .select dd{ margin: 0;position: absolute;left: 0px;top: 0.5rem; z-index: 10; width: 100%; box-sizing: border-box;} 
.zzNav .selectBox .select dd ul {list-style: none; overflow: auto; padding: 0 0.18rem; background: #fff; height:2.05rem;overflow-x:auto;} 
.zzNav .selectBox .select dd ul li{ width:100%; text-align:left; line-height: 0.4rem; height: 0.4rem; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.zzNav .selectBox .select dd ul li:last-child{ border-bottom:none;}
.zzNav .selectBox .select dd ul li:hover{ color: #11a84e; }
.zzNav .selectBox .select.on dt{ color: #11a84e;}

.zzNav .selectBox .select dd ul::-webkit-scrollbar {
  width: 4px;
}
.zzNav .selectBox .select dd ul::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .selectBox .select dd ul::-webkit-scrollbar-thumb {
  background-color: #11a84e;
}

/*右侧悬浮窗*/

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 li{ cursor:pointer;}



.box-container-fluid { width: 100%; margin: 0 auto;}


