﻿@charset "utf-8";

/* CSS Document */
/************************************************
Author: Smilence  
Last updated: 2014/11/25
************************************************/
html{overflow-y:scroll; overflow-x:hidden}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,div,dl,dt,dd,ul,ol,span,em,pre,fieldset,lengend,button,input,textarea,form,th,td{padding:0;margin:0;}
body{line-height:1.5;font-size:12px;font-family:Arial,'\5fae\8f6f\96c5\9ed1';/*word-wrap:break-word;word-break:break-all;*/}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{margin:auto;font-size:100%;text-align:left;border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;list-style-type:none;}
a img,img{vertical-align:middle;border:none;}
em{font-style:normal;}

/* a style */
a{color:#444444;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#e62129;text-decoration:none;}
a:active{color:#e62129;}
a:focus{outline:none;}
.tdu,.tdu a{text-decoration:underline;}
.tdn,.tdn a{text-decoration:none;}

/* form style */
input,textarea,select,button{padding:0;margin:0;font-size:100%;vertical-align:middle;outline:none;background:inherit;}

/* clearfix style */
.clear{clear:both;overflow:hidden;}
.clearfix:after{display:block;clear:both;height:0;content:"\20";visibility:hidden;overflow:hidden;}
.clearfix{display:block;*zoom:1;}
*html .clearfix {height:1%;}


/* float style */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.rel{position:relative;} 

/* display style */
.db{display:block;} 
.dn{display:none;} 
.ovh{overflow:hidden;}

/* padding style */
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}
.plr30{padding-left:30px;padding-right:30px;}
.plr40{padding-left:40px;padding-right:40px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb100{padding-bottom:100px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.ptb20{padding-top:20px;padding-bottom:20px;}

/* margin style */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml34{margin-left:34px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr25{margin-right:25px;}
.mr36{margin-right:36px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr15{margin-left:15px;margin-right:15px;}
.mlr20{margin-left:20px;margin-right:20px;}
.mlr30{margin-left:20px;margin-right:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mlra{margin: 0 auto;}

/* color style */
.white{color:#fff;} 
.red{color:#e62129;} 
.green{color:#390} 
.black{color:#000;} 
.gray{ color:#999;}
.darkgray{color:#666;} 
.orange{color:#ff9900;} 
.blue{color:#0063b0;}
.c666{color: #666}
.c333{color: #333}
.c999{color: #999}


/* text align style */
.tal{text-align:left;} 
.tar{text-align:right;} 
.tac{text-align:center;} 
.vat{vertical-align:top;} 
.vam{vertical-align:middle;} 
.vab{vertical-align:bottom;}
.ti2em{text-indent:2em !important;}
.tlf{table-layout:fixed !important;}
.nowrap{white-space:nowrap !important;;word-break:normal !important;}

/* font-size - font-famiyl - font-weight line-height*/
.f13{font-size:13px;}
.f14{font-size:14px;} 
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.far{font-family:Arial;/*Arial*/}
.fst{font-family:'\5B8B\4F53';/*SimSun*/} 
.fht{font-family:'\9ED1\4F53';/*SimHei*/} 
.fyh{font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/} 
.fb{font-weight:bold;} 


/*page*/
.page-box{width:100%; margin-left: auto; margin-right: auto; text-align:center; height: 28px; line-height: 26px; font-size: 14px; color: #888888;}
.page-box>a{border:1px solid #ccc; background:#FFF; text-align:center; padding: 0 14px; color:#888888;}
.page-box span.txt{}
.page-box>span,.page-box>a{display: inline-block; margin-right: 4px; height: 26px;}
.page-box .select{border:1px solid #ccc; width: 64px; height: 26px; display: inline-block; vertical-align: top; background: url(../images/page_bg.jpg) no-repeat right center; position: relative;}
.page-box .select span.val{color: #5b5b5b; display: block; text-indent: 11px; text-align: left; cursor: pointer;}
.page-box .select ul{display: none; position: absolute; top: 26px; left: -1px; z-index: 999; background-color: #fff; border: 1px solid #ccc; width: 64px; height: 96px; overflow-y: auto; text-align: left; text-indent: 12px}
.page-box .select ul.on{display: block;}
.page-box .select ul li{line-height: 24px;}
.page-box .select ul li a{display: block; color: #5b5b5b;}
.page-box .select ul li a:hover{background: #ccc; color: #fff; cursor: pointer;}


/*header*/
.head{width: 980px; margin-left: auto; margin-right: auto; height: 94px;}
.head .logo{padding-top: 22px;}
.head ul.head-up{padding-top: 10px; height: 24px;}
.head ul.head-up>li{float: right;}
.head ul.head-up li.site{margin-right: 19px;}
.head ul.head-up li.site a{color: #333333; line-height: 24px; display: block;}
.head ul.head-up li.site a:hover,.head ul.head-up li.language a:hover{color:#e62129;}
.head ul.head-up li.select{margin-right: 6px; position: relative; padding: 0 11px 0 9px;}
.head ul.head-up li.select>span{display: block; color: #333333; line-height: 24px; padding-right: 12px; background: url(../images/ar_down_08.png) no-repeat right 9px; cursor: pointer; width:64px;}
.head ul.head-up li.select:hover{background-color: #fff;}
.head ul.head-up li.select ul{position: absolute; top: 24px; left: 0; width: 96px; padding: 2px 0 6px; display: none; z-index: 99; background: #fff;}
.head ul.head-up li.select ul li{padding: 2px 10px;}
.head ul.head-up li.select ul li a{color:#333;}
.head ul.head-up li.select ul li a:hover{color: #e62129;}
.head ul.head-up li.serch{background: #fff; border: 1px solid #e7e8e3; width: 176px; height: 22px;}
.head ul.head-up li.serch input.txt{width: 152px; height: 22px; background: none; border: none; text-indent: 4px; float: left;}
.head ul.head-up li.serch input.sbt{width: 24px; height: 22px; cursor: pointer; border: none; background: url(../images/serch_03.jpg) no-repeat 0 0;}
.head ul.head-up li.language{margin-right:25px; line-height:24px;}
.head ul.head-up li.language a{color:#333;}
.head ul.head-up li.language span{padding:0 8px;}
.head ul.nav-box{margin-top: 18px; height: 38px;}
.head ul.nav-box>li{float: left; padding-right: 31px; position: relative;}
.head ul.nav-box>li>a{font-weight: bold; color: #343434; font-size: 14px;}
.head ul.nav-box>li.on>a{color: #e62129;}
.head ul.nav-box>li ul{position: absolute; top: 21px; z-index: 2; width: 1000px; padding-top: 17px; display: none;}
.head ul.nav-box>li ul li{float: left; margin-right: 20px;}
.head ul.nav-box>li ul li a{color: #fff; line-height: 36px;}
.head ul.nav-box>li ul li a:hover{color: #e62129;}
.head ul.nav-box>li ul.subnav1{left: 2px;}
.head ul.nav-box>li ul.subnav2{left: 2px;}
.head ul.nav-box>li ul.subnav3{left: 2px;}
.head ul.nav-box>li ul.subnav5{left: 2px;}
.head ul.nav-box>li ul.subnav6{left: -220px;}
.head ul.nav-box>li ul.subnav7{left: -73px;}

/*footer*/
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important; 
    font-size:30px;font-style:normal; 
    -webkit-font-smoothing: antialiased; 
    -webkit-text-stroke-width: 0.2px; 
    -moz-osx-font-smoothing: grayscale;     
}
.footer{width: 100%; background-color: #fff; border-top: 1px solid #dedfde; height: 172px;}
.footer .foot{width: 980px; margin-left: auto; margin-right: auto; overflow: hidden;}
.footer .foot-left{padding-top: 18px; float: left;}
.footer .foot-left .links a{color: #545454;}
.footer .foot-left .links span{color: #d9dada; padding: 0 13px;}
.footer .foot-left h1.copy{color: #545454; margin-top: 12px;}
.footer .foot-left h1.copy a{color: #e62129;}
.footer .foot-right{border: 1px solid #dedfde; background-color: #fbfbfb; float: right; padding: 9px 9px 9px 15px; height: 94px; margin-top: 20px;}
.footer .foot-right .code-txt{width: 112px; float: left; padding-top: 6px;}
.footer .foot-right .code-txt h1{color: #535353; font-size: 14px;}
.footer .foot-right .code-txt h2{color: #7f7e7e;}
.footer .foot-right img{margin-left: 20px; width: 94px; height: 94px; float: left;}
.footer ul.share{margin-top: 5px; overflow: hidden;}
.footer ul.share li{float: left; margin-right: 6px;}
.footer ul.share li a{color: #d1d0d0; transition: all 0.3s; display: block; padding: 2px; background: none; float: none; height: auto; text-indent: 0; font-size:32px; font-style:normal; width: auto; line-height: 1.5;}
.footer ul.share li a:hover{color: #E62129;}


.pn-box{overflow: hidden; margin-top: 20px;}
.pn-box a{color: #888888;}
.pn-box a span{color: #333333;}
.pn-box a:hover span{color: #E62129;}




.full-cover{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.statement{
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 50%;
	width: 650px;
	height: auto;
	background: #fff;
	margin-left: -325px;
	/* overflow-y: auto; */
}
.statement-text{
	/*padding: 30px 30px 40px;*/
	overflow-y: hidden;
}
.statement-text h1{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.statement-text p{
font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    text-indent: 2em;
}
.statement .close{
	position: absolute;
	top: 1px;
	right: -65px;
	cursor: pointer;
}




/*20190404*/
.header{
	width: 100%;
    background: #fff;
}

.head{
	height: 94px;
	position: relative;
}
.head-right{
	padding-top: 40px;
}
.head-right a.link,
.head-right span.line{
	float: left;
	display: block;
	height: 18px;
	line-height: 18px;
}
.head-right span.line{
	margin: 0 15px;
}
.friend-links{
	float: left;
	position: relative;
	padding: 0 11px 0 9px;
	margin-left: -9px;
	cursor: pointer;
}
.friend-links>span{
	display: block;
	height: 18px;
	line-height: 18px;
	color: #444;
	width: 70px;
	background: url(../images/flline.png) no-repeat right 6px;
}
.friend-links-content{
	position: absolute;
	top: 17px;
	left: 0;
	padding: 6px 9px;
	background: #fff;
	display: none;
	z-index: 11;
}
.friend-links:hover{
	background: #fff;
}
.friend-links:hover .friend-links-content{
	display: block;
}
.friend-links-content li{
	padding: 3px 0;
}
.navigation{
	position: absolute;
	top: 94px;
	left: 0;
	z-index: 9;
	background: url(../images/op30.png);
	width: 980px;
	height: 44px;
}
.navigation-ul li{
	float: left;
	position: relative;
}
.navigation-ul li>a{
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	height: 44px;
	line-height: 44px;
	position: relative;
}
.navigation-ul dl{
	position: absolute;
	top: 44px;
	left: 22px;
	width: 980px;
	padding-top: 12px;
	display: none;
}
.navigation-ul li.on>a{
	background: #e60012;
}
.navigation-ul li.on>a:after{
	content: '';
	display: block;
	position: absolute;
	top: 44px;
	left: 50%;
	margin-left: -4px;
	width: 8px;
	height: 4px;
	background: url(../images/nav_arr.png) no-repeat center;
}
.navigation-ul dd{
	float: left;
	margin-right: 28px;
}
.navigation-ul li:hover>a{
	background: #e60012;
}
.navigation-ul dd a{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
}
.navigation-ul dd a:hover{
	color: #e60012;
}
.subnavbg{
	background: #fff; 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	width: 980px; 
	height: 44px; 
	display: none;
	position: absolute;
	top: 138px;
	left: 50%;
	margin-left: -490px;
	z-index: 8;
}
.navigation-ul li:hover dl{
	display: block;
}
.search-wrapper{
	margin-right: 20px;
	margin-top: 10px;
	height: 24px;
	width: 178px;
	background: #fff;
}
.search-wrapper .text{
	float: left;
	display: block;
	width: 154px;
	background: #fff;
	border: none;
	outline: none;
	line-height: 18px;
	height: 18px;
	padding: 3px 0;
	text-indent: 8px;
}
.search-wrapper .submit{
	width: 24px;
	height: 24px;
	background: url(../images/search_11.jpg) no-repeat 0 0;
	display: block;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
}

#imgDiv{
	position: absolute;
	z-index: 999999;
}
#imgDivClose{
	position: absolute;
	top: -20px;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/xx_23.jpg) no-repeat 0 0;
}

