@charset "utf-8";
@font-face {font-family: Buntu;src: url('../font/Ubuntu-L.ttf')}
@font-face {font-family: ClearSans;src: url('../font/ClearSans-Regular.ttf')}
/* reset */
*{box-sizing: border-box;}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight: normal }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top;max-width: 100% }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
.fl{float: left;}
.fr{float: right}
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",;  }
body { line-height: 1.5 }
.news1400{max-width: 1400px;margin: 0 auto;width: 94%}
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;  transition: all .2s;}
a:hover { color:#ff6900;}
:focus { outline: none }
.clearfix:before,.clearfix:after{display: table;content: "";clear: both;height: 0;}
body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #ff6900;
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
    background: rgba(242,242,242,.3);
}
/*分页*/
.page_desc{margin: 50px auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #d8d8d8;color: #555; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#555; color: #fff;border: 1px solid #555}



/*nav*/
.wrap {  max-width:1600px; margin:0 auto;width: 89%;}
.header { height:100px; position:absolute; width:100%; left:0; top:0;  z-index:11;   }
.header .wrap { position:relative;}
.header .logo { float:left; margin-top:22px; display: inline-block; padding-bottom: 10px; text-align: center}
.header .logo img{height: 52px;}
.header .logo img:nth-of-type(2){display: none;}
.header nav { float:right;margin-right: 30px}
.header nav li { float:left; margin-right:40px; }
.header nav li:nth-of-type(4){display: none;}
.header nav li a { color:#fff;line-height: 100px;display: block;font-size: 14px;position: relative;}
.header nav li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #ff6900;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
/*.header nav li:hover > a:before,.header nav li.on > a:before{width: 100%;}*/
.header nav li.n-news { display:none;}
.header nav li a:hover,
.header nav li.on a{ color:#ff6900;; }
.header .tel {padding-left: 43px;float: right;color: #fff;font-size: 14px;line-height: 1.3;text-align: right;transition: all 0.3s;-webkit-transition: all 0.3s;background: url(../images/tel.png) no-repeat left bottom;background-size: 30px;    margin-top: 24px;position: relative}
.header .tel span {display: block;font-size: 22px;font-weight: bold;}
.header .tel:before {width: 1px;height: 45px;position: absolute;left: -41px;top: 2px;background: #DFDFDF;content: "";}

.p-click-alert {
    float: right;
    display: none;
    width: 30px;
    height: 22px;
    margin: 40px 0 0;
    position: relative;
    cursor: pointer;
    z-index: 12;
}
.p-click-alert span {
    border-top: 2px solid #1d1d1d;
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.p-click-alert .s1 {
    width: 18px;
    top: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.p-click-alert .s2 {
    width: 26px;
    top: 8px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.p-click-alert .s3 {
    width: 22px;
    top: 17px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.p-click-alert.zj .s1 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    width: 22px;
}
.p-click-alert.zj .s2 {
    opacity: 0;
}
.p-click-alert.zj .s3 {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.new-float{
    position: fixed;
    right: 0;
    top: 50%;
    z-index:10001;
    width: 70px;
    height: 374px;
    margin-top: -187px;
}
.new-float li{
    position: relative;
    width: 70px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    color: #fff;
    text-align: center;
}
.new-float li.hover{
    overflow: hidden;
}
.new-float li a{
    display: inline-block;
    color: #333;
    background-color: #FED400;
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: 22px 4px;
}
.new-float li a.tit{
    width: 70px;
    height: 57px;
    padding: 30px 0 0 0;
    color: #333;
    background-color: #FED400;
}
.new-float li.fi a{
    background-image: url(../images/qq-001.png);
}
.new-float li.th a{
    background-image: url(../images/c-icon2.png);
}
.new-float li.back a{
    background: url(../images/bg_float07.png) no-repeat;
}
.new-float li.fo a{
    background-image: url(../images/c-icon4.png);
}
.new-float li.fif a{
    background-image: url(../images/c-icon3.png);
}
.new-float li .tel{
    position: absolute;
    left: 66px;
    top: 0;
    z-index: 1;
    width: 188px;
    height: 57px;
    font: 22px/57px Arial;
    color: #333;
    font-weight: bold;
    background-color: #FED400;
    cursor: pointer;
}
.imgTel{
    position: absolute;
    top: -63px;
    right: -150px;
    width: 120px;
    height: 120px;
    transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0 0 2px #ddd
}
.wetChat:hover .imgTel{
    right: 75px;
}
/*底部*/
#footer {
    width: 100%;
    background: #262a2b;
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer-top-right{
    width: 72%;
}
.footer-top-right ul{
    padding-top: 20px;
}
.footer-top-right li{
    float: left;
}
.footer-top-right li:nth-of-type(1),.footer-top-right li:nth-of-type(2){
    width: 27%;
}
.footer-top-right li:nth-of-type(3){
    width: 44%;
}
.footer-top-right li h3{
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.footer-top-right li h3 span{
    font-size: 14px;
    color: rgba(255,255,255,.3);
    margin-left: 10px;
}
.footer-top-right li h4{
    font-size: 20px;
    color: #ff6900;
    margin-bottom: 5px;
}
.footer-top-right li p{
    font-size: 14px;
    color: rgba(255,255,255,.8);
    line-height: 2.3;
}
.footer-top-right li.erweima p img{
    width: 100px;
}
.yqlj_box p>a:hover {
    color: #f90;
}

.erweim {
    float: right;
    margin-right: 20px;
}
.yqlj_box {
    padding: 15px 0;
    border-top: 1px solid #3c4041;
    margin-top: 40px;
}
.yqlj_box p {
    line-height: 30px;
    font-size: 14px;
    color: #F1F1F1;
}
.yqlj_box p>a {
    color: #b8b8b8;
    text-decoration: none;
    margin-right: 5px;
    font-size: 14px;
}



.page_desc{margin: 50px auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #d8d8d8;color: #555; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#555; color: #fff;border: 1px solid #555}

/*手机底部*/
.foot-di {
    position: fixed;
    z-index: 400;
    width: 100%;
    background: #262a2b;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    bottom: 0;
    left: 0;
    display: none;
}
.foot-di * {
    color: #FFFFFF;
}
.foot-di .dpai {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}
.foot-di .dpai i {
    margin-top: 17px;
    display: inline-block;
    width:26px;
    height:26px;
    float: left;
    margin-left: 55px;
}
.foot-di .dpai a{display: block;text-align: center}
.foot-di .dpai a span{display: inline-block;font-size: 14px;color: #fff;float: left;margin-left: 10px;}
.foot-di .dpai .dp2 {
    position: absolute;
    width: 130px;
    height: 130px;
    top: -130px;
    left: 50%;
    margin-left: -65px;
    background: #fff;
    padding: 10px;
    display: none;
}
.foot-di .dpai .dp2 img {
    width: 100%;
    height: 100%;
    display: block;
}
.foot-di .dpai .dp2::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}
.foot-di .dpai .dn-ewm1{
    position: absolute;
    left: 0;
    bottom: 60px;
    right: 0;
    margin: auto;
    display: none;
}
.foot-di .dpai .dn-ewm1 img{
    width: 100px;
    height: 100px;
}
.icon-lianxi{background: url(../images/footer-icon1.gif) no-repeat center/cover; }
.icon-lianxi2{background: url(../images/foot-icon2.png) no-repeat center/cover; }
.icon-dianhua{display: block;background: url(../images/foot-icon3.png) no-repeat center/cover; }
.icon-wexin{display: block;background: url(../images/foot-icon4.png) no-repeat center/cover; }



@media(max-width:1200px) {
  
}
@media(max-width:768px) {
    .header{height: 60px;background-color: #fff;position: fixed;width: 100%;z-index: 9999;left: 0;top:0;}
    .header .logo{margin-top: 12px;padding-bottom: 0;}
    .header .tel,.new-float,.header nav,.header .logo img:nth-of-type(1),.yqlj_box{display: none;}
    .header .logo img:nth-of-type(2){display: block;height: 35px;}
    .p-click-alert {display: block; margin: 22px 0 0;}
    .header nav{float:none;position: fixed;top: 60px;left: 0;width: 100%;z-index: 10;display: none;background-color: #ffffff;}
    .header nav li{float: none;border-top: 1px solid #f2f2f2;margin-right: 0}
    .header nav li a{color: #333;line-height: 60px;padding:  0 20px;font-size: 16px;}
    .foot-di {display: block;}
    #footer{padding-top: 10px;padding-bottom: 70px;}
    .footer-top-left{display: none;}
    .footer-top-right{width: 100%;}
    .footer-top-right li:nth-of-type(1), .footer-top-right li:nth-of-type(2){display: none;}
    .footer-top-right li:nth-of-type(3){width: 100%}
    .footer-top-right li h4 {font-size: 14px;margin-bottom: 0;line-height: 30px;}
    .footer-top-right li p{line-height: 30px;}
    .footer-top-right li h3{margin-bottom: 5px;display: none;}
    .footer-top-right ul{padding-top: 0;}
    .footer-top-right li:nth-of-type(3) p:nth-of-type(1){display: none;}
    .footer-top-right li:nth-of-type(3) p:nth-of-type(2){font-size: 12px;color: #616161;line-height: 20px;margin-top: 6px;}
    .page_desc{margin: 20px auto}
}