a,



img {



    transition: all ease-out .5s;



}







/*tupian*/



.index-img {



    overflow: hidden;



    position: relative;



}







.index-img:before {



    position: absolute;



    transition: 0.3s;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: rgba(255, 255, 255, 0.2);



    content: '';



    -webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);



    transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);



}







.index-img:hover:before {



    -webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);



    transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);



}







.imgh img {



    display: block;



    width: 100%;



    height: 100%;



}







.imgh:hover img {



    transform: scale(1.1);



}







/*按钮*/



.mm {



    transition: .5s;



}







.mm:hover {



    transform: translateY(-5px);



}







.mm:before {



    pointer-events: none;



    position: absolute;



    z-index: -1;



    content: '';



    top: 100%;



    left: 5%;



    height: 10px;



    width: 90%;



    opacity: 0;



    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);



    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);



    /* W3C */



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform, opacity;



    transition-property: transform, opacity;



}







.mm:hover:before {



    opacity: 1;



}







a,



img {



    transition: all ease-out .5s;



}







.one {



    position: relative;



    overflow: hidden;



    -webkit-transition: all 0.5s;



    -moz-transition: all 0.5s;



    -o-transition: all 0.5s;



    transition: all 0.5s;



    z-index: 0;



}







.one:before {



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    -webkit-transition: all 0.5s;



    -moz-transition: all 0.5s;



    -o-transition: all 0.5s;



    transition: all 0.5s;



    opacity: 1;



    -webkit-transform: translate(-105%, 0);



    transform: translate(-105%, 0);



    border-right-width: 1px;



    border-right-style: solid;



    border-right-color: rgba(255, 255, 255, 1);



    background-color: rgba(255, 255, 255, 0.25);



    z-index: -1;



}







.one:hover:before {



    opacity: 0;



    -webkit-transform: translate(0, 0);



    transform: translate(0, 0);



}







/*首页banner*/



.banner-box {



    width: 100%;



    max-height: 1080px;



    position: relative;



    overflow: hidden;



}







.banner {



    width: 100%;



    height: 100%;



    overflow: hidden;



    float: right;



}







.banner li {



    width: 100%;



    height: 100%;



    overflow: hidden;



}







.banner li a {



    display: block;



    width: 100%;



    height: 100%;



}







.banner li a img {



    display: block;



    width: 100%;



    height: 100%;



}







.banner-nav {



    width: 100%;



    float: left;



    position: absolute;



    z-index: 9999;



    height: 160px;



    top: 50%;



    transform: translateY(-50%);



}







.bl {



    width: 60px;



    height: 60px;



    background: url("../images/bl.png") no-repeat center #272727;



    cursor: pointer;



    transition: all ease-out .5s;



    position: absolute;



    bottom: 0;



    left: 0;



}







.br {



    width: 60px;



    height: 60px;



    background: url("../images/br.png") no-repeat center #272727;



    cursor: pointer;



    transition: all ease-out .5s;



    position: absolute;



    bottom: 0;



    right: 0;



}







.bl:hover,



.br:hover {



    background-color: #3eaaff;



}







.tempWrap {



    width: 100% !important;



}







/*m_banner*/



.m_banner {



    width: 100%;



    margin: 0 auto;



    overflow: hidden;



    position: relative;



    display: none;



}







.m_banner .swiper-container {



    width: 100%;



    height: 100%;



}







.m_banner .swiper-container .swiper-slide {



    text-align: center;



    display: -webkit-box;



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-align: center;



    -ms-flex-align: center;



    -webkit-align-items: center;



    align-items: center;



}







.m_banner .swiper-container .swiper-slide a,



.m_banner .swiper-container .swiper-slide a img {



    width: 100%;



    height: 100%;



    display: block;



}







.m_banner .swiper-pagination-bullet {



    width: 8px;



    height: 8px;



    display: inline-block;



    border-radius: 50%;



    background: #fff;



    opacity: 0.5;



}







.m_banner .swiper-container-horizontal>.swiper-pagination-bullets,



.swiper-pagination-custom,



.swiper-pagination-fraction {



    bottom: 10px;



}







.m_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {



    margin: 0 10px;



}







.m_banner .swiper-pagination-bullet-active {



    opacity: 1;



    width: 8px;



    background: #3eaaff;



}







@media (max-width: 952px) {



    .banner-box {



        display: none;



    }







    .m_banner {



        display: block;



    }



}







.titles {



    text-align: center;



    line-height: 1;



}







.titles h6 {



    position: relative;



    z-index: 0;



    font-family: Arial-BoldMT;



    font-size: .6rem;



    color: #3eaaff;



    line-height: .8;



}







.titles h6:before {



    content: '';



    position: absolute;



    width: 4rem;



    height: .43rem;



    background-color: #fff;



    border-radius: .05rem;



    top: .18rem;



    left: 50%;



    transform: translate(-50%);



    z-index: -1;



}







.titles p {



    font-size: .3rem;



    color: #272727;



    background: url("../images/tit-xx.png") no-repeat center;



    background-size: 2.62rem .01rem;



    margin-top: .27rem;



    font-weight: bold;



}







/*duct*/



.duct-box {



    background: url("../images/duct-bg.jpg");



    padding: 3.15% 0;



}







.duct-top {



    width: 100%;



    /* height: .9rem; */



    background-color: #fff;



    border-radius: 0 0 .05rem .05rem;



    border-top: .05rem solid #3eaaff;



    margin-top: .4rem;



    padding-bottom: 0.1rem;



}







.duct-nav {



    width: 90%;



    float: left;



    line-height: .5rem;



    padding-top: .2rem;



}







.duct-nav li {



    float: left;



    margin-left: .1rem;



    height: .5rem;



    background: url("../images/dnav.png") no-repeat .23rem center #3eaaff;



    box-sizing: border-box;



    padding-left: .6rem;



    border-radius: .05rem;



    transition: all ease-out .5s;



    margin-bottom: 0.1rem;



}







.duct-nav li:hover {



    transform: translateY(-5px);



}







.duct-nav li a {



    display: block;



    width: 100%;



    box-sizing: border-box;



    padding-right: .1rem;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    color: #fff;



    font-size: .16rem;



}







.dn-more {



    display: block;



    float: right;



    background: url("../images/dnav-more.png") no-repeat center #3eaaff;



    width: .6rem;



    height: .6rem;



    border-radius: .02rem;



    margin: .1rem .3rem 0 0;



    background-size: .22rem .22rem;



}







.dn-more:hover {



    transform: translateY(-5px);



}







.duct li:nth-child(4n+1) {



    margin-left: 0;



}







.duct li {



    margin: .3rem 0 0;



    border-radius: 5px;



    overflow: hidden;



    padding: 0;



}







.duct li .pic {



    position: relative;



    padding: 35% 0;



}







.duct li .pic .duct-img {



    position: absolute;



    top: 0;



    transform: translate(-50%);



    left: 50%;



    display: block;



    width: 95%;



    height: 100%;



    overflow: hidden;



    margin: 0 auto;



    background: #fff;



}







.duct li .duct-img img {



    display: block;



    position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    margin: auto;



    max-width: 100%;



    max-height: 100%;



}







.duct li:hover .duct-img img {



    transform: scale(1.02);



}







.duct li .duct-nn {



    display: block;



    width: 95%;



    border-top: .01rem solid #e8e8e8;



    height: 1rem;



    position: relative;



    z-index: 0;



    padding: 0 .17rem;



    box-sizing: border-box;



    background: #fff;



    margin: 0 auto;



    overflow: hidden;



}







.duct li .duct-nn:before {



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 0;



    height: 100%;



    z-index: -1;



    background: #3eaaff;



    border-top: .04rem solid #272727;



    box-sizing: border-box;



    transition: all ease-out .5s;



}







.duct li:hover .duct-nn:before {



    width: 100%;



}







.duct li .duct-nn .duct-tex {



    width: 80%;



    line-height: 1;



}







.duct li .duct-nn .duct-tex a {



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .16rem;



    color: #545454;



    margin-top: .24rem;



}







.duct li .duct-nn .duct-tex p {



    font-size: .14rem;



    color: #858585;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    margin-top: .2rem;



    transition: all ease-out .5s;



}







.duct li:hover .duct-nn .duct-tex a,



.duct li:hover .duct-nn .duct-tex p {



    color: #fff;



}







.duct li .duct-nn .duct-more {



    display: block;



    background: url("../images/d-quan.png") no-repeat center;



    width: .4rem;



    height: .4rem;



    margin: .3rem .08rem 0 0;



}







.duct li:hover .duct-nn .duct-more {



    background: url("../images/d-quan2.png") no-repeat center;



}







@media (max-width: 695px) {



    .duct-top {



        height: auto;



        padding-bottom: .1rem;



    }







    .duct-nav {



        width: 100%;



        float: none;



    }







    .duct-nav li {



        width: 80%;



        margin: 0 auto .1rem;



        float: none;



    }







    .dn-more {



        margin: 0 auto;



        float: none;



    }



}







/*ys-box*/



.ys-box {

    background: url("../images/ys-bg.jpg") no-repeat center;

    background-size: 100% 100%;

    width: 100%;

    height: 8.8rem;

    box-sizing: border-box;

    padding: .6rem 0 0;

}







.ys-box .titles h6 {



    color: #fff;



}







.ys-box .titles h6:before {



    background: url("../images/ys-titi.png") no-repeat center;



    width: 4rem;



    height: .43rem;



}







.ys-box .titles p {



    background: url("../images/tit-xx2.png") no-repeat center;



    color: #fff;



}







.ys-box .titles span {



    display: block;



    font-size: .14rem;



    color: #ffffff;



    opacity: 0.5;



    margin-top: .2rem;



}







.ys {



    position: relative;



}







.ys li {



    /*width: 100%;*/



    float: left;



    margin-top: .56rem;



    transition: all ease-out .5s;



    padding: 0;



    transform: scale(.8);



    height: 5.2rem;



}







.ys li.on {



    /*margin-top: .56rem;*/



    transform: scale(1.1);



}







.ys li .ys-li {



    margin: 0 auto;



    /*width: 87.5%;*/



    width: 100%;



    height: 3.5rem;



    background-color: rgba(255, 255, 255, .15);



    border-radius: .05rem;



    text-align: center;



    color: #ffffff;



    line-height: 1;



    padding: 0 .28rem;



    transition: all ease-out .5s;



}







.ys li.on .ys-li {

    padding: .2rem .2rem 0;

    height: 5.4rem;

    /*width: 115%;*/

    background-color: rgba(255, 255, 255, .3);

    /*transform: translateY(-0.68rem);*/

}







.ys li .ys-li .ys-tu {



    width: 100%;



    height: 0;



    max-height: 2.4rem;



    overflow: hidden;



    transition: all ease-out .5s;



    margin: 0 auto .6rem;



}







.ys li .ys-li .ys-tu img {



    display: block;



    width: 100%;



    max-height: 100%;



}







.ys li.on .ys-li .ys-tu {



    height: 2.4rem;



    margin-bottom: .3rem;



}







.ys li .ys-li p {

    color: #cdcdcd;

    line-height: 2;

    font-size: .16rem;

    height: 1.2rem;

    overflow: hidden;

}







.ys li.on .ys-li p {



    font-size: .14rem;



}







.ys li .ys-li h6 {

    font-size: .24rem;

    transition: all ease-out .5s;

    margin-top: 0.3rem;

}







.ys li.on .ys-li h6 {

    font-weight: bold;

    margin-top: 0.1rem;

}







.ys li .ys-li span {



    display: block;



    font-family: ArialMT;



    font-size: .14rem;



    color: #b8b8b8;



    margin-top: .2rem;



    transition: all ease-out .5s;



}







.ys li.on .ys-li span {



    font-size: .12rem;



}







.ys li.on .ys-li span {



    margin-top: .15rem;



}







.ys li .ys-li i {



    display: block;



    background: url("../images/ys-xx.png") no-repeat center;



    background-size: 2.33rem .01rem;



    font-size: .24rem;



    margin-top: .24rem;



    transition: all ease-out .5s;



}







.ys li.on .ys-li i {



    margin-top: .18rem;



    background: url("../images/ys-xx2.png") no-repeat center;



}







@media (max-width: 1198px) {



    .ys-box {



        background: url("../images/ys-bg.jpg");



        height: auto;



        padding-bottom: .6rem;



    }



}







@media (max-width: 414px) {



    .ys li.on .ys-li .ys-tu {



        height: 1.8rem;



    }







    .ys li.on .ys-li h6 {



        margin-top: .1rem;



    }



}







/*hot-box*/



.hot-box {



    background: url("../images/duct-bg.jpg");



    padding: 3.15% 0;



}







.hot {



    margin-top: .4rem;



    position: relative;



}







.hot li.swiper-slide {



    width: 7.85rem;



    height: 3rem;



    border-radius: .1rem;



    border: solid .01rem #dcdcdc;



    box-sizing: border-box;



    overflow: hidden;



    transition: all ease-out .5s;



    padding: 1.7%;



}







.hot li.swiper-slide:hover {



    background: #fff;



    border-color: #fff;



    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .2);



}







.hot li.swiper-slide .hot-img {



    display: block;



    width: 48%;



    height: 100%;



    overflow: hidden;



}







.hot li.swiper-slide .hot-img img {



    display: block;



    width: 100%;



    height: 100%;



}







.hot li.swiper-slide .hot-text {



    width: 48%;



    line-height: 1;



}







.hot li.swiper-slide .hot-text .hot-name {



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .16rem;



    color: #131313;



    margin: .27rem 0 0;



}







.hot li.swiper-slide .hot-text p {



    width: 100%;



    overflow: hidden;



    font-size: .14rem;



    line-height: .3rem;



    color: #8b8b8b;



    height: .9rem;



    margin: .3rem 0 .44rem;



}







.hot li.swiper-slide .hot-text .hot-nn {



    width: 100%;



    line-height: .36rem;



}







.hot li.swiper-slide .hot-text .hot-nn a {



    display: block;



    text-align: center;



    color: #fff;



    width: 1.2rem;



    height: .36rem;



    background-color: #3eaaff;



    border-radius: .18rem;



    font-size: .14rem;



}







.hot li.swiper-slide .hot-text .hot-nn span {



    display: block;



    font-size: .14rem;



    color: #8b8b8b;



}







.hot1 .hot-dd1 {



    width: 100%;



}







.hot1 .hot-dd1 .swiper-pagination-bullet {



    width: .14rem;



    height: .14rem;



    border: solid .01rem #bfbfbf;



    margin: 0 .15rem;



    background: none;



    opacity: 1;



}







.hot1 .hot-dd1 .swiper-pagination-bullet-active {



    background: #3eaaff;



}







.hot2 .hot-dd2 {



    width: 100%;



    display: none;



}







.hot2 .hot-dd2 .swiper-pagination-bullet {



    width: .14rem;



    height: .14rem;



    border: solid .01rem #bfbfbf;



    margin: 0 .15rem;



    background: none;



    opacity: 1;



}







.hot2 .hot-dd2 .swiper-pagination-bullet-active {



    background: #3eaaff;



}







.hot2 {



    display: none;



}







@media (max-width: 414px) {



    .hot-box {



        padding: 4% 0 9%;



    }







    .hot2 {



        display: block;



    }







    .hot1 {



        display: none;



    }







    .hot1 .hot-dd1 {



        display: none;



    }







    .hot2 .hot-dd2 {



        display: block;



    }



}







/*case-box*/



.case-box {



    padding: 3.15% 0;



}







.titles span {



    display: block;



    font-size: .14rem;



    color: #8b8b8b;



    margin-top: .15rem;



}







.case {



    margin-top: .4rem;



    position: relative;



    height: 7.2rem;



}







.case-text li {



    height: 6.2rem;



    width: 100%;



    position: relative;



}







.case-text li .case-img {



    display: block;



    width: 60%;



    height: 100%;



    overflow: hidden;



}







.case-text li .case-img img {



    display: block;



    width: 100%;



    height: 100%;



}







.case-text li:hover .case-img img {



    transform: scale(1.02);



}







.case-text li .case-zi {



    position: absolute;



    top: 20%;



    right: .1rem;



    width: 7rem;



    height: 3.4rem;



    background-color: #ffffff;



    border-radius: .1rem;



    overflow: hidden;



    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .2);



    box-sizing: border-box;



    padding: .47rem .55rem 0;



    line-height: 1;



}







.case-text li .case-zi .case-name {



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .24rem;



    color: #545454;



}







.case-text li:hover .case-zi .case-name {



    transform: translateX(5px);



    color: #3eaaff;



}







.case-text li .case-zi i {



    display: block;



    background: url("../images/case-i.png") no-repeat center;



    width: .57rem;



    height: .06rem;



    background-size: 100% 100%;



    margin: .18rem 0 .2rem;



}







.case-text li .case-zi p {



    overflow: hidden;



    font-size: .14rem;



    line-height: .3rem;



    color: #8b8b8b;



    height: .6rem;



}







.case-text li .case-zi .case-more {



    display: block;



    text-align: center;



    color: #fff;



    font-size: .14rem;



    width: 1.6rem;



    height: .4rem;



    background-color: #3eaaff;



    border-radius: .2rem;



    margin-top: .5rem;



    line-height: .4rem;



}







.case-nav {



    width: 50%;



    height: 1.8rem;



    background-color: #ffffff;



    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .2);



    position: absolute;



    bottom: .1rem;



    right: 0;



    box-sizing: border-box;



    padding: 1.3% 0 1.3% 1.3%;



}







.case-nav li {



    width: 23.3%;



    height: 1.4rem;



    overflow: hidden;



    float: left;



    margin-right: 1.3%;



    transition: all ease-out .5s;



}







.case-nav li a,



.case-nav li a img {



    display: block;



    width: 100%;



    height: 100%;



}







.case-nav li.on {



    transform: scale(.95);



}







@media (max-width: 414px) {



    .between {



        width: 92%;



    }



}







@media (max-width: 414px) {



    .case {



        height: auto;



        padding-bottom: .2rem;



    }







    .case-nav {



        display: none;



    }







    .case-text li {



        height: 2rem;



        float: none !important;



        margin-bottom: .2rem;



    }







    .case-text li .case-img {



        float: left;



        width: 40%;



    }







    .case-text li .case-zi {



        position: inherit;



        width: 58%;



        float: right;



        top: .02rem;



        padding: .2rem;



        height: 97%;



    }







    .case-text li .case-zi i {



        margin: .15rem 0 .1rem;



    }







    .case-text li .case-zi .case-more {



        margin-top: .1rem;



    }



}







/*about-box*/



.about-box {



    background: url("../images/about-bg.jpg") no-repeat center;



    width: 100%;



    height: 8.8rem;



    background-size: 100% 100%;



    padding-top: 3%;



    box-sizing: border-box;



}







.about-tit {



    text-align: center;



    line-height: 1;



    color: #fff;



}







.about-tit h6 {



    color: #fff;



    font-weight: bold;



    font-size: .36rem;



}







.about-tit p {



    font-family: ArialMT;



    font-size: .18rem;



    margin: .19rem;



}







.about-nav {



    text-align: center;



    border-radius: 5px;



    overflow: hidden;



    margin-top: .4rem;



}







.about-nav li {



    width: 1.7rem;



    height: .5rem;



    line-height: .5rem;



    display: inline-block;



    background: rgba(16, 16, 16, .2) url("../images/a-xx.png") no-repeat .34rem center;



    margin: 0 -.034rem;



    box-sizing: border-box;



    padding-left: .6rem;



    transition: all ease-out .5s;



}







.about-nav li:hover {



    background: #3eaaff url("../images/a-xx.png") no-repeat .34rem center;



}







.about-nav li a {



    display: block;



    color: #fff;



    font-size: .18rem;



    font-weight: bold;



}







.about-text {



    width: 69%;



    overflow: hidden;



    font-size: .14rem;



    line-height: .3rem;



    color: #ffffff;



    margin: .47rem auto 0;



    text-align: center;



}







.about-zi {



    width: 50%;



    margin: 0 auto 0;



    position: relative;



}







.about-lun li.swiper-slide {



    width: 1.8rem;



    height: 2.8rem;



    overflow: hidden;



    transition: all ease-out .5s;



    margin-top: 1rem;



}







.about-lun li.swiper-slide a,



.about-lun li.swiper-slide a img {



    display: block;



    width: 100%;



    height: 100%;

    

    object-fit: contain;



}







.about-lun li.swiper-slide-active {



    width: 2.3rem;



    height: 5rem;



    margin-top: 0;



}







.aR {



    background: url("../images/ar.png") no-repeat center rgba(255, 255, 255, .15);



    width: .9rem;



    height: .9rem;



    transition: all ease-out .5s;



    cursor: pointer;



    border-radius: 50%;



    right: -160px;



}







.aL {



    background: url("../images/al.png") no-repeat center rgba(255, 255, 255, .15);



    width: .9rem;



    height: .9rem;



    transition: all ease-out .5s;



    cursor: pointer;



    border-radius: 50%;



    left: -160px;



}







.aR:hover,



.aL:hover {



    background-color: #3eaaff;



}







@media (max-width: 414px) {



    .about-box {



        background: url("../images/about-bg.jpg");



        height: auto;



        padding-bottom: .4rem;



        padding-top: .5rem;



    }







    .about-zi {



        width: 90%;



    }







    .about-text {



        width: 95%;



    }







    .aR,



    .aL {



        display: none;



    }







    .about-lun li.swiper-slide {



        height: 2rem;



    }







    .about-lun li.swiper-slide-active {



        height: 2.5rem;



        margin-top: .53rem;



    }



}







/*form-box*/



.form-box {



    background: url("../images/form-bg.jpg") no-repeat center;



    height: 6.22rem;



    background-size: 100% 100%;



    box-sizing: border-box;



    padding-top: 3%;



}







.form {



    float: left;



    width: 27%;



    height: 5rem;



    line-height: 1;



}







.form p {



    font-size: .3rem;



    line-height: 1;



    color: #313131;



    margin-bottom: .2rem;



}







.form i {



    display: block;



    font-size: .14rem;



    color: #8b8b8b;



}







.webq_bottom_r {



    width: 100%;



    position: relative;



    margin-top: .3rem;



}







.webq_bottom_r3 {



    width: 100%;



}







.webq_bottom_r3_1 {



    float: left;



    width: 100%;



    height: .54rem;



    line-height: .54rem;



    position: relative;



    box-sizing: border-box;



    border-radius: .05rem;



    background: #fff;



}







.webq_bottom_ml {



    margin-top: .2rem;



}







.webq_bottom_r1 {



    height: 1.4rem;



    position: relative;



    box-sizing: border-box;



    float: left;



    width: 100%;



    margin-top: .2rem;



    background: #fff;



    border-radius: .05rem;



}







.webq_bd_1 {



    width: 100%;



    height: 100%;



    border: 0;



    background: none;



    line-height: .24rem;



    color: #8b8b8b;



    padding: .15rem .1rem .05rem .5rem;



    box-sizing: border-box;



    display: block;



    font-size: .16rem;



}







.webq_bd_2 {



    width: 100%;



    height: 100%;



    line-height: .54rem;



    border: 0;



    background: none;



    color: #8b8b8b;



    box-sizing: border-box;



    padding: 0 .1rem 0 .5rem;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



    display: block;



    font-size: .16rem;



}







.webq_bd_go {



    border: 0;



    cursor: pointer;



    color: #fff;



    line-height: .54rem;



    text-align: center;



    font-size: .14rem;



    width: 42%;



    height: .54rem;



    background-color: #3eaaff;



    outline: none;



    float: right;



    margin-top: .2rem;



    border-radius: .05rem;



}







.webq_bd_go:hover {



    transform: translateY(-3px);



}







.ly_d1 {



    width: .5rem;



    height: .54rem;



    position: absolute;



    left: 0;



    top: 0px;



    background: url(../images/ly_d1.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



    background-size: .21rem .2rem;



}







.ly_d2 {



    width: .5rem;



    height: .54rem;



    position: absolute;



    left: 0;



    top: 0;



    background: url(../images/ly_d2.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



    background-size: .22rem;



}







.ly_d3 {



    width: .5rem;



    height: .54rem;



    position: absolute;



    left: 0;



    top: 0;



    background: url(../images/ly_d3.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



    background-size: .22rem;



}







.webq_yan {



    margin-top: .2rem;



    float: left;



    position: relative;



    width: 50%;



    overflow: hidden;



    background: #fff;



    border-radius: .05rem;



    height: .54rem;



}







.webq_yan input {



    width: 1rem;



    height: .54rem;



    box-sizing: border-box;



    padding-left: 10px;



    font-size: 14px;



    color: #8b8b8b;



    float: left;



    background: none;



    position: relative;



}







.webq_yan .web_yanimg {



    width: 1rem;



    height: .4rem;



    overflow: hidden;



    float: right;



    margin: .07rem .07rem 0 0;



}







.webq_yan .web_yanimg img {



    display: block;



    width: 100%;



    height: 100%;



}







.webq_bottom_r input::-webkit-input-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r input::-moz-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r input:-moz-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r input:-ms-input-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r textarea::-webkit-input-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r textarea::-moz-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r textarea:-moz-placeholder {



    color: #8b8b8b;



}







.webq_bottom_r textarea:-ms-input-placeholder {



    color: #8b8b8b;



}







.coop {



    width: 61.2%;



    float: right;



}







.coop-tit p {



    font-size: .3rem;



    line-height: 1;



    color: #313131;



    margin-bottom: .2rem;



}







.coop-tit i {



    display: block;



    font-size: .14rem;



    color: #8b8b8b;



}







.coop-li {



    margin-top: .3rem;



}







.coop-li li:nth-child(4n+1) {



    margin-left: 0;



}







.coop-li li {



    float: left;



    width: 23.5%;



    height: 1.05rem;



    overflow: hidden;



    margin: 0 0 2% 2%;



    position: relative;



    transition: all ease-out .5s;



}







.coop-li li a,



.coop-li li a img {



    display: block;



    width: 100%;



    height: 100%;



}







.coop-li li a img {



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    margin: auto;



    object-fit: contain;



    background: #fff;



}







.coop-li li:hover {



    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .2);



    transform: translateY(-5px);



}







.coop-li li:hover a img {



    transform: scale(1.02);



}







@media (max-width: 414px) {



    .form-box {



        height: auto;



        background: #f0f1f3;



        padding-bottom: 3%;



    }







    .form,



    .coop {



        float: none;



        width: 100%;



    }



}







/*new-box*/



.new-box {



    padding: 3% 0;



}







.new {



    margin-top: .4rem;



    width: 100%;



}







.newL {



    float: left;



    width: 34.4%;



    line-height: 1;



    height: 3.3rem;



    overflow: hidden;



}







.newL li {



    width: 100%;



}







.newL li:first-child {



    margin-bottom: .3rem;



}







.newL li .new1-img {



    display: block;



    width: 47.3%;



    height: 1.5rem;



    overflow: hidden;



    float: left;



}







.newL li .new1-img img {



    display: block;



    width: 100%;



    height: 100%;



}







.newL li:hover .new1-img img {



    transform: scale(1.02);



}







.newL li .new-text {



    float: right;



    width: 48.4%;



}







.newL li .new-text .new1-name {



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .14rem;



    color: #545454;



    margin: .08rem 0 0;



}







.newL li:hover .new-text .new1-name {



    transform: translateX(5px);



    color: #3eaaff;



}







.newL li .new-text p {



    overflow: hidden;



    font-size: .14rem;



    line-height: .2rem;



    color: #999999;



    margin: .24rem 0 .3rem;



    height: .4rem;



}







.newL li .new-text span {



    display: block;



    float: right;



    font-size: .14rem;



    color: #ffffff;



    width: 1rem;



    height: .3rem;



    line-height: .3rem;



    text-align: center;



    background-color: #3eaaff;



    border-radius: .05rem;



}







.newR {



    width: 61.45%;



    float: right;



    height: 3.3rem;



    line-height: 1;



}







.newR .new2-img {



    display: block;



    width: 62.1%;



    height: 100%;



    overflow: hidden;



    float: left;



}







.newR .new2-img img {



    display: block;



    width: 100%;



    height: 100%;



}







.newR:hover .new2-img img {



    transform: scale(1.02);



}







.newR .new-zi {



    float: right;



    width: 34.18%;



    line-height: 1;



}







.newR .new-zi b {



    display: block;



    font-family: Arial-BoldMT;



    font-size: .36rem;



    color: #3eaaff;



    margin: .28rem 0 .45rem;



    height: .6rem;



}







.newR .new-zi b i {



    font-family: ArialMT;



    font-size: .16rem;



    color: #8b8b8b;



}







.newR .new-zi .new1-name {



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .18rem;



    color: #545454;



    font-weight: bold;



    line-height: 1.2;



}







.newR:hover .new-zi .new1-name {



    transform: translateX(5px);



    color: #3eaaff;



}







.newR .new-zi p {



    overflow: hidden;



    font-size: .14rem;



    line-height: .2rem;



    color: #8b8b8b;



    margin: .24rem 0 .3rem;



}







.newR .new-zi .new-more {



    display: block;



    float: right;



    font-size: .14rem;



    color: #ffffff;



    width: 1.62rem;



    height: .5rem;



    line-height: .5rem;



    text-align: center;



    background-color: #3eaaff;



    border-radius: .05rem;



}







.new-list {



    margin-top: .7rem;



    width: 100%;



}







.new-list li {



    float: left;



    width: 25%;



    border-top: 1px solid #dedede;



    padding-top: .28rem;



    text-align: center;



    line-height: 1;



    position: relative;



    z-index: 0;



}







.new-list li:before {



    content: '';



    position: absolute;



    top: -.02rem;



    left: 50%;



    width: 2.36rem;



    height: .03rem;



    background-color: #3eaaff;



    transform: translate(-50%);



    transition: all ease-out .5s;



    opacity: 0;



}







.new-list li:hover:before {



    opacity: 1;



}







.new-list li a {



    display: block;



    width: 100%;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .16rem;



    color: #545454;



    margin-bottom: .3rem;



}







.new-list li:hover a {



    transform: translateY(.03rem);



    color: #3eaaff;



}







.new-list li span {



    display: block;



    font-size: .16rem;



    color: #545454;



    transition: all ease-out .5s;



}







.new-list li:hover span {



    transform: translateY(-.03rem);



}







@media (max-width: 414px) {



    .newL {



        float: none;



        width: 100%;



        height: auto;



    }







    .newL li {



        margin-bottom: .2rem;



    }







    .newR {



        display: none;



    }







    .new-list li {



        width: 100%;



        margin-bottom: .2rem;



    }



}







/*link-box*/



.link-box {



    border-top: .03rem solid #242424;



    height: .8rem;



    line-height: .8rem;



}







.link-box h3 {



    font-size: .18rem;



    color: #242424;



    font-weight: bold;



    line-height: .8rem;



}







.link-li {



    max-width: 91%;



    float: left;



}







.link-li li {



    float: left;



    padding-left: .35rem;



    font-size: .14rem;



    position: relative;



}







.link-li li a {



    color: #242424;



    display: block;



}







.link-li li:nth-child(1):before {



    display: none;



}







.link-li li:before {



    content: '';



    position: absolute;



    top: 34px;



    left: 18px;



    background-color: #242424;



    height: 14px;



    width: 1px;



}







.link-li li a:hover {



    transform: translateY(-3px);



    color: #3eaaff;



}







@media (max-width: 414px) {



    .link-box {



        display: none;



    }



}