@charset "UTF-8";

/*public css*/
.ellipsis{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.duohang{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fw{ width: 1200px;margin: 0 auto; }
#bgmask{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: rgba(0,0,0,.4);
    z-index: 1100;
    opacity: 0;
    transition: all 1s ease .1s;
}
.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.fixbg{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

#header{
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden;
    left: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,.1);
    height: auto;
}
#header.shou{
    height: 0;
}
#header .logo{
    display: inline-block;
    height: 108px;
    line-height: 108px;
    position: relative;
    left: 0;
    transition: all ease .3s;
    padding: 0 20px;
}
#header .wrap{max-width: 1460px;margin: 0 auto;padding-right: 20px;}
#header .sign{padding-left: 20px;padding-top: 28px;border-left: 1px solid #e5e5e5;height: 108px;}
#header .sign .t1{
    color: #0978bd;font-size: 20px;
    font-weight: bold;
}
#header .sign .t2{
    text-align: right;
    color: #666666;font-size: 14px;
    margin-top: 8px;
}
#header .tel{
    background: #0291dd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAnCAMAAABUv8o5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACBFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAADNg9tJAAAAqnRSTlMAIW698umsWg8qqejNz4sKbzLftU8cZNj1QAEgqvo7RkRcSO4nKDT7Vhj+CJT8FPliu+oCEfglThIQyxbtBHmJxL9f27NC8AMMgBs9IoQHDfdJGYq63tTz9AmiF2jKtqg88aXdkcP2LUNjTYWW1VnXM1QLNjrA5MWMjWuYL2cVI+wrxkF4yFfiUGaVRWy5wgZlj57cKdLm4AXWzJnZziw5nH3aNXswkOd1H8Ek2isAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAACVklEQVQ4y33U6V8SQRgH8CfCDMkgzSDFNEksyRI1FRWpPKA0KI3E1C6771Iry7Ts0NJutLTL7vr9le3MsEcL2/Ni9nlmv8xnroUoXSwzLTcDGSsyV5JxWLIAWFdlSxKrbWq/PXuNluUgdy0fJm+dA871ojO/wAUUbtCwomI13whkiswKFiUGMyhwg/1qU6mnjLvNBm4Lyr1EWyto23buKg1cCbKIfKiqrtnBnUl5U1tXLxI/axrQSFVAU8Dv5K45qYI7g7t2s6SllbVt0gs2sfZQWLg9YqXOvdSBTqJ9cPEOOIjtIdoj0f3cHeCTlra0C6VU6es+yFkMdIi/7omE49rl9lYcpjz09Q/w6gjoKITz9vYAsYBQx46foOigiU6e4mUrqF8wnPZGgDNCncU5ovNlFy5esl5m9RVIQycjHr6aPJYOXCPv9Wjj0PCIu5Mv4QbRTcXJu2ZqsN8aHQ1L2e07rB5Dt7R8meGusr3jUoSUKhcTbA9ldi8/7WHdxyR7PFCGc6VlGehKDirHw1RU/UiejL9QcY/1amgqeYJSTCtMnJYaduCJWj1V3cw/bPaZRVs+V10xGceLHNVNy522Nr/e9TWprl90vbRiqkbvJuKqeyXV4dcse2PTu4RZdQNFROU8m/OmjDevOrR46K1w7/RufEHjkJDuNovFgN5FfFpXm7wUiynj0Xuts9AH/vwYSnGzWveJHGJ+iRT3eVDjxmjB6P8lsqRxHpqT2i9pT67uq+q+SZ/VktERf3crbjgUNL4K9c0x2f2g/8bMz8l586+R339Y8RfmZ2Fk3+76AwAAAABJRU5ErkJggg==) no-repeat 13px center;
    width: 218px;height: 53px;
    border-radius: 8px;
    padding-left: 64px;
    margin-top: 27px;
    padding-top: 6px;
}
#header .tel .t1{
    color: #fff;font-size: 12px;
}
#header .tel .t2{
    color: #fff;font-size: 22px;line-height: 1;
}
#nav{
    width: 100%;overflow: hidden;background: #0978bd;
    position: fixed;
    left: 0;top: 108px;
    z-index: 1200;
}
#nav.topnav{top: 0;}
#nav a{
    display: inline-block;
    height: 70px;line-height: 70px;
    color: #fff;font-size: 16px;
}
#nav a+a{margin-left: 70px;}
#nav a.active, #nav a:hover{color: #9deeff;}
.hcut{height: 178px;width: 100%;overflow: hidden;}

.sitecontent{position: relative;width: 100%;overflow: hidden;}

.navbtn{
    position: fixed;
    right: 0;
    top: 0;
    height: 80px;
    display: none;
    width: 80px;
    text-align: center;
    cursor: pointer;
    z-index: 1300;
    line-height: 1;
    padding-top: 15px;
    background: #0978bd;
    transition: all 1s ease .2s;
}
.navbtn span{
    display: inline-block;
    width: 40px;height: 3px;
    background: #fff;
    transition: transform .2s ease .2s;
    -webkit-transition: -webkit-transform .2s ease .2s;
}
body.open #bgmask{
    opacity: 1;
    height: 100%;
}
body.open .navbtn{
    right: 60%;border-right:1px solid rgba(28,177,255,.3);
}
body.open .navbtn .line2{display: none;}
body.open .navbtn .line1{
    transform: translateY(12px) rotate(-45deg);
    -webkit-transform: translateY(12px) rotate(-45deg);
}
body.open .navbtn .line3{
    transform: translateY(-3px) rotate(45deg);
    -webkit-transform: translateY(-3px) rotate(45deg);
}
body.open #header .logo{
    left: -50%;
}
body.open #nav{ 
    right: 0;width: 60%;opacity: 1;visibility: visible;
}
body.open .sitecontent {
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
}
#footer{
    background: #56626f;
    padding-top:56px;
    width: 100%;overflow: hidden;
    position: relative;z-index: 39;
}
.foottop{
    max-width: 1230px;
    padding: 0 15px;
    margin:0 auto 4%;
}
.foottop .logo{
    display: block;
    height: 70px;
    line-height: 70px;
    margin-right: 68px;
}
.foottop .list1{padding-top: 10px;margin-right: 65px;height: 70px;}
.foottop .list1 a{
    display: inline-block;
    width: auto;
}
.foottop .list1 span{
    display: block;
    color: #abb1b7;font-size: 18px;
    margin-bottom: 5px;
}
.foottop .list1 i{
    display: inline-block;
    color: #abb1b7;font-size: 12px;
    text-transform: uppercase;
}
.foottop .list1 a:hover span{color: #2295bb;}
.foottop .list1 a:hover i{color: #2295bb;}

.foottop .list2{
    color: #abb1b7;font-size: 14px;
    padding-top: 8px;line-height: 2.2;
    width: 450px;height: 70px;overflow: hidden;
}
.foottop .list3{
    color: #abb1b7;font-size: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAzCAMAAAC+N+gCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAilBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAD2iU6fAAAALXRSTlMASiNBWwgkPyU+ByY8AQYnO1wpOl0FKjkrOCw2BC01AgMvNF4wMzIuNyg9IUkt0CABAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAJVJREFUOMudy1cWgjAUANEooUuTUKUHsO5/fa5gft78zrlKURc8VweXdul4vgAFIaOITnyjk+iUVpYjKhDdS0SmolU3AtR2AtQ/GA20xonObBZa64bIItoPATpPOoudaR07IoNoewrQNNIZbELr1dOpDKKuFaCmRlQgKt90UkZ5Ridi9IkZ0VFhQMfViHxPgJwvrh+eP/59CXBl5Y5HAAAAAElFTkSuQmCC) no-repeat left center;
    padding-left: 40px;padding-top: 12px;
     height: 70px;
}
.foottop .list3 .tel{font-size: 18px;margin-top: 6px;}
.foottop .list4{padding-top: 34px;height: 70px;}
.foottop .list4 a{
    display: inline-block;
    margin-left: 12px;
}
#footer .bottom{
    border-top: 1px solid #67727e;
    padding: 15px;
}
#footer .wrap{max-width: 1200px;margin: 0 auto; color: #bfc1c5;font-size: 14px;}
#footer .wrap a{color: #bfc1c5;font-size: 14px;}

.linkwrap{
    max-width: 1220px;
    margin: 0 auto 10px;
    padding: 0 10px;
}
.linkwrap .tt{
    color: #fff;font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    height: 30px;line-height: 30px;
}
.linkwrap .links{font-size: 0;border-bottom: 1px solid #67727e;padding-bottom: 12px;margin-bottom: 24px;}
.linkwrap .links a{
    display: inline-block;
    font-size: 14px;
    color: #e4e6e8;
    margin-bottom: 20px;
    width: 16.66%;
}

.linkwrap .links a:hover{text-decoration: underline;    }

@media screen and (max-width:1200px){
    .linkwrap .links a{width: auto;margin-right: 20px;margin-bottom: 10px;}
}