@charset "utf-8";
/* CSS Document */
*html{ background-image:url(/html/about:blank); background-attachment:fixed;}
/*body{ font-size:12px; font-family:"Microsoft YaHei","宋体",arial; position:relative;}*/
body{ font-size:12px; font-family:arial; position:relative;}
input,select,textarea,button{  font-family:"Microsoft YaHei";  outline:none; font-size:12px;}
*{margin:0;padding:0; border: 0;}
ul, li {list-style-type:none;}
em,i,ins{ font-style:normal; text-decoration:none;}
img {border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#bf3277;}
.fl {float:left;}
.fr {float:right;}
.cl { clear:both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display:inline-block;}
.clearfix {display:block;}



.w1200{max-width:1200px; margin:0 auto;}


/*头部*/
.header{width:100%; height:30px; line-height:30px; background:#1d1d1d; color:#fff;}
.header-left a{ padding:0 13px; height:30px; line-height:30px; display:inline-block; color:#fff;}
.header-left .active{background:#fff; color:#000;}
.header-right a{color:#fff;}
.header-right span{ display:inline-block; margin:0 6px;}
.header-right i{ width:15px; height:15px; display:inline-block; vertical-align:middle; margin:-3px 3px 0;}
.header-right .icon1{ background:url(/html/images/icon1.png) no-repeat;}
.header-right .icon2{ background:url(/html/images/icon2.png) no-repeat;}
.header-right .icon3{ background:url(/html/images/icon3.png) no-repeat;}
.header-right .icon4{ background:url(/html/images/icon4.png) no-repeat;}
.header-menu{width:100%; background:url(/html/images/header-bg.png); border-bottom:1px solid #eeecec;}
.header-menu .logo img{ vertical-align:middle;}
.header-search{margin-top:25px; display:block; text-align:right;}
.header-search input{width:205px; height:33px; line-height:33px; display:inline-block; border:1px solid #000; vertical-align:middle;}
.header-search a{width:105px; height:35px; line-height:35px; background:#000; text-align:center; display:inline-block; color:#fff; vertical-align:middle; font-size:14px;}
.nav {margin-top:25px;}
.nav li{float:left; display:inline-block; font-size:16px;}
.nav li a{height:35px; line-height:35px; padding:0 20px; display:inline-block;}
.nav .on a{background:#141414; color:#fff;}
.nav li:hover a{
	-webkit-animation-name:color; 
	animation-name:color; 
	animation-duration: 1s; 
	animation-fill-mode: both;
}
@keyframes color{
	0%{background:#fff;}
	100%{color:#fff; background:#141414;}
}

/*底部*/
.footer{width:100%; background:#191919; color:#c1c1c1;}
.footer .logo{ margin:35px 0px; padding-right:20px; border-right:1px solid #303030;}

.footer-text{width:630px; text-align:left; margin-left:20px;margin-top:35px}
.footer-text td , .footer-text th{width:44%; padding:0 3%; color:#c1c1c1; vertical-align:top; line-height:25px; position:relative;}
.footer-text td i{width:15px; height:15px; display:inline-block; position:absolute; top:5px; left:-5px;}
.footer-text td .icon5{background:url(/html/images/icon5.png) no-repeat; }
.footer-text td .icon6{background:url(/html/images/icon6.png) no-repeat; }
.footer-text thead{padding-top:20px;}
.footer-text caption{ text-align:left; text-indent:15px; padding:15px 0; font-size:16px;}

.footer-list{ padding:0 22px; border:1px solid #4d4d4d; width:245px; margin-top:20px; text-align:center;}
.footer-list h2{ height:40px; line-height:40px; font-size:16px; font-weight:400;}
.footer-list ul {border-top:1px solid #777; border-bottom:1px solid #777; padding-top:12px;}
.footer-list ul li{float:left; margin-right:14px; margin-bottom:14px;}
.footer-list ul li:nth-child(3n+3){margin-right:0;}
.footer-list ul li img{ vertical-align:middle;}
.footer-btn a{width:105px; height:30px; line-height:30px; border:1px solid #4d4d4d; display:inline-block; position:relative; left:0; margin:12px 0; color:#fff;}

.footer-btn a:hover{ animation-name:move; animation-duration: .2s; animation-fill-mode: both; border:1px solid #f00; color:#f00; transition-timing-function: linear;}
@keyframes move
{
	0%{left:0}
	25%{left:3px}
	50%{left:0;}
	75%{left:-3px;}
	100%{lelt:0;}
}

.code1218{text-align: center;width: 224px;border:0px solid #535353;padding: 1px 0;margin-top:35px;border-left:1px solid #303030;}
.code1218 p{color: #c1c1c1;}
.code1218 a{color: #c1c1c1;}
.code1218 img{display: block;width: 102px;margin: 10px auto;}
.code1218 div{margin-top: 4px;}



/*分页*/
.page{ padding:50px 0; text-align:center;}
.page li{ display:inline-block; font-size:14px;}
.page li a{height:28px; line-height:28px; padding:0 11px; border:1px solid #bfbfbf; display:inline-block; color:#bfbfbf;}
.page .current a, .page li:hover a{border:1px solid #000; color:#000;}



.select{width:90px; border:1px solid #ccc; background:#fff; cursor:pointer; margin-top:14px; margin-right:10px; text-indent:10px; position:relative;}
.selectIn{width:90px; height:20px; line-height:20px; position:relative;}
.selectIn i{ background:url(/html/images/icon10.png) no-repeat; transform:rotate(90deg); width:6px; height:8px; position:absolute; top:6px; right:5px;}
.selectOut{ display:none; width:90px; background:#fff; position:absolute; top:20px; left:-1px; border:1px solid #ccc; z-index:55;}
.selectOut p{ line-height:20px; height:20px;}
.selectOut p:hover{ background:#eee;}