@charset "utf-8";html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;font-size: 16px;font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif; line-height: 2em}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display: block}
html,
body{color: #5f6061}
body{background: #f9f9f9}
ul,
ol,
li{list-style: none}
a{color: #5f6061;text-decoration: none}
a:hover{text-decoration: none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease}
img{ border:0; vertical-align: middle; max-width: 100%;}
b,
em,
i{font-style: normal}
@-webkit-keyframes fadeleft{0%{-webkit-transform: translateY(40px);opacity: 0}
100%{-webkit-transform: translateY(0px);opacity: 1}}
@font-face { font-family: 'pingfang'; src: url('pingfang.ttf'); }

.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block !important}
.imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.imgbigout{display: block;overflow: hidden}
.setwidth{ width:1200px; margin: 0 auto; position: relative;}
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}
.left{float: left}
.right{float: right}
.lazy{background: url("loading.gif") 50% 50% no-repeat}
.tran{transition: all .3s ease}
.back2top{display: block;width: 43px;height: 43px;background: url(back2top.png) no-repeat;position: fixed;right: 3.5%;bottom: 15%;opacity: .33;z-index: 99}
.back2top:hover{opacity: 1}
.pager{width: 100%;color: #0f0b09;line-height: 30px;padding: 30px 0;font-size: 24px;text-align: center;opacity: .3}
.pager a,.pager span{text-decoration: none;height: 26px;line-height: 26px;display: inline-block;margin: 0 10px;font-size: 24px}
.pager a:hover{color: #0f0b09;opacity: 1}
.pager a:active{color: #0f0b09}
.pager span.now{color: #0f0b09}
.pager span.disabled{color: #0f0b09}

.header{height: 100px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease}
.header-small{height: 50px; line-height: 50px; background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-in{width: 95%;margin: 35px auto;height: 40px; line-height: 40px; transition: all .3s ease}
.header-in .logo img{transition: all .3s ease}
.header-small .header-in{margin: 5px auto;transition: all .3s ease;
height: 46px;
background-image: url(../images/20190124031339131.jpg);
background-repeat: no-repeat;}
.header-small .logo img{ height: 0px;visibility: hidden;}
.header .logo{float: left;margin-left: 10px}
.header .meun-off{float: right;margin-right: 10px}
.header .meun-off p{ display:inline-block; vertical-align: top; margin-top:10px; }
.header .meun-off #span1,.header .meun-off #span2,.header .meun-off #span3{width: 23px;height: 2px;background-color: #000;display: block;margin: 4px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.header .meun-off .menoy{ display: inline-block; text-transform: uppercase; color: #373737; padding-right: 10px; text-align: center; }

.nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none}
.nav ul{margin: 0 auto;width: 50%;text-align: center;height: 630px;position: absolute;top: 50%;margin-top: -315px;left: 50%;margin-left: -25%}
.nav ul li{-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.nav ul a{display: block;height: 70px;overflow: hidden;margin: 10px 0}
.nav ul span{display: block;font-size: 34px;line-height: 70px;text-transform: uppercase;color: #e9e7e8; font-family:pingfang;}
.nav .nav-tel{position: absolute;left: 2%;bottom: 2%}
.nav .close{display: block;position: absolute;top: 4%;right: 4%}
.nav .close img{transition: all .5s ease}
.nav .close:hover img{transform: rotate(180deg)}


#banner{ height: 720px; width: 100%;}
#banner a{ width: 100%; height: 100%; display: block; background-position: center top; background-repeat: no-repeat; background-attachment: fixed;}
#banner .swiper-pagination{ bottom: 40px;}
#banner .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; }
#banner .swiper-pagination .swiper-pagination-bullet-active{ background: #898989;}

.gotop{ height: 39px; text-align: center; padding-top: 28px;  position: relative; z-index: 9;}
.gotop a{ display: inline-block; width: 27px; height: 39px; background: url(../images/gotop.png) no-repeat;}

.footer{background: #000; padding: 86px 7.5% 110px 7.5%; color: #fff; position: relative; z-index: 9 }
.footer p,.footer a,.footer .left p{ color: #fff; font-size: 14px; line-height: 21px;}
.footer .left,.footer .right{ width: 33.3%; }
.footer .right{ padding-top: 50px; text-align: right; }
.footer .left1{ padding-top: 50px;}
.footer .left .p1{ font-size: 34px; line-height: 51px;}
.footer .left .p2{ margin-top: 12px; font-size: 26px; line-height: 40px;}
.footer-bottom{ padding-top: 25px;}
.footer-bottom .yqlj{ font-size: 14px;}
.footer-bottom ul li{ float: left; width: 12.5%;  }
.footer-bottom ul li a{font-size: 14px; color: #cfcfcf;}
.footer-bottom ul li a:hover{ color: #fff;}
#share{ display:inline-block; vertical-align:middle; width:260px; margin-bottom: 12px; white-space:nowrap; }
#share a{ float:right; height: 27px; padding-left: 40px; background-image:url(../images/share.png); background-repeat:no-repeat; margin: 0; margin-left: 25px;}

.qq{ position: fixed; bottom: 2px; right: 2px; z-index: 999;}
@media screen and (max-width:1440px){
	.foot-lofo{ width: 280px;}
	.footer .left1{ padding-top: 20px;}
	.footer .left .p1{ font-size: 24px; line-height: 31px;}
	.footer .left .p2{ margin-top: 12px; font-size: 18px; line-height: 30px;}
	.footer .right{ padding-top: 20px;}
}