@charset "utf-8";
#header{line-height: 98px;box-shadow: 0 0 5px #ccc;position: relative;z-index: 5;}
.logo{width: 23%;max-width: 500px;}
.logo img{display:block;max-width: 100%;margin-top: 15px;}
.headerR{color:#fff;position:relative;}
.open-search{color:#fff;cursor: pointer;display: block;background: url(../images/search.png) no-repeat center;width: 80px;height: 100px;}
.open-search:hover{color:#fff}
.top-link{color: #fff !important;padding:0 10px;}
.top-search{position:absolute;right:0;top:100%;width: 300%;height:40px;line-height:40px;display:none;z-index: 10;}
.top-search .text{color:#999;background:#fff;border:none;width:100%;padding:0 0 0 10px;height:40px;box-sizing:border-box;line-height: 38px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px;}
.top-search input:focus,.top-search button:focus{outline:none}
.top-search .text.focus{color:#333}
.top-search .btn{position:absolute;right:0;top: 1px;width:40px;height: 40px;background: url(../images/search.png) no-repeat center center #f08200;border: 0;}
#menu{display:none}
#nav>li{float:left;padding: 0 22px;position: relative;}
#nav>li>a{display:block;position: relative;border-bottom: 2px solid transparent;font-weight: bold;}
#nav>li:hover>a,#nav>li>a.active{color: #008CD7;border-bottom: 2px solid #008CD7;font-weight: bold;}
.drop-con{background: rgba(0,140,215,0.8);display: none;position: absolute;z-index: 5;word-break: keep-all;width: 130%;}
.drop-con li:first-child{margin-top:10px}
.drop-con li:last-child{margin-bottom:10px}
.drop:hover .drop-con{display: block;}
.drop-con li{line-height: 2;}
.drop-con a{display: inline-block;position: relative;line-height: 2;color: #fff;margin: 0 10px;padding: 0 8px;transition: 0.5s all;}
.drop-con .active a,.drop-con a:hover{padding: 0px 0 0 16px;}
.drop-con .active a:before,.drop-con a:hover:before{content:'';border: 5px solid transparent;border-left: 6px solid #fff;display: block;vertical-align: middle;position: absolute;top: 11px;left: 0;}
#banner img{display:block;}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;width:36px;height:50px;top:50%;background-size:20px;background-repeat:no-repeat;background-color: rgba(255,255,255,0.5);background-position:center;margin-top:-20px;}
#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'%23fff'%2F%3E%3C%2Fsvg%3E");left: 10px;}
#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'%23fff'%2F%3E%3C%2Fsvg%3E");right: 10px;}

body{width:100%;overflow-x: hidden;}
@media (max-width:1100px){
	.logo img{margin-top: 5px;}
	#nav li{padding: 0 5px;}
	.open-search{width: 50px;height: 100px;}
	#header>div{margin-right: 0;width: 98%;padding-right: 0;box-sizing: border-box;}
}
@media (max-width:940px){
	#nav li{padding: 0 5px;}
}
@media (max-width: 880px){
	#header{line-height: 60px;position: fixed;top: 0;z-index: 10;background: #fff;width: 100%;}
	.logo{width: 65%;}
	#nav{display: none;position: absolute;right: 0;top: 60px;background: rgba(0,0,0,0.8);padding: 10px;width: 50%;border-radius: 0 0 0 5px;z-index: 12;}
	#open_menu {width: 35px;height: 35px;border: 1px solid rgba(0,0,0,0.2);border-radius: 3px;margin: 6px 5px 0 0;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 li{width: 100%;line-height: 2;}
	#nav>li>a{color: #fff;border-bottom: 0 !important;line-height: 2;display: inline-block;}
	#nav>li:hover>a:before, #nav>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: block;background: unset;position: unset;}
	.open-search{padding: 0 0px;height: 50px;}
	.top-link{padding: 0 5px;}
}
@media (max-width: 768px){
	.foot{background:#000;color:#fff;position:fixed;bottom:0;z-index: 99;width:100%;padding: 0;}
	.foot a{color:#fff;text-align:center;display:block;text-decoration:none}
	body{padding-top: 50px;padding-bottom:64px;}
	#tmpAreaLmtDiv,#toolbar{display:none;}
}

#footer{background: #232323;color:#fff;padding-bottom:30px;}
#footer a{color:#fff}
.foot_nav{line-height:5;border-bottom:2px solid #757575}
.foot_nav li{float:left;width: 12.5%;text-align:center;}
.foot_nav li:after{content:'/';float:right}
.foot_nav li:last-child:after{content:''}
.footer{margin:40px auto}
.ewm{background:url(../images/r.png) no-repeat center right;float:left;width:30%}
.logo2{display:block;margin-bottom:10px;max-width:100%}
.mobile{display:block;max-width:100%;padding: 15px 0;}
.foot-prolist{float:left;width:25%;margin:0px 5%;background:url(../images/r.png) no-repeat center right}
.foot-prolist dt,.ewm dt{font-size:20px;margin-bottom:20px}
.foot-prolist dd{width:50%;float:left;line-height:2.8}
.foot-contact{float:left;width:35%}
.foot-contact dt{font-size:20px;margin-bottom:20px}
.foot-contact dd{line-height:2.2}
.copyright{background:#1A1A1A;color:#fff;line-height: 3;}
.copyright a{color:#fff}
#ewm{position: fixed;top: 50%;left: 0;margin-top: -65px;background: #fff;box-shadow: 0 0 0 2px #ccc;z-index: 99;}
#ewm dt{text-align: center;line-height: 2;font-size: 16px;}
#ewm img{display: block;width: 130px;margin: 0 auto;}
@media (max-width: 768px){
    .copyright{line-height: 1.5;font-size: 14px;padding: 5px 0;}
    #ewm{display:none;}
}