@charset "utf-8";
#top{background: #F4F4F4;line-height:40px;text-align:center;color: #666;}
#header{padding: 20px 0;}
.logo{max-width:80%;float:left;}
.logo a{float:left;display:block;}
.logo p{float:left;font-size:16px;color:#0b0b0b;padding:20px 0 20px 20px;line-height:1.5;border-left:1px solid #294D8B}
.logo img{max-width:100%;display: block;height: 95px;}
.tel{line-height: 1.2;background: url(../images/tel.png) no-repeat center left;padding-left: 50px;margin-top: 20px;margin-right: 15px;}
.tel p:first-child{font-size: 20px;}
.tel p:last-child{font-size: 26px;color: #23A253;font-weight: bold;}
.ewm img{width: 91px;display: block;}

#nav{background: #23A253;}
.nav{text-align:center;}
.nav>li{width: 11.1%;float:left;box-sizing:border-box;line-height: 40px;}
.nav>li>a{font-size:1rem;display:block;color: #fff;position: relative;}
.nav>li>a:hover, .nav .on{background: #F18910;}
.drop{position:relative}
.drop:hover .drop-box{display:block}
.drop-box{position:absolute;z-index:5;width:100%;background:rgba(0,0,0,0.5);padding:10px 0;display:none}
.drop-box li{line-height:2}
.drop-box a{color:#fff;display:block;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.5)}
.drop-box a:hover{background:#23A253}
#banner img{display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width: 40px;height: 70px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size: 20px 35px;-webkit-background-size: 20px 35px;background-size: 20px 35px;background-position:center;background-repeat:no-repeat;background-color: rgba(255,255,255,0.5);}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2323A253'%2F%3E%3C%2Fsvg%3E");left:30px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2323A253'%2F%3E%3C%2Fsvg%3E");right:30px}
#banner .swiper-pagination-bullet-active{background: #23A253;}
#menu1{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5;overflow:hidden}

#footer{padding: 50px 0 0;background: #070F1A;color:#fff;}
#footer dt{font-size:20px;margin-bottom:10px;background: url(../images/title_bg.png) no-repeat left bottom;line-height: 3;max-width: 280px;}
#footer dd{font-size:14px}
#footer dd a{color:#fff}
.bot-nav img{margin-top: 50px;}
.bot-nav dd,.bot-prolist dd{float:left;width:50%}
.bot-qa{text-align:center}
.bot-qa img{display:block;margin:0 auto;max-height: 130px;}
.copyright{text-align:center;line-height:1.5;font-size:14px;border-top: 1px solid #FFFFFF;padding:10px 0;margin-top: 30px;}
.copyright a{color:#fff;}
body{width:100%;overflow-x: hidden;}
@media (max-width:767px){
	.logo img{height:auto;}
	#header{padding: 10px 0;position: fixed;top: 0;width: 100%;z-index: 3;background: #fff;}
	#nav{display: none;position: fixed;right: 0;top: 58px;background: rgba(0,0,0,0.8);padding: 20px;width: 200px;border-radius: 0 0 0 5px;z-index: 12;height: calc( 100% - 98px );overflow-y: scroll;}
	.nav{text-align:left}
	#open_menu {width: 35px;height: 35px;border: 1px solid rgba(0,0,0,0.2);border-radius: 3px;position: relative;}
	#open_menu span, #open_menu:after, #open_menu:before {position: absolute;width: 70%;left: 15%;height: 3px;background: #999;}
	#open_menu:after, #open_menu:before { content: ''; transition: transform 0.3s; }
	#open_menu span { top: 50%; margin-top: -1.5px; }
	#open_menu:before { top: 8px; }
	#open_menu:after { bottom: 8px; }
	#open_menu.open_menu_on span { opacity: 0; }
	#open_menu.open_menu_on:after, #open_menu.open_menu_on:before { top: 50%; margin-top: -2px; transform: rotate(45deg); width: 70%; left: 15%; }
	#open_menu.open_menu_on:before { transform: rotate(-45deg); }
	#nav ul li{width: 100%;line-height: 2;}
	#nav>ul>li>a{color: #fff;border-bottom: 0 !important;line-height: 2;display: inline-block;background: transparent;}
	#nav>ul>li>a:before,#nav>ul>li>a:after{display:none}
	.drop-box{display: block;position: unset;background: none;padding-left: 20px;}
	.drop-box a{border: 0;}
	#nav>ul>li:hover>a:before, #nav>ul>li>a.active:before{position: unset;left: unset;margin: 0;display: inline-block;border-bottom-color: transparent;border-left-color: #c70505;vertical-align: middle;}
	.drop-con{display:none !important}
	#footer{padding:0 10px 10px}
	.copyright{margin:0;border:0;padding-top:20px;background: none;}
	.foot{background:#000;color:#fff;position:fixed;bottom:0;z-index: 5;width:100%;}
	.foot a{color:#fff;text-align:center;display:block;text-decoration:none}
	body{padding-top: 58px;padding-bottom:64px;}
	#tmpAreaLmtDiv,#toolbar{display:none;}
}

/********.fixtool*********/
.toolbar{width:130px;position:fixed;right:0;top: 50%;z-index:999;}
.toolbar dd{width:130px;height:55px;margin-bottom:0;position:relative}
.toolbar dd a{color:#fff;width:130px;height:55px;display:block;cursor:pointer;text-align:center;background:url(../images/rightfixicon.png) no-repeat -36px 0;line-height:45px;-webkit-transition:all .0s ease-in-out 0s;-moz-transition:all .0s ease-in-out 0s;transition:all .0s ease-in-out 0s;}
.toolbar dd a span{width:24px;height:24px;display:inline-block;background:url(../images/rightfixicon.png) no-repeat 0 0;vertical-align:middle;margin-right:5px}
.toolbar dd a:hover{background-position:-168px 0}
.toolbar .pop{position:absolute;right:90px;top:-45px;background:#23A253;display:none}
.toolbar .pop-code{width:100px;padding:15px 15px 0}
.toolbar .pop-code img{width:100px;height:100px;display:block}
.toolbar .pop-code h3{height:40px;line-height:40px;text-align:center;color:#fff;font-size:12px;font-weight:400;white-space:nowrap}
.toolbar .zxzx span{background-position:0 4px}
.toolbar .lf span{background-position:0 -33px}
.toolbar .bj span{background-position:0 -65px}
.toolbar .code span{background-position:0 -33px}
.toolbar .top{width:130px;height:45px;background: #23A253;}
.toolbar .top span{background-position:0 -127px}
.toolbar .top:hover{background: #23A253;}
.toolbar .side_tel{position:absolute;right:0;top:0;background: #23A253;height:45px;line-height:45px;color:#fff;width: 130px !important;text-align:center;}