﻿@charset "utf-8";
body, html{margin:0;padding:0;min-width:1200px;font-family:'微软雅黑',serif,arial,"Times New Roman";color:#333;font-size:14px;}
*{margin:0;padding:0;outline:none;font-size:inherit;color:inherit;font-weight:normal;font-style:normal;line-height:inherit;font-size:inherit;font-weight:normal;box-sizing:border-box;z-index:1;}
*:before,
*:after{display:block;z-index:1;}

h1, strong{font-weight:bold;}
ul, ol{list-style:none;}
a, a:hover{text-decoration:none;}
img{border:0;}
button, input, textarea{display:block;background:none;border:none;}
table{border-spacing:0;border-collapse:collapse;}

.img{position:relative;width:100%;display:block;overflow:hidden;}
.img img{display:block;width:100%;}
.clearfix:after{content:'';font-size:0;display:block;clear:both;height:0;}
.clear{display:block;font-size:0;display:block;clear:both}
.fl{display:block;position:relative;float:left;}
.fr{display:block;position:relative;float:right;}

.w1200{margin:0 auto;height:100%;position:relative;max-width:1200px; width:96%;}

.swiper{width:100%;overflow:hidden;position:relative;}

body{overflow-x:hidden;overflow-y: scroll;}

::-webkit-scrollbar{width:10px;background:#ddd;}
::-webkit-scrollbar-thumb{width:10px;height: 20px;display: block;background:#999;border-radius:10px;}
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner{display:none;}
::-webkit-scrollbar-thumb:hover{background:#1c69d4;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.header{display:block;width:100%;position:relative;background:#fff;}
.header .gten{position:absolute;right:0;top:10px;z-index:99;display:flex;display:-webkit-flex;align-items:center;font-size:16px;color:#999;}
.header .gten img{max-height:20px;margin-right:5px;}
.header .gten:hover{color:#008cc9;}
.header .logo{display:block;padding:25px 0;}
.header .logo img{display:block;max-width:100%;margin:0 auto;}

.h_nav{width:100%;background:#008cc9;color:#fff;position:relative;font-size:0;z-index:50;}
.h_nav li{display:inline-block;vertical-align:top;position:relative;text-align:center;width:12.5%;}
.h_nav li a{display:inline-block;position:relative;font-size:16px;line-height:55px;height:60px;}
.h_nav .a1 a:before{content:'';width:100%;height:2px;left:0;bottom:10px;background:#fff;position:absolute;display:none;}
.h_nav .a1.on1:before,
.h_nav .a1.on a:before{display:block;}
.h_nav .sou a{display:flex;display:-webkit-flex;align-items:center;justify-content:center;height: 55px;}
.h_nav .sou i{display:block;width:18px;height:18px;background:url(../img/sou.png) no-repeat center/90%;margin-right:5px;}

.navbox{background:#008cc9;width:100%;position:relative;color:#fff; z-index:10;}
.navbox ul{ font-size:0;}
.navbox ul li{ display:none;width:100%;position:relative;}
.navbox ul li.on{display:block;}

.navbox .item{display:block;width:100%;position:relative;padding:5px 0 5px 42px;z-index:2;}
.navbox .item.on{z-index:999;}
.navbox .item:first-child{ padding-top:20px;}
.navbox .item:last-child{ padding-bottom:50px;}

.navbox dl{display:block;width:100%;position:relative; }
.navbox dl dt{display:block;width:220px;position:relative;padding-right:26px;}
.navbox dl dt a{display:block;font-size:16px;line-height:26px;}
.navbox dl dt i{width:26px;height:100%;display:block;position:absolute;top:0;right:0;}
.navbox dl dt i:before{content:'';width:8px;height:8px;border-color:#fff;border-style:solid;border-width:1px 1px 0 0;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:50%;left:50%;margin-top:-4px;margin-left:-4px;}
.navbox dl dd{position:absolute;top:0;left:240px; display:none; z-index:10;}
.navbox .item.on dl dd{ display:block;}
.navbox dl dd a{ display:block;font-size:16px;line-height:26px; margin-top:10px;}
.navbox dl dd a:first-child{ margin-top:0;}	
.navbox dl:hover dt a{ color:#FF0000;}

.soubox{display: none;width: 100%;position: relative;padding: 20px 0;box-shadow: 0 0 20px rgba(0,0,0,.2);z-index: 5;}
.soubox .off{position: absolute;right: 0;top: 0;width: 40px;height: 40px;cursor: pointer;}
.soubox .off:before,
.soubox .off:after{ content:''; position:absolute; top:50%; left:50%; background:#999;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.soubox .off:before{ width:24px; height:2px; margin-left:-12px; margin-top:-1px;}
.soubox .off:after{ width:2px; height:24px; margin-top:-12px; margin-left:-1px;}
.soubox .off:hover:before,
.soubox .off:hover:after{ background:#000;}
.soubox form{max-width: 500px;border: 2px #999 solid;padding: 10px; height:40px; margin:0 auto; display:block; position:relative;}
.soubox form input[type="text"]{width: 100%;font-size: 14px; line-height:16px; height:16px;}
.soubox form input[type="submit"]{position: absolute;top: 0;right: 0;width:50px;height: 100%;background: url(../img/sou.png) #999 no-repeat center/20px;cursor: pointer;z-index: 99;}

@media (max-width:1024px){
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.footer{background:#008cc9;width:100%;position:relative;color:#fff; z-index:10; padding:40px 0;}
.footer a:hover{ color:#FF0000;}

.footer .main{width:100%;position:relative; font-size:0; text-align:center;}
.footer .main .txt,
.footer .main .img{display:inline-block; vertical-align:middle; position:relative;}
.footer .main .txt{ text-align:left; padding-left:20px;}
.footer .main .txt p{font-size: 16px;line-height: 2em;}

.footer .main .img{ width:126px; padding:5px; background:#fff;}
.footer .main .img img{width:100%;display:block;}

.copybox{width:100%;position:relative;padding:20px 0;background:#111;color:#999;}
.copybox a:hover{color:#fff;}
.copybox p{line-height:2em;}

@media (max-width:1024px){
	.footer{padding:40px 0;}
	.footer ul{display:none;}
	.footer .ewm{float:none;}
	.copybox{text-align:center;}
	body:after{content:'';clear:both;width:100%;height:50px;}
	.callbox{display:flex;display:-webkit-flex;align-items:center;justify-content:center;z-index:999;}	
}
@media (max-width:768px){
	.gotop{width:60px;height:60px;top:-30px;margin-left:-30px;}
	.footer{padding:20px 0;}
	.footer .w1400{padding-top:30px;}
	.copybox{text-align:left;}
	.copybox p{font-size:13px;line-height:20px;}
	body:after,
	.callbox{height:40px;}
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/