body, html,
div,p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, button, textarea,
blockquote,
th, td { margin: 0; padding: 0; }
video {  margin: 0;  padding: 0;  border: 0;  font: inherit; vertical-align: baseline; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
a {color: inherit; text-decoration: none; cursor: pointer; 
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;}
a:hover { text-decoration: none; }
img { border: none; }
ol, ul, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body {font: normal 16px/1 "Microsoft Yahei",Arial,Simsun,sans-serif; color: #313131; max-width: 1920px; margin:0 auto; background: #fff; overflow-x: hidden; padding: 100px 0 510px; }
input,textarea{ border: none; font: inherit;}
input:focus,textarea:focus{ outline: none; font: inherit;}
.wrap{ margin: 0 auto;}
.img-responsive{ display: block; max-width: 100%; height: auto; }
.text-right{ text-align: right;}
.clearfix { zoom: 1; }
.clearfix::after {content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}
.text-overflow-1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-overflow-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hidden-xs{ display: block!important;}
.visible-xs,.visible-xxs{ display: none!important;}
.pull-left{ float: left;}
.pull-right{ float: right;}

/*header*/
.header{ position: fixed; left: 0; top: 0; width: 100%; font-size: 20px; z-index: 999; z-index: 999; background: #fff;}
.header::before,
.header a:hover{ color: #c8000a;}
.header .logo{ position: relative; float: left; padding: 28px 0; width: 143px; }
.header .logo a{ display: block; height: 42px; background: url("../images/logo.png") no-repeat center/contain;}
.nav{ float: left; margin: 0 90px;}
.nav li{ float: left; margin: 0 30px;}
.nav li > a{ display: block; line-height: 100px; padding: 0 5px; }
.nav li > a{ position: relative;}
.nav li > a::before{ display: none; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 3px solid #c8000a;}
.nav li:hover > a::before,.nav li.on > a::before{ display: block;}
.head-tel{ position: relative; float: right; font-size: 20px; font-weight: bold; padding: 22px 0;}
.head-tel b{ display: block; font-size: 30px; margin-top: 6px;}
.header .icon-menu{ display: none;}


/*footer*/
.footer{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: -1; color: #fff; background: url("../images/footer-bg.jpg") no-repeat center/cover;}
.footer-top{ padding: 90px 0 70px; border-bottom: 1px solid #848484;}
.f-top-left{ float: left;}
.f-top-left .f-logo img{ width: 160px; margin-bottom: 20px; }
.f-top-left h2{ margin-bottom: 15px; font-size: 60px; line-height: 1.17;}
.f-top-left p{ font-size: 30px;}
.f-top-right{ float: right; width: 24%; padding-top: 38px; }
.f-top-right ul{margin: 0 -10px;}
.f-top-right li{ float: left; width: 33.33%; padding: 0 10px;}
.f-top-right li p{ margin-top: 10px; text-align: center;}
.f-top-right > p{ margin-top: 30px; padding-bottom: 10px; font-weight: bold; font-size: 30px; text-align: center; border-bottom: 2px solid #df0024;}
.copy{ padding: 30px 0 80px; text-align: center;}

.swt{position: fixed; right: 20px; bottom: 15%; width: 84px; background-color: #fff; border-radius: 0 0 30px; z-index: 999; box-shadow: 0 0 16px rgba(0,0,0,0.13); text-align: center; overflow: hidden;}
.swt a{ display: block; line-height: 73px; font-size: 35px;}
.swt a:first-child{ font-size: 37px; }
.swt .icon-biaodan{ font-weight: bold; font-size: 33px; }
.swt a + a{ border-top: 1px solid #e4e4e4;}
.swt a:hover{ color: #c8000a;}
.swt .icon-top{ opacity: 0; height: 0; visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
.swt .icon-top.show{ opacity: 1; height: 74px; visibility:visible;}


@media (min-width: 1760px){
    .wrap{ width: 1560px; }
}
@media (max-width: 1759px){
    .wrap{ width: 1360px; }
    /*header*/
    .nav{ margin: 0 50px;}
    .nav li{ margin: 0 22px;}


}
@media (max-width: 1559px){
    .wrap{ width: 1160px; }
    body{ padding-bottom: 500px; }

    /*header*/
    .header{ font-size: 18px;}
    .nav{ margin: 0 35px;}
    .nav li{ margin: 0 13px;}

    /*footer*/
    .f-top-left h2{ font-size: 52px;}
    .f-top-left p{ font-size: 28px;}
    .f-top-right{ width: 30%;}
    .f-top-right > p{ font-size: 28px; }

}
@media (max-width: 1359px){
    .wrap{ width: 960px; }
    body{ padding-bottom: 460px; }

    /*header*/
    .nav{ margin: 0 22px;}
    .nav li{ margin: 0 5px;}
    .nav li a{ font-size: 17px;}
    .head-tel{ font-size: 18px;}
    .head-tel b{ font-size: 26px;}

    /*footer*/
    .f-top-left h2{ font-size: 42px;}
    .f-top-left p{ font-size: 24px;}
    .f-top-right{ width: 36%; padding-top: 0;}

    /*.myform .submit{ width: 460px; font-size: 32px; line-height: 80px;}*/

}
@media (max-width: 1024px){
    .wrap{ width: 100%; padding: 0 0.27rem;}
    .hidden-xs{ display: none!important;}
    .visible-xs{ display: block!important;}
    body{ padding: 1.24rem 0 0;}
    .m-footer{ height: 3.6rem; }

    /*m-header*/
    .m-header{ position: fixed; top: 0; left: 0; width: 100%; padding: 0.34rem 0; z-index: 100; background: #fff;}
    .m-header .logo{ width: 1.942rem; }
    .m-header .logo a{ display: block; height: auto;}
    .m-header .logo img{ width: 100%;}
    .m-header .icon{ font-size: 0.29rem; display: inline-block; line-height: 0.56rem; padding: 0 0.07rem; }
    .m-header .icon + .icon{ margin-left: 0.7rem;}
    .m-header .h-tel{ font-weight: bold;}
    .m-header .h-tel i{ position: relative; display: inline-block; margin-right: 0.1rem;}
    .m-header .h-menu{ width: 0.63rem; text-align: center;}
    .m-header .h-menu .icon-menu{ display: block;}
    .m-header .h-menu .icon-close{ display: block; }
    .m-sub{ position: fixed; top: 0; right: 0; width: 100%;}
    .m-sub .bg{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); }
    .m-sub-links{ opacity: 0; position: absolute; right: -40rem; top: 0; width: 60%; height: 100vh; padding-top: 0.8rem; background: #fff; overflow-y: scroll;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;}
    .m-sub-links a{ display: block; padding-left: 1rem; font-size: 0.5rem; line-height: 2.5;}


    /*footer*/
    .m-footer{ height: 4.2rem; }
    .footer{ bottom: 1.24rem; color: #000; background: #e5e5e5; transform: translateY(0)!important;}
    .footer-top{ padding: 0.59rem 0; border-bottom: 0;}
    .f-top-left h2{ font-size: 0.35rem;}
    .f-top-left p{ font-size: 0.22rem;}
    .f-top-right{ width: 45%; padding-top: 0.35rem; }


    /*bottom*/
    .bottom{ position: fixed; bottom: 0; left: 0; width: 100%; display: flex!important; color: #fff; background: rgba(68,68,68,0.8); z-index: 99;
        -webkit-backdrop-filter: blur(15px);
        -moz-backdrop-filter: blur(15px);
        -ms-backdrop-filter: blur(15px);
        -o-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);}
    .bottom a{ flex: 1; display: flex; flex-direction: column; align-items: center; padding: 0.15rem 0; }
    .bottom a i{ font-size: 0.556rem;}
    .bottom a p{ font-size: 0.3rem; margin-top: 0.08rem;}


    .swt{ right: 0.17rem; width: 0.7rem; padding: 0; border-radius: 0 0 0.26rem; box-shadow: 0 0 0.14rem rgba(0,0,0,0.13); z-index: 88;}
    .swt a{ line-height: 0.7rem; font-size: 0.4rem; }
    .swt a:first-child {  font-size: 0.42rem; }
    .swt .icon-biaodan{ font-size: 0.38rem; }
    .swt .icon-top.show{ height: auto;}

}
@media (max-width: 750px){
    .wrap{ padding: 0 0.4rem;}
    body{ padding: 1.658rem 0 0;}
    .hidden-xxs{ display: none!important;}
    .visible-xxs{ display: block!important;}
    .m-footer{ height: 4.84rem; }

    /*m-header*/
    .m-header .logo{ width: 3.4rem; }
    .m-header .icon{ font-size: 0.48rem; line-height: 0.978rem;}
    .m-header .icon + .icon{ margin-left: 0.4rem; }

    /*footer*/
    .m-footer{ height: 4.64rem; }
    .footer{ bottom: 1.58rem; }
    .f-top-right{ display: none;}
    .f-top-left{ width: 100%; text-align: center;}
    .f-top-left .f-logo{ display: inline-block; width: 3.95rem; }
    .f-top-left .f-logo img{ width: 100%;}
    .f-top-left h2{ display: none;}
    .f-top-left p{ text-align: center; font-size: 0.4rem;}

    /*bottom*/
    .bottom a{ padding: 0.16rem 0; }
    .bottom a i{ font-size: 0.74rem;}
    .bottom a p{ font-size: 0.4rem; margin-top: 0.12rem;}


    .m-txt{ padding-left: 2rem; }
    .m-txt h2{ font-size: 0.64rem!important; margin-bottom: 0.45rem!important;}
    .m-txt p{ font-size: 0.425rem; color: #313131; margin-top: 0.4rem!important;}
    .m-pics{ margin-top: 0.4rem;}
    .m-pics p{ font-size: 0.32rem; padding-top: 0.32rem;}
    .m-pics2{ width: 9.2rem; position: relative; left: -2rem;}

    .swt{  width: 1.2rem; border-radius: 0 0 0.26rem;}
    .swt a{ line-height: 1.2rem; font-size: 0.68rem; }
    .swt a:first-child {  font-size: 0.72rem; }
    .swt .icon-biaodan{ font-size: 0.65rem; }

}


@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?7cv02g');
    src:  url('../fonts/icomoon.eot?7cv02g#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?7cv02g') format('truetype'),
    url('../fonts/icomoon.woff?7cv02g') format('woff'),
    url('../fonts/icomoon.svg?7cv02g#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-address:before {
    content: "\e900";
}
.icon-email:before {
    content: "\e901";
}
.icon-tel1:before {
    content: "\e902";
}
.icon-weixin:before {
    content: "\e903";
}
.icon-news:before {
    content: "\e905";
}
.icon-liuyan:before {
    content: "\e904";
}
.icon-icon:before {
    content: "\e92a";
}
.icon-menu2:before {
    content: "\e920";
}
.icon-tel:before {
    content: "\e90f";
}
.icon-top:before {
    content: "\e91d";
}
.icon-menu:before {
    content: "\e906";
}
.icon-kefu:before {
    content: "\e907";
}