/*pro-xuankuangmo*/
.xk-more{display: block; font-size: 32px; width: 10em; line-height: 2.5em; text-align: center; font-weight: bold; color: #fff; background: #c8000a; border-radius: 0 0 0.84em;}
.xk-more span{ position: relative; top: 0.1em; font-size: 1.4em; margin-right: 0.3em;}
.visible-sm{ display: none!important;}

.pro-xk-banner{ background: #f8f8f8 url("../pics/pro-xkm1-bg.png") no-repeat center bottom/100% auto; border-radius: 0 0 300px 0;}
.pro-xk-banner .txt{ position: relative; padding-top: 160px;}
.pro-xk-banner .txt h2{ position: absolute; top: 60px; left: 0; font-size: 85px; line-height: 1.16;}
.pro-xk-banner .txt img{ display: inline-block; width: 83.3%; }
.pro-xk-banner .xk-more{ position: absolute; bottom: 0; left: 0; }
.pro-xk-banner .pp{ position: relative; padding: 100px 16.7%; font-size: 30px; line-height: 2; text-align: center; }
.pro-xk-banner .pp img{ position: absolute;}
.pro-xk-banner .pp .icon1{ left: 23%; top: 0.9em; width: 1.533em; }
.pro-xk-banner .pp .icon2{ right: 3%; top: 27%; width: 3.67em; }
.pro-xk-banner .pp .icon3{ left: 5%; top: 46%; width: 2.87em; }

.pro-xk{ padding-top: 100px; font-size: 24px; line-height: 2;}
.pro-xk h3{ font-size: 50px; line-height: 1; margin-left: -16.7%; margin-bottom: 60px;}
.pro-xk .xk-box{ padding-left: 16.7%;}

.pro-xk-shiyong li{ margin-bottom: 3em;}
.pro-xk-shiyong .pic{ float: left; width: 47.44%; margin-right: 40px;}
.pro-xk-shiyong .pp{ overflow: hidden;}
.pro-xk-shiyong .pp + .pp{ margin-top: 2.7em;}
.pro-xk-shiyong .pp .bt{background: #313131; color: #fff; font-size: 30px; font-weight: bold; line-height: 1.54; padding: 0 1.3em; margin-bottom: 0.7em;}
.pro-xk-shiyong .bt h4{ float: left;}
.pro-xk-shiyong .bt p{ float: right;}
.pro-xk-shiyong .p{ position: relative; padding-left: 1.667em; }
.pro-xk-shiyong .p::before{ content: ''; position: absolute; left: 0; top: 0.79em; width: 0.42em; height: 0.42em; border-radius: 50%; background: #c8000a; }
.pro-xk-shiyong .xk-more{ width: 100%; font-size: 2em; font-weight: normal; line-height: 2.8;}
.pro-xk-shiyong .xk-more svg{ fill: #fff; position: relative; top: -0.13em;}

.pro-xk-beijian ul{ font-size: 30px; text-align: center; margin: 0 -0.33em;}
.pro-xk-beijian li{ float: left; width: 33.33%; padding: 0 0.33em; margin-bottom: 0.5em; }
.pro-xk-beijian .xk-more{ width: 100%; margin-top: 3em;}

.pro-xk-shili{ padding-bottom: 90px; }
.pro-xk-shili li{ position: relative;padding-right: 20%;  margin-bottom: 1.2em;}
.pro-xk-shili li p{ position: absolute; left: 83%; top: 0; font-size: 30px; line-height: 1; padding-top: 1.77em;}
.pro-xk-shili li p::before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border-width: 0.567em 1em 0.567em 0; border-style: solid; border-color: transparent #c8000a transparent transparent;}

/*公共*/
.pro-lianxi{ padding: 100px 0 100px; color: #fff; background: url("../images/pro-kuangzha7-bg.jpg") no-repeat center/cover;}
.pro-lianxi .text{ float: left; width: 40%;}
.pro-lianxi .text .p{ font-size: 30px; font-weight: bold;}
.pro-lianxi .text h3{ font-size: 60px; margin: 0.3em 0 1.4em;}
.pro-lianxi .pro-lx{ font-size: 20px; font-weight: bold;}
.pro-lianxi .pro-lx span{ display: inline-block; position: relative;}
.pro-lianxi .pro-lx .zx{ float: left; margin: .25em 1.5em 0 0; line-height: 3em; text-align: center; width: 12.2em; color: #fff; background: transparent; border-radius: 0 0 1em; border: 2px solid #fff;}
.pro-lianxi .submit:hover{ background: #c8000a!important; border-color: #c8000a!important; cursor: pointer;}
.pro-lianxi .pro-lx .zx span{ top: .15em; font-size: 1.5em; margin-right: 0.3em;}
.pro-lianxi .pro-lx p{ float: left; }
.pro-lianxi .pro-lx p span{ font-size: 1.3em; top: .1em;}
.pro-lianxi .pro-lx p b{ display: block; font-size: 1.9em; margin-top: .15em;}
.pro-lianxi .pro-form{ float: right; width: 50%;}
.pro-lianxi li{ width: 50%; margin-bottom: 40px;}
.pro-lianxi .pro-form label{ left: 10px; line-height: 50px;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
.pro-lianxi .saytext label{ top: 0; line-height: 50px;}
.pro-lianxi .pro-form .txt{ line-height: 50px; height: 52px; padding: 0; background: transparent; border: none; border-bottom: 2px solid #7e7e7e; color: #fff;}
.pro-lianxi .pro-form .txt:focus{ border-bottom-color: #fff;}
.pro-lianxi .pro-form label.focus{ top: -30px; font-size: 12px; color: #f6f6f6;}
.pro-lianxi .submit{ border: 2px solid #fff; background: transparent; width: 12.2em; font-size: 20px; line-height: 3; margin-left: 0; border-radius: 0 0 1em;}
.pro-lianxi .pro-lx .zx:hover,.pro-lianxi .submit:hover{ background: #c8000a!important; border-color: #c8000a!important; cursor: pointer;}
.pro-lianxi .submit span{ display: inline-block; position: relative; top: 0.1em; margin-right: 0.6em;}




@media (max-width: 1759px){
    /*pro-xuankuangmo*/
    .pro-xk-banner .txt{ padding-top: 140px;}
    .pro-xk-banner .txt h2{ font-size: 75px; top: 50px;}
    .pro-xk-banner .pp{ font-size: 28px; padding-bottom: 90px;}

    .pro-xk{ padding-top: 90px;}
    .pro-xk h3{ font-size: 45px; margin-bottom: 1.2em;}

    .pro-xk-shiyong{ line-height: 1.8;}
    .pro-xk-shiyong .pp + .pp{ margin-top: 1.5em;}
    .pro-xk-shiyong .pp .bt{ font-size: 28px; margin-bottom: 0.4em;}

    .pro-xk-beijian ul{ font-size: 28px;}
    .pro-xk-beijian .xk-more{ margin-top: 2em;}

    .pro-xk-shili li p{ font-size: 28px; left: 82.5%;}

    /**/
    .pro-lianxi .pro-lx{ font-size: 19px;}
}


@media (max-width: 1559px){
    /*pro-xuankuangmo*/
    .xk-more{ font-size: 28px;}
    .pro-xk-banner .txt{ padding-top: 125px;}
    .pro-xk-banner .txt h2{ font-size: 70px; top: 45px;}
    .pro-xk-banner .pp{ font-size: 24px; padding-bottom: 75px;}

    .pro-xk{ padding-top: 75px; font-size: 22px;}
    .pro-xk h3{ font-size: 40px;}

    .pro-xk-shiyong li{ margin-bottom: 2em;}
    .pro-xk-shiyong .pp .bt{ padding: 0 1em; font-size: 24px;}
    .pro-xk-shiyong .xk-more{ line-height: 2.3;}

    .pro-xk-beijian ul{ font-size: 24px;}

    .pro-xk-shili li p{ font-size: 24px;}

    /**/
    .pro-lianxi .text h3{ font-size: 56px;}

    .pro-lianxi .pro-lx{ font-size: 17px;}
}

@media (max-width: 1359px){
    /*pro-xuankuangmo*/
    .pro-xk-banner .txt{ padding-top: 100px;}
    .pro-xk-banner .txt h2{ font-size: 60px; top: 30px;}
    .pro-xk-banner .pp{ font-size: 19px; padding: 3.5em 16.7% 3em;}

    .pro-xk{ padding-top: 60px; font-size: 18px;}
    .pro-xk h3{ font-size: 34px;}

    .pro-xk-shiyong li{ margin-bottom: 1.5em;}
    .pro-xk-shiyong .pic{ margin-right: 25px;}
    .pro-xk-shiyong .pp .bt{ padding: 0 0.8em; font-size: 21px;}

    .pro-xk-beijian ul{ font-size: 18px;}

    .pro-xk-shili li p{ font-size: 18px;}

    /**/
    .pro-lianxi .text{ width: 43%; padding-top: 20px;}
    .pro-lianxi .text .p{ font-size: 28px;}
    .pro-lianxi .text h3{ font-size: 48px;}
    .pro-lianxi .submit{ font-size: 17px;}

}
@media (max-width: 1159px){
    .visible-sm{ display: inline-block!important;}
    .hidden-sm{ display: none!important;}
    .xk-more{ font-size: 0.3125rem; }
    .wrap{ padding: 0 0.3rem;}

    .pro-xk-banner{ border-radius: 0 0 1.46rem 0;}
    .pro-xk-banner .txt{ padding-top: 0;}
    .pro-xk-banner .txt h2{ font-size: 0.65rem; top: 0.4rem;}
    .pro-xk-banner .txt img{ width: 100%; width: 8.1rem; margin-right: -0.3rem; }
    .pro-xk-banner .pp{ font-size: 0.3rem; text-align: left; padding: 0.7rem 0 1.5625rem 1.63rem;}
    .pro-xk-banner .pp .icon1{ top: 0.85rem; left: 0.2rem;
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate(-30deg); }
    .pro-xk-banner .pp .icon2{ top: 1.3rem; left: 0.25rem; }
    .pro-xk-banner .pp .icon3{ right: 1.8rem; bottom: 0.48rem; left: auto; top: auto; }
    .pro-xk-banner .xk-more{ bottom: 0.391rem;}

    .pro-xk{ padding-top: 1rem;}
    .pro-xk .xk-box{ position: relative; padding-left: 1.63rem;}
    .pro-xk .xk-box .icon-icon1{ position: absolute; left: 0.3rem; top: 0;}
    .pro-xk h3{ display: inline-block; padding-bottom: 0.15rem; margin-left: 0; margin-bottom: 1em; font-size: 0.59rem; border-bottom: 0.05rem solid #c8000a;}

    .pro-xk-shiyong li{ margin-bottom: 0.78rem;}
    .pro-xk-shiyong .pic{ float: none; width: 100%; margin-right: 0;}
    .pro-xk-shiyong .pic img{ width: 100%;}
    .pro-xk-shiyong .pp{ float: none; width: 100%; margin-top: 0.59rem!important; }
    .pro-xk-shiyong .pp .bt{ font-size: 0.3rem; margin-bottom: 0.19rem;}
    .pro-xk-shiyong .p{ font-size: 0.24rem; line-height: 2;}
    .pro-xk-shiyong .xk-more{ font-size: 0.36rem; line-height: 2.22;}

    .pro-xk-beijian ul{ margin: 0 -0.098rem; font-size: 0.24rem;}
    .pro-xk-beijian li{ width: 50%; padding: 0 0.098rem;}
    .pro-xk-beijian li img{ width: 100%;}

    .pro-xk-shili{ padding-bottom: 0.65rem;}
    .pro-xk-shili li{ padding-right: 0; margin-bottom: 0.35rem;}
    .pro-xk-shili li p{ position: static; padding-top: 0.2rem; font-size: 0.24rem; }
    .pro-xk-shili li p::before{ display: none; }


    /**/
    .pro-lianxi{ margin-top: -0.776rem; padding: 0.86rem 0;}
    .pro-lianxi .text{ width: 100%;}
    .pro-lianxi .text .p{ font-size: 0.26rem;}
    .pro-lianxi .text h3{ font-size: 0.52rem;}
    .pro-lianxi .pro-form{ width: 100%;}
    .pro-lianxi li{ margin-bottom: 0.39rem;}
    .pro-lianxi .pro-form .txt{ font-size: 0.25rem; padding-left: 1.3rem; line-height: 2.5; height: 0.6423rem; border-bottom-width: 0.0173rem;}
    .pro-lianxi .pro-form label{ font-size: 0.25rem; line-height: 2.5; top: 0.0173rem;}
    .pro-lianxi .submit{ display: block; margin: 0 auto; font-size: 0.31rem; width: 2.93rem; line-height: 0.69rem; border-width: 0.0173rem; border-radius: 0 0 0.173rem 0; }
    .pro-lianxi .pro-form label.focus{ top: 2px; font-size: 0.25rem;}



}
@media (max-width: 810px){
    .xk-more{ font-size: 0.43rem;}
    .wrap{ padding: 0 0.4rem;}

    .pro-xk-banner{ border-radius: 0 0 2rem 0;}
    .pro-xk-banner .txt h2{ font-size: 0.667rem; }
    .pro-xk-banner .txt img{ width: 7.51rem; margin-right: -0.4rem; }
    .pro-xk-banner .pp{ font-size: 0.4rem; padding: 1.067rem 0 1.2rem 2.1rem;}
    .pro-xk-banner .pp p + p{ margin-top: 0.13rem;}
    .pro-xk-banner .pp .icon1{ top: 1rem;  }
    .pro-xk-banner .pp .icon2{ top: 1.55rem;  }
    .pro-xk-banner .pp .icon3{ display: none; }
    .pro-xk-banner .xk-more{ bottom: -0.53rem;}

    .pro-xk{ padding-top: 1.3rem;}
    .pro-xk .xk-box{ padding-left: 2.1rem;}
    .pro-xk .xk-box .icon-icon1{ left: 0.4rem;}
    .pro-xk h3{ padding-bottom: 0.2rem; font-size: 0.667rem; border-bottom-width: 0.067rem;}

    .pro-xk-shiyong li{ margin-bottom: 0.87rem;}
    .pro-xk-shiyong .pic{ width: 9rem; margin-left: -2.1rem; }
    .pro-xk-shiyong .pp{ margin-top: 0.6rem!important; }
    .pro-xk-shiyong .pp .bt{ font-size: 0.48rem; margin-bottom: 0.33rem;}
    .pro-xk-shiyong .pp .bt p{ font-size: 0.37rem; margin-top: 0.07rem; }
    .pro-xk-shiyong .p{ font-size: 0.4rem; padding-left: 0.5rem; letter-spacing: -0.01rem; }
    .pro-xk-shiyong .xk-more{ font-size: 0.48rem; width: 9rem; margin-left: -2.1rem; }

    .pro-xk-beijian ul{ margin: 0; font-size: 0.32rem;}
    .pro-xk-beijian li{ width: 100%; padding: 0; margin-bottom: 0.1rem;}
    .pro-xk-beijian .xk-more{ width: 9rem; margin-left: -2.1rem; margin-top: 0.7rem; }

    .pro-xk-shili{ padding-bottom: 0.6rem;}
    .pro-xk-shili ul{ width: 9rem; margin-left: -2.1rem;}
    .pro-xk-shili li{  margin-bottom: 0.4rem;}
    .pro-xk-shili li p{ padding-top: 0.267rem; font-size: 0.32rem; text-align: center; }


    /**/
    .pro-lianxi{  padding: 1rem 0;}
    .pro-lianxi .text .p{ font-size: 0.35rem;}
    .pro-lianxi .text h3{ font-size: 0.7rem;}
    .pro-lianxi li{ width: 100%; margin-bottom: 0.46rem;}
    .pro-lianxi .pro-form .txt{ font-size: 0.33rem; padding-left: 1.8rem; height: 0.848rem; border-bottom-width: 0.023rem;}
    .pro-lianxi .pro-form label{ font-size: 0.3rem; top: 0.023rem;}
    .pro-lianxi .submit{ font-size: 0.42rem; width: 4.2rem; line-height: 0.93rem; border-width: 0.023rem; border-radius: 0 0 0.23rem 0; }

    .pro-lianxi .pro-form label.focus{ top: 0.023rem; font-size: 0.3rem; line-height: 2;}
}