@charset "utf-8";

body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	min-width:1400px;

}


/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto;	font-family:"微软雅黑";}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent ;font-family: "微软雅黑"}
.float-r{float: right !important}
.float-l{float: left !important;}
i{font-style: normal}


.headerbg{ width: 100%; position: relative;}
.header-topbg{ width: 100%; height: 109px ;border-bottom: 1px solid rgba(255, 255, 255, 0.15); position: absolute; left: 0;top: 0;z-index: 9;}
.header-topbg .header-c{ width: 1400px; height: 109px ;margin: 0 auto ; position: relative;}
.header-topbg .header-c .logo-box{ width: 336px; height: 109px;display: flex; align-items: center; justify-content: left; float: left; }
.header-topbg .header-c .logo-box img{max-width: 96%;max-height: 100px}
.nav{ width: 1020px; float: left; padding: 55px 0 0 0 ;}
.nav ul{ width: 1080px;}
.nav ul li{float: left; height: 77px;margin: 0 40px 0 0; position: relative; }
.nav ul li .Level1{ min-width: 75px; line-height: 16px;text-align: center; font-size: 16px; color: #fff; display: block;}
.nav ul li .Level1 i{ width: 75px; height: 2px ;display: block;background-color: #fff ; position: absolute; left: calc(50% - 37.5px);top: 29px ;display: none}
.nav ul li .xlbox{
	width: 214px ;
	background: rgba(255, 255, 255, 0.28) ;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 2px ;
	position: absolute;
	left: calc(50% - 107px);
	top: 77px ;
	border-radius:16px ;
	-webkit-border-radius:16px ;
	-moz-border-radius:16px ;
	-ms-border-radius:16px ;
	-o-border-radius:16px ;
	 overflow: hidden;
	 display: none
}
.nav ul li .xlbox a{ width: 100%; height: 41px; line-height: 41px;display: block; position: relative;}
.nav ul li .xlbox a h4{width: 140px; height: 41px; line-height: 41px;padding-left: 26px;font-size: 14px; color: #fff; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.nav ul li .xlbox a em{ width: 27px; height: 8px;display: block ;background: url(../images/icon1.png); position: absolute; right: 17px;top: 13px;display: none}
.nav ul li .xlbox a:hover{background: -webkit-linear-gradient(left,#0658bc,#479fdd)}
.nav ul li .xlbox a:hover em{display: block}
.nav ul li.on .Level1 i{display: block}
.seacbox{ width: 42px ;border-left: 2px solid rgba(255, 255, 255, 0.42);text-align: right; position: absolute; right: 0;top: 55px}
.seacbox a{ width: 17px; height: 17px;background: url(../images/icon2.png) ;display: inline-block; cursor: pointer;}
.searchk{ width: 238px; height: 38px ; background: rgba(255, 255, 255, 0.2) ; border-radius:38px; position: absolute; right: 0; top: 132px; -webkit-border-radius:38px; -moz-border-radius:38px; -ms-border-radius:38px; -o-border-radius:38px; overflow: hidden;display: none}
.searchk .sr{ width: 155px; height: 38px ;line-height: 38px ;padding-left: 24px; font-size: 14px; color: #fff;}
.searchk .submit{width: 58px; height: 38px;background: url(../images/icon2.png) no-repeat center center; position: absolute;right: 0;top: 0 ;cursor: pointer;}
.searchk i{width: 2px; height: 17px ; background: rgba(255, 255, 255, 0.4) ;display: block;position: absolute; left: 179px;top: 11px}


.footerbg{ width: 100% ; background-color: #26272c ;}
.footerbg .copy{width: 100%; height: 52px}
.footerbg .copy h5{float: left; line-height: 52px; font-size: 12px; color: #626265 ;padding-left: 40px;}
.footerbg .copy h6{float: right; line-height: 52px; font-size: 12px; color: #626265;padding-right: 40px;}
.footerbg .copy h6 a,.footerbg .copy h5 a{ font-size: 12px; color: #626265;}
.footer-top{width: 100% ; height: 117px ; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.footer-top .topl{width: 480px; float: left; padding: 0 0 0 44px;}
.footer-top .topl h3{float: left; line-height: 117px; font-size: 18px; color: #fff;}

.shrebox{width: 300px; float: left; padding: 39px 0 0 0}
.shrebox .cx-box2{ width: 38px;display: inline-block; text-align: center; margin-left: 34px; position: relative;}
.shrebox .cx-box2 .imgb{ width: 38px; height: 38px;cursor: pointer; position: relative;}
.shrebox .cx-box2 .imgb img{  position: absolute; left: 0; top: 0;}
.shrebox .cx-box2 .imgb .ic2{display: none}
.shrebox .cx-box2 h4{ width: 100%; line-height: 16px;  text-align: center; font-size: 14px; color: #cfe2e4; padding: 10px 0 0 0; overflow: hidden;}
.shrebox .cx-box2 .ewm-box2{ width: 110px; height: 110px; background-color: #fff; border-radius:3px; position: absolute; left: 50%; top: 60px; margin-left: -50px;  z-index: 19; display: none; -webkit-border-radius:5px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.shrebox .cx-box2 .ewm-box2 i{display: block;
	width: 0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#fff; position: absolute; left: 50%;margin-left: -3px ;top: -12px;display: none
}
.shrebox .cx-box2 .ewm-box2 .ewm{ width: 95px; height: 95px; margin: 0 auto;  margin-top:7.5px;}
.shrebox .cx-box2 .ewm-box2 .ewm img{width: 100%; height: 100%}
.shrebox .cx-box2:hover  h4{color: #fff}
.shrebox .cx-box2:hover .imgb .ic2{ display: block}
.shrebox .cx-box2:hover .imgb .ic1{ display: none}
.shrebox .cx-box2:hover .ewm-box2{display: block}
.footer-top .lxbox{width: 275px; float: left;margin: 48px 0 0 0}
.footer-top .lxbox span{font-size: 14px; color: #818181; padding-left: 13px;position: relative; top: -6px}
.footer-top .lxbox.lx2{ width: 400px}
.footer-top .lxbox.lx3{ width: 190px}

.footer-bottom{ width: 100%; height: 284px;}
.footer-bottom .fotl{ width: 406px; height: 284px; border-right: 1px solid rgba(255, 255, 255, 0.05); float: left;text-align: center }
.footer-bottom .fotl img{margin-top: 17px; width: 331px; height: 214px;}
.footer-bottom .fotrlist{ width: 992px;height: 284px; border-right: 1px solid rgba(255, 255, 255, 0.05); float: left;}
.footer-bottom .fotrlist ul{ padding: 53px 0 0 125px;}
.footer-bottom .fotrlist ul li{ width: 265px;float: left;}
.footer-bottom .fotrlist ul li:nth-child(2){width: 398px;}
.footer-bottom .fotrlist ul li:nth-child(2) .bqbox{ width: 170px; float: left;}
.footer-bottom .fotrlist ul li:nth-child(3){width: 194px;}
.footer-bottom .fotrlist ul li .tit{ width: 100%; height: 16px;line-height: 16px;margin-bottom: 20px}
.footer-bottom .fotrlist ul li .tit a{font-size: 14px; color: #fff}
.footer-bottom .fotrlist ul li .bqbox{width: 100%}
.footer-bottom .fotrlist ul li h5{width: 90%;margin-bottom: 16px}
.footer-bottom .fotrlist ul li h5 a{ font-size: 12px; color: #818181}
.footer-bottom .fotrlist ul li h5 a:hover{color: #fff}


.bxui-fixed001{ width: 88px;position: fixed; right: 0;top: 33% ;z-index: 99;}
.bxui-fixed001 .icon-box{ width:88px; height: 88px ; background-color: #333; border-radius:18px; cursor: pointer; text-align: center; margin-bottom: 10px; position: relative; -webkit-border-radius:18px; -moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px;  }
.bxui-fixed001 .icon-box a{ width: 100%; height: 100%;display: block;background-color: #333; border-radius:18px; position: relative;z-index: 2;}
.bxui-fixed001 .icon-box h4{width: 100%; text-align: center;font-size: 14px; color: #fff;  position: absolute; left: 0;bottom: 20px;}
.bxui-fixed001 .icon-box .icon{ position: absolute; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); top: 28px}
.bxui-fixed001 .icon-box h6{ width: 178px; height: 46px; line-height: 46px;font-size: 16px; color: #fff; background-color: #333; position: absolute; right: -90px; top: 21px; z-index: 1; border-radius:22px 0  0  22px; -webkit-border-radius:22px 0  0  22px; -moz-border-radius:22px 0  0  22px; -ms-border-radius:22px 0  0  22px; -o-border-radius:22px 0  0  22px; }
.bxui-fixed001 .icon-box:nth-child(2) a{background-color:#1163c2 }

.upbox{ width: 25px;text-align: center; cursor: pointer; position: fixed; right: 40px;bottom: 10%;z-index: 9;display: none}
.upbox h5{font-size: 12px; color: #fff; padding: 16px 0 0 0}