/*全局样式*/
body{padding:0;margin:0;font-size:14px;font-family:微软雅黑;color: #272727;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;border: 0;}
ul{list-style:none;}
a{text-decoration: none;color: #000;}
input{border: 0;padding: 0;}
i,em{font-style: normal;}
img{max-width: 100%;height: auto;display: block;}
/*去掉 input 默认边框*/
input{outline:none;border:0;font-family: 微软雅黑;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 微软雅黑;}
/*清除浮动*/
.clearfloat{border:0px;clear:both;height:0px;font-size:0px;line-height:0px;}
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决ie/firefox 浏览器中，点击一个链接后有一个虚线边框的问题*/
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　
a:focus{-moz-outline-style: none;} /* IE不支持 */ 
a:focus{outline:none;-moz-outline:none;}
/*解决chrome 浏览器，当文本框，多行文本获得焦点的时候，会有一个边框的问题*/
input,textarea{outline:none;}
.con1002{width: 1002px;margin: 0 auto;position: relative;}
.con1200{width: 1200px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}

/*header*/
.top{width: 100%;height: 129px;}
.top .logo{float: left;margin: 36px 0 0 24px;}
.top .func{position: absolute;right: 0;top: 35px;}
.top .func div{float: left;padding: 0 15px;border-left: 1px solid #aaa;color: #666;cursor: pointer;}
.top .func div:first-child{border-left: 0;}
.top .func div img{float: left;margin: 3px 8px 0 0;}
.top .func div.lan em{margin: 0 4px;}
.top .func div.lan a.on,.top .func div.lan a:hover{color: #00479d;}
.top .search{position: absolute;right: 0;top: 67px;width: 320px;height: 31px;background: #fff;}
.top .search input{float: left;width: 240px;height: 31px;margin-left: 25px;}
.top .search button{float: right;width: 30px;height: 20px;margin: 5px 10px 0 0;padding-left: 10px;border-left: 1px solid #d3d3d3;background: url(../images/fdj.png) right no-repeat;cursor: pointer;}
/*header结束*/

body{background: #f0f0f0;}
/*banner*/
.banner{position: relative;width: 100%;overflow: hidden;}
.banner .swiper-pagination-bullet-active{background: #00479d;}
.banner .swiper-button-prev{background: url(../images/banner_btnL.png);background-size: 100% 100%;}
.banner .swiper-button-next{background: url(../images/banner_btnR.png);background-size: 100% 100%;}
/*内页banner*/
.nbanner{display: none;}
/*banner结束*/

/*nav*/
.navCon{position: relative;z-index: 10;width: 100%;height: 65px;background: #00479d;border-bottom: 3px solid #012756;}
.nav{}
.nav li{position: relative;float: left;height: 65px;padding: 0 26px;line-height: 65px;}
.nav li > a{padding-bottom: 7px;font-size: 16px;color: #fff;}
.nav li.on > a,.nav li:hover > a{border-bottom: 2px solid #fff;}
.nav li .sub_nav{position: absolute;left: 0;top: 65px;width: 100%;background: #00479d;display: none;}
.nav li .sub_nav dd{height: 30px;padding-left: 25px;line-height: 30px;}
.nav li .sub_nav dd a{display: block;color: #fff;}
.nav li .sub_nav dd:hover{background: #1a77e8;}
.nav li .sub_nav dd:hover a{font-weight: bold;}
.nav li .sub_nav_cert{width: 170px;}
.nav li .sub_nav_cert dd{padding-left: 15px;text-align: left;}
.nav li .sub_nav_download{width: 155px;}
.nav li .sub_nav_download dd{padding-left: 15px;text-align: left;}
.nav li:nth-child(7) dl{width: 160px;}
.nav li:nth-child(8) dl{width: 165px;}
.nav li:last-child dl{width: 120px;}
.menuCon{position: relative;width: 100%;height: 35px;background: #00479d;z-index: 11;display: none;}
.menuBtn{position: absolute;width: 30px;height: 24px;left: 50%;top: 6px;margin-left: -15px;}
.menuBtn span{display: block;height: 3px;margin-bottom: 3px;background: #fff;}
.menu{position: absolute;left: 0;top: 35px;width: 80%;padding: 0 10%;background: rgba(0,0,0,.8);display: none;}
.menu li{position: relative;line-height: 40px;border-top: 1px solid #666;font-size: 15px;}
.menu li:after{content: "";position: absolute;right: 0;top: 18px;width: 0;height: 0;border: 4px solid transparent;border-left: 4px solid #fff;transition: all 0.3s ease;}
.menu li:first-child{border-top: 0;}
.menu li:first-child:after{border-left: 0;}
.menu li.on{border-top: 1px solid #e60012;}
.menu li.on:after{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.menu li.on > a{color: #e60012;}
.menu li a{display: block;color: #fff;}
.menu li .sub_menu{padding-left: 5%;display: none;}
.menu li .sub_menu dd{position: relative;padding-left: 5%;border-top: 1px solid #666;font-size: 14px;}
.menu li .sub_menu dd:after{content: "";position: absolute;left: 0;top: 18px;width: 4px;height: 4px;background: #fff;border-radius: 50%;}
/*nav结束*/

/*footer*/
.footer{height: 120px;background: #00479d;overflow: hidden;}
.footer .cr{float: left;padding-top: 42px;color: #fff;}
.footer .cr p{line-height: 22px;}
.footer .cr a{float: left;margin-top: 8px;color: #fff;}
.footer .cr a:hover{text-decoration: underline;}
.footer .back{display: block;position: absolute;right: 170px;top: 32px;}
.footer .back img{display: block;margin: 0 auto;}
.footer .back span{display: block;padding-top: 6px;color: #fff;}
.footer .bdsharebuttonbox{position: absolute;right: 0;margin-top: 24px;}
.footer .bdsharebuttonbox a{margin-left: 10px;}
.footer .bdsharebuttonbox .bds_weixin{background: url(../images/icon_wx.png) no-repeat;padding-top: 32px;text-indent: 0;text-align: center;color: #fff;}
.footer .bdsharebuttonbox .bds_tsina{background: url(../images/icon_wb.png) no-repeat;padding-top: 32px;text-indent: 0;text-align: center;color: #fff;}
.footer .bdsharebuttonbox .bds_sqq{background: url(../images/icon_qq.png) no-repeat;padding-top: 32px;text-indent: 0;text-align: center;color: #fff;}
/*footer结束*/

/*黑色背景*/
.black{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 20;display: none;}
/*黑色背景结束*/

/*mobile:<=414px*/
@media screen and (max-width: 414px){
	.con1200{width: 100%;}
	/*header*/
	.top{height: 100px;}
	.top .logo{float: none;margin: 0;display: block;width: 90%;margin: 0 auto;padding-top: 9px;}
	.top .func{right: auto;left: 10px;top: 66px;}
	.top .func div{display: none;}
	.top .func div.lan{display: block;border-left: 0;padding: 0;}
	.top .search{right: 10px;top: 60px;width: 240px;}
	.top .search input{width: 160px;}
	/*banner*/
	.banner{height: 120px;}
	.banner img{height: 100%;}
	/*nav*/
	.navCon{display: none;}
	.menuCon{display: block;}
	/*footer*/
	.footer{height: 90px;}
	.footer .cr{float: none;padding-top: 15px;text-align: center;}
	.footer .cr p{max-width: 85%;margin: 0 auto;}
	.footer .back{display: none;}
	.footer .bdsharebuttonbox{display: none;}
}

/*mobile:>414px && <=767px*/
@media screen and (min-width: 415px) and (max-width: 767px){
	.con1200{width: 100%;}
	/*header*/
	.top{height: 150px;}
	.top .logo{float: none;margin: 0;display: block;width: 90%;margin: 0 auto;padding-top: 9px;}
	.top .func{right: auto;left: 10px;top: 97px;}
	.top .func div{display: none;}
	.top .func div.lan{display: block;border-left: 0;padding: 0;}
	.top .search{right: 10px;top: 90px;width: 240px;}
	.top .search input{width: 160px;}
	/*banner*/
	.banner{height: 180px;}
	.banner img{width: 100%;height: 100%;}
	/*nav*/
	.navCon{display: none;}
	.menuCon{display: block;}
	/*footer*/
	.footer{height: 90px;}
	.footer .cr{float: none;padding-top: 15px;text-align: center;}
	.footer .cr p{max-width: 85%;margin: 0 auto;}
	.footer .back{display: none;}
	.footer .bdsharebuttonbox{display: none;}
}

/*pad:>=768px && <980px*/
@media screen and (min-width: 768px) and (max-width: 979px){
	.con1200{width: 100%;}
	/*header*/
	.top{height: 150px;}
	.top .logo{float: none;margin: 0;display: block;width: 90%;margin: 0 auto;padding-top: 18px;}
	.top .logo img{margin: 0 auto;}
	.top .func{right: auto;left: 4%;top: 106px;}
	.top .func div{display: none;}
	.top .func div.lan{display: block;border-left: 0;padding: 0;}
	.top .search{right: 4%;top: 100px;}
	/*banner*/
	.banner{height: 240px;}
	.banner img{height: 100%;}
	/*nav*/
	.navCon{display: none;}
	.menuCon{display: block;}
	/*footer*/
	.footer{height: 90px;}
	.footer .cr{float: none;padding-top: 15px;text-align: center;}
	.footer .back{display: none;}
	.footer .bdsharebuttonbox{display: none;}
}

/*小屏PC:>=980px && <1200px*/
@media screen and (min-width: 980px) and (max-width: 1199px){
	.con1200{width: 100%;}
	/*nav*/
	.nav{width: 100%;}
	.nav li{padding: 0 14px;}
	.nav li .sub_nav dd a{padding: 5px 15px 5px 18px;}
	/*footer*/
	.footer .cr{margin-left: 2%;}
	.footer .bdsharebuttonbox{right: 2%;}
}