@charset "utf-8";
*{ font-size:14px; margin: 0;padding:0; font-family: '微软雅黑'}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{/*background-color: #fff;*/}
a{text-decoration:none; }
a:focus{outline:none;}
a:hover{text-decoration:none;}
img{ border:0px;}
ol,ul{ list-style:none;}
em,i{ font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.fc{ margin:0 auto;}
.clear { clear:both; margin:0px; top:0px} 
.clearfix {*zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.sj030{-webkit-transition-duration: 3s; transition-duration: 3s;}
.sj050{-webkit-transition-duration: 5s; transition-duration: 5s;}
@media screen and (min-width:1660px){
.container{ margin:0 160px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.container{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.container{ margin:0 30px;}
}
@media screen and (max-width:960px){
.container{ margin:0 15px;}
.kfside{display:none;}
}

#topdh{display:none;}
/*按钮样式*/
a.btn1{z-index: 5;}
a.btn1:before{content: "";;background-color: #2cAA71;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
a.btn1:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
a.btn1:hover,a.btn2:hover{color: #fff;}
a.btn2{z-index: 5;}
a.btn2::before{content: "";width: 0;background-color: #2cAA71;color: #000;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.btn2:hover::before{width: 100%;}
/*头部*/
.head{ height: 90px;position:fixed;top:0;z-index: 99; width: 100%;background: url(top.png) repeat;}
.head .container{position: relative;overflow: hidden;}
.headleft{float: left;/*width:19%;*/height: 58px;padding-top:15px;
-webkit-animation:move-in2 1s linear .4s 0 ease;
-moz-animation:move-in2 1s linear .4s 0 ease;
-ms-animation:move-in2 1s linear .4s 0 ease;
animation:move-in2 1s linear .4s 0 ease;
-moz-animation:move-in2 0.7s linear;
-webkit-animation:move-in2 0.7s linear;
-o-animation:move-in2 0.7s linear;
-ms-animation:move-in2 0.7s linear;
animation:move-in2 0.7s linear;}
.headright{ float: right;width: 63%;height: auto;}
.head .logo{display: block;}
.head .logo img{ height:100%;}
.head .h_menu{ text-align: right; line-height: 90px;}
.head .h_menu li{float: left;width: 14.28%;transition:all 0.3s;}
.head .h_menu li a{display: block;font-size: 18px;color: #fff;position: relative;text-align: center;transition:all 0.3s;}
.head .h_menu li a em{display: block;width: 0;margin:0px auto;height: 3px;background-color:#2cAA71;opacity: 0;transition:all 0.3s;position: relative;top:-2px;}
.head .h_menu li:hover a,.head .h_menu li.active a{ color:#2cAA71;font-weight:500;}
.head .h_menu li.active a em,.head .h_menu li:hover a em{width: 55%;opacity: 1;}
.head .h_menu li .nav_fuwu{background: #fafafa;width: 100%;position: relative;z-index: 999;top:-2px;}
.head .h_menu li:hover .nav_fuwu{display: block;}
.head .h_menu li .nav_fuwu{display: none;padding-top:5px;}
.head .h_menu li .nav_fuwu a{font-size: 15px;line-height: 40px;color: #666; border-bottom:1px dashed #e2e2e2;}
.head .h_menu li .nav_fuwu a:hover,.menu li a:hover{color: #2cAA71;}

@media screen and (max-width:1600px){
.hphone{width: 25%;}
}
@media screen and (max-width:1360px){
.hphone{border-right: none;}
}
@media screen and (max-width:1200px){
.head{height: 165px;}
.headleft,.headright{width: auto;height: auto;float: none;}
.head .h_menu{line-height:40px;}
.head .logo img{display: block;margin:0 auto;}
.headleft{margin-top: 10px;}
.headright{margin-top: 25px;}
.head .h_menu{float: none;width: 100%;position: absolute;left: 0;}
.head .h_menu li{padding-top:0;}
.head .h_menu li a{text-align: center;}
}
.smallhead{width:100%;height:auto;text-align:center;position:relative;display: none;background-color:#2cAA71;}
.smallhead .logo{float:left;padding:16px;}
.smallhead .logo img{ width:62%;display: block;}
.menu{position:absolute; right:10px; top:50%; width:32px; height:32px; margin-top:-19px;}
.menu img{width: 100%;}
#menu{position: relative;z-index: 9;transition:0.5s;/*display: none;*/}
@media screen and (max-width:780px){
.head{display: none;}	
.smallhead{display: block;}
/*#menu{opacity: 1;}*/
}


/*底部*/
.footer{background: #000 url(fbg.jpg) top center no-repeat;background-size: cover;padding-top: 4%;}
.footer .container{position: relative;}
.fleft{float: left;width: 56%;}
.fright{float: right;width: 40%;}
.fleft dl{width: 20%;float: left;}
.fleft dl dt a{font-size: 16px;color: #fff;display: block;margin-bottom: 15px;}
.fleft dl dd a{font-size: 14px;color: #808080;display: block;line-height: 26px;}
.fleft dl dd a:hover{color: #2cAA71;}
.frcode{float: right;width: 30%;}
.frphone{float: right;width: 60%;text-align: right;margin-right: 4%;}
.frcode img {display: block;width: 100%;}
.frphone span{font-size: 18px;color: #2cAA71;display: block;}
.frphone img{display: block;margin-top: 10px;}
.frphone p{font-size: 14px;color: #7c7c7d;margin-top: 20px;clear: both;}
.frphone p i{display: inline-block;font-size: 24px;color: #fff;}

/*友链*/
.linkbox{width: 100%;margin:1% auto 0;height: auto;position: relative;z-index: 9;border-bottom:1px solid #4c4c4c;padding:8px 0;}
.linkbox span{float: left;width: 80px;display: block;font-size: 14px;color: #4c4c4c;line-height: 25px;}
.linkbox a{font-size: 13px;color: #4c4c4c;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #2cAA71;}

.fshare img.fc{display: block;margin:25px auto;}
.fshare ul{width: 405px;margin:0px auto;}
.fshare ul li{float: left;width: 14.667%;margin:0 1%;position: relative;}
.fshare ul li a img{width: 80%;display: block;margin:0px auto;cursor: pointer;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.fshare ul li span{display: none;position: absolute;top:-110px;left: -20px;z-index: 99;}
.fshare ul li span img{width: 100px;display: block;height: 100px;}
.fshare ul li span:before{
 pointer-events:none;
 position:absolute;
 z-index:-1;
 content:'';
 border-style:solid;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-property:transform;
 transition-property:transform;
 left:calc(50% - 10px);
 bottom:0;
 border-width:10px 10px 0;
 border-color:#fff transparent transparent transparent;
 -webkit-transform:translateY(10px);
 transform:translateY(10px)
}
.fshare ul li:hover span{display: block;}
.fshare ul li:hover a img{transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}

.footerbottom{width: 100%;background-color:#059f59;margin-top: 0px;font-weight: 100;text-align: center;padding:5px 0;}
.footerbottom span,.footerbottom a{font-size: 14px;color: #fff; line-height: 35px; font-weight: 100; padding:0 5px; display:inline-block;}
.footerbottom img{margin:13px 5px 0 5px;}
.fshare ul li em{width:130px; height:50px; line-height:50px;text-align: center; font-size:16px; color:#bb1c21;font-weight: 700; background-color:#fff; display:block;}
.fshare ul li.fsharw_phone span{top:-60px;left: -35px;}

@media screen and (max-width:1440px){
.frphone{width: 66%;}	
}
@media screen and (max-width:1024px){
.fleft,.fright{float: none;width:100%;}
.fright{clear: both;padding-top: 30px;}
.frphone,.frphone img{float: left;text-align: left;}
.frcode{float: right;}
.frcode img{max-width: 238px; }
}
@media screen and (max-width:960px){
.fleft dl{text-align: center;}
}
@media screen and (max-width:560px){
.fleft dl{width: 100%;margin-bottom: 10px;}
.fleft dl dt a{text-align: left;}
.fleft dl dd a{width: 25%;float: left;text-align: left;}


.linkbox .container{display: none;}
.footerbottom span, .footerbottom a{line-height: 22px;}
.frcode{text-align:center;}
.frcode img{max-width: 138px; }
}
@media screen and (max-width:480px){
.fshare ul{width: 100%;}
.frcode,.frphone{float: none;width: 100%;}
.frphone{margin-top: 10px;}
.izl-rmenu{display: none;}
}
@media screen and (min-width:1200px){
	.mban{display:none;}
	.ban{display:block;}
}
@media screen and (max-width:1200px){
	.ban{display:none;}
	.mban{display:block;}
}
/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin:2% 0;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#bb1c21;} 
.pagination li a:link:hover {color:#bb1c21;} 
.pagination li.thisclass{background-color: #bb1c21;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}


#fenye{clear:both; margin:30px 20px 20px 0;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:14px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;margin-bottom:3px;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#2cAA71;border:1px solid #bfbfc7;color:#fff;}
#fenye a:hover{background:#2cAA71;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#fenye span{display:none;}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #bfbfc7;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;}
#realname{height: 30px;border: 1px solid #ddd;}
#b1{padding: 5px 10px;background: #ff7d02;color: #fff;border: 1px solid #ff7d02;border-radius: 3px;}





/*面包屑*/
.crumbsnav{width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #666666;margin:0px auto;border-bottom: 1px solid #dedede;position: relative;z-index: 9;}
.cruleft{color:#666666; display:block;width:81.5%;float: left;text-align: left;white-space:nowrap;overflow:hidden;}
.cruleft img{display: inline-block;margin-right: 10px;}
.crumbsnav a{color:#666666;}
.crumbsnav a:hover{color:#2cAA71;}
a.return{float: right;display: block;margin-right: 10px;}
.crumbsnav1{margin: 224px auto 0;}
@media (max-width:480px){
a.return{display: none;}
.cruleft{width: 100%;}
.crumbsnav{display: none;}
}


/*移动底部按钮*/
.fp_h{ max-width: 768px;margin: 0 auto;display:none;}
.fp_h .m_fix{position: fixed;width: 100%;max-width: 765px;bottom: 0;z-index: 9999;background: #fff;box-shadow:0px -3px 13px #e1e1e1;}
.fp_h .m_fix ul{overflow: hidden;  height: 60px;}
.fp_h .m_fix ul li{float: left;width: 50%;height: 100%;box-sizing: border-box;}
.fp_h .m_fix ul li a{width: 100%;height: 100%;display: block;text-align:center;}
.fp_h .m_fix ul li a div{height: 70%;display: flex;justify-content: center;align-items: center;border:1px solid #2cAA71;width:85%;margin:4% 10%;border-radius:15px;background:#2cAA71;}
.fp_h .m_fix ul li a div img{width:22px;vertical-align: sub;}
.fp_h .m_fix ul li a div p{display: inline-block;color: #f9f9f9;font-size: 18px;margin-left:3px;}

@media only screen and (max-width: 768px) {
	.fp_h{display:block;}
	.footerbottom{margin-bottom:60px;}
}



/*客服*/
 .kfside{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:1000;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
  .kfside a{color:#333;}
.kfside ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.kfside ul li:hover{background:#f0af2f;color:#fff}
.kfside ul li:hover a{color:#fff}
.kfside ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.kfside ul li i.bgs1{background-image:url(kf/right_pic5.png)}
.kfside ul li i.bgs2{background-image:url(kf/right_pic7.png)}
.kfside ul li i.bgs3{background-image:url(kf/right_pic2.png)}
.kfside ul li i.bgs4{background-image:url(kf/right_pic1.png)}
.kfside ul li i.bgs5{background-image:url(kf/right_pic3.png)}
.kfside ul li i.bgs6{background-image:url(kf/right_pic6_on.png)}
.kfside ul li:hover i.bgs1{background-image:url(kf/right_pic5_on.png)}
.kfside ul li:hover i.bgs2{background-image:url(kf/right_pic7_on.png)}
.kfside ul li:hover i.bgs3{background-image:url(kf/right_pic2_on.png)}
.kfside ul li:hover i.bgs4{background-image:url(kf/right_pic1_on.png)}
.kfside ul li:hover i.bgs5{background-image:url(kf/right_pic3_on.png)}
.kfside ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.kfside ul li.sidetop{background:#2cAA71;color:#fff}
.kfside ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.kfside ul li.sideewm .ewBox.son{width:238px;display:none;height: 238px;color:#363636;text-align:center;/* padding-top:235px; */position:absolute;left:-240px;top:0;background-image:url(wx.jpg);background-repeat:no-repeat;background-position:center center;border:2px solid #e0e0e0;background-size: 100%;}
.kfside ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#099053;}
.kfside ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.kfside ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.kfside ul li.sideetel .telBox dd.bgs1{background:url(kf/right_pic8.png) 28px center no-repeat;background-color:#2cAA71;}
.kfside ul li.sideetel .telBox dd.bgs2{background:url(kf/right_pic9.png) 28px center no-repeat}
.kfside ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}



/*特效*/
@-webkit-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-moz-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-ms-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-o-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
@-webkit-keyframes move-in1{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(50px,0);-moz-transform:translate(50px,0);-ms-transform:translate(50px,0);-o-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}