@charset "utf-8";/*CSS reset*/
html{color:#555;font-size:14px;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida;height:100%;background:#fff}
body,div,dl,a,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{margin:0;padding:0;font-family:"微软雅黑"}
table{border-collapse:collapse;border-spacing:0}
em,cite{font-style:normal}
fieldset,img{border:0}
ul,li{list-style-type:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a:link,a:visited{text-decoration:none;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida}
a:hover,a:active{text-decoration:none;color:#333}
input, select{outline:none}
img{border:none}
button,label,input[type="submit"]{cursor:pointer}
button,input,select,textarea{font-size:12px;outline:none;font-family:Microsoft Yahei,Arial;margin:0;border:none}
em,th,i{font-style:normal;font-weight:normal}


*{-webkit-tap-highlight-color:rgba(0,0,0,0)}

.wrap{margin:0 auto;width: 1280px}
.tl{text-align:left!important}
.tc{text-align:center!important}
.tr{text-align:right}
.f14{font-size:14px}
.f-fl{float:left!important;display:inline}
.f-fr{float:right!important;display:inline}
.hide{display:none}
.block{display:block}
.mt20{margin-top: 20px}
.mt30{margin-top:30px}
.pd20{padding:20px 0}
.pd40{padding:40px 0}

.f-cb{zoom: 1; }
.f-cb::after{content: "";display: block; height: 0; clear: both; visibility: hidden;}

body{background: #fff;padding-top: 80px;}


/*头部导航 start*/
.p-index{padding-top: 0;}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 99;height: 80px;border-bottom: 1px solid rgb(228 228 228 / 30%);}
.header .logo a{display: block;width: 182px;height: 40px;margin-top: 20px;background-image: url(../images/logo_white.png);background-size: 100%;background-repeat: no-repeat;background-position: center;}
.header .nav li{float: left;}
.header .nav li a{padding: 0 30px;color: #fff;line-height: 80px;font-size: 18px;display: inline-block;position: relative;}
.header .nav .this a::before{content: "";position: absolute;left: 50%;bottom: 0;width: 70px;height: 2px;background: #746f6b;transform: translate(-50%, 0);}
.header .nav li a:hover{color: #707b64;}
.header .nav .column{display: none;margin-top: -2px;padding-top: 3px;background: #fff;border: 1px solid #eee;border-top: 1px solid #fff;position: relative;z-index: 5;}
.header .nav .column a{display: block;line-height: 45px;color: #333;}
.header .nav li:hover .column{display: block;}
.header .nav .column a::before{content: none;}
.menu{display: none;}

.header.fixed .logo a{background-image: url(../images/logo.png);}
.header.fixed{background: #fff;}
.header.fixed li a{color: #555;}
.header.fixed li:hover a{color: #707b64;}
.header.fixed .nav li:hover .menu{display: block;}

.footer{background: #262727;height: 365px;}
.footer-info{padding: 115px 0 40px;}
.footer-company{font-size: 16px;color: #b3b4b4;}
.footer-company li + li{margin-top: 20px;}
.footer-company p{line-height: 25px;}
.footer-company em{margin: 0 30px;}

.footer-img{width: 120px;}
.footer-img img{width: 120px;height: 120px;}
.footer-img p{margin-top: 5px;font-size: 14px;text-align: center;color: #ababab;}
.footer-img + .footer-img{margin-left: 30px;}
.footer-copyright{border-top: 1px solid #3c3d3d}
.footer-copyright p{line-height: 60px;font-size: 16px;color: #b3b4b4;text-align: center;}
.footer-copyright span + span{margin-left: 40px;}
.footer-copyright a{font-size: 16px;color: #b3b4b4;}