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;}
.visible-xs{ display: none;}
.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;}


/*xapges*/
.xpages{ text-align: center; color: rgba(0, 0, 0, .65); }
.xpages span{ margin-right: 20px; font-size: 16px; }
.xpages b,.xpages a{ font-size: 16px; display: inline-block; margin: 0 2px; padding: 10px 13px; font-weight: normal; border: 1px solid #d9d9d9; border-radius: 5px;}
.xpages b,.xpages a:hover{ color: #c8000a; border-color: #c8000a; }


.banner{ padding: 150px 0 160px;}
.banner h2{ margin-bottom: 140px; font-size: 110px; line-height: 1.1; font-weight: bold; color: #fff;}
.banner .more{ margin: 0 auto; display: block; font-size: 32px; text-align: center; width: 15.8em; line-height: 3.2em; background: #fff; border-radius: 3.2em; color: #000; font-weight: bold; }
.banner .more i{ font-size: 1.75em; display: inline-block; margin-right: 0.75em; vertical-align: middle;}
.banner .more:hover{ background: #c8000a; color: #fff; }

.myform ul{ margin: 0 -10px;}
.myform li{ float: left; width: 33.33%; padding: 0 10px; position: relative; margin-bottom: 48px;}
.myform li label{ position: absolute; left: 30px; top: 2px; line-height: 60px; font-size: 20px;}
.myform li .txt{ width: 100%; line-height: 60px; font-size: 20px; border: 2px solid #d4d4d4; padding: 0 20px 0 120px;}
.myform .saytext{ width: 100%;}
.myform .saytext label{ line-height: 40px; top: 10px;}
.myform .saytext textarea{ resize: none; padding-top: 10px; padding-bottom: 10px; line-height: 40px; height: 145px; overflow-y: hidden;}
.myform .submit{ display: block; margin: 0 auto; width: 510px; line-height: 90px; font-size: 40px; font-weight: bold; color: #fff; background: #b10201; border-radius: 0 0 1em 0;}


.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;}

    .banner{ padding: 130px 0 140px;}
    .banner h2{ font-size: 96px; margin-bottom: 120px;}
    
    

}
@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; }

    .banner{ padding: 120px 0 130px;}
    .banner h2{ font-size: 82px; margin-bottom: 90px;}
    .banner .more{ 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;}

    .banner{ padding: 100px 0 110px;}
    .banner h2{ font-size: 68px; margin-bottom: 70px;}
    .banner .more{ font-size: 26px;}

    .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;}
    .visible-xs{ display: block;}
    body{ padding: 1.24rem 0 0;}
    

    /*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; 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;}


    .m-txt{ padding-left: 1.6rem; width: 100%!important;}
    .m-txt h2{ font-size: 0.68rem!important; line-height: 1.2; margin-bottom: 0.68rem!important;}
    .m-txt p{ font-size: 0.26rem; margin-top: 0.15rem!important;}
    .m-pics{margin-top: 0.3rem;}
    .m-pics-cont{ overflow-x: scroll; }
    .m-pics li{ float: left;}
    .m-pics p{ text-align: center; font-size: 0.26rem; padding-top: 0.26rem;}
    .m-pics2{ width: 9.46rem; position: relative; left: -1.6rem;}

    .banner{ padding: 0.9rem 0 1rem;}
    .banner h2{ font-size: 0.66rem; line-height: 1.2; margin-bottom: 0.8rem;}
    .banner .more{ font-size: 0.32rem;  width: 3.6rem; line-height: 0.8rem; border-radius: 0.5rem; }
    .banner .more i{  margin-right: 0.1rem; position: relative; font-size: 1.4em;}

    /*xpages*/
    .xpages{ margin-top: 0.74rem;}
    .xpages span,.xpages a,.xpages b{ display: none;}
    .xpages .prev,.xpages .next{ display: inline-block; font-size: 0.43rem; padding: 0.2rem 0.25rem; margin: 0 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;}
    

    /*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;}

    .banner h2{ font-size: 0.65rem; margin-bottom: 0.65rem; }
    .banner .more{ width: 4.8rem; line-height: 1rem; border-radius: 0.5rem; font-size: 0.43rem;}
    .banner .more i{ margin-right: 0.2rem; top: -0.03rem; font-size: 1.4em;}


    .xpages{ margin-top: 0.7rem;}
    .xpages .prev,.xpages .next{ font-size: 0.62rem; border-radius: 0.15rem; padding: 0.24rem 0.3rem;}


    .myform li{ width: 100%; margin-bottom: 20px;}
    .myform li .txt{ line-height: 40px; border-width: 1px; padding: 0 10px 0 90px; }
    .myform li label{ left: 20px; line-height: 40px; font-size: 16px;}
    .myform .submit{ width: 8rem; line-height: 1.8rem; font-size: 0.8rem; border-radius: 0 0 0.5rem 0;}


    .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; }

}