
*{padding:0;margin:0;-webkiit-box-sizing:border-box;box-sizing:border-box}
html{width: 100%;max-width: 2560px;margin:0 auto;}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{color:#666;font-size:16px;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",'Microsoft YaHei UI','WenQuanYi Micro Hei',Arial,sans-serif,\5b8b\4f53}
textarea{font-family:"PingFang SC","Microsoft YaHei",'Microsoft YaHei UI',Arial,sans-serif,\5b8b\4f53}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:underline;text-decoration:none}
i{font-style:normal}
pre{text-align:left;padding:0;margin:0;font-style:normal}
img{border:none}
li,ol,ul{list-style:none}
table{border-collapse:collapse}
input[type=text]:active,input[type=text]:focus{appearance:none;-webkit-appearance:none;outline:0}
a{-webkit-tap-highlight-color:transparent}
img{vertical-align:middle}
button,button[type=button],input,input:active,input:focus,textarea:focus{appearance:none;-webkit-appearance:none;outline:0}
select::-ms-expand{display:none}
.posifixed{position:fixed;z-index:998px;top:0;left:0;width:100%}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: none; box-shadow: none; outline: none;}
/* 设置默认字体 */
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;outline:none;}/*英文换行*/
a:hover {text-decoration: none; }
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body{width: 100%;min-width: 1400px;max-width:2560px;margin:0 auto;overflow-x:hidden;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*清除浮动*/
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1400px; margin:0 auto;  }
i,em,b{font-style: normal;font-weight: normal;}
.box1200{width: 1200px;margin:0 auto;}
.box1300{width: 1300px;margin:0 auto;}
.box1400{width: 1400px;margin:0 auto;}

.secwen {opacity: 0; filter: alpha(opacity=0); transform: translateY(30px); transition: .8s; }
.animate.secwen {opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: 1s; }
.animate.add1 { transition-delay: .1s; }
.animate.add2 { transition-delay: .2s; }
.animate.add3 { transition-delay: .3s; }
.animate.add4 { transition-delay: .4s; }
.animate.add5 { transition-delay: .5s; }
.animate.add6 { transition-delay: .6s; }
.animate.add7 { transition-delay: .7s; }
.animate.add8 { transition-delay: .8s; }
.animate.add9 { transition-delay: .9s; }
.animate.add10 { transition-delay: 1s; }


.topWrap { width: 100%; padding: 15px 0 0; box-sizing: border-box; height: 80px; position: fixed; top: 0; left: 0; z-index: 10; background: rgba(51, 51, 51, 0.3); }
.header { width: 1400px; margin: 0 auto; box-sizing: border-box; }
.hd-logo { width: 264px; height: 46px; display: block; float: left; }
.hd-logo img { width: 100%; display: block; }
.hd-tel { float: right; font-size: 14px; color: rgba(240, 240, 240, 0.7); width: 210px; font-weight:400; }
.hd-tel b { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #e50011; line-height: 34px; font-weight: bold;}
.menu { position: relative; width: 800px; float: right; }
.menu li { font-size: 16px; font-weight: normal; margin-right: 38px; line-height: 30px; position: relative; text-align: center; float: left; font-weight:400; }
.menu li a { text-decoration: none; display: block; position: relative; z-index: 2; color: #fff; box-sizing: border-box; }
.menu li em { display: block; color: rgba(240, 240, 240, 0.7); font-size: 12px; text-transform: capitalize; line-height: 18px; font-weight:300;}
.menu li::before { content: ""; width: 100%; height: 100%; background-size: 100% 100%; position: absolute; left: 0; top: 0; }
.menu li::after { content: ""; width: 100%; height: 0; background-size: 100% 100%; position: absolute; left: 0; top: 50%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu li:hover:after, .menu li.cur:after { height: 100%; }
.menu li:hover a, .menu .cur a { text-decoration: none; color: #e50011; }
.menu li:hover a em, .menu .cur a em { color: #e50011; font-weight: normal; }


.footWrap { background: #181818; padding-top: 35px; clear: both; overflow: hidden; font-weight:300; box-sizing: border-box; position: relative; }
.ft-contact { height: 82px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; font-weight:300; }
.ft-ss { width: 180px; height: 44px; line-height: 44px; margin-top: 10px; float: right; font-family: "syel"; font-size: 14px; background: url(../image/ftss.png) no-repeat left center; }
.ft-btn { width: 44px; float: left; height: 44px; line-height: 44px; background: none; }
.ft-ipt { width: 130px; float: left; color: #999999; background: none; height: 44px; line-height: 44px; }

.ft-logo { width: 416px; height: 46px; float: left; margin-top: 10px; }
.ft-logo img { width: 230px; display: block; }
.ft-tel { width: 425px; float: left; font-size: 16px; color: rgba(240, 240, 240, 0.7);  }
.ft-tel b { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #e50011; line-height: 30px; font-weight: bold;}
.ft-nav { width: 218px; height: 296px; float: left; }
.ft-nav h3 { color: #fff; font-size: 20px; height: 43px; line-height: 35px; font-weight:400; }
.ft-nav h3 a { color: #fff; }
.ft-nav p { }
.ft-nav p a { display: block; font-size: 16px; color: #999999; line-height: 30px; font-weight:300; }
.ftcontact { width: 375px; float: left; }
.ftcontact li { font-size: 16px; color: #999999; line-height: 30px; padding-left: 30px; box-sizing: border-box;font-weight:300; }
.ftcontact li:nth-child(1) { background: url(../image/fico1.png) no-repeat left center; }
.ftcontact li:nth-child(2) { background: url(../image/fico2.png) no-repeat left center; }
.ft-code { width: 207px; height: 228px; padding-top: 38px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); float: left; margin-left: 150px; text-align: center; }
.ft-code img { width: 128px; display: inline-block; }
.ft-code span { display: block; font-size: 20px; color: #fff; line-height: 55px; }


.ftbeian { line-height: 65px; color: rgba(153, 153, 153, 0.7); font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 10px; text-align: center; font-weight:300; }
.ftbeian a { color: rgba(153, 153, 153, 0.7); }
.ftbeian em { padding: 0 25px; }


/*浮动*/
.drift{ width:50px; height:auto; position:fixed; top:50%;/*transform:translateY(-50%);*/ right:102px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#2D2C32; overflow:hidden;}
.drift #rolls a{background:#e50011;}
.drift li a:hover,.drift #rolls a:hover{ background:#e50011;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #e50011;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:180px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;width:146px;margin:0 auto;padding:10px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;display:block;}
    .drift li:nth-child(1) .ewm{display:block }

.wz{margin:0 auto;width:1400px;display:none;}
.plc,.plc2{ height:35px;line-height:35px;position:relative; color:#666; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec;margin:8px 0; padding-bottom:8px; font-weight:300;}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}
.red_x { color:#e50011; display:inline; font-weight:300; font-size:12px;}
.plc .red_x{ color:#e50011; font-weight:normal; font-size:14px;}
.red_x1 { color:#e50011; display:inline; font-weight:300;font-size:12px;}

.topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto; margin-bottom:0;height:768px;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:768px;}

.bgd{ background: rgba(51, 51, 51, 0.5)!important; }