﻿body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333333; font-size:14px; font-family:"微软雅黑"; min-width: 320px;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #287846;
}
a:active {
	text-decoration: none;
	color: #333333;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote,i,em{margin:0; padding:0;}
i,em,span{display:inline-block; font-style:normal}
table{border-collapse: collapse;}
img{vertical-align:middle; border:none}

a{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak1{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak2{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
ul,dl{list-style: none;list-style-type: none;margin:0;padding:0;}
li,dt,dd{list-style-type: none;list-style:none;list-style-image:none;margin:0;padding:0;}

.wik{width: calc(100% - 40px); max-width: 1600px; padding: 0 20px; margin: auto}
.wik1{max-width: 1600px; padding: 0 20px; margin: auto}
.wik2{z-index: 2; width: 100%}
.wik3{width: 100%;}
.maau{margin: 0 auto;}
.oveh{overflow:hidden}
.por{position:relative}
.poa{position:absolute}
.he1{height: 70px}
.he2{height: 50px}
.pat{padding-top:45px}
.par{padding-right:45px}
.pab{padding-bottom:45px}
.pal{padding-left:45px}
.pmt{margin-top:45px}
.pmr{margin-right:45px}
.pmb{margin-bottom:45px}
.pml{margin-left:45px}
.pat2{padding-top:30px}
.par2{padding-right:30px}
.pab2{padding-bottom:30px}
.pal2{padding-left:30px}
.pmt2{margin-top:30px}
.pmr2{margin-right:30px}
.pmb2{margin-bottom:30px}
.pml2{margin-left:30px}
.pat3{padding-top:10px}
.par3{padding-right:10px}
.pab3{padding-bottom:10px}
.pal3{padding-left:10px}
.pmt3{margin-top:10px}
.pmr3{margin-right:10px}
.pmb3{margin-bottom:10px}
.pml3{margin-left:10px}
.pat4{padding-top:5px}
.par4{padding-right:5px}
.pab4{padding-bottom:5px}
.pal4{padding-left:5px}
.pmt4{margin-top:5px}
.pmr4{margin-right:5px}
.pmb4{margin-bottom:5px}
.pml4{margin-left:5px}
.bordert{border-top:solid 1px #e5e5e5}
.borderr{border-right:solid 1px #e5e5e5}
.borderb{border-bottom:solid 1px #e5e5e5}
.borderl{border-left:solid 1px #e5e5e5}
.border2{border:solid 1px #fff}
.borderb2{border-bottom:solid 1px rgba(255,255,255,.2)}
.bobg{box-shadow: 0 0 10px rgba(0,0,0,.2)}
.hiid{display:none}
.wid20{width: 20%;}
.wid25{width: 25%;}
.wid30{width: 30%;}
.wid33{width: 33%;}
.wid40{width: 40%;}
.wid50{width: 50%;}
.wid70{width: 70%;}
.wid80{width: 80%;}
.wid100{width: 100%;}
.wfl{float:left}
.wfr{float:right}
.co1,.co1:link,.co1:visited,.co1:hover,.co1:active{color: #287846}
.co2,.co2:link,.co2:visited,.co2:hover,.co2:active{color: #abb313}
.co3,.co3:link,.co3:visited,.co3:hover,.co3:active{color: #3aa662}
.co4,.co4:link,.co4:visited,.co4:hover,.co4:active{color: #666666}
.co5,.co5:link,.co5:visited,.co5:hover,.co5:active{color: #ffffff}
.co6,.co6:link,.co6:visited,.co6:hover,.co6:active{color: #c8c8c8}
.bg1{background: #287846}
.bg2{background: #abb313}
.bg3{background: #3aa662}
.bg4{background: #f5f5f5}
.bg5{background: #ffffff}
.bg6{background: #e2f0d6}
.font12,.font12 i{font-size: 12px;}
.font13,.font13 i{font-size: 13px;}
.font14,.font14 i{font-size: 14px;}
.font15,.font15 i{font-size: 15px;}
.font16,.font16 i{font-size: 16px;}
.font18,.font18 i{font-size: 18px;}
.font20,.font20 i{font-size: 20px;}
.font22,.font22 i{font-size: 22px;}
.font24,.font24 i{font-size: 24px;}
.font26,.font26 i{font-size: 26px;}
.font28,.font28 i{font-size: 28px;}
.font30,.font30 i{font-size: 30px;}
.font32,.font32 i{font-size: 32px;}
.font34,.font34 i{font-size: 34px;}
.font36,.font36 i{font-size: 36px;}
.font38,.font38 i{font-size: 38px;}
.font40,.font40 i{font-size: 40px;}
.font46,.font46 i{font-size: 46px;}
.font50,.font50 i{font-size: 50px;}
.fontb{font-weight: bold}
.fontn{font-weight: normal}
.fontd{text-transform: uppercase}
.fonts{letter-spacing: 5px;}
.fonts2{letter-spacing: 2px;}
.fontsr{letter-spacing: 5px; padding-right: 5px;}
.fontsl{letter-spacing: 5px; padding-left: 5px;}
.disb{display:block}
.curp{cursor: pointer}
.line125{line-height: 125%}
.line180{line-height: 180%}
.line200{line-height: 200%}
.line220{line-height: 220%}
.line240{line-height: 240%}
.texl{text-align: left;}
.texc{text-align: center;}
.texr{text-align: right;}
.wk1{width:250px;}
.wk2{width:930px;}

.borb{
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.bory{
	-moz-border-radius:500px;
	-ms-border-radius:500px;
	-o-border-radius:500px;
	-webkit-border-radius:500px;
	border-radius:500px;
}

.swiper-container{width: 100%; height: 100%;}
.swiper-slide {
	background-size: cover;
	background-position: center;
}

/*.swiper1 .swiper-pagination1 .swiper-pagination-bullet-active{background: #005ca7}
.swiper1 .swiper-pagination1 span{background: rgba(255,255,255,1)}*/

/*滚动条*/
.swiper-button-black{opacity: 0.4}
.swiper2 .swiper-slide {height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.swiper3 .swiper-slide {width: auto;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.bas2{overflow: hidden}
.bas2 img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    max-width: 100%;
}
.swiper-slide-active.bas2 img {
    -webkit-transition: all 12s linear;
    transition: all 12s linear;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.bas3 .divs{
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	max-width: 100%;
	background-size: cover;
}
.swiper-slide-active.bas3 .divs{
    -webkit-transition: all 8s linear;
    transition: all 8s linear;
	-webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}
.bas4 .divs{width: 100vw; height: 100vh;}
.bas4 .divs{
	/*width: 100%;
    height: auto;*/
    display: block;
    vertical-align: middle;
    max-width: 100%;
}
.swiper-slide-active.bas4 .divs{
    -webkit-transition: all 12s linear;
    transition: all 12s linear;
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
}


.p1_1{position: absolute; z-index: 1;  bottom:0%;left: 0%;}
.p1_1 img{width: 100%;}
.p1_2{position: absolute; z-index: 1; left:20%; bottom:48%; width: 30%;}
.p1_2 img{width: 100%;}
.p1_3{position: absolute; z-index: 1; left:20%; bottom:40%; width: 30%;}
.p1_3 img{width: 100%;}
.p1_4{position: absolute; z-index: 1; left:20%; bottom:32%; width: 30%;}
.p1_4 img{width: 100%;}

.wb1{background:url(../images/wb1.jpg) right center no-repeat; background-size: 46%}

.topk{width: 100%;height: 50px; position:fixed; top: 0px; display:block; z-index:999990;/*_position:absolute; _top:expression(documentElement.scrollTop + "px"); */}

.topm{position:fixed; top: 0px; left:0; right:0; z-index:9990; width:100%;max-width: 960px; margin:0 auto; height: 50px;}
.topp{position:relative; color:#000; line-height:50px; height: 50px; background: #FFFFFF; }
.topp a{color:#395ea2}
.tol{position:absolute; left:0;}
.tom{position:absolute;left:0;}
.ton{position:absolute; text-align:center; color: #287846; font-size:18px; left:50px; right:50px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tor{position:absolute; right:0; top:0; text-align:right;}
.tol img,.tor img,.tor2 img{border:none;width:50px}
.tom img{max-width:180px; margin-left: 10px ; margin-top: 5px;}

.tol a{text-align:left; width:50px;height:50px; position: absolute; left: 0;top:0;background: url(../images/ft1.png) no-repeat center center;background-size:30px;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#header span.right{ text-align:right; width:50px;height:50px; position: absolute; right: 0;top:0;background: url(../images/ft2.png) no-repeat center center;background-size:30px;
	-ms-transform:rotate(0deg);     /* IE 9 */
	-moz-transform:rotate(0deg);    /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#header span.right.on{background: url(../images/btn.png) no-repeat center center;background-size:30px;top:0;
	-ms-transform:rotate(135deg);     /* IE 9 */
	-moz-transform:rotate(135deg);    /* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menu{overflow: hidden;background:rgba(255,255,255,.96);position: absolute;left: 0;top: 50px;right: 0; z-index: 9990;height: 0;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.menu ul{border-top: solid 1px #e5e5e5;}
.menu li{line-height: 50px; border-bottom: solid 1px #e5e5e5; font-size: 16px;}
.menu li a{color:#333333; display:block;text-decoration:none; padding-left: 16px}
.menu li i{color:#333333;float: right; margin-top: 16px; margin-right: 16px;}



.abl{float: left; width: 44%}
.abr{float: left; width: 45%; margin-left: 4%}
.tit1{font-size: 40px;}
.tit2{font-size: 26px;}
.fonn{font-size: 16px; line-height: 240%; margin-top: 30px; overflow: hidden}
.fond{margin-top: 40px; overflow: hidden}
.fond a{float:left; width: 36%; color: #666666; display: block; margin-right: 8%; height: 120px;}
.fond img{width:65px; height: 65px; display:block;}
.fond i,.fond span{font-size:18px; margin-top: 5px;
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.fond em{text-transform: uppercase; font-size:12px;display:block; margin-top: 5px;
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.fond a:hover i,.fond a:hover span,.fond a:hover em{margin-top: 0px}
.abm{widt:330px; height: 80px; margin-top: 50px;}
.abm a{widt:330px; height: 80px; position: relative; display: block;}
.abm1{position: absolute; width: 60px; left: 0; top: 40px;}
.abm1 img{width:60%}
.abm2{position: absolute; width: 165px; left: 60px; color: #333333; border-bottom: solid 1px #aaaaaa; padding: 20px 20px 20px 0; text-align: center; font-size: 16px;
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.abm3{position: absolute; width: 80px; height: 80px; left:220px; z-index: 1;
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.abm a:hover .abm2{width: 185px;}
.abm a:hover .abm3{transform: rotate(45deg); left:250px;}

.prol{float:left; width:40%}
.pror{float:right; width:50%}
.pror1{text-align: right; font-size: 16px ;color: #666666; line-height: 180%}

.swiper4 .swiper-button-prev,.swiper4 .swiper-button-next{position: absolute;top:42%;}
.swiper4 .swiper-slide{float:left; width:33.3%;}
.swiper4 .swiper-slide h3{height: 55px; line-height: 55px; font-size: 18px; font-weight: normal; text-align: center; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.swiper4 .swiper-slide h4{width:100%; height: 55px; line-height: 55px; font-size: 18px; color: #FFFFFF; font-weight: normal; text-align: center; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.2)); position: absolute; bottom:0}
.swiper4 .swiper-slide img{width:100%;}

.news_tui{float:left; width:42%; height: 3.4rem; position: relative;}
.news_tu,.news_tu img{width:100%; height: 3.4rem;}
.news_tbg{width:100%; height: 3.4rem; position: absolute; bottom:0; z-index: 2; color: #FFFFFF; background: rgba(0,0,0,0.4)}
.news_tui h3{padding: 0 30px; height: 50px; font-size: 20px; margin-top: 80px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_time{padding: 0 30px; height: 40px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_tun{padding: 0 30px; height: 56px; font-size: 16px; color: #FFFFFF; line-height: 180%; overflow:hidden; margin-bottom: 20px;}
.news_mo{margin-left: 30px;width:84px; padding: 8px 0; text-align: center; border: solid 1px #ffffff; color: #979797; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_tui a:hover .news_tbg{background: rgba(40,120,70,0.45)}
.news_tui a:hover .news_mo{width:98px;}
.news_mo img{width:8px; height: 17px}

.news{float:left; margin-left: 2%}
.newsw{width:56%;}
.news li{float:left; width:100%; margin-bottom:30px;}
.news li p{float:left; width:2.3rem;}
.news li img{width:100%; height: 1.6rem}
.news li h3{padding: 15px 0 0 30px; height: 50px; font-size: 18px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_me{padding: 0 0 0 30px; height: 30px; margin-bottom: 0; color: #8a8a8a; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_n{padding: 10px 0 0 30px; height: 100px; margin-bottom: 12px; font-size: 16px;line-height: 220%; color: #8a8a8a; overflow: hidden;}

.galleryk{width: 100%; height: 4.8rem; position: relative}
.galleryt{position: absolute; z-index: 2; top:0.7rem;}
.gallery-top {width:100%; height: 4.8rem; position: absolute; z-index: 2}
.gallery-topn{width:calc(100% - 580px);height:1.8rem; padding: 40px; background: rgba(255,255,255,.8); top:0.8rem; margin-top: 12%; z-index: 5}
.gallery-topnt{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery-topnn{height:90px; overflow:hidden; font-size: 16px; line-height: 200%; margin-top: 0.1rem}

/*.swiper_jk{width: calc(100% - 40px); max-width: 1600px; position: absolute; z-index: 1; top:0.7rem; left: 50%; transform: translateX(-50%);}*/
.swiper_jk{position: absolute; top:0.7rem; right:8%}
.swiper_j{ width: 460px; top:3.1rem; right: -10px; background: #B55F60; position: absolute; float: right;}
.swiper_j1{background:url("../images/swiper_j1.png")no-repeat center center rgba(0,0,0,0.5) !important; background-size: 16px !important; width:46% !important; height:50px !important; color: #FFFFFF;}
.swiper_j2{background:url("../images/swiper_j2.png")no-repeat center center rgba(0,0,0,0.5) !important; background-size: 16px !important; width:46% !important; height:50px !important; color: #FFFFFF;}

/*.gallerysk{width: calc(100% - 40px); max-width: 1600px; padding: 0 20px; position: absolute; z-index: 2; top:0.7rem; left: 50%; transform: translateX(-50%);}*/
.gallerysk{position: absolute; top:0.7rem; right: 8%;}
.gallery-thumbs {width:440px; height: 2.8rem; box-sizing: border-box; right: 0; position: absolute; float: right;}
.gallery-thumbs .swiper-slide{ opacity: 0.6; cursor: pointer; color: #ffffff}
.gallery-thumbs .swiper-slide-visible{background: rgba(0,0,0,0.5);opacity: 1 !important;}
.gallery-thumbs .swiper-slide-thumb-active {background: #287846}
.gallery-thumbsn{padding:35px;}
.gallery-thumbsn img{width:60px; height: 60px; float: left; margin-right: 10px;}
.gallery-thumbsn i{ height: 44px;font-size:28px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.gallery-thumbsn em{ height: 28px;display: block; font-size:12px; overflow:hidden; text-transform: uppercase; line-height: 120%}
	  
/*.swiper_jj1{background:#000; top:150px; left:0px; width:60px; height:20px;}
.swiper_jj2{background:#000; top:150px; right:0px; width:60px; height:20px;}*/


/*分页*/
.fba{width: calc( 100% - 20px ); height: 400px; padding: 0 10px;}

.fenlk{
	background:-webkit-linear-gradient(175deg,#019f63,#00bd75);
	background:-ms-linear-gradient(175deg,#019f63,#00bd75);
	background:-o-linear-gradient(175deg,#019f63,#00bd75);
	background:-moz-linear-gradient(175deg,#019f63,#00bd75);
	background:linear-gradient(175deg,#019f63,#00bd75);
}
.fenlt{padding:20px; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,225,.2)}
.fenlt img{width: 50px; height: 50px; float: left; margin-right: 10px;}
.fenlt p{font-size: 22px;}
.fenlt span{font-size: 12px; text-transform: uppercase}
.fenln{height: 469px; margin-right: 5px;}
ul.container1{overflow:hidden; width: 240px;}
li.menu{}
li.button a,li.button2 a{position:relative; line-height:18px; padding:14px 0 14px 20px; font-size: 16px; color: #1C1C1C; display:block; background:url(../images/li3h.png) no-repeat left center; border-bottom: solid 1px rgba(255,255,225,.2)}
li.button a:hover,li.button2 a:hover{color:#e61414;}
li.button:last-child a,li.button2:last-child a{border-bottom: none;}
.dropdown{display:none; width:100%;}
.dropdown li{
	color:#CCCCCC;
	line-height:18px;
	width: 225px;
	padding:6px 0 6px 15px;
	background:url(../images/li3h.png) no-repeat left center;
	border-bottom:solid 1px #e5e5e5;
}
.dropdown li:last-child{border:none}
.dropdown li a{display:block}
li.buttonh a{background:url(../images/li3h.png) no-repeat left center; color:#e61414;}
li.button2h a{background:url(../images/li3h.png) no-repeat left center; color:#e61414;}
.fenld{padding: 20px; width: 220px; margin: auto;border-top: solid 1px rgba(255,255,225,.2)}

.menu2{overflow:hidden; text-align:center;}
.menu2 a{font-size: 18px;background: #fff; background: #f0f0f0; color:#232323; padding:10px 36px;margin: 3px; overflow: hidden; display:inline-block;
	-moz-border-radius:500px;
	-ms-border-radius:500px;
	-o-border-radius:500px;
	-webkit-border-radius:500px;
	border-radius:500px;
}
.menu2 a:hover{background: #3aa662;color:#ffffff;}
.menu2h:link,.menu2h:visited,.menu2h:hover,.menu2h:active{background: #3aa662; color: #FFFFFF}

.pro3{}
.pro3 ul{float: left; width: 25%; margin-bottom: 10px;}
.pro3 li{width: 92%; position: relative; margin: auto; overflow: hidden;}
.pro3 img{width: 100%; height: 1.66rem;	
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.pro3 h3{height:26px;text-align: center; color: #2c2c2c; padding: 12px 16px 12px 16px;font-size: 16px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro3 span{height:50px; padding: 0 16px;color: #848484; overflow: hidden; line-height: 180%; margin-bottom: 10px;}
.pro3 a:hover h3,.pro3 a:hover span{}
.pro3 dl{width: 100%; height: 100%;text-align: center; position: absolute;background: rgba(40,120,70,.7); color: #FFFFFF; opacity: 0;
	-moz-transform:rotateY(90deg);
	-ms-transform:rotateY(90deg);
	-o-transform:rotateY(90deg);
	-webkit-transform:rotateY(90deg);
	transform:rotateY(90deg);
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.pro3 a:hover dl{opacity: 1;
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.pro3 dt{width: 80%; height: 60px; text-align: center; padding-top: 40px;  margin: 0 auto; font-size:18px; overflow:hidden;}
.pro3 dd{width: 80%; height: 70px; text-align: center; margin: 0 auto; line-height: 24px; overflow: hidden;}
.pro3 i{font-size: 60px; margin-top: 30px;}

.fana li{float:left; width:100%; margin-bottom:40px;}
.fana li:nth-child(2n+1) p{float:left; width:48%; margin-right: .3rem;}
.fana li:nth-child(2n) p{float:right; width:48%; margin-left: .3rem;}
.fana li img{width:100%;}
.fana li h3{padding: 15px 0 0 0; height: 40px; font-size: 18px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fana_n{padding: 0 0 0 0; height: 134px; margin-bottom: 30px; font-size: 16px;line-height: 220%; color: #8a8a8a; overflow: hidden;}
.fana_a em{padding:10px 30px; font-size: 16px; border: solid 1px #e5e5e5;
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.fana li a:hover em{padding:10px 40px; border: solid 1px #287846; background: #287846; color: #FFFFFF}


.ab1{font-size:20px; color:#000;}
.ab2{color:#8f8f8f; font-size: 14px; padding-top: 5px;line-height: 160%;}
.ab2 i{margin-right: 20px;}
.ab2 i:last-child{margin-right: 0;}
.ab3{overflow:hidden;padding-top: 20px; padding-bottom: 20px;}
.ab3_img{max-width:1600px; overflow:hidden; margin:0 auto;}
.ab3_img img{border:none; max-width:100%;}
.syp,.xyp{width:50px; height:50px;}
.syp a:link,.syp a:visited,.syp a:hover,.syp a:active{width:50px; height:50px; background:url(../images/syp.gif) no-repeat; display:block}
.xyp a:link,.xyp a:visited,.xyp a:hover,.xyp a:active{width:50px; height:50px; background:url(../images/xyp.gif) no-repeat; display:block}
.ab4{line-height:200%; font-size: 16px;}
.ab4 span{display: inline}
.ab4 img{max-width: 100%}
.ab4_1{float: left; width: calc(50% - 20px);}
.ab4_2{float: right; width: calc(50% - 20px);}
.ab4_3{float: left; width: calc(100% / 3);}
.ab4_3 .ab4_3nl{margin-right: 20px;}
.ab4_3 .ab4_3nm{margin-left: 10px; margin-right: 10px;}
.ab4_3 .ab4_3nr{margin-left: 20px;}
.ab4_4{float:left; width: calc(25% - 20px);}

.nen,.nec{font-size:16px;line-height:230%;}
.nen1{margin-bottom: 10px;}
.nen1 em{color: #0f0f0f; font-size: 26px; font-weight: bold; line-height: 100%; display: block;font-style: normal}
.nen1 span{background: #5299ea; color: #FFFFFF; font-size: 12px;  letter-spacing: 4px; padding-left: 4px; text-transform: uppercase;display: inline}
.nen2{float: left; margin-right:30px;}
.nec{border: solid 1px #e5e5e5; padding: 30px; margin-top: 30px;}
/*.nec tr{border-bottom: solid 1px #e5e5e5}*/

.ta1{border: solid 1px #e5e5e5}

.f_l{margin-top:30px; border-top:solid 1px #e5e5e5; margin-bottom: 30px; padding-top: 10px;}
.f_l li{width: 45%; font-size: 16px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f_l li a{padding:15px 0; display:inline-block}
.f_l li em{display:inline-block;}
.f_l li:first-child{float: left; text-align: left}
.f_l li:last-child{float: right; text-align: right}
.fanh a:link,.fanh a:visited,.fanh a:active{display: block; font-size: 18px; width:80px; height: 80px; background: #FFFFFF; border: solid 1px #e5e5e5; color: #3aa662; text-align: center}
.fanh a:hover{display: block; width:80px; height: 80px; font-size: 18px; background: #3aa662; border: solid 1px #3aa662; color: #FFFFFF; text-align: center}
.fanh i{display: block; margin-top: 18px;}
.fanh em{display: block}


.ym{overflow:hidden; text-align: center;}
.ym a{border:solid 1px #e5e5e5; padding:6px 12px 6px 12px; color:#999999; margin-right:5px; margin-bottom:10px; display: inline-block;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.ym a:hover{background:#287846; color:#FFF; border:solid 1px #287846;}
.ym a.select{background:#287846; color:#FFF; border:solid 1px #287846;}
.ym a.select:hover{background:#287846; color:#FFF; border:solid 1px #287846;}

#sFirPage,#sPre,#sNex,#sNex,#sLasPage,.PageNumBlueSpanStyle{border:solid 1px #d8d8d8; color:#999999;background:#ffffff; padding:5px 10px 5px 10px; margin-bottom:10px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#sFirPage:hover,#sPre:hover,#sNex:hover,#sNex:hover,#sLasPage:hover,.PageNumBlueSpanStyle:hover{border:solid 1px #ffa058;background:#ffa058; color:#FFF; padding:5px 10px 5px 10px;
	
}
.PageNumWhiteSpanStyle{border:solid 1px #ffa058;background:#ffa058; color:#FFF; padding:5px 10px 5px 10px;margin-bottom:10px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.PageNumWhiteSpanStyle a:hover{color:#FFF;}
#TolNum,#CurTol{color:#999999;margin-bottom:10px;border:solid 1px #d8d8d8;background:#ffffff; padding:5px 10px 5px 10px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.mes{width: 542px}
.mes p{margin-top: 5px; margin-bottom: 20px;}

/*/分页*/

.ftb{background: url(../images/ftb.gif) repeat-x center center;}

.dwb{background: #313131;color: #FFFFFF}
.dwb a:hover{text-decoration: underline;}
.dwx{margin-top: 50px; margin-bottom: 50px;}

.dw1{float:left; width:25%; margin-right:2%;}
.dlogo img{width:90%; max-width: 220px;}
.dtel{color: #FFFFFF; font-size: 28px; font-weight: bold; margin-top: 40px}
.dtel i{margin-right:10px; font-size: 30px;}
.dcon{color: #FFFFFF; line-height: 200%; margin-top: 20px;}

.dw2{float:left; width: 12%; margin-right: 0.5%}
.dw2 dl dt{margin-bottom: 25px; background: url(../images/sfl.jpg) no-repeat bottom left; padding-bottom: 20px;}
.dw2 dl dd{margin-bottom: 15px;}
.dw2 dl dt a{color: #FFFFFF; display: block; font-size: 18px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dw2 dl dd a{color: #999999; display: block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.dw3{float:right; width:9%; text-align: center;}
.dw3 em{text-align: center}
.dw3 img{width:100%; max-width: 134px; margin-bottom: 8px;}

.dwn{border-top:solid 1px #444444; overflow: hidden; color: #999999; line-height: 220%; padding: 40px 0; text-align: center;}
.dwn a{color: #999999}
.dwn a:hover{text-decoration: underline;}
.dwn em{margin-right: 14px;}
.dwn em:last-child{margin-right: 0;}
.dwn1{float:left; width: 55%; text-align: left;}
.dwn2{float:right; width: 43%; text-align: right}




/*chrome  浏览器滚动条的美化 */
::-webkit-scrollbar-track-piece {
	width: 8px;
	background-color: #d6d6d6;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #287846;
}

::-webkit-scrollbar-thumb {
	width: 8px;
	height: 50px;
	background-color: #287846;
}

::-webkit-scrollbar-thumb:hover {
	width: 8px;
	background-color: #287846;
}

.bounce-up1{animation: bounce-up1 5s linear infinite;}
@-webkit-keyframes bounce-up1 {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
 
@keyframes bounce-up1 {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
 
.animate-bounce-up1{
    -webkit-animation: bounce-up1 2.4s linear infinite;
    animation: bounce-up1 2.4s linear infinite;
}

.turn {animation: turn 6s linear infinite;}
@keyframes turn {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(72deg);
    }

    40% {
        transform: rotate(144deg);
    }

    60% {
        transform: rotate(216deg);
    }

    80% {
        transform: rotate(288deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.bu{border:none; color:#FFF; height:45px; line-height: 45px; font-size:16px; font-family:"微软雅黑"; cursor:pointer;
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.bum{width:212px; margin: 0 auto}

.bu1:link,.bu1:visited,.bu1:active,.bu1{width:130px; height:38px; line-height:38px; text-align:center; display:block;color: #287846; border: solid 1px #287846}
.bu1:hover{color: #FFFFFF; background: #287846;}

.bu3:link,.bu3:visited,.bu3:active,.bu3{width:130px; height:38px; line-height:38px; font-size: 16px; color: #FFFFFF; text-align:center; display:block; border: solid 1px rgba(255,255,255,.2)}
.bu3:hover{color: #FFFFFF; background: #e61414; border: solid 1px #e61414}

.bu2:link,.bu2:visited,.bu2:active,.bu2{width:130px; height:38px; line-height:38px; text-align:center; display:block;color: #287846; border: solid 1px #287846}
.bu2:hover{color: #FFFFFF; background: #df1717; }



.tx{border:solid 1px #e9e9e9; padding:8px; font-size:14px; font-family:"微软雅黑"}

.tx1{border:solid 1px #e5e5e5;overflow: hidden; width: 540px;font-size: 15px;}
.tx1 dt{float:left; width: 140px; height: 40px; line-height: 40px; background: #E8E8E8; text-align: center;}
.tx1 dd{float:left; width: 340px;}
.tx1 dd img{position: absolute; z-index: 2; top:11px; right:10px}
.tx1 i{float:left; width: 15px; color: #d52340; text-align: center; margin-top: 10px;}
.tx1_1{width: 374px; border:none; padding:10px 12px;font-size: 15px; font-family:"微软雅黑"}

.tx2{border:solid 1px #e5e5e5;overflow: hidden; width: 540px;font-size: 15px;}
.tx2 dt{float:left; width: 140px; height: 80px; line-height: 80px; background: #E8E8E8; text-align: center;}
.tx2 dd{float:left; width: 340px;}
.tx2_1{width: 374px; border:none; padding:13px; height: 52px; font-size: 15px; font-family:"微软雅黑"}

.sel1{padding:8px; width:150px; font-size:14px; font-family:"微软雅黑";border:solid 1px #d1d1d1;}
.sel1 option{ font-family:"微软雅黑";}

.cd-popup{
  	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup2,.cd-popup3,.cd-popup4,.cd-popup5,.cd-popup6,.cd-popup7{
  	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible,.cd-popup2.is-visible2,.cd-popup3.is-visible3,.cd-popup4.is-visible4,.cd-popup5.is-visible5,.cd-popup6.is-visible6,.cd-popup7.is-visible7{
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container{
	position: relative;
	width: 100%;
	height:165px;
	padding-top: 75px;
	background-color: rgba(25,85,176, 0.9);
	margin:auto;
	text-align: center;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popup-container2,.cd-popup-container3,.cd-popup-container4,.cd-popup-container5,.cd-popup-container6,.cd-popup-container7{
	position: relative;
	width: 840px;
	height: 80%;
	box-shadow: 0 0 .12rem rgba(0,0,0,.2);
	top:10%;
	margin:auto;
	background: #FFF;
	border-radius:10px;
	text-align: center;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popupk{height: 100%}
.cd-close{width:50px;color: #FFFFFF;}
.cd-close img{width: 50px; height: 50px; cursor: pointer}


/*浮动*/
.suspension{position:fixed;z-index:99999;right:15px;bottom:190px;width:70px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background:rgba(0,0,0,0.66);margin-bottom:4px;cursor:pointer;outline:none;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.suspension .a.active,
.suspension .a:hover{background:rgba(0,0,0,0.7);}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/qq_bg.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/tel_bg.png);background-repeat:no-repeat;}
.suspension .a-qrcode .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/erw_bg.png);background-repeat:no-repeat;}
.suspension .a-wb .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/wb_bg.png);background-repeat:no-repeat;}
.suspension .a-wm .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/shouji_bg.png);background-repeat:no-repeat;}
.suspension .a-ws .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/ser_bg.png);background-repeat:no-repeat;}
.suspension .a-top .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/top_bg.png);background-repeat:no-repeat;}
.suspension .a-top{background:rgba(0,0,0,.6);display:none;}
.suspension .a-top:hover{background:rgba(0,0,0,0.7);}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:58px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service-phone{top:-14px;}
.suspension .d-wm{top:34px;}
.suspension .d-ws{top:84px;}
.suspension .d-service{top:130px;}
.suspension .d-qrcode{top:82px;}
.suspension .d-wb{top:78px;}
.suspension .d .inner-box{padding:8px 22px 8px;}
.suspension .d .inner-box img{width: 180px; height: 180px;}
.suspension .d-service-item{padding:14px 0; overflow: hidden}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; font-weight: normal}
.suspension .d-service-item .text{float:left;width:120px;line-height:28px;font-weight: bold;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-size:18px;font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-item .text .red{ color: #df1717; }
.suspension .d-service-intro{padding-bottom:20px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-wb{text-align:center;}
.suspension .d-wb .inner-box{padding:20px 0;}
.suspension .d-wb p{font-size:16px;color:#93959c;}
.suspension .d-wm{text-align:center;}
.suspension .d-wm .inner-box{padding:20px 0;}
.suspension .d-wm p{font-size:16px;color:#93959c;}

.pp1{color:#FFF; padding:4px 12px 4px 12px; margin-bottom:10px; margin-top:10px;
	-moz-border-radius:12px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:-webkit-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-ms-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-o-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-moz-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:linear-gradient(-80deg,#ff9e7b,#fe5967);
}
.pp2{border-top:dotted 1px #e3e3e3; background:#FFF; height:15px; overflow:hidden; margin-top:15px;}
.pp3{color:#FFF; padding:4px 12px 4px 12px; margin-bottom:10px; margin-top:10px;
	-moz-border-radius:70px;
	-ms-border-radius:70px;
	-o-border-radius:70px;
	-webkit-border-radius:70px;
	border-radius:70px;
	background:-webkit-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-ms-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-o-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-moz-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:linear-gradient(-80deg,#ff9e7b,#fe5967);
}

.anm1{
	-moz-transition:-moz-transform 1.5s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 1.5s; /* Safari and Chrome */
	-o-transition:-o-transform 1.5s; /* Opera */
	-ms-transition:-o-transform 1.5s;
	transition:transform 1.5s;
}
.anm1:hover{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm2 p img{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.anm2:hover p img{transform:scale(1.2);}

.anm3 p,.anm3 p i,.anm3 p img{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
}
	
.anm3:hover p img,.anm3:hover p i{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm4 p,.anm4 p i,.anm4 p img{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}

.anm4:hover p img,.anm4:hover p i{
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}

.anmn{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.browser_ieh {height: 240px;}
#browser_ie a{COLOR: #000; }
#browser_ie .brower_info {
	text-align: center;background:url(../images/browser/browser.png); WIDTH: 100%; height: 240px;line-height:24px; bottom:0; position:fixed; z-index: 999980;
}
#browser_ie .brower_info .notice_info {
	POSITION: relative; MARGIN-TOP: 5px;text-align: center; width: 900px; margin: 0 auto; font-size: 18px; padding-top:40px;  padding-bottom: 20px;COLOR: #d52340;LINE-HEIGHT: 200%; 
}
#browser_ie .browser_list {
	POSITION: relative;
}
#browser_ie .browser_list img {
	WIDTH: 40px; HEIGHT: 40px
}
#browser_ie .browser_list span {
	TEXT-ALIGN: center; WIDTH: 100px; DISPLAY: inline-block;
}

#totop{position:fixed;bottom:.46rem;right:.05rem;z-index:97;width:.46rem; cursor:pointer; display:none;}
#totop a{ width: .46rem; height: .46rem; background: url(../images/toTop.png) no-repeat; background-size:100%; display:block;}

.foot{padding-bottom:46px; text-align:center; font-size:.1rem; line-height:.25rem; background: #313131}
.down{width: 100%; height:46px; background:rgba(0,0,0,.8); text-align: center; position:fixed; left: 0; bottom: 0;z-index: 999; color:#FFF;}
.down ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -o-box;
    display: box;
}
.down li{
	display: block;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-flex:1;
	box-flex:1;
}
/*.dok{border-right:solid 1px rgba(255,255,255,.2); height: .26rem}*/
.down li:last-child{border-right:none;}
.down a{display: block; color:#FFF;}
.down i{ font-size:16px;  margin-top: .12rem}
.down span{font-size:16px;}
.dok a{ float: right; width:.4rem; height:.4rem;background:#2a7345;}
.dok i{ font-size: 16px;margin-top: .04rem}
.dost{position: absolute; z-index: 1; width: 100%; height: .45rem}

.dis1{display: block}
.dis2{display: none}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.gallerysk,.swiper_jk{right:4%}
	.pro3 img{width: 100%; height: 1.8rem;}
}
@media screen and (min-width: 1400px) and (max-width: 1700px){
	.gallerysk,.swiper_jk{right:3%}
	.gallery-thumbsn{padding:25px;}
	.gallery-thumbsn img{width:55px; height: 55px;}
	.gallery-thumbsn i{ height: 40px;}
	.gallery-thumbsn em{ height: 28px; overflow: hidden; line-height: 110%}

	.news_n{ height: 60px;}
	
	.pro3 img{width: 100%; height: 1.9rem;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
	.pro3 img{width: 100%; height: 2.5rem;}
	
	.fana li{margin-bottom:20px;}
	.fana_n{height: 115px; margin-bottom: 8px;line-height: 220%;}
}
@media screen and (min-width: 960px) and (max-width: 1200px){
	.pro3 img{width: 100%; height: 2rem;}
	
	.fana li{margin-bottom:30px;}
	.fana li h3{padding: 0px; height: 40px; font-size: 16px;}
	.fana_n{height: 90px; margin-bottom: 8px;line-height: 200%; font-size: 14px;}
}
@media screen and (min-width: 960px) and (max-width: 1440px){	
	.abl{float: left; width: 55%}
	.abr{float: left; width: 40%; margin-left: 3%}
	.fonn{line-height: 180%; margin-top: 10px; font-size: 16px;}
	.fond{margin-top: 20px;}
	.fond img{width:50px; height: 50px;}
	.abm{float: left; widt:45%; height: 80px; margin-top: 20px;}
	
	.gallerysk,.swiper_jk{right:2%}
	.gallery-thumbs {width:380px;}
	.gallery-topn{width:calc(100% - 480px);height:1.9rem; padding: 30px; margin-top: 14%}
	.gallery-topnn{height:60px; font-size: 15px; line-height: 180%;}
	.swiper_j{ width: 400px;}
	.gallery-thumbsn{padding:20px;}
	.gallery-thumbsn img{width:50px; height: 50px;}
	.gallery-thumbsn i{ height: 36px; font-size:26px;}
	.gallery-thumbsn em{ height: 16px; overflow: hidden}
	
	.news_tui{height: 3.6rem;}
	.news_tu,.news_tu img{height: 3.6rem;}
	.news_tbg{height: 3.6rem;}	
	.news li{margin-bottom:20px;}
	.news li h3{padding: 10px 0 0 20px; height: 40px;}
	.news_me{padding: 0 0 0 20px; height: 20px;}
	.news_n{padding: 10px 0 0 20px; height: 66px;}
	
	.pro3 ul{float: left; width: 33%;}


}

@media screen and (max-width: 960px){
	.dis1{display: none}
	.dis2{display: block}
	.texlm{text-align: left;}
	.texcm{text-align: center;}
	.texrm{text-align: right;}
	.pat{padding-top:20px}
	.par{padding-right:20px}
	.pab{padding-bottom:20px}
	.pal{padding-left:20px}
	.pmt{margin-top:20px}
	.pmr{margin-right:20px}
	.pmb{margin-bottom:20px}
	.pml{margin-left:20px}
	.pat2{padding-top:10px}
	.par2{padding-right:10px}
	.pab2{padding-bottom:10px}
	.pal2{padding-left:10px}
	.pmt2{margin-top:10px}
	.pmr2{margin-right:10px}
	.pmb2{margin-bottom:10px}
	.pml2{margin-left:10px}
	.pat3{padding-top:5px}
	.par3{padding-right:5px}
	.pab3{padding-bottom:5px}
	.pal3{padding-left:5px}
	.pmt3{margin-top:5px}
	.pmr3{margin-right:5px}
	.pmb3{margin-bottom:5px}
	.pml3{margin-left:5px}
	.wik{padding: 0 10px}
	.topk{display: none}
	.bas4 .divs{width: 100%; height: 2.4rem;}
	
	.wb1{background:url(../images/wb1.jpg) right center no-repeat; background-size: 90%}
	
	.tit1{font-size: 24px;}
	.tit2{font-size: 18px;}
	
	.abl{display: none}
	.abr{width: calc(100% - 40px); margin-left: 0; padding: 0 20px}
	
	.fonn{line-height: 180%; margin-top: 10px; font-size: 14px;}
	.fond{float:left; width: 55%; margin-top: 20px;}
	.fond a{float:left; width: 50%; color: #666666; display: block; margin-right: 0%; height: 150px;}
	.fond img{width:40px; height: 40px;}
	.fond i,.fond span{font-size:14px; display: block}
	.fond em{font-size:8px;transform:scale(0.8); transform-origin: 0 0}
	.abm{float: left; widt:45%; height: 80px; margin-top: 40px;}
	.abm a{width:100%; height: 160px; display: block}
	.abm1{position: absolute; width: 30px; left: 0; top: 20px;}
	.abm1 img{width:100%}
	.abm2{position: absolute; width: 80px; left: 30px; color: #333333; border-bottom: solid 1px #aaaaaa; padding: 10px 10px 10px 0; text-align: center; font-size: 14px;
		transition: all 0.3s ;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}
	.abm3{position: absolute; width: 45px; height: 45px; left:110px; z-index: 1;
		transition: all 0.5s ;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.abm a:hover .abm2{width: 90px;}
	.abm a:hover .abm3{transform: rotate(45deg); left:120px;}
	
	.prol{width:100%}
	.swiper4 .swiper-slide h3{height: 30px; line-height: 30px; font-size: 14px;}
	.swiper4 .swiper-slide h4{height: 30px; line-height: 30px; font-size: 14px;}
	
	.news_tui{width:100%; height: 1.9rem; position: relative; margin-top: 20px;}
	.news_tu{width:37%; position: absolute;}
	.news_tu img{width:100%; height: 1.6rem;}
	.news_tbg{width:62%;height: 1.6rem; position: absolute; top:0; right:0; z-index: 2; color: #FFFFFF; background: rgba(0,0,0,0)}
	.news_tui h3{color: #333333; padding: 0 0 0 30px; height: 40px; font-size: 14px; margin-top: 10px;}
	.news_time{color: #8a8a8a; padding: 0 30px; height: 40px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.news_tun{color: #8a8a8a; height: 50px; font-size: 12px; line-height: 200%;}
	.news_mo{display: none;}
	.news_tui a:hover .news_tbg{background:none}

	.newsw{width:100%; margin-left: 0}	
	.news li{margin-bottom:15px;}
	.news li p{float:left; width:2.3rem;}
	.news li h3{padding: 0px 0 0 20px; height: 35px; font-size: 16px;}
	.news_me{height: 28px; padding: 0 0 0 20px;font-size: 14px; margin-bottom: 5px;}
	.news_n{height: 90px; padding: 0 0 0 20px; font-size: 14px; line-height: 200%;}
	
	.pro3 li{width: 94%;}
	.pro3 h3{height:20px;text-align: center; color: #2c2c2c; padding:8px 5px; font-size: 14px;}
	.pro3 ul{float: left; width: 50%; margin-bottom: 10px;}
	.pro3 img{width: 100%; height: 2.6rem;}
	.pro3 dl{display: none}
	
	.fana li:nth-child(2n+1) p{float:inherit; width:100%; margin-right: 0;}
	.fana li:nth-child(2n) p{float:inherit; width:100%; margin-left: 0;}
	.fana li img{width:100%;}
	.fana li{margin-bottom:20px;}
	.fana li h3{padding: 15px 0 0 0; height: 26px; font-size: 16px;}
	.fana_n{height: 50px; margin-bottom: 8px;line-height: 180%; font-size: 14px;}
	.fana_a em{padding:8px 20px; font-size: 14px;}
	.fana li a:hover em{padding:8px 30px;}

	/*.galleryk{width: 100%; height: 4.8rem; position: relative}
	.galleryt{left: 50%; transform: translateX(-50%); position: absolute; z-index: 2; top:0.2rem;}
	.gallery-top{width:100%; height: 4.4rem; position: absolute; z-index: 1}
	.gallery-topn{width:calc(100% - 80px);height:1.8rem; padding: 40px; background: rgba(255,255,255,.8); top:0.8rem; margin-top: 12%}
	.gallery-topnt{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.gallery-topnn{height:90px; overflow:hidden; font-size: 16px; line-height: 200%; margin-top: 0.1rem}

	.swiper_jk{width: calc(100% - 20px); max-width: 960px; position: absolute; z-index: 2; top:0.7rem; left: 0; transform: translateX(0);}
	.swiper_j{width: 100%; top:2.9rem; right: -10px; z-index: 2; background: #B55F60; position: absolute; float: right;}
	.swiper_j1{background:url("../images/swiper_j1.png")no-repeat center center rgba(0,0,0,0.5) !important; width:10% !important; height:80px !important; color: #FFFFFF;}
	.swiper_j2{background:url("../images/swiper_j2.png")no-repeat center center rgba(0,0,0,0.5) !important; width:10% !important; height:80px !important; color: #FFFFFF;}
	
	.gallerysk{width: calc(100% - 40px); max-width: 960px; padding: 0 20px; position: absolute; z-index: 2; top:3.4rem; left: 10%; transform: translateX(0);}
	.gallery-thumbs {width:100%; height: 2.6rem; box-sizing: border-box; right: 0; position: absolute;}
	.gallery-thumbs .swiper-slide{float:left !important; width:30% !important; opacity: 0.6; cursor: pointer; color: #ffffff}
	.gallery-thumbs .swiper-slide-visible{background: rgba(0,0,0,0.5);opacity: 1 !important;}
	.gallery-thumbs .swiper-slide-thumb-active {background: #287846}*/
	.gallery-thumbsn{padding:.12rem; text-align: center}
	.gallery-thumbsn img{float: inherit; display: block;width:24%; height: auto; margin: auto; margin-bottom: .04rem;}
	.gallery-thumbsn i{height: 40px; font-size:12px;display:block; overflow:hidden;}
	.gallery-thumbsn em{display: none}
	
	.fba{height: 280px;}
	
	.menu2 a{font-size: 16px; padding:10px 24px; margin: 2px;}
	
	.ab1{font-size:16px;}
	.ab2{font-size: 12px;}
	.ab2 i{display:inline-block; margin-right: 12px}
	.ab3_img{width:100%; overflow:hidden; margin:0 auto;}
	.ab4{font-size: 14px;}
	.ab4_3 .ab4_3nl{margin-right: 0;}
	.ab4_3 .ab4_3nm{margin-left: 0; margin-right: 0;}
	.ab4_3 .ab4_3nr{margin-left: 0;}
	.ab4_1,.ab4_2,.ab4_3,.ab4_4{float: inherit; width: 100%; margin-bottom: 20px; margin-right: 0}
	
	.fanh{display: none}
	.f_l{margin-top:20px; border-top:solid 1px #e5e5e5; margin-bottom: 30px; padding-top: 20px;}
	.f_l li{width:48%; font-size: 14px;}
	.f_l li a{padding:12px; margin: auto; display: block; text-align: center; width:100%; max-width: 90px; background: #218747; color: #FFFFFF;
		-moz-border-radius:500px;
		-ms-border-radius:500px;
		-o-border-radius:500px;
		-webkit-border-radius:500px;
		border-radius:500px;
	}
	.f_l li em{display:none}
	.f_l li:first-child{text-align: center}
	.f_l li:last-child{text-align: center}

	.dwx{margin-top: 20px; margin-bottom: 20px;}
	.dw1{float:inherit; width:100%;}
	.dcon{line-height: 180%; margin-top: 20px; font-size: 14px;}
	.dw2{display: none}
	.dw3{float:inherit; width:100%; text-align: left; padding-top: 10px;font-size: 14px}
	.dwn{line-height: 180%; padding: 10px 0; text-align: center;}
	.dwn em{display:inline-block;margin-right: 12px;}
	.dwn1{float:inherit; width:100%; text-align: center;font-size: 12px}
	.dwn2{float:inherit; width: 100%; text-align: center;font-size: 12px}
	.dlogo img{width:90%; max-width: 180px;}

	.bu{margin:auto; font-size: 14px}
}

.gallerykm{width: 100%; height: 4rem; position: relative}
.gallerytm{left: 50%; transform: translateX(-50%); position: absolute; top:0.2rem; z-index: 2}
.gallery-topm{width:100%; height: 4rem; position: absolute; z-index: 1}
.gallery-topnm{width:calc(100% - 40px);height:1.44rem; padding: 20px; background: rgba(255,255,255,.8); top:0.9rem; margin-top: 10%}
.gallery-topntm{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery-topnnm{height:0.6rem; overflow:hidden; font-size: 14px; line-height: 200%; margin-top: 0.1rem}

.swiper_jkm{width:calc(100% - 20px); position: absolute; z-index: 2; left:10px; top:3rem;}
.swiper_jm{width:100%; top:0; right: 0px;background: #B55F60; position: absolute; float: right;}
.swiper_j1m{background:url("../images/swiper_j1.png")no-repeat center center rgba(0,0,0,0.5) !important; background-size: 16px !important; width:9% !important; height:0.96rem !important; color: #FFFFFF;}
.swiper_j2m{background:url("../images/swiper_j2.png")no-repeat center center rgba(0,0,0,0.5) !important; background-size: 16px !important; width:9% !important; height:0.96rem !important; color: #FFFFFF;}

.galleryskm{position: absolute;z-index: 1; top:2.8rem; left: 0; left:15%; right:15%}
.gallery-thumbsm {height: 0.92rem; position: absolute;}
.gallery-thumbsm .swiper-slide{ opacity: 0.6; cursor: pointer; color: #ffffff}
.gallery-thumbsm .swiper-slide-visible{background: rgba(0,0,0,0.5);opacity: 1 !important;}
.gallery-thumbsm .swiper-slide-thumb-active {background: #287846}

@media screen and (max-width: 750px) and (max-width: 960px){
	.pro3 img{width: 100%; height: 2.1rem;}
}
@media screen and (max-width: 620px) and (max-width: 750px){
	.gallery-topnm{margin-top: 14%}
	.swiper_jkm{top:3rem;}
	.galleryskm{top:2.8rem;}
	.gallery-thumbsn{padding:.1rem; text-align: center}
	.gallery-thumbsn img{float: inherit; display: block;width:40%; height: auto; margin: auto; margin-bottom: .04rem;}
	.gallery-thumbsn i{height: 40px; font-size:12px;display:block; overflow:hidden;}
	.gallery-thumbsn em{display: none}
	
	.news li{margin-bottom:20px;}
	.news li p{float:left; width:2.2rem;}
	.news li h3{padding: 0px 0 0 20px; height: 25px; font-size: 18px;}
	.news_me{height: 24px; padding: 0 0 0 20px; margin-bottom: 0;font-size: 12px;}
	.news_n{height: 40px; padding: 0 0 0 20px; font-size: 14px; line-height: 160%;}
	
	.pro3 img{width: 100%; height: 2rem;}
	
	.fba{height: 240px;}
	.menu2 a{font-size: 16px; padding:10px 20px; margin: 2px;}
	
	
}
@media screen and (min-width: 500px) and (max-width: 620px){
	.gallery-topnm{margin-top: 15%}
	.gallery-thumbsn{padding:.14rem .1rem; text-align: center}
	.gallery-thumbsn img{float: inherit; display: block;width:40%; height: auto; margin: auto; margin-bottom: .04rem;}
	.gallery-thumbsn i{height: 40px; font-size:12px;display:block; overflow:hidden;}
	.gallery-thumbsn em{display: none}
	
	.news li{margin-bottom:20px;}
	.news li p{float:left; width:1.8rem;}
	.news li img{width:100%; height: 1.3rem}
	.news li h3{height: 26px; font-size: 16px;}
	.news_me{height: 26px; font-size: 12px}
	.news_n{height: 44px; font-size: 14px; line-height: 160%;}
	
	.pro3 img{width: 100%; height: 1.7rem;}
	
	.menu2 a{font-size: 14px; padding:8px 10px; margin: 2px;}
}
@media screen and (max-width: 500px){
	.gallery-topnm{margin-top: 19%}
	.gallery-thumbsn{padding:.14rem .1rem; text-align: center}
	.gallery-thumbsn img{float: inherit; display: block;width:55%; height: auto; margin: auto; margin-bottom: .04rem;}
	.gallery-thumbsn i{height: 40px; font-size:12px;display:block; overflow:hidden;}
	.gallery-thumbsn em{display: none}
	
	.news li{margin-bottom:10px;}
	.news li p{float:left; width:1.3rem;}
	.news li img{width:100%; height: 0.9rem}
	.news li h3{height: 24px; font-size: 16px;padding: 0 0 0 10px;}
	.news_me{height: 22px; font-size: 12px;padding: 0 0 0 10px;}
	.news_n{height: 38px; font-size: 14px; line-height: 140%;padding: 0 0 0 10px;}
	
	.pro3 img{width: 100%; height: 1.1rem;}
	
	.fba{height: 200px;}
	.menu2 a{font-size: 14px; padding:8px 10px; margin: 2px;}
}
