@charset "utf-8";
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;

} 
body {margin:0px auto; background:#f5f5f5; color:#555; font-family:微软雅黑,sans-serif; width: 100%; font-size: 14px; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#555; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:hover{color:#0067ac; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.eot'); 
	src: 
		url('../font/BEBAS.eot?#iefix') format('embedded-opentype'), 
		url('../font/BEBAS.woff') format('woff'), 
		url('../font/BEBAS.ttf') format('truetype'), 
		url('../font/BEBAS.svg#aGENCYR') format('svg');
}


/************************************************************共用部分开始************************************************************/
.main{width: 1200px; margin: 0 auto; position: relative;}

.qt_box{background:#0067ac; height:34px;color:#fff; padding-left:60px;}
.hyy{float:left; line-height:34px; }
.qt{ float:right; padding:6px 0 0 0; zoom:1}
.qt a{margin:0 5px; color:#fff; width:72px; height:20px; line-height:20px; border:0px solid #0e7ac2; text-align:center; background:#0067ac; display:inline-block;}
.tel{float:right; line-height:34px; font-size:14px; padding:0 0 0 15px;}
.tel span{ font-weight:normal; font-size:18px; font-family:Arial;padding-right:60px;}



/*top*/
header{position: relative; z-index: 9999;}
header .top{background:#fff; line-height: 40px; color: #888; box-shadow: 0px 0px 4.9px 0.1px rgba(0, 0, 0, 0.15); position: relative; z-index: 10;}
header .top h2{float: left; font-size: 14px; font-weight: normal;}
header .top ul{float: right; position: relative; background: #eeeeee;}
header .top ul li{float: left; position: relative; z-index: 100; font-size: 14px;}
header .top ul li i{margin-right: 6px; font-size: 16px;}
header .top ul li a,
header .top ul li a:visited{display: block; padding: 0 15px; color: #888;}
header .top ul li a:hover{color: #0067ac;}
header .top ul li .xl_sj_box{position: absolute; z-index: 110; left: 50%; top: 33px; margin: 0 0 0 -60px; padding: 10px 0 0 0; display:none;}
header .top ul li .xl_sj_box .xl_sj{background: #fff; box-shadow: 0 0 5px #c9c9c9; text-align: center; color: #888; line-height: 30px; font-size: 12px; position: relative; behavior:url(pie.htc);}
header .top ul li .xl_sj_box .xl_sj i{position: absolute; left: 50%; margin: 0 0 0 -12px; top: -12px; }
header .top ul li .xl_sj_box .xl_sj>img{float: left; width: 110px; height: 110px; background: #ccc; margin: 5px 5px 0 5px;}
header .top ul li:hover .xl_sj_box{display: block;}

header .top_bg{background: url(../images/top_bg.jpg) no-repeat center top; background-size: cover;}
header .logo{float: left; margin-left: -25px; height: 140px; line-height: 140px;}
header .logo img{display: inline; vertical-align: middle;}

header .login{float: right; margin-top: 42px;}
header .login li{float: left; margin-left: 15px;}
header .login li a{position: relative; display: block; background: url(../images/login_bg.jpg) repeat-x; width: 60px; height: 70px; text-align: center; border-radius: 5px; box-shadow: 0px 0px 18.62px 0.38px rgba(0, 0, 0, 0.16); overflow: hidden; z-index: 1;}
header .login li a:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 0%; background: #333; display: block; content: ""; z-index: -1;}
header .login li i{margin-top: 10px; margin-bottom: 5px; display: block; font-size: 30px; color: #0067ac; line-height: 1;}
header .login li a:hover:after{height: 100%;}
header .login li a:hover,
header .login li a:hover i{color: #fff;}
header .login li a:after,
header .login li i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

header .login2{float: right; margin-top: 56px; height: 40px; line-height: 40px; background: #fff; overflow: hidden; box-shadow: 2.396px 1.805px 0px 0px rgba(0, 0, 0, 0.11); border-radius: 50px;}
header .login2 span{float: left; padding-left: 20px; padding-right: 30px; color: #0067ac; font-size: 14px;}
header .login2 span a,
header .login2 span a:visited,
header .login2 span a:hover{color: #0067ac;}
header .login2 em{float: right;}
header .login2 em a{display: block; position: relative; margin-top: 3px; margin-right: 3px; padding: 0 15px; height: 33px; line-height: 33px; font-size: 14px; color: #fff; background: #0067ac; border-radius: 50px; overflow: hidden; z-index: 1; font-style: normal;}
header .login2 em a i{font-size: 14px; margin-right: 5px;}
header .login2 em a:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 0%; height: 100%; background: #333; opacity: 0; z-index: -1;}
header .login2 em a:hover:after{width: 100%; opacity: 1;}
header .login2 em a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; z-index: 999; display: none;}
header .mmenu i{color: #fff; font-size: 24px; position: relative; top: 35%;}
.mm-listview > li.dl_ts{padding-top: 15px; padding-bottom: 15px;}
.mm-listview > li.dl_ts > a,
.mm-listview > li.dl_ts > span{padding-top: 5px!important; padding-bottom: 5px!important; color: #0067ac;}



.nav_box{position: relative;background: #0067ac; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);}
.nav{position: relative; float: left;}
.nav > ul{position: relative; z-index: 10;}
.nav > ul > li{position:relative; float:left; z-index:50; text-align: center;}
.nav > ul > li > a{position: relative;font-weight:bold; padding: 0 28px; display:block; font-size:16px; line-height: 50px; color: #fff; overflow: hidden; white-space: nowrap;}
.nav > ul > li > a i{margin-right: 8px; color: #fff; font-size: 16px;}
.nav > ul > li > a:hover,
.nav > ul > li > a.selected,
.nav > ul > li.on > a{background: #fff; color: #0067ac;}
.nav > ul > li > a:hover:after,
.nav > ul > li > a.on:after,
.nav > ul > li > a.selected:after,
.nav > ul > li.on > a:after{background: #0067ac;}

* HTML .nav ul li a{display: inline-block}

.nav > ul > li > ul{position: absolute; width:100%; visibility:hidden; z-index:999999; border-right: none;}
.nav > ul > li > ul > li{position: relative; width: 100%; background: #ececec; margin-left: 0px;}
.nav > ul > li > ul > li:before{display: none;}
.nav > ul > li > ul > li > a{display: block; overflow:hidden; border-left: none!important; line-height:45px; height:45px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #fff; color: #555;}
.nav > ul > li > ul > li > a:after{display: none;}
.nav > ul > li > ul > li > a.selected,
.nav > ul > li > ul > li > a:hover{background:#fff; font-weight: normal;}
.nav > ul > li > ul > li > ul{position: absolute; width:100%; visibility:hidden; z-index:999999; border-right: none;}
.nav > ul > li > ul > li > ul > li{width: 100%; background: #fff; margin-left: 0px;}
.nav > ul > li > ul > li > ul > li > a{display: block; overflow:hidden; border-left: none!important; line-height:45px; height:45px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7; color: #555;}
.nav > ul > li > ul > li > ul > li > a.selected,
.nav > ul > li > ul > li > ul > li > a:hover{background:#ececec; font-weight: normal;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}

.nav ul li a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


/**/
.search{float: right; position: relative; margin-top: 10px; padding-right: 35px; padding-left: 12px; overflow: hidden; max-width: 250px; width: 20.83%; height: 30px; background: #e0e0e0; border-radius: 40px; overflow: hidden;}
.search .btn_text{width: 100%; height: 100%; border: none; background: #e0e0e0; color: #888; font-size: 12px;}
.search .btn_submit{position: absolute; right: 0px; top: 0px; width: 40px; height: 100%; background: url(../images/ss_tb.png) no-repeat center; background-size: 40%; border: none;}




/**/
footer{background:url(../images/foot_bg.png) no-repeat center bottom #0067ac; padding-bottom: 25px; color: #73b0d8;}
footer .links{border-bottom: 1px solid #005893; padding-top: 20px; padding-bottom: 20px;}
footer .links li{position: relative; overflow: hidden; padding-left: 95px; padding-top: 3px; min-height: 30px;}
footer .links li:first-child{margin-bottom: 10px;}
footer .links li h2{position: absolute; left: 0px; top: 0px; background: #005893; width: 80px; text-align: center; font-weight: normal; line-height: 30px; color: #fff; font-size: 14px;}
footer .links li h2:after{position: absolute; right: -6px; top: 50%; display: block; content: ""; margin-top: -6px; border-left: 6px solid #005893; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
footer .links li span{float: left; position: relative; padding: 0 10px; line-height: 24px;}
footer .links li span:after{position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; display: block; content: ""; width: 1px; height: 11px; background: ;}
footer .links li span:first-child:after{display: none;}
footer .links li span a{color: #73b0d8;}

footer .f_logo{float: left; padding-top: 50px;}
footer address{float: left; padding-left: 15px; padding-top: 38px; line-height: 28px; color: #73b0d8; font-style: normal;}
footer .f_ewm{float: right; padding-top: 40px; width: 350px;}
footer .f_ewm span{float: right; padding-left: 15px;}
footer .f_ewm span img{width: 112px;}
footer .f_ewm h2{padding-top: 15px; font-size: 12px; font-weight: normal; line-height: 28px; text-align: right;}
footer .f_ewm .bdsharebuttonbox{text-align: right;}
footer .f_ewm .bdsharebuttonbox a{float: none!important; display: inline-block!important; margin-right: 0px!important; margin-left: 6px!important;}




.m_menu{display: none; position: fixed; z-index: 9999; left: 0px; bottom: 0px; width: 100%; overflow: hidden; height: 55px; background: #0067ac;}
.m_menu li{float: left; width: 25%; height: 55px; text-align: center; border-right: 1px solid #dc7013;}
.m_menu li i{display: block; padding: 12px 0 5px 0; font-size: 18px!important;}
.m_menu li:first-child{border-left: none;}
.m_menu li:nth-child(4){border-right: none;}
.m_menu li a{display: block; color: #fff; height: 55px;}


/************************************************************共用部分结束************************************************************/