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; min-width: 1024px; overflow-x: hidden; padding-top: 100px;  }
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;}
.visible-xs{ display: none;}

/*header*/
.header{ position: fixed; left: 0; top: 0; width: 100%; font-size: 20px; z-index: 999; z-index: 999;}
.header::before,
.nav .nav-menu::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; background: rgba(255,255,255,.85);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px); }
.header a:hover{ color: #c8000a;}
.header .logo{ position: relative; float: left; padding: 28px 0; width: 143px; -webkit-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -ms-transition: padding .2s linear;
    -o-transition: padding .2s linear;
    transition: padding .2s linear;}
.header .logo a{ display: block; height: 42px; background: url("../image/logo.png") no-repeat center/contain;}
.nav{ float: left; margin: 0 70px;}
.nav li{ float: left; margin: 0 40px;}
.nav li > a{ display: block; line-height: 100px; padding: 0 5px; -webkit-transition: line-height .2s linear;
    -moz-transition: line-height .2s linear;
    -ms-transition: line-height .2s linear;
    -o-transition: line-height .2s linear;
    transition: line-height .2s linear;}
.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 .nav-menu{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 100px; width: 100%; padding: 30px 0 20px; z-index: 888; /* background: rgba(255,255,255,.95);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);*/}
.nav .nav-menu .wrap{ position: relative;}  
.nav .nav-menu a{ display: inline-block; margin: 0 2%; line-height: 40px!important; position: relative; top: -20px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.nav .menu-pro{ padding-bottom: 50px; z-index: 999; }
.nav .menu-pro dl{ float: left; text-align: center; min-width: 210px; margin-left: 40px;}
/*.nav .menu-pro dl + dl{ margin-left: 100px; }*/
.nav .menu-pro .white{ display: none; }
.nav .menu-pro dt p{ width: 120px; margin: 0 auto 15px; font-weight: bold; border-bottom: 2px solid #c8000a; }
.nav .menu-pro a{ line-height: 2!important;  }
.nav .menu-pro a:hover{ color: #c8000a; }
.nav .nav-menu a.hover{ color: #c8000a; }
.nav .menu-pro dt + dt{ margin-top: 20px;}
.nav .menu-dongtai .wrap{ text-align: center; padding-left: 445px;}

.nav li:hover .nav-menu{  opacity: 1; visibility: visible;}
.nav li:hover .nav-menu a{ top: 0;}
.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;-webkit-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -ms-transition: padding .2s linear;
    -o-transition: padding .2s linear;
    transition: padding .2s linear;}
.head-tel b{ display: block; font-size: 30px; margin-top: 6px;}
.header .icon-menu{ display: none;}

.header-fixed{ }
.header-fixed .on .nav-item{  opacity: 1; visibility: visible; }
.header-fixed .on .nav-item a{ top: 0; }

.header2 .logo{ padding: 15px 0;}
.header2 .nav li a{ line-height: 71px;}
.header2 .head-tel{ padding: 6px 0 0;}
.header2 .nav-menu{ top: 71px;}
.header2 .on .nav-item{  opacity: 1; visibility: visible; }
.header2 .on .nav-item a{ top: 0; }

.header2.pro-header::before,
.pro-header.header-fixed::before{ background: rgba(0,0,0,.75); -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px); }
.pro-header .menu-pro .black{ display: none; }
.pro-header .menu-pro .white{ display: block; }

.pro-header::before{ background: transparent;
    -webkit-backdrop-filter: blur(0px);
    -moz-backdrop-filter: blur(0px);
    -ms-backdrop-filter: blur(0px);
    -o-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);}
.pro-header{  color: #fff;}
.pro-header .logo a{ background-image: url("../image/logo-white.png");}
.pro-header .nav-menu{ color: #313131;  }
.pro-header .nav .nav-menu::before{ background: rgba(0,0,0,.15); -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);}
.pro-header.header2 .nav-menu::before{background: rgba(0,0,0,.75);}
.pro-header .nav .nav-menu{ color: #fff;}

.m-header{ display: none;}


/*xapges*/
.xpages{ text-align: center; color: rgba(0, 0, 0, .65); margin-top: 60px;}
.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; }


/*footer*/
.m-footer,.bottom{ display: none;}
.footer{ background: #e5e5e5; padding-top: 90px; font-size: 20px;}
.footer a:hover{ color: #c8000a;}
.footer-top .f-logo{ float: left;}
.footer-top .f-logo img{ float: left; margin-right: 45px;}
.footer-top .f-logo p{ overflow: hidden; font-size: 36px; line-height: 40px; padding-left: 50px; color: #000; border-left: 2px solid;}
.f-search{ float: right; width: 50%; position: relative; height: 54px; margin-top: 16px;}
.schform .f-s-input{ position: absolute; left: 0; top: 0; width: 100%; line-height: 54px; padding: 0 54px 0 88px; border-radius: 10px; background: #d7d7d7; font-size: 20px;}
.schform .icon-search,
.schform .icon-close{ position: absolute; font-size: 26px; font-weight: bold; line-height: 54px; text-align: center; }
.schform .icon-search{ left: 0; top: 14px; line-height: 26px; width: 66px; border-right: 1px solid;}
.schform .icon-close{ right: 0; top: 0; width: 54px; }
.schform .icon-search{ border: 0; background: none; line-height: 54px; top: 0; }
.schform::before{ content: ''; position: absolute; height: 30px; top: 12px; left: 64px; border-left: 1px solid; z-index: 8; }

.footer-bottom{ padding: 100px 0 60px; border-bottom: 1px solid #c5c5c5;}
.footer-bottom dl{ float: left;}
.footer-bottom dl + dl{ margin-left: 142px;}
.footer-bottom dt{ font-weight: bold; margin-bottom: 20px;}
.footer-bottom dd{ line-height: 2;}
.footer-bottom dd + dt{ margin-top: 50px;}
.footer-bottom dd b{ font-size: 40px; font-weight: bold;}
.footer-bottom .dl4 dd{ line-height: 1.3;}
.footer-bottom .dl5{ margin-left: 60px;}
.footer-bottom .dl5 dd{ float: left; text-align: center; margin: 0 5px;}

.copy{ background: #e5e5e5; text-align: center; padding: 40px 0 70px; }


.about-bt{ position: relative; font-size: 60px; padding-top: 25px; margin-bottom: 60px;}
.about-bt::before{ content: ''; position: absolute; top: 0; left: 0; width: 112px; height: 5px; background: #c8000a;}
.about-bt-center{ text-align: center;}
.about-bt-center::before{ left: 50%; margin-left: -56px;}


.baxiangfuwu{ padding: 120px 0 310px; background: url("../image/page-fuwu2-bg.jpg") no-repeat center/cover; border-radius: 0 0 90px;}
.baxiangfuwu ul{ margin-top: 150px;}
.fw-cont li{ position: relative; float: left; width: 11.45%; background: #fff; padding: 10px;}
.fw-cont li + li{ margin-left: 1.2%;}
.fw-cont .txt{ position: relative; padding: 20px 0 15px; text-align: right;}
.fw-cont .txt span{ font-size: 78px; color: #f6e3e3; color: rgba(200,0,10,.17); font-weight: bold;}
.fw-cont .txt p{ position: absolute; top: 50%; margin-top: -10px; right: 0; width: 100px; line-height: 1.4; text-align: center; background: #fff; font-size: 20px; font-weight: bold;}
.fw-cont li:nth-child(odd){ top: -50px;}


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


.l-cp-lists{ margin: 0 -50px;}
.l-cp-lists.l-cp-item li{ padding: 0 50px; margin-bottom: 100px;}
.l-cp-lists li .txt{ padding: 30px 40px;}
.l-cp-lists li .txt::after{ left: 30px; width: 373px; height: 1px;}
.l-cp-lists li h4{ font-size: 40px;}
.l-cp-lists li p{ line-height: 1.6; height: 3.2em; margin: 25px 0 20px; }
.l-cp-lists .btns a{ float: left; width: 110px; line-height: 30px; color: #fff; text-align: center; border-radius: 0 0 10px 0; background: #000;}
.l-cp-lists .btns a + a{ margin-left: 30px;}
.l-cp-lists .btns a:hover{ background: #c8000a; }
.moveline .txt{ position: relative; }
.moveline .txt::after{ content: ''; position: absolute; left: 50px; bottom: 0; width: 400px; height: 2px; background: #d4d4d4;       -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.moveline li:hover .txt::after{ left: 0; width: 100%; background: #313131;}


.swt{position: fixed; right: 20px; bottom: 30%; width: 84px; padding: 5px 15px; background-color: #ffffff; 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 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;}


.search-box h2{ margin-bottom: 60px; }
.search-box h2 strong{ font-size: 34px; font-weight: bold; color: #c8000a; }

@media (min-width: 1760px){
    .wrap{ width: 1560px; }
}
@media (max-width: 1759px){
    .wrap{ width: 1360px; }
    /*header*/
    .nav{ margin: 0 50px;}
    .nav li{ margin: 0 27px;}
    .nav .menu-pro dl{ margin-left: 9px; }
    .nav .menu-dongtai .wrap{ padding-left: 365px;}
    /*footer*/
    .footer-bottom dl + dl{ margin-left: 76px;}


    .about-bt{ font-size: 55px;}

    .baxiangfuwu{ padding: 100px 0 270px;}
    .baxiangfuwu ul{ margin-top: 130px;}


    .l-cp-lists{ margin: 0 -40px;}
    .l-cp-lists.l-cp-item li{ padding: 0 40px; margin-bottom: 80px;}

}
@media (max-width: 1559px){
    .wrap{ width: 1160px; }
    /*header*/
    .nav{ margin: 0 35px;}
    .nav li{ margin: 0 13px;}
    .nav .menu-pro img{ height: 120px; width: auto; }
    .nav .menu-pro dl{ min-width: 190px; font-size: 18px; margin-left: 0;}
    .nav .menu-pro dl + dl{ margin-left: 2px;}
    .nav .menu-dongtai .wrap{ padding-left: 280px;}

    /*footer*/
    .footer{ padding-top: 70px;}
    .footer-top .f-logo img{ margin-right: 20px; height: 72px; width: auto; }
    .footer-top .f-logo p{ font-size: 30px; line-height: 36px; padding-left: 25px;}
    .footer-top .f-search{ margin-top: 10px;}
    .footer-bottom{ padding: 80px 0 50px;}
    .footer-bottom dl + dl{ margin-left: 42px;}
    .footer-bottom dd img{ width: 100px; height: 100px;}
    .footer-bottom .dl5{ margin-left: 20px;}


    .about-bt{ font-size: 46px; margin-bottom: 50px;}

    .baxiangfuwu{ padding: 90px 0 240px;}
    .baxiangfuwu ul{ margin-top: 100px;}
    .fw-cont .txt{ padding: 10px 0 5px;}
    .fw-cont .txt span{ font-size: 70px;}

    .myform li{ margin-bottom: 35px;}
    .myform .submit{ width: 12em; line-height: 2.1em; font-size: 34px;}


    .l-cp-lists{ margin: 0 -25px;}
    .l-cp-lists.l-cp-item li{ padding: 0 25px; margin-bottom: 50px;}
    .l-cp-lists li .txt{ padding: 20px 30px;}
    .l-cp-lists li .txt::after{ width: 293px; left: 30px;}
    .l-cp-lists li h4{ font-size: 34px;}
    .l-cp-lists li p{ margin: 20px 0 15px;}
}
@media (max-width: 1359px){
    .wrap{ width: 960px; }
    /*header*/
    .nav{ margin: 0 15px;}
    .nav li{ margin: 0 7px;}
    .nav li a{ font-size: 18px;}
    .head-tel{ font-size: 18px;}
    .head-tel b{ font-size: 26px;}
    .nav .menu-pro dl{min-width: 160px; }
    .nav .menu-pro dl + dl{ margin-left: 0;}
    .nav .menu-pro img{ height: 90px; }
    .nav .menu-pro dt p{ width: 110px; font-size: 18px;}
    .nav .menu-pro dl a{ font-size: 15px; }
  
     .nav .menu-dongtai .wrap{ padding-left: 255px;}
    /*footer*/
    .footer{ padding-top: 60px;}
    .footer-top .f-logo img{ height: 64px;}
    .footer-top .f-logo p{ line-height: 32px; font-size: 28px;}
    .footer-bottom{ padding: 60px 0 40px;}
    .footer-bottom dl + dl{ margin-left: 85px;}
    .footer-bottom .dl3{ margin-right: 85px;}
    .footer-bottom .dl4,.footer-bottom .dl5{ float: none; overflow: hidden;}
    .footer-bottom .dl5{ margin-top: 20px;}
    .footer-bottom .dl5 dd{ margin: 0 3px;}
    .footer-bottom .dl5 img{ width: 90px; height: 90px;}
    .copy{ padding: 30px 0 50px;}


    .about-bt{ font-size: 36px; margin-bottom: 30px;}


    .baxiangfuwu{ padding: 80px 0 200px;}
    .baxiangfuwu ul{ margin-top: 80px;}
    .fw-cont li{ padding: 5px; width: 11.975%;}
    .fw-cont li + li{ margin-left: 0.6%;}
    .fw-cont .txt span{ font-size: 60px;}
    .fw-cont .txt p{ font-size: 18px; width: 80px;}

    .myform li{ margin-bottom: 30px;}
    .myform .submit{ font-size: 32px;}


    .l-cp-lists{ margin: 0 -15px;}
    .l-cp-lists.l-cp-item li{ padding: 0 15px; margin-bottom: 30px;}
    .l-cp-lists li .txt{ padding: 20px 15px;}
    .l-cp-lists li .txt::after{ width: 269px; left: 15px;}
    .l-cp-lists li h4{ font-size: 30px;}
    .l-cp-lists li p{ margin: 15px 0 10px;}
}

@media (max-width: 1159px){
    body{ min-width: 320px; padding: 1.0922rem 0 1.035rem!important;}
    .wrap{ width: auto; padding: 0 0.345rem;}
    .pull-right{ float: right;}
    .pull-left{ float: left;}
    .visible-xs{ display: block;}
    .hidden-xs{ display: none!important;}
    .about-bt{ font-size: 0.466rem; margin-bottom: 0; padding: 0 0 0.14rem; text-align: left;}
    .about-bt::before{ top: auto; left: 0; margin-left: 0; bottom: 0; width: 1.885rem; height: 0.0433rem;}
    .about-bt-center{ text-align: center;}
    .about-bt-center::before{ left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);}
    .icon-icon1{ display: block; color: #c8000a; position: absolute; left: 0; top: 0.52rem; font-size: 1.0544rem;}

    /*公共部分*/
    /*header*/
    .header{ display: none;}
    .m-header{ display: block; position: fixed; top: 0; left: 0; width: 100%; padding: 0.345rem 0 0.2586rem; z-index: 100; background: #fff;}
    .m-header .logo{ width: 1.69rem; }
    .m-header .logo a{ display: block; height: auto;}
    .m-header .logo img{ width: 100%;}
    .m-header .icon{ font-size: 0.345rem; display: inline-block; line-height: 0.35rem; }
    .m-header .icon + .icon{ margin-left: 0.69rem;}
    .m-header .h-menu{ width: 0.6rem; height: 0.49rem; text-align: center;}
    .m-header .h-menu i{ width: 0.6rem; line-height: 0.49rem; }
    .m-header .h-menu .icon-menu{ display: block; }
    .m-header .h-menu .icon-close{ display: none; /*font-weight: bold;*/ font-size: 0.55rem; }
    .m-header .menu-links{ display: none; position: fixed; top: 1.092rem; left: 0; width: 10rem; background: #f1f1f1; z-index: 999; overflow-y: scroll;}
    
    .m-header .menu-links-top,.m-header .menu-links-bottom{ background: #f9f9f9; padding: 0 0.345rem;}
    .m-header .menu-links-top{ padding-top: 0.3rem;}
    .m-header .menu-links-top a:last-child{ border-bottom: 0;}
    .m-header .menu-links-bottom{ padding-bottom: 0.4rem; margin-top: 0.26rem;}
    .m-header .menu-links a{ display: block; position: relative; padding-left: 0.56rem; font-size: 0.345rem; line-height: 0.91rem; color: #313131; border-bottom: 1px solid #d4d4d4; }
    .m-header .menu-links i{ position: absolute; left: 0; top: 0; line-height: 0.91rem;}
    .m-header .menu-links span{ position: absolute; right: 0; top: 0; line-height: 0.91rem; width: 0.4rem; text-align: center;}
    .m-header .menu-links .icon-jian{ display: none;}
    .m-header .smenu{ display: none; padding: 0 17.3% 0.8rem;}
    .m-header .smenu a{ padding: 0; width: 41%; float: left; text-align: center; margin-top: 0.35rem;}
    .m-header .smenu a:nth-child(odd){ margin-right: 18%;}
    /*header*/

    .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-top.show{ height: auto;}

    /*footer*/
    .footer,.copy{ display: none;}
    .m-footer,.bottom{ display: block;}
    .m-footer{ padding: 0.82rem 0 0.775rem; background: #e5e5e5; color: #000;}
    .m-footer .wrap{ display: flex; justify-content: center;}
    .m-footer .logo{ width: 2.55rem; padding-right: 0.42rem; border-right: 0.0175rem solid;}
    .m-footer .logo a{ display: block;}
    .m-footer .logo p{ text-align: center; font-size: 0.1897rem; letter-spacing: 0.023rem; margin-top: 0.12744rem;}
    .m-footer .f-tel{ font-size: 0.276rem; margin-left: 0.419rem; }
    .m-footer .f-tel i{ position: relative; top: 0.026rem; display: inline-block; margin-right: 0.1207rem; font-size: 0.302rem;}
    .m-footer .f-tel b{ display: block; color: #c8000a; font-size: 0.56rem; font-family: Roboto; letter-spacing: -0.0185rem; margin-top: 0.17284rem;}


    .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.1207rem 0 0.10345rem; }
    .bottom a i{ font-size: 0.48276rem;}
    .bottom a p{ font-size: 0.2586rem; margin-top: 0.06983rem;}
    /*footer*/

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

    .pro-lx{ margin-top: 0.6rem;}
    .pro-lx .zx,.pro-lx .tel{ float: left; width: 2.93rem; line-height: 0.69rem; color: #fff; font-size: 0.31rem; text-align: center; background: #313131; border-radius: 0 0 0.17rem 0; margin: 0;}
    .pro-lx i{ position: relative; top: 0.062rem; font-size: 0.43rem; display: inline-block; margin-right: 0.17rem;}
    .pro-lx p{ font-size: 0.276rem; overflow: hidden; line-height: 1!important; margin-top: -0.08rem;}
    .pro-lx p i{ margin-right: 0.1rem; font-size: 0.3rem; }
    .pro-lx p b{ font-size: 0.43rem; display: block;}
    .pro-lx .tel{ display: none; }
    /*公共部分*/
}

@media (max-width: 810px){
    /*公共*/
    body{ padding: 1.56rem 0 1.48rem!important;}
    .wrap{ padding: 0 0.37rem;}

    .about-bt{ font-size: 0.667rem; padding: 0 0 0.1852rem;}
    .about-bt::before{ width: 2.778rem; height: 0.062rem;}
    .icon-icon1{ top: 0rem; font-size: 0.92rem;}


    /*header*/
    .m-header{ padding: 0.494rem 0 0.37rem; }
    .m-header .logo{ width: 2.4rem; }
    .m-header .icon{ font-size: 0.494rem; line-height: 0.5rem; }
    .m-header .icon + .icon{ margin-left: 0.988rem;}
    .m-header .h-menu{ width: 0.9rem; height: 0.7rem;}
    .m-header .h-menu i{ width: 0.9rem; line-height: 0.7rem;}
    .m-header .h-menu .icon-close{ font-size: 0.7rem;}
    .m-header .menu-links{ top: 1.564rem; }
    .m-header .menu-links-top,.m-header .menu-links-bottom{ padding-left: 0.37rem; padding-right: 0.37rem; }
    .m-header .menu-links a{ font-size: 0.494rem; padding-left: 0.74rem; line-height: 1.2rem; }
    .m-header .menu-links a i{ line-height: 1.2rem;}
    .m-header .menu-links span{ width: 0.5rem; line-height: 1.2rem;}
    .m-header .smenu{ padding: 0 15% 0.8rem;}
    .m-header .smenu a{ width: 47%; padding: 0;}
    .m-header .smenu a:nth-child(odd) { margin-right: 6%; }
    /*header*/

    /*footer*/
    .m-footer{ padding: 1.172rem 0 1.11rem; }
    .m-footer .wrap{ display: block; }
    .m-footer .logo{ float: left; width: 3.64rem; padding-right: 0.69rem; border-right: 0.024rem solid;}
    .m-footer .logo p{ font-size: 0.272rem; letter-spacing: 0.01rem; margin-top: 0.1852rem;}
    .m-footer .f-tel{ float: right; font-size: 0.395rem; margin-left: 0; }
    .m-footer .f-tel i{ top: 0.053rem; margin-right: 0.185rem; font-size: 0.432rem;}
    .m-footer .f-tel b{ font-size: 0.8rem; letter-spacing: -0.02rem; margin-top: 0.25rem;}

    .bottom a{ padding: 0.17284rem 0 0.14815rem; }
    .bottom a i{ font-size: 0.69136rem;}
    .bottom a p{ font-size: 0.37037rem; margin-top: 0.1rem;}
    /*footer*/
    
    .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; }

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

    .pro-lx{ margin-top: 0.9rem;}
    .pro-lx .zx,.pro-lx .tel{ width: 3.06rem; line-height: 0.93rem; font-size: 0.42rem; border-radius: 0 0 0.23rem 0;}
    .pro-lx a i{ top: 0.1rem; font-size: 0.6rem; margin-right: 0.23rem;}
    .pro-lx p{ display: none;}
    .pro-lx .tel{ display: block; margin-left: 0.34rem;}
}