html{font-family: "Microsoft YaHei", serif; font-size:14px;color:#333333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,table,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,
footer,header,menu,nav,section{margin:0;padding:0;}
img{border:0;vertical-align:top}
ul,li{list-style-type:none;}
a{text-decoration: none;color:#333;}
a:hover{color:#027fcf;}
input{outline:none;}
.overall{width:100%; height:auto; overflow-x:hidden;min-width:1200px;}
.fl{float:left;}
.fr{float:right;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.clearfix:after{content: "";display: block;clear: both;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left:30px;}
.gray{color:#999999;}
.gray2{color:#333333;line-height:26px;}
.w590{width:590px;}
.w70{width:70px;}
.w500{width:500px;}
.w1240{width:1240px;margin:0 auto;}
.container{width:1200px;margin:0 auto;}

.warp{width:100%;position:relative;z-index:1;}
.top{width:100%;position:absolute;z-index:999999;top:0;display: block;}
.top>.container{position:relative;z-index:1;}
.top::after{content: "";width: 100%;height: 150px;background-image: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 98%);display: block;position: absolute;top:0;left: 0;z-index: 0;transition: all 0.7s ease-out 0s;}
.header2{border-bottom:solid 1px #FFFFFF;height:120px;display:flex;justify-content:space-between;align-items:center;}
.logo a{display:block;}

/*.logo img{height:70px;display:block;}*/
.logo img{height:60px;display:block;}

/*导航/可出现三级栏目*/
.nav_warp{width:100%;height:125px;line-height: 125px; /*background:#215cc4;*/}
#menu {font: 14px "Microsoft YaHei", Arial, Helvetica;}
#menu a {color: #ffffff;}
#menu, #menu ul {margin: 0;padding: 0;list-style: none;}
#menu {/*width: 1200px;*/margin: 0px auto;}
#menu:before, #menu:after {content: "";display: table;}
#menu:after {clear: both;}
#menu {zoom: 1;}
#menu li {float: left;width:100px;position: relative;z-index:100;height:120px;/*margin-bottom: -3px;*/margin-top:2px;}
#menu li:hover {float:left;width:100px;position: relative;z-index:100;background:url(../images/nav_bg.png) no-repeat left bottom;}
#menu a {float: left;width:100px;line-height:120px;text-align:center;color: #ffffff;font-size:16px;text-decoration: none;display:block;}
#menu li:hover > a {color: #ffffff;}
*html #menu li a:hover {color: #fafafa;}
#menu ul {_margin: 0;  opacity: 0;  visibility: hidden;  position: absolute;  top: 120px;  left: 0;z-index: 1000;background:url(../images/xh_02.png) repeat-y;}
#menu li:hover > ul {opacity: 1;  visibility: visible;  margin: 0;}
#menu ul ul {top: 0;left: 100px;margin: 0 0 0 20px;_margin: 0;  }
#menu ul li {float: left;display: block;border: 0;_line-height: 0;  }
#menu ul li:hover {float: left;  display: block;  border: 0;  _line-height: 0;  background:none;}
#menu ul li:last-child {-moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: none;  }
#menu ul a {width: 100px;  display: block;  white-space: nowrap;  float: left;text-transform: none;  font-size:14px;  }
#menu li ul li {width: 100px;line-height:50px;height:50px;display: block;  white-space: nowrap;  float: left;text-transform: none;  font-size:14px;margin-top: -1px;}
#menu li ul li a {width: 100px;line-height:50px;height:50px;display: block;  white-space: nowrap;  float: left;text-transform: none;  font-size:14px;  }
#menu ul a:hover {  background-color: #ff8a00;  color:#fff;}
#menu ul li:first-child > a:after {content: '';  position: absolute;  left: 40px;  top: 0;}
#menu ul ul li:first-child a:after {left: -6px;  top: 50%;margin-top: 0;border-left: 0;}
#menu ul li:first-child a:hover:after {border-bottom-color: #04acec;  }
#menu ul ul li:first-child a:hover:after {  border-right-color: #0299d3;border-bottom-color: transparent;  }

/*footer*/
/*.footer{width:100%;padding:20px 0;background: #000000; text-align: center;}*/
.footer{width:100%;padding:20px 0;background: #98151f; text-align: center;}

/*.footer p{color:rgba(255,255,255,0.8);font-size:14px;line-height:28px;}
.footer p a{color:rgba(255,255,255,0.8);}*/
.footer p{color:#fff;font-size:14px;line-height:28px;}
.footer p a{color:#fff;}

/*IE9下升级提示开始*/
#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}
/*IE9下升级提示结束*/
