@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:arial , "微软雅黑"; color:#666; overflow-x:hidden; background: #FFFFFF; }
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#465e81; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }

.wal{width:1200px; margin:0px auto;}
.w1270{ width: 1270px; margin: 0px auto; }
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.pc-show{ display: block !important; }
.pc-hide{ display: none !important; }

/*头部导航*/
.headBox{ background: #FFFFFF; }
.head{ position: relative; height: 100px; }
.head .logo{ position: absolute; left: 0; top: 26px; }
.head .logo img{ width: 305px; }
.head-list{ overflow: hidden; margin-right: 72px; float: right; }
.head-list li{ float: left; line-height: 100px; }
.head-list li a{ display: block; padding: 0 22px; font-size: 15px; color: #333333; font-weight: bold; }
.head-list li:hover a{ background: #D41E2A; color: #FFFFFF; }
.head-list .on a{ background: #D41E2A; color: #FFFFFF; }
.head-list .move a{ background: none; color: #333; }
.head-list .aNow1 a{ background: #D41E2A; color: #FFFFFF; }


.head-box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.head-box .phoneBox{ float: left; margin-right: 18px; }
.head-box .phoneBox{ width: 19px; height: 30px; position: relative; float: left; }
.head-box .phoneBox .box{ float: right; line-height: 30px; margin-right: -12px; border-radius: 64px; box-sizing: border-box; width: 0; transition: .5s; background: #FFFFFF; color: #FFFFFF; white-space: nowrap; font-size: 15px; overflow: hidden; }
.head-box .phoneBox .phone{ width: 20px; height: 100%; position: absolute; top: 0; right: 0px; background: url(../images/phone_1.png) no-repeat center; display: block; }
.head-box .phoneBox:hover .box{ width: 212px; background: #d41f2a; padding: 0 20px; }
.head-box .phoneBox:hover .phone{ background: url(../images/phone_1on.png) no-repeat center; }

.head-box .seekBox{ width: 19px; height: 30px; position: relative; float: left; }
.head-box .seekBox:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; transition: 1s; }
.head-box .seekBox input{ float: right; height: 30px; border-radius: 64px; margin-right: -12px; box-sizing: border-box; width: 0; transition: .5s; background: #FFFFFF; color: #333333; font-size: 15px; }
.head-box .seekBox .seek{ width: 19px; height: 100%; position: absolute; top: 0; right: 0px;  background: url(../images/seek_1.png) no-repeat center; display: block; }
.head-box .seekBox:hover input{ width: 200px; border: #d41f2a solid 2px; padding: 0 36px 0 20px; }
.head-box .seekBox:hover:before{ left: 100%; }

/*头部菜单*/
.sNav{ position: absolute; top: 100px; right: 0; left: 0; z-index: 60; background: url(../images/bg_02.png) repeat; display: none; }
.sNav .list{ overflow: hidden; position: relative; }
.sNav ul{ overflow: hidden; }
.sNav li{ float: left; }
.sNav li a{ padding: 0 22px; color: #FFFFFF; font-weight: bold; display: block; font-size: 15px; line-height: 70px; }
.sNav li a:hover{ color: #D41F2A; opacity: 0.8; }
.sNav li.on a{ color: #D41F2A; }
.sNav li.on:hover a{ color: #D41F2A; opacity: 1; }
/**/

/*尾部*/
.footerBox{ background: #333333; }
.footerTop{ padding: 74px 0 102px; }
.footer-List{ overflow: hidden; }
.footer-List li{ float: left; /*width: 148px;*/margin-right: 60px; }
.footer-List li:last-child{ width: auto; }
.footer-List dt{ line-height: 16px; color: #FFFFFF; font-weight: bold; font-size: 16px; margin-bottom: 9px; }
.footer-List dt a {
    line-height: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 9px;
}
.footer-List dd{ line-height: 30px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.footer-List li dd a{ color: #999999; font-size: 14px; }
.footer-List li a:hover{ color: #FFFFFF; text-decoration: underline; }
.footerTop .rightDiv{ width: 270px; }
.friend{ position: relative; margin-bottom: 34px; }
.friend span{ border: 1px solid #FFFFFF; display: block; line-height: 40px; padding: 0 24px; color: #999999; font-size: 12px; cursor: pointer; background: url(../images/ico_10.png) no-repeat right center; }
.friend ul{ position: absolute; top: 100%; left: 0; right: 0; background: #FFFFFF; display: none; z-index: 10; }
.friend li{ line-height: 38px; padding: 0 24px; }
.friend li a{ display: block; color: #333333; }
.friend li:hover{ background: #D41F2A; }
.friend li:hover a{ color: #FFFFFF; }
.friend:hover span{ background: #FFFFFF url(../images/ico_10on.png) no-repeat right center;  color: #333333; font-weight: bold; }
.footer_Box{ overflow: hidden; }
.footer_Box .img{ width: 101px; border: 1px solid #d6d6d6; }
.footer_Box .img img{ width: 100%; }
.footer_Box .text{ width: 140px; }
.footer_Box .h6{ font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 16px; margin-bottom: 19px; }
.footer_Box .p{ line-height: 28px; color: #bcbcbc; opacity: 0.8; }
.footerBtm{ border-top: 1px solid #3d3d3d; line-height: 58px; }
.footerBtm .leftDiv{ font-size: 12px; color: #999999; }
.footerBtm .leftDiv a{ font-size: 12px; color: #999999; }
.footerBtm .leftDiv a:hover{ color: #FFFFFF; }
.footerBtm .rightDiv{ overflow: hidden; }
.footerBtm .rightDiv a{ display: block; margin-left: 10px; float: left; }



/*页码*/
.numberBox{ padding: 35px 0 0; }
.number{ text-align: center; }
.number a{ display: inline-block; width: 38px; height: 28px; border: 1px solid #dadada; background: #ffffff; text-transform: uppercase; line-height: 28px; text-align: center; font-size: 14px; color: #999999; margin: 0 6px; border-radius: 5px; }
.number .prev ,
.number .next{ width: 78px; line-height: 28px; font-size: 14px; color: #999999; border: 1px solid #dadada; }
.number .prev:hover{ background: #D41F2A; color: #FFFFFF; }
.number .next:hover{ background: #D41F2A; color: #FFFFFF; }

.number a:hover ,
.number a.on{ color: #FFFFFF; border-color: #D41F2A; background: #D41F2A; }

.numMore{ display: block; line-height: 0.68rem; background: #D41F2A; color: #FFFFFF; text-align: center; text-transform: uppercase; display: none; }
.numMore:hover{ color: #FFFFFF; }

/*上下篇*/
.pieceBox{ margin: 44px 0 0; position: relative; }
.pieceBox .retuen{ position: absolute; right: 0; top: 50%; width: 136px; line-height: 40px; background: #D41F2A; color: #FFFFFF; font-size: 16px; text-align: center; margin-top: -20px; transition: 0.5s; }
.pieceBox .retuen:hover{ transform: translateY(-5px); }
.pieceBox div{ margin-bottom: 8px; position: relative; padding: 0 0 0 64px; line-height: 20px; width: 60%; }
.pieceBox div:last-child{ margin-bottom: 0; }
.pieceBox span{ text-transform: uppercase; font-size: 16px; color: #4a4a4a; position: absolute; left: 0; top: 0; }
.pieceBox div a{ color: #4a4a4a; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;  }
.pieceBox div a:hover{ color: #D41F2A !important; }
.pieceBox div.end span{ color: #666666; }
.pieceBox div.end a{ color: #999999; }



/*浮窗*/
.sideBox{ position: fixed; right: 3px; z-index: 10; bottom: 12%; }
.sideBox .returnUp{ width: 44px; height: 44px; background: #D41E2A url(../images/top_01.png) no-repeat center 7px; padding: 26px 0 0; box-sizing: border-box; text-align: center; font-size: 12px; color: #FFFFFF; cursor: pointer; }