@charset "utf-8";
/* 该网站名称 CSS Document */
/*CSS 初始化*/
* {
  -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;

	-webkit-touch-callout:none;
	-webkit-touch-callout:none;
} 
body {color:#333; font-size:14px; font-family:SimSun; min-width: 1200px; background: url(../images/bg.jpg) no-repeat center 40px;}
body,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; font-weight: normal;}
header, article, section, aside, footer, figure, nav{display: block;}
img {border:none; vertical-align:top}

a, a:visited {color:#333; 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:#010101; text-decoration: none;}

.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: 'EU-F7';
	src:url('../font/EU-F7.eot'); 
	src: 
		url('../font/EU-F7.eot?#iefix') format('embedded-opentype'), 
		url('../font/EU-F7.woff') format('woff'), 
		url('../font/EU-F7.ttf') format('truetype'), 
		url('../font/EU-F7.svg#aGENCYR') format('svg');
}

.main{width:1200px; margin:0 auto; position: relative;}

.bg{background:url(../images/bg_wl.png);}
.top_bg{background: url(../images/top_bg.png) no-repeat center 40px;}

/*头部*/
header{position: fixed; width: 100%; left: 0px; top: 0px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); z-index: 1000;}
header .top{background: #f1f1f1; height: 40px; line-height: 40px; color: #888; overflow: hidden;}
header .top h2{float: left; font-size: 12px;}
header .top ul{float: right;}
header .top ul li{float: left; position: relative;}
header .top ul li:before{float: left; margin: 15px 10px 0 10px; display: inline-block; content: ""; width: 1px; height: 10px; background: #c1c1c1; vertical-align: middle;}
header .top ul li:first-child:before{display: none;}
header .top ul li a,
header .top ul li a:visited{color: #888;}
header .top ul li a:hover{color: #010101;}

header .logo{float: left; height: 110px; line-height: 106px;}
header .logo img{display: inline-block; vertical-align: middle;}

.sm .top{height: 0px; line-height: 0px;}
.sm .logo{height: 80px; line-height: 76px;}
.sm .logo img{height: 50px;}
.sm nav{margin-top: 15px;}
.sm nav > ul > li > ul{padding-top: 20px;}
.sm nav > ul > li > ul:after{top: 14px;}
.sm nav > ul > li > a::after{ background: #010101; position: absolute; top: 65px; left: 0;}
.sm nav > ul > li > a.selected::after,
.sm nav > ul > li > a:hover::after,
.sm nav > ul > li > a.on::after{top: 62px; opacity: 1;}

header .top,
header .logo,
header .logo img,
nav{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.banner{
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	-webkit-transition:all 0.2s;
}


/*导航*/
nav {float: right; margin-top: 40px;}
nav > ul{z-index: 100;}
nav > ul > li{position:relative; float:left; margin-left: 15px;}
nav > ul > li > a,
nav > ul > li > a:visited{margin: 0 12px; height:45px; line-height:45px; text-align: center; display:block; font-size:18px;position: relative;font-weight: bold;}
nav > ul > li > a::after{display:inline-block; content: "";width: 100%; height: 3px; background: #010101; position: absolute; top: 70px; left: 0; opacity: 0; transition: 0.3s;}
nav > ul > li > a.selected,
nav > ul > li > a:hover,
nav > ul > li > a.on{border-bottom-color: #010101; color: #010101; font-weight: bold;}

nav > ul > li > a.selected::after,
nav > ul > li > a:hover::after,
nav > ul > li > a.on::after{top: 68px; opacity: 1;}

nav > ul > li > ul{position: absolute; left: 50%!important; margin-left: -90px; width:180px; visibility:hidden; z-index:999999; padding-top: 25px;}
nav > ul > li > ul:after{position: absolute; left: 50%; top: 21px; margin-left: -6px; display: block; content: ""; border-bottom: 6px solid #010101; border-left: 6px solid transparent; border-right: 6px solid transparent;}
nav > ul > li > ul > li{background: #010101; position: relative; text-align: center;}
nav > ul > li > ul > li a,
nav > ul > li > ul > li a:visited{display: block; padding: 0px; overflow:hidden; line-height:40px; height: 40px; font-size: 14px; font-weight:normal; color: #fff;}
nav > ul > li > ul > li a.selected,
nav > ul > li > ul > li a:hover{background:#fff; color:#010101}

nav > ul > li > ul > li > ul{position: absolute; width:200px; background: #fff; visibility:hidden; z-index:999999}
nav > ul > li > ul > li > ul > li{border-bottom:1px solid #cfd8e2; }


* 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}





/**/
footer{width: 1200px; margin: 20px auto 40px; padding: 50px 0 0; border-top: 1px solid #cacaca; position: relative;}
footer::after{display: block; content: ""; position: absolute; width: 20px; height: 1px; background: #010101; top:-1px;left: 0;}
footer .clearfix{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ft_left{width: 60%;}
.ft_left ul{display: flex;}
.ft_left ul li{ margin-right:85px; text-align: center;}
.ft_left ul li:last-child{margin-right: 0;}
.ft_left ul h4{  width: 100%; height: 36px;  line-height: 50px; color: #333;  font-weight: normal; font-size: 18px;margin-bottom: 20px; font-weight: bold;}
.ft_left ul p{line-height:30px; font-size: 14px;}
.ft_left ul li img{display: block; width:100px; margin: 5px auto 0;}
.ft_left ul li:first-child img{width: 55px;}

.ft_right{width: 40%; display: flex;}
.ft_right .ft_ewm{margin-left: 20px;}
.ft_right .ft_ewm img{width: 135px; height: 135px; background: #fff;}
.ft_right .ft_ewm p{text-align: center; font-size: 14px;  margin-top: 10px;}

.ft_bq{text-align: center; width: 100%; background: #fff; padding:20px 0; margin-top: 10px;}
.ft_bq .main::after{display: block; content: ""; clear: both;} 
.ft_bq ul{ display: flex; justify-content: center; float: left;}
.ft_bq ul li{margin-right: 12px; margin-top: 4px; }
.ft_bq ul li a{font-size: 14px;}
.ft_bq ul li a:visited{color:#555;}
.ft_bq ul li a:hover{color: #010101;}
.ft_bq span{display: block; float: right; font-size: 14px;}

.ft-info{width: 280px;margin-left: 50px;}
.ft-info h4{width: 100%; height: 36px; text-align: center; line-height: 50px; color: #333;  font-weight: normal; font-size: 18px;margin-bottom: 20px; font-weight: bold;}
.ft-link-pic{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.ft-link-pic img{display: block; width:110px;}

.page{border-top: 0px solid #e7e7e7; text-align:center; padding:20px 0 30px 0;}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:26px; height:26px; border-radius:50%; overflow:hidden; text-align:center; line-height:26px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#0075c2; border:1px solid #0075c2; color:#fff}