@charset "utf-8";
/* CSS Document */
/*重置*/
body{min-width:1230px;}
body,div,h1,h2,h3,h4,h5,h6,ul,li,p,input{ margin:0; padding:0;}
input{ border:none;}
li{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
*{ font-family:"Microsoft Yahei";}
.clearfix{ clear:both;}
body{ background:url(../images/outsite-bg.jpg) no-repeat top center;}
/*top头部*/
/*.topbox{  position:fixed; z-index:2; top:0; left:0; right:0;}*/
.topbg{ background-color:#0a3259; width:100%; min-width:1200px;}
.top{max-width:1430px; margin:0 auto;padding:0 15px;}
.welcome{ float:left; color:#fff; font-size:14px; line-height:40px;}
.right_part{ float:right;}
.right_part ul,.right_part ul li,.zw_1,.zw_2{ float:left;}
.right_part ul{ margin-left:20px;}
.right_part ul li > img{ margin-top:8px;}
.right_part ul li{ line-height:40px; height:40px; color:#fff; margin-right:10px; font-size:14px;}
.right_part ul li a{ color:#fff;}
.zw_1{ margin-right:10px; font-size:14px; padding-right:40px; background:url(../images/china.png) no-repeat 40px center;}
.zw_2{ margin-right:10px; font-size:14px; padding-right:40px; background:url(../images/dg.png) no-repeat 60px center;}

/*logo区域*/
.logobg{ background:url(../images/top-site-bg.png) no-repeat left center;  width:100%; min-width:1200px; background-size:cover; }
.logobox{max-width:1430px; margin:0 auto;padding:0 15px;}
.logo{ float:left; margin:30px 0;}
.search{ width:200px; height:36px; margin-top:58px; float:right;}
.searchtext{ float:left; background:url(../images/search-text.png) no-repeat left center; width:132px; height:36px; padding-left:20px;outline:none;}
.searchbtn{ float:right; width:48px; height:36px;}

/*导航*/
.nav_bg{ background-color:#0a3259; min-width:1200px;}
.nav{ max-width:1430px; margin:0 auto;padding:0 15px; height:60px; line-height:60px;   position:relative; z-index:1; }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left; position:relative; display:inline;width:9.05%;}
		.nav .nLi h3{ float:left; text-align:center; font-weight:normal; width:100%; }
		.nav .nLi h3 a{ display:block; width:100%; line-height:60px; font-size:18px; text-align:center; }
		.nav .sub{ display:none; width:150px; left:0; top:60px;  position:absolute; background:#003366;  line-height:60px; }
		.nav .sub li{ zoom:1;}
		.nav .sub a{ display:block; width:150px; font-size:16px; text-align:center; text-align:center;}
		.nav .sub a:hover{ background:#F8B62A; color:#fff;}
		.nav .on{ background-color:#F8B62A;}
		.nav .on h3 a{ background:#F8B62A; color:#fff; }


/*banner图*/

.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; margin:0 auto; /*margin-top:253px;*/}
		.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; bottom:30px; z-index:1; margin-left:-240px; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; margin:0 auto; }
		
		.slideBox .hd ul .btn_1{ float:left; margin:0 20px; width:80px; height:10px; cursor:pointer; background-color:#000;}
		.slideBox .hd ul .btn_2{float:left; margin:0 20px; width:80px; height:10px; cursor:pointer; background-color:#ee161a;}
		.slideBox .hd ul .btn_3{float:left; margin:0 20px; width:80px; height:10px; cursor:pointer; background-color:#f4d421;}
		.slideBox .hd ul .btn_4{float:left; margin:0 20px; width:80px; height:10px; cursor:pointer; background-color:#0a3259;}
		.slideBox .hd ul .btn_5{float:left; margin:0 20px; width:80px; height:10px; cursor:pointer; background-color:#000;}
                     .slideBox .bd{ width:100%;}
				

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:5%; top:50%; margin-top:-50px; display:block; width:50px; height:50px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
		.slideBox .next{ position:absolute; left:5%; top:50%; margin-top:-50px; display:block; width:50px; height:50px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;}
		.slideBox .nextStop{ display:none;}







/*页脚*/
.footerbg{ background:url(../images/footer-bg.jpg) no-repeat right center; width:100%; min-width:1200px; background-size:cover;}
.footer{ max-width:1430px; margin:0 auto; padding:30px 15px;}
.footer ul li{ font-size:14px; line-height:34px; color:#fff; text-align:center;}

.quick_link{ max-width:1430px; margin:0 auto; margin-bottom:30px;padding:0 15px;}
.quick_link ul li{float:left; width:25%; padding:0 10px; height:40px;box-sizing:border-box;}
/*.quick_link ul li a{ display: block; color:#fff; font-size: 22px; line-height: 80px; text-align: center;}*/

.l-icon{ float:left; padding-left:70px; width:40px; height:40px;}
.l_icon img{ width:100%; height:100%;}
.l_name{ float:right; width:160px; text-align:left;}
.l_name a{ font-size:22px; color:#fff; line-height:40px; display:block;}



/*ie*/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.footer1{display:flex;justify-content:space-between;align-items:center;}
.ewm{width:300px;}
.ewm ul{display:flex;}
.ewm ul li{margin-left: 20px;position: relative;}
.ewm ul li div{width: 48px;height: 48px;border: 1px dashed #ffffff;border-radius: 100%;background-repeat: no-repeat;background-position: center;background-size: auto 26px;cursor: pointer;}
.ewm ul li span{display: flex;height: 160px;position: absolute;left: 50%;transform: translateX(-50%);top:-175px;visibility:hidden;opacity: 0;transition: 0.3s all;padding:5px;background:#ffffff;z-index:2;}
.ewm ul li span::before{content: "";position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-top-color:#ffffff;bottom:-15px;z-index: 0;}
.ewm ul li span img{height: 100%;}
.ewm ul li .icon1{background-image: url(../images/qq.svg);}
.ewm ul li .icon2{background-image: url(../images/wechat.svg);}
.ewm ul li:hover span{top:-190px;opacity: 1;visibility: inherit;}