/*-----------------------------------------------------------*/



/*copyright by 动力无限  www.btoe.cn*/



/*邮箱 btoe@btoe.cn*/



/*合作电话 400-0599-360*/



/*版权所有违者必究*/



/*-----------------------------------------------------------*/











/*banner*/



.banner{



    width: 100%;



    margin: 0 auto;



    overflow: hidden;



    position: relative;



    height: 9.2rem;



}







.banner .swiper-container{



    width: 100%;



    margin: 0 auto;



    overflow: hidden;



    height: 9.2rem;



} 







.banner .swiper-slide{



    position: relative;



    height: 9.2rem;



}







.banner .swiper-slide .slideshow_item{



    position: absolute;



    bottom: 0px;



    left: 0px;



    z-index: 5;



}







.banner .swiper-slide .slideshow_item img{



    width: 3rem;



    height: 1.45rem;



    display: block;



    



}







.banner .banner_buttom{



    position: absolute;



    bottom: 0px;



    left: 3rem;



    z-index: 5;



    width: 1.05rem;



    height: 1.45rem;



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



}







.banner .swiper-button-next{







    position: absolute;



    right: 0;



    top: 62%;



    width: 1.05rem;



    height: 0.8rem;



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



}







.banner .swiper-button-prev{



    position: absolute;



    left: 0px;



    top: 0.2rem;



    width: 1.05rem;



    height: 0.8rem;



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



}



















.banner-wrap {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



}







.banner-t1 {



    position: absolute;



    top: 40%;



    right: 10%;



    width: 30%;



}







.c-banner1 .swiper-slide .banner-t1 img {



    object-fit: contain;



    width: 100%;



    height: auto;



}







.c-banner1 .swiper-slide .banner-t2,



.c-banner1 .swiper-slide .banner-t3 {



    position: absolute;



    top: 120px;



    width: 100%;



    text-align: center;







}







.c-banner1 .swiper-slide .banner-t2 img,



.c-banner1 .swiper-slide .banner-t3 img {



    object-fit: contain;



    height: auto;



    max-width: 80%;



    max-width: 1400px;



}







.c-banner1 {



    background: #fff;



}







.c-banner1 .swiper-slide {



    position: relative;



    overflow: hidden;



}







.c-banner1 .swiper-slide img {



    width: 100%;



    height: 9.2rem;



    object-fit: cover;



    -webkit-transition: all 7s;



    transition: all 7s;



}







.c-banner1 .swiper-slide .c-bg2 {



    display: none;



}







.c-banner1 .swiper-slide-active img {



    transform: scale(1.1, 1.1);



    -webkit-transform: scale(1.1, 1.1);



}







.c-banner1 .swiper-slide-active .banner-t1 img,



.c-banner1 .swiper-slide-active .banner-t2 img,



.c-banner1 .swiper-slide-active .banner-t3 img,



.banner-t3 img {



    transform: scale(1, 1) !important;



    -webkit-transform: scale(1, 1) !important;



}







.c-banner1 .swiper-slide-active .slideshow_item img{



    transform: scale(1, 1) !important;



    -webkit-transform: scale(1, 1) !important;



}











.c-banner1 .swiper-slide .c-wrap {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    display: flex;



    align-items: center;



    color: #fff;



    background: url(../images/mbl.png)repeat;



}







.c-banner1 .swiper-slide .c-wrap .c-title {



    padding-top: 8%;



    text-align: center;



    line-height: 100px;



    text-shadow: 0 2px 10px rgba(0, 0, 0, .3);



}







.c-banner1 .swiper-slide .c-wrap .c-title img {



    width: auto;



    height: auto;



    max-width: 100%;



}







.c-banner1 .swiper-slide .c-wrap .c-text {



    text-align: center;



    padding: 30px 0 75px;



    font-size: 40px;



    line-height: 56px;



    text-shadow: 0 2px 10px rgba(0, 0, 0, .3);



}







.c-banner1 .swiper-pagination-bullet {



    opacity: 1;







}







.c-banner1 .c-dot {



    position: absolute;



    bottom: 80px;



    left: 0;



    width: 100%;



}







.c-banner1 .swiper-pagination {



    position: relative;



    text-align: right;



}







.wrap {



    max-width: 1600px;



    clear: both;



    margin: 0 auto;



}







.wrap2 {



    max-width: 1400px;



    clear: both;



    margin: 0 auto;



}







@keyframes spin-right {



    0% {



        transform: rotate(180deg);



    }







    50% {



        transform: rotate(360deg);



    }







    100% {



        transform: rotate(360deg);



    }



}







@keyframes spin-left {



    0% {



        transform: rotate(180deg);



    }







    50% {



        transform: rotate(180deg);



    }







    100% {



        transform: rotate(360deg);



    }



}







@-webkit-keyframes c-zoom {



    0% {



        transform: scale(1, 1);



        -webkit-transform: scale(1, 1);



    }







    100% {



        transform: scale(1.1, 1.1);



        -webkit-transform: scale(1.1, 1.1);



    }



}







@keyframes c-zoom {



    0% {



        transform: scale(1, 1);



        -webkit-transform: scale(1, 1);



    }







    100% {



        transform: scale(1.2, 1.2);



        -webkit-transform: scale(1.2, 1.2);



    }



}







.c-zoom {



    -webkit-animation-name: c-zoom;



    animation-name: c-zoom;



}



















/*title*/







.title {



    width: 100%;



    margin: 0 auto;



    text-align: center;



}







.title span img {



    display: block;



    margin: 0 auto;



}







.title h3 {



    font-size: 0.3rem;



    color: #333333;



    position: relative;



    margin: 0.1rem auto 0 auto;



}







.title h3 i.t1 {



    display: inline-block;



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



    height: 0.16rem;



    width: 4.41rem;



    margin-right: 0.4rem;



}







.title h3 i.t2 {



    display: inline-block;



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



    height: 0.16rem;



    width: 4.41rem;



    margin-left: 0.4rem;



}











/*product*/







.pro_bg {



    width: 100%;



    margin: 0rem auto 0 auto;



    overflow: hidden;



    height: 9.2rem;



    background: url(../images/pro_bg.jpg) no-repeat center;



}







.pro_bg .product {



    width: 84%;



    margin: 0rem auto;



    position: relative;



    padding-top: 0.65rem;











}







.pro_bg .product .pro_box {



    width: 100%;



    margin: 0.4rem auto 0 auto;



}







.pro_bg .product .pro_box .pro_l {



    float: left;



    width: 18%;



}







.pro_bg .product .pro_box .pro_l .pro_t {



    width: 100%;



    height: 1.1rem;



    line-height: 1.1rem;



    background: #1a3164;







}







.pro_bg .product .pro_box .pro_l .pro_t a {



    display: inline-block;



    font-size: 0.26rem;



    color: #fff;



    font-weight: bold;



    background: url(../images/buttom4.png) no-repeat 0.4rem center;



    padding-left: 0.9rem;



}







.pro_bg .product .pro_box .pro_l .pro_con {



    background: url(../images/pro_list.jpg) no-repeat center;



    height: 5.36rem;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li {



    position: relative;



    border-bottom: 1px solid #364b7d;



    height: 0.88rem;



    line-height: 0.88rem;



    z-index: 5;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li a {



    display: block;







}







.pro_bg .product .pro_box .pro_l .pro_con ul li a span {



    display: block;



    width: 50%;



    font-size: 0.16rem;



    color: #fff;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    padding-left: 0.3rem;



    float: left;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li a i {



    display: block;



    float: right;



    font-size: 0.14rem;



    color: #fff;



    margin-right: 0.25rem;







}







.pro_bg .product .pro_box .pro_l .pro_con ul li a span::after {



    position: absolute;



    content: "";



    left: 0.3rem;



    top: 50%;



    width: 0px;



    height: 2px;



    background: #fff;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li.on a span {



    padding-left: 0.65rem;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li.on a span::after {



    width: 0.2rem;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li::after {



    position: absolute;



    content: "";



    z-index: -1;



    right: 0rem;



    top: 0%;



    width: 0px;



    height: 100%;



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



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li.on {



    background: #1c356d;



}







.pro_bg .product .pro_box .pro_l .pro_con ul li.on::after {



    width: 1.38rem;



}











.pro_bg .product .pro_box .pro_r {



    float: right;



    width: 77%;



}







.pro_bg .product .pro_box .pro_r .pro_nr {



    width: 100%;



    height: 4rem;



    background: #fff url(../images/pro_ico.png) no-repeat right bottom;



    overflow: hidden;



    position: relative;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide {



    position: relative;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .pic {



    float: left;



    width: 41%;



    height: 3.75rem;



    position: relative;



    margin: 0.12rem 0 0 0.12rem;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .pic img {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;







}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt {



    float: right;



    width: 51%;



    margin-right: 3%;



    margin-top: 0.55rem;







}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt a {



    line-height: 0.55rem;



    font-size: 0.25rem;



    color: #333333;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;







}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide:hover .txt a{



    color: #1c356d;







}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt em {



    display: block;



    width: 40%;



    height: 2px;



    background: #333;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt p {



    font-size: 0.16rem;



    color: #666;



    line-height: 0.36rem;



    height: 0.72rem;



    overflow: hidden;



    margin-top: 0.3rem;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-button-next1 {



    position: absolute;



    bottom: 0.65rem;



    left: 52%;



    width: 0.5rem;



    height: 0.5rem;



    border-radius: 50%;



    border: 1px solid #919db8;



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



    z-index: 5;



    cursor: pointer;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-button-prev1 {



    position: absolute;



    bottom: 0.65rem;



    left: 47%;



    width: 0.5rem;



    height: 0.5rem;



    border-radius: 50%;



    border: 1px solid #1c356d;



    background: #1c356d url(../images/pro_left.png) no-repeat center;



    z-index: 5;



    cursor: pointer;



}







.pro_bg .product .pro_box .pro_r .pro_nr .swiper-button-next1:hover{



    border: 1px solid #1c356d;



        background: #1c356d url(../images/pro_right.png) no-repeat center;



}











.pro_bg .product .pro_box .pro_r .pro_show {



    width: 100%;



    margin-top: 0.4rem;



}







.pro_bg .product .pro_box .pro_r .pro_show ul li {



    width: 23%;



    margin-right: 2%;



    position: relative;



    float: left;



    overflow: hidden;



}







.pro_bg .product .pro_box .pro_r .pro_show ul li:last-child {



    margin-right: 0;



}







.pro_bg .product .pro_box .pro_r .pro_show ul li .pic {



    width: 100%;



    padding-top: 73%;



    position: relative;



    overflow: hidden;







}







.pro_bg .product .pro_box .pro_r .pro_show ul li .pic img {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;







}







.pro_bg .product .pro_box .pro_r .pro_show ul li .txt {



    position: absolute;



    left: 0px;



    bottom: -0.5rem;



    z-index: 5;



    width: 100%;



    height: 0.5rem;



    line-height: 0.5rem;



    background: url(../images/ico1.png) repeat center;



    text-align: center;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box .pro_r .pro_show ul li .txt a {



    font-size: 0.16rem;



    color: #fff;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box .pro_r .pro_show ul li:hover .txt {



    bottom: 0;



}











/*ys*/







.ys_bg {



    width: 100%;



    margin: 0.65rem auto 0 auto;



    overflow: hidden;



}







.ys_bg .ys_box {



    width: 100%;



    margin: 0.35rem auto 0.2rem auto;



    position: relative;











}







.ys_bg .ys_box .mySwiper2 {



    width: 100%;



}







.ys_bg .ys_box .mySwiper2 .swiper-slide {



    position: relative;



}







.ys_bg .ys_box .mySwiper2 .swiper-slide .ys_img {



    position: relative;



    width: 100%;



    height: 6.28rem;



}







.ys_bg .ys_box .mySwiper2 .swiper-slide .ys_img img {



    width: 100%;



    height: 6.28rem;



}







.ys_bg .ys_box .mySwiper2 .swiper-slide .txt {



    position: absolute;



    left: 0px;



    top: 0px;



    width: 100%;



    height: 6.28rem;



    text-align: center;







}







.ys_bg .ys_box .mySwiper2 .swiper-slide .txt h5 {



    font-size: 0.22rem;



    font-weight: bold;



    color: #ffffff;



    margin-top: 1.05rem;







}







.ys_bg .ys_box .mySwiper2 .swiper-slide .txt span {



    display: block;



    font-size: 0.12rem;



    font-weight: normal;



    color: #ffffff;



    font-family: Arial, Helvetica, sans-serif;



}







.ys_bg .ys_box .mySwiper2 .swiper-slide .txt i {



    display: block;



    width: 0.6rem;



    height: 3px;



    background: #fff;



    margin: 0.35rem auto 0 auto;



}







.ys_bg .ys_box .mySwiper2 .swiper-slide .txt p {



    font-size: 0.14rem;



    color: #ffffff;



    line-height: 0.36rem;



    width: 44%;



    margin: 0.35rem auto 0 auto;



}







.ys_bg .ys_box .mySwiper {



    position: relative;



    z-index: 5;



    margin: -0.7rem auto 0 auto;



    width: 84%;



    height: 1.65rem;



    background: #fff;



    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



}







.ys_bg .ys_box .mySwiper .swiper-slide {



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



    text-align: center;



    width: 25%;



    position: relative;



}







.ys_bg .ys_box .mySwiper .swiper-slide::after {



    position: absolute;



    left: 0%;



    bottom: 0px;



    content: "";



    width: 0%;



    height: 3px;



    background: #1c356d;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.ys_bg .ys_box .mySwiper .swiper-slide span {



    display: block;



    margin: 0.38rem auto 0.2rem auto;



    width: 0.43rem;



    height: 0.4rem;



}







.ys_bg .ys_box .mySwiper .swiper-slide p {



    font-size: 0.18rem;



    color: #333333;







}







.ys_bg .ys_box .mySwiper .swiper-slide:nth-child(1) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide:nth-child(2) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide:nth-child(3) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide:nth-child(4) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide-thumb-active::after {







    width: 100%;







}







.ys_bg .ys_box .mySwiper .swiper-slide-thumb-active:nth-child(1) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide-thumb-active:nth-child(2) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide-thumb-active:nth-child(3) span {



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



}







.ys_bg .ys_box .mySwiper .swiper-slide-thumb-active:nth-child(4) span {



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



}











.ys_bg .ys_box .zx {



    width: 3.1rem;



    height: 0.55rem;



    line-height: 0.55rem;



    background: #1c356d;



    border-radius: 45px;



    margin: 0 auto;



    position: absolute;



    top: 4rem;



    left: 40%;



    z-index: 9;







}







.ys_bg .ys_box .zx .tel {



    float: left;



    font-size: 0.22rem;



    color: #fff;



    font-family: Arial, Helvetica, sans-serif;



    margin-left: 0.4rem;



}







.ys_bg .ys_box .zx .qq {



    float: right;



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



    width: 1rem;



    height: 0.55rem;



}







.ys_bg .ys_box .zx .qq a {



    display: block;



    margin: 0 auto;



    width: 0.26rem;



    height: 0.3rem;



    margin-top: 0.1rem;











}







/*case*/







.case_bg {



    width: 100%;



    margin: 0.65rem auto 0 auto;



}







.case_bg .case_box {



    width: 100%;



    margin: 0.3rem auto 0 auto;



    position: relative;



    overflow: hidden;



}







.case_bg .case_box .swiper-slide {



    position: relative;



    margin: 0.3rem 0 0.75rem 0;



    background: #fff;



    -webkit-box-shadow: 0 8px 8px 6px rgba(0, 0, 0, .03);



    box-shadow: 0 8px 8px 6px rgba(0, 0, 0, .03);



}







.case_bg .case_box .swiper-slide .pic {



    position: relative;



    width: 100%;



    padding-top: 75%;







}







.case_bg .case_box .swiper-slide .pic img {



    position: absolute;



    left: 0px;



    top: 0px;



    width: 100%;



    height: 100%;







}







.case_bg .case_box .swiper-slide .txt {



    padding: 0.35rem 5% 0.4rem 5%;



    width: 90%;



    margin: 0 auto;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;







}







.case_bg .case_box .swiper-slide .txt a {



    font-size: 0.18rem;



    color: #333333;



    font-weight: normal;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    padding-left: 30px;



    position: relative;



}







.case_bg .case_box .swiper-slide .txt a::after {



    position: absolute;



    left: 0px;



    top: 12px;



    content: "";



    width: 20px;



    height: 3px;



    background: #1c356d;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.case_bg .case_box .swiper-slide .txt p {



    font-size: 0.14rem;



    color: #999999;



    font-weight: normal;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    margin-top: 0.2rem;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}











.case_bg .case_box .swiper-slide:hover .txt {



    background: #1277e1;







}







.case_bg .case_box .swiper-slide:hover .txt a {



    color: #fff;







}







.case_bg .case_box .swiper-slide:hover .txt a::after {



    background: #fff;



}







.case_bg .case_box .swiper-slide:hover .txt p {



    color: #fff;



}







.case_bg .case_box .swiper-button-next {



    right: 2%;







}







.case_bg .case_box .swiper-button-prev {



    left: 2%;



    top: 30%;



    border-radius: 50%;



    width: 0.65rem;



    height: 0.65rem;



    background: rgba(28, 53, 109, 0.5);



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;







}







.case_bg .case_box .swiper-button-next {



    right: 2%;



    top: 30%;



    border-radius: 50%;



    width: 0.65rem;



    height: 0.65rem;



    background: rgba(28, 53, 109, 0.5);



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;







}











.case_bg .case_box .swiper-button-prev i {



    display: block;



    width: 0.65rem;



    height: 0.65rem;



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



}







.case_bg .case_box .swiper-button-next i {



    display: block;



    width: 0.65rem;



    height: 0.65rem;



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



}







.case_bg .case_box .swiper-button-prev:hover {



    background: rgba(28, 53, 109, 1);



}







.case_bg .case_box .swiper-button-next:hover {



    background: rgba(28, 53, 109, 1);



}







.swiper-button-prev::after,



.swiper-container-rtl .swiper-button-next::after {



    content: 'prev';



    display: none;



}







.swiper-button-next::after,



.swiper-container-rtl .swiper-button-prev::after {



    content: 'next';



    display: none;



}







.case_bg .more {



    margin: 0rem auto 0 auto;



    height: 0.7rem;



    line-height: 0.7rem;



    width: 2rem;



    padding: 0 0.5rem;



    background: #f8f8f8;



    border-radius: 45px;



}







.case_bg .more a {



    display: block;



    font-size: 0.18rem;



    color: #666666;



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



}











/*about*/







.ab_bg {



    width: 100%;



    margin: 0.7rem auto 0 auto;



    overflow: hidden;



    background: url(../images/ab_bg.jpg) no-repeat center;



    height: 9.2rem;



    position: relative;



}







.ab_bg .ab_img {



    float: left;



    height: 9.2rem;



    width: 37%;



    position: relative;



}







.ab_bg .ab_img img {



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0px;



    top: 0px;







}







.ab_bg .ab_r {



    float: right;



    margin-top: 1.1rem;



    width: 63%;



    position: relative;



}







.ab_bg .ab_r .txt {



    width: 77%;



    margin-left: 10%;







}







.ab_bg .ab_r .txt span {



    display: block;



}







.ab_bg .ab_r .txt a {



    display: block;



    font-size: 0.3rem;



    color: #fff;



    margin: 0.1rem 0 0.4rem 0;







}







.ab_bg .ab_r .txt em {



    display: block;



    width: 0.6rem;



    height: 3px;



    background: #fff;







}







.ab_bg .ab_r .txt p {



    font-size: 0.14rem;



    color: #fff;



    line-height: 0.3rem;



    height: 1.5rem;



    overflow: hidden;



    opacity: 0.7;



    margin-top: 0.3rem;



}











.ab_bg .ab_r .ab_box {



    margin-top: 1.45rem;



    border-top: 1px solid #354c7e;



    position: relative;



}







.ab_bg .ab_r .ab_box .ry {

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

    width: 1.89rem;

    height: 2.57rem;

    margin: -0.05rem 0 0 -1rem;

    position: absolute;

    left: 0px;

    top: 0;

    transform: rotate(90deg);

}







.ab_bg .ab_r .ab_box .ry img {

    height: 1.42rem;

    width: 2.1rem;

    margin: 0;

    transform: rotate(-90deg);

    position: absolute;

    top: 53px;

    left: -13px;

}







.ab_bg .ab_r .ab_box .ab_list {



    float: left;



    margin-left: 13%;



    width: 85%;



}







.ab_bg .ab_r .ab_box .ab_list ul li {



    position: relative;



    margin-right: 7%;



    margin-top: -0.6rem;



    width: 17%;



    height: 3rem;



    z-index: 5;



    float: left;



    text-align: center;



}







.ab_bg .ab_r .ab_box .ab_list ul li img {



    display: block;



    margin: 0.4rem auto 0 auto;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    opacity: 0;



}







.ab_bg .ab_r .ab_box .ab_list ul li h5 {



    font-size: 0.5rem;



    color: #fff;



    font-family: "Impact";



    margin-top: 0.55rem;







}







.ab_bg .ab_r .ab_box .ab_list ul li h5 span {



    font-size: 0.5rem;



    color: #fff;



    font-family: "Impact";



}







.ab_bg .ab_r .ab_box .ab_list ul li h5 em {



    font-size: 0.2rem;



    color: #fff;



    font-family: "Impact";



    position: relative;



    top: -0.25rem;



}







.ab_bg .ab_r .ab_box .ab_list ul li h5 i {



    font-size: 0.2rem;



    color: #fff;



}







.ab_bg .ab_r .ab_box .ab_list ul li p {



    font-size: 0.14rem;



    color: #fff;



    margin-top: 0.05rem;







}







.ab_bg .ab_r .ab_box .ab_list ul li::after {



    position: absolute;



    left: 0%;



    top: 0%;



    content: "";



    z-index: -1;



    background: #1277e1;



    width: 100%;



    height: 0%;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.ab_bg .ab_r .ab_box .ab_list ul li.on::after {



    height: 100%;



}







.ab_bg .ab_r .ab_box .ab_list ul li.on img {



    opacity: 1;



}











/*news*/







.news_bg {



    width: 100%;



    margin: 0rem auto 0 auto;



    overflow: hidden;



    background: url(../images/news_bg.jpg) no-repeat center;



    height: 8.6rem;



    position: relative;



    padding-top: 0.6rem;



}







.news_bg .news {



    width: 84%;



    margin: 0rem auto 0 auto;



}







.news_bg .news .newsTitle {



    height: 0.95rem;



    margin: 0 auto;



    line-height: 0.95rem;







}







.news_bg .news .newsTitle ul {



    float: left;



    width: 50%;



}







.news_bg .news .newsTitle ul li {



    float: left;



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



    width: 1.1rem;



    text-align: center;







}







.news_bg .news .newsTitle ul li a {



    display: block;



    font-size: 0.16rem;



    color: #333333;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.news_bg .news .newsTitle ul li:last-child {



    background: none;







}







.news_bg .news .newsTitle ul li.casehover a {



    font-weight: bold;



    color: #1277e1;



    font-size: 0.18rem;







}







.news_bg .news .newsTitle .more {



    float: right;



}







.news_bg .news .newsTitle .more a {



    display: block;



    font-size: 14px;



    color: #666666;



}







.news_bg .news .newsCenter {



    width: 100%;



    margin: 0 auto;



}







.news_bg .news .newsCenter .news_l .swiper-slide {



    width: 100%;







}







.news_bg .news .newsCenter .news_l {



    float: left;



    width: 30%;



}







.news_bg .news .newsCenter .news_l .news_img {



    width: 100%;



    position: relative;



    height: 3.6rem;







}







.news_bg .news .newsCenter .news_l .news_img img {



    position: absolute;



    top: 0px;



    left: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.news_bg .news .newsCenter .news_l .txt {



    width: 84%;



    margin: 0 auto;



    background: #fff;



    padding: 0.4rem 8% 0 8%;







}







.news_bg .news .newsCenter .news_l .txt h5 a {



    font-size: 0.16rem;



    color: #333;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}











.news_bg .news .newsCenter .news_l .txt p {



    font-size: 0.14rem;



    color: #999999;



    line-height: 0.28rem;



    height: 0.56rem;



    overflow: hidden;



    margin-top: 0.2rem;



}







.news_bg .news .newsCenter .news_l .txt .more {



    margin-top: 0.35rem;



    height: 0.65rem;



    border-left: 1px solid #e8e7e7;







}







.news_bg .news .newsCenter .news_l .txt .more span {



    display: block;



    margin-left: 0.25rem;



    font-size: 0.14rem;



    color: #666;



    line-height: 0.4rem;



    float: left;







}







.news_bg .news .newsCenter .news_l .txt .more a {



    display: block;



    float: right;



    width: 0.4rem;



    height: 0.4rem;



    border-radius: 50%;



    background: #fbfbfb url(../images/more1.png) no-repeat center;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}











.news_bg .news .newsCenter .news_r {



    float: right;



    width: 70%;



}







.news_bg .news .newsCenter .news_r ul li {



    float: left;



    width: 39%;



    background: #fff;



    margin-left: 4%;



    margin-bottom: 0.4rem;



    padding: 0.4rem 3.5% 0 3.5%;



}







.news_bg .news .newsCenter .news_r ul li h5 a {



    font-size: 0.16rem;



    color: #333;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.news_bg .news .newsCenter .news_r ul li p {



    font-size: 0.14rem;



    color: #999999;



    line-height: 0.28rem;



    height: 0.56rem;



    overflow: hidden;



    margin-top: 0.2rem;



}







.news_bg .news .newsCenter .news_r ul li .more {



    margin-top: 0.6rem;



    height: 0.8rem;



    border-left: 1px solid #e8e7e7;



}







.news_bg .news .newsCenter .news_r ul li .more span {



    display: block;



    margin-left: 0.25rem;



    font-size: 0.14rem;



    color: #666;



    line-height: 0.4rem;



    float: left;



}







.news_bg .news .newsCenter .news_r ul li .more a {



    display: block;



    float: right;



    width: 0.4rem;



    height: 0.4rem;



    border-radius: 50%;



    background: #fbfbfb url(../images/more1.png) no-repeat center;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.news_bg .news .newsCenter .news_r ul li:hover .more a {



    background: #1277e1 url(../images/more2.png) no-repeat center;



}







.news_bg .news .newsCenter .news_r ul li:hover h5 a {



    color: #1277e1;



}











.news_bg .news .newsCenter .news_l:hover .more a {



    background: #1277e1 url(../images/more2.png) no-repeat center;



}







.news_bg .news .newsCenter .news_l:hover h5 a {



    color: #1277e1;



}



















/*message*/







.message_bg {



    width: 100%;



    margin: 0 auto;



    background: url(../images/message_bg.jpg) no-repeat center;



    height: 3.17rem;



}







.message_bg .message {



    width: 84%;



    margin: 0 auto;



    padding-top: 0.65rem;



}







.message_bg .message .m_t {



    overflow: hidden;



}







.message_bg .message .m_t img {



    display: block;



    float: left;



    margin-right: 0.1rem;



}







.message_bg .message .m_t i {



    font-size: 0.16rem;



    color: #fff;



    top: 0.1rem;



    position: relative;







}







.message_bg .message .message_box {



    margin: 0.4rem auto 0 auto;



    height: 0.45rem;







}







.message_bg .message .message_box .form-group1 {



    float: left;



    width: 18%;



    height: 0.45rem;



    background: #ffffff;







}







.message_bg .message .message_box .form-group1 input {



    width: 100%;



    height: 0.45rem;



    font-size: 0.14rem;



    color: #999999;



    text-indent: 0.2rem;



}











.message_bg .message .message_box .form-group2 {



    float: left;



    width: 20%;



    height: 0.45rem;



    background: #ffffff;



    margin: 0 0.08rem;







}







.message_bg .message .message_box .form-group2 input {



    width: 100%;



    height: 0.45rem;



    font-size: 0.14rem;



    color: #999999;



    text-indent: 0.2rem;



}







.message_bg .message .message_box .form-group3 {



    float: left;



    width: 31%;



    height: 0.45rem;



    background: #ffffff;







}







.message_bg .message .message_box .form-group3 textarea {



    width: 100%;



    height: 0.32rem;



    font-size: 0.14rem;



    color: #999999;



    text-indent: 0.2rem;



    padding-top: 0.13rem;



}







.message_bg .message .message_box .form-group4 {



    float: left;



    width: 15.5%;



    height: 0.45rem;



    background: #ffffff;



    margin: 0 0 0 0.08rem;







}







.message_bg .message .message_box .form-group4 input {



    width: 50%;



    height: 0.45rem;



    font-size: 0.14rem;



    color: #999999;



    text-indent: 0.2rem;



    float: left;



}







.message_bg .message .message_box .form-group4 .imgcode {



    float: right;



    width: 30%;



    height: 0.3rem;



    margin: 0.08rem 0.08rem 0 0;



}







.message_bg .message .message_box .anniu {



    float: left;



    width: 12%;



    height: 0.45rem;



    margin-left: 0.08rem;



}







.message_bg .message .message_box .anniu button {



    cursor: pointer;



    border: none;



    font-size: 0.16rem;



    color: #fff;



    background: #1277e1;



    width: 100%;



    height: 0.45rem;



}











/* 询盘*/



i {



    font-weight: normal;



    font-style: normal;



}







.topxunpan {



    position: relative;



    display: inline-block;



    height: 0.36rem;



    z-index: 9;



    margin-top: 0.4rem;



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



    padding: 0 0.5rem 0 0.2rem;



}











.topxunpan .xp {



    position: relative;



    height: 0.36rem;



    line-height: 0.36rem;



    font-size: 0.16rem;



    color: #a4aec5;



    cursor: pointer;











}







.topxunpan .xp img {



    position: relative;



    top: 0px;



    margin: 0 8px 0 0px;



    vertical-align: middle;



}







.topxunpan .xp i {



    padding: 0px;



    margin-left: 0px;



    margin-right: 0px;



    box-sizing: border-box;



    font-size: 0.16rem;



    color: #a4aec5;



}







.topxunpan .xp #xunpantip {



    z-index: 999;



    position: absolute;



    top: 35px;



    left: 50%;



    width: 180px;



    height: 34px;



    line-height: 34px;



    text-align: center;



    color: #fff;



    font-size: 14px;



    -webkit-transform: translateX(-50%) scale(0);



    -moz-transform: translateX(-50%) scale(0);



    -o-transform: translateX(-50%) scale(0);



    -ms-transform: translateX(-50%) scale(0);



    transform: translateX(-50%) scale(0);



    -webkit-transition: transform .4s, opacity .4s;



    -moz-transition: transform .4s, opacity .4s;



    -o-transition: transform .4s, opacity .4s;



    -ms-transition: transform .4s, opacity .4s;



    transition: transform .4s, opacity .4s;



    background-color: #1277e1;



    border-radius: 4px;



    opacity: 0;



    font-weight: bold;



    box-shadow: 5px 5px 2px #dfdfdf;



}







.topxunpan .xp #xunpantip::after {



    content: '';



    position: absolute;



    top: -16px;



    left: 50%;



    width: 0;



    height: 0;



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -o-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



    border: 8px solid transparent;



    border-bottom-color: #1277e1;



}







.topxunpan .xp #xunpantip.xunpantextactive {



    -webkit-transform: translateX(-50%) scale(1);



    -moz-transform: translateX(-50%) scale(1);



    -o-transform: translateX(-50%) scale(1);



    -ms-transform: translateX(-50%) scale(1);



    transform: translateX(-50%) scale(1);



    opacity: 1;



}



















/*case*/







































@media (max-width: 1600px) {



    .pro_bg .product .pro_box .pro_l .pro_t a {



        display: inline-block;



        font-size: 0.24rem;



        color: #fff;



        font-weight: bold;



        background: url(../images/buttom4.png) no-repeat 0.25rem center;



        padding-left: 0.7rem;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-button-next1 {



        left: 54%;



    }







}



















@media (max-width: 1440px) {



    .title h3 i.t1 {



        width: 2.41rem;



        margin-right: 0.4rem;



    }







    .title h3 i.t2 {



        width: 2.41rem;



        margin-left: 0.4rem;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li {



        margin-right: 2%;



        width: 23%;



    }







    .pro_bg .product .pro_box .pro_l .pro_t a {



        display: inline-block;



        font-size: 0.2rem;



        padding-left: 0.7rem;



    }



}















@media (max-width: 1200px) {







    .title h3 {



        font-size: 0.24rem;



    }







    .title h3 i.t1 {



        width: 0rem;



        margin-right: 0rem;



    }







    .title h3 i.t2 {



        width: 0rem;



        margin-left: 0rem;



    }











    .ys_bg .ys_box .mySwiper2 .swiper-slide .ys_img {



        position: relative;



        width: 100%;



        height: 3.5rem;



    }







    .ys_bg .ys_box .mySwiper2 .swiper-slide .ys_img img {



        position: relative;



        width: 100%;



        height: 3.5rem;



        object-fit: cover;



    }







    .ys_bg .ys_box .mySwiper2 .swiper-slide .txt h5 {



        font-size: 0.2rem;



        margin-top: 0.3rem;



    }







    .ys_bg .ys_box .mySwiper2 .swiper-slide .txt span {



        width: 94%;



    }







    .ys_bg .ys_box .mySwiper2 .swiper-slide .txt i {



        margin: 0.2rem auto 0 auto;



    }







    .ys_bg .ys_box .mySwiper2 .swiper-slide .txt p {



        font-size: 0.14rem;



        color: #ffffff;



        line-height: 0.26rem;



        width: 94%;



        margin: 0.2rem auto 0 auto;



    }











    .ys_bg .ys_box .mySwiper {



        margin: -0.55rem auto 0 auto;



        width: 90%;



        height: 1.1rem;



    }







    .ys_bg .ys_box .mySwiper .swiper-slide span {



        display: block;



        margin: 0.2rem auto 0.15rem auto;



        width: 0.35rem;



        height: 0.32rem;



        background-size: contain !important;



    }







    .ys_bg .ys_box .mySwiper .swiper-slide p {



        font-size: 0.16rem;



    }







    .ys_bg .ys_box .zx {



        display: none;







    }







    .case_bg {



        width: 96%;



    }







    .case_bg .case_box .swiper-button-prev {



        width: 0.35rem;



        height: 0.35rem;







    }







    .case_bg .case_box .swiper-button-next {



        width: 0.35rem;



        height: 0.35rem;







    }







    .case_bg .case_box .swiper-button-prev i {



        width: 0.35rem;



        height: 0.35rem;



    }







    .case_bg .case_box .swiper-button-next i {



        display: block;



        width: 0.35rem;



        height: 0.35rem;



    }







    .case_bg .case_box .swiper-slide {



        position: relative;



        margin: 0 0 0.35rem 0;



    }







    .case_bg .more {



        width: 1rem;



        height: 0.5rem;



        line-height: 0.5rem;



    }







    .case_bg .more a {



        display: block;



        font-size: 0.16rem;



    }



















    .ab_bg {



        margin: 0.4rem auto 0 auto;



        height: auto;



        position: relative;



        background: #1e386f url(../images/ab_bg.jpg) no-repeat center;



    }







    .ab_bg .ab_img {



        float: none;



        height: auto;



        padding-top: 50%;



        width: 100%;



        position: relative;



    }







    .ab_bg .ab_img img {



        width: 100%;



        height: 100%;



        position: absolute;



        left: 0px;



        top: 0px;







    }







    .ab_bg .ab_r {



        float: none;



        margin: 0.4rem auto 0 auto;



        width: 90%;



        position: relative;



    }







    .ab_bg .ab_r .txt {



        width: 100%;



        margin-left: 0%;







    }







    .ab_bg .ab_r .txt span {



        display: block;



    }







    .ab_bg .ab_r .txt a {



        display: block;



        font-size: 0.24rem;



        color: #fff;



        margin: 0.1rem 0 0.2rem 0;







    }















    .ab_bg .ab_r .ab_box {



        margin-top: 0.45rem;



    }







    .ab_bg .ab_r .ab_box .ry {



        display: none



    }











    .ab_bg .ab_r .ab_box .ab_list {



        float: none;



        margin-left: 0%;



        width: 96%;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li {



        position: relative;



        margin-right: 0%;



        margin-bottom: 0.2rem;



        margin-top: 0rem;



        width: 50%;



        height: auto;



        padding-bottom: 0.1rem;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li img {



        display: block;



        margin: 0.2rem auto 0 auto;



        opacity: 1;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li h5 {



        font-size: 0.24rem;



        margin-top: 0.2rem;







    }







    .ab_bg .ab_r .ab_box .ab_list ul li h5 span {



        font-size: 0.24rem;







    }







    .ab_bg .ab_r .ab_box .ab_list ul li h5 em {



        font-size: 0.16rem;



        top: -0.25rem;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li h5 i {



        font-size: 0.14rem;



    }











    .ab_bg .ab_r .ab_box .ab_list ul li::after {



        position: absolute;



        left: 0%;



        top: 0%;



        content: "";



        z-index: -1;



        background: #1277e1;



        width: 100%;



        height: 0%;



        -webkit-transition: all 0.5s ease-out;



        -o-transition: all 0.5s ease-out;



        transition: all 0.5s ease-out;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li.on::after {



        height: 100%;



    }







    .ab_bg .ab_r .ab_box .ab_list ul li.on img {



        opacity: 1;



    }











    .news_bg {



        width: 100%;



        margin: 0rem auto 0 auto;



        overflow: hidden;



        background: #f7f7f7 url(../images/news_bg.jpg) no-repeat center;



        height: auto;



        position: relative;



        padding-top: 0.6rem;



    }







    .news_bg .news {



        width: 96%;



        margin: 0rem auto 0 auto;



    }







    .news_bg .news .newsTitle {



        height: 0.65rem;



        margin: 0 auto;



        line-height: 0.65rem;







    }







    .news_bg .news .newsTitle ul {



        float: none;



        width: 100%;



    }







    .news_bg .news .newsTitle ul li {



        float: left;



        width: 33%;



        text-align: center;







    }











    .news_bg .news .newsTitle ul li.active a {



        font-weight: bold;



        color: #1277e1;



        font-size: 0.18rem;







    }







    .news_bg .news .newsTitle .more {



        float: right;



        display: none;



    }











    .news_bg .news .newsCenter {



        width: 100%;



        margin: 0 auto;



    }







    .news_bg .news .newsCenter .news_l .swiper-slide {



        width: 100%;







    }







    .news_bg .news .newsCenter .news_l {



        float: none;



        width: 100%;



    }







    .news_bg .news .newsCenter .news_l .news_img {



        width: 100%;



        position: relative;



        height: auto;



        padding-top: 55%;







    }











    .news_bg .news .newsCenter .news_l .txt {



        padding: 0.2rem 8% 0 8%;







    }











    .news_bg .news .newsCenter .news_l .txt p {



        font-size: 0.14rem;



        color: #999999;



        line-height: 0.28rem;



        height: 0.56rem;



        overflow: hidden;



        margin-top: 0.1rem;



    }







    .news_bg .news .newsCenter .news_l .txt .more {



        margin-top: 0.2rem;



        height: 0.65rem;



        border-left: 1px solid #e8e7e7;







    }











    .news_bg .news .newsCenter .news_r {



        float: none;



        width: 100%;



        margin-top: 0.3rem;



    }







    .news_bg .news .newsCenter .news_r ul li {



        float: none;



        width: 84%;



        background: #fff;



        margin-bottom: 0.2rem;



        padding: 0.2rem 8% 0 8%;



        margin-left: 0;



    }







    .news_bg .news .newsCenter .news_r ul li p {



        margin-top: 0.1rem;



    }







    .news_bg .news .newsCenter .news_r ul li .more {



        margin-top: 0.2rem;



        height: 0.6rem;



        border-left: 1px solid #e8e7e7;



    }















    .message_bg {



        width: 100%;



        margin: 0 auto;



        background: url(../images/message_bg.jpg) no-repeat center;



        height: auto;



    }







    .message_bg .message {



        width: 94%;



        margin: 0 auto;



        padding-top: 0.35rem;



        padding-bottom: 0.30rem;



        overflow: hidden;



    }







    .message_bg .message .m_t {



        overflow: hidden;



        padding-bottom: 0.2rem;



    }







    .message_bg .message .m_t img {



        display: block;



        float: none;



        margin-right: 0rem;



    }







    .message_bg .message .m_t i {



        display: block;







    }







    .message_bg .message .message_box {



        margin: 0.2rem auto 0 auto;



        height: 0.45rem;



        width: 100%;







    }







    .message_bg .message .message_box .m_nr {



        height: 0.45rem;



        margin-bottom: 0.1rem;



    }







    .message_bg .message .message_box .form-group1 {



        float: left;



        width: 48%;



        height: 0.45rem;



        background: #ffffff;







    }







    .message_bg .message .message_box .form-group1 input {}











    .message_bg .message .message_box .form-group2 {



        float: left;



        width: 48%;



        height: 0.45rem;



        background: #ffffff;



        margin: 0 0 0rem 4%;







    }







    .message_bg .message .message_box .form-group2 input {}







    .message_bg .message .message_box .form-group3 {



        float: none;



        width: 100%;



        height: 0.45rem;



        background: #ffffff;



        margin-bottom: 0.1rem;







    }







    .message_bg .message .message_box .form-group3 textarea {}







    .message_bg .message .message_box .form-group4 {



        float: left;



        width: 48%;



        height: 0.45rem;



        background: #ffffff;



        margin: 0;







    }







    .message_bg .message .message_box .form-group4 input {



        width: 50%;



        height: 0.45rem;



        font-size: 0.14rem;



        color: #999999;



        text-indent: 0.2rem;



        float: left;



    }







    .message_bg .message .message_box .form-group4 .imgcode {



        float: right;



        width: 0.5rem;



        height: 0.3rem;



        margin: 0.08rem 0.08rem 0 0;



    }







    .message_bg .message .message_box .anniu {



        float: right;



        width: 48%;



        height: 0.45rem;



        margin-left: 2%;



    }







    .message_bg .message .message_box .anniu button {



        cursor: pointer;



        border: none;



        font-size: 0.16rem;



        color: #fff;



        background: #1277e1;



        width: 100%;



        height: 0.45rem;



    }











    /* 询盘*/







    .topxunpan {



        display: none;



    }















    .pro_bg {



        height: auto;



        background: #fbfbfb url(../images/pro_bg.jpg) no-repeat bottom center;



    }







    .pro_bg .product {



        width: 94%;



        margin: 0rem auto;



        position: relative;



        padding-top: 0.45rem;











    }







    .pro_bg .product .pro_box {



        width: 100%;



        margin: 0.3rem auto 0 auto;



    }







    .pro_bg .product .pro_box .pro_l {



        float: none;



        width: 100%;



    }







    .pro_bg .product .pro_box .pro_l .pro_t {



        display: none;







    }







    .pro_bg .product .pro_box .pro_l .pro_con {



        background: url(../images/pro_list.jpg) no-repeat center;



        height: auto;



        background-size: cover;



        overflow: hidden;



    }







    .pro_bg .product .pro_box .pro_l .pro_con ul li {



        position: relative;



        border-bottom: 1px solid #364b7d;



        height: 0.58rem;



        line-height: 0.58rem;



        float: left;



        width: 50%;







    }







    .pro_bg .product .pro_box .pro_l .pro_con ul li a {



        display: block;







    }











    .pro_bg .product .pro_box .pro_l .pro_con ul li a span::after {



        position: absolute;



        content: "";



        left: 0.3rem;



        top: 50%;



        width: 0px;



        height: 2px;



        background: #fff;



        -webkit-transition: all 0.5s ease-out;



        -o-transition: all 0.5s ease-out;



        transition: all 0.5s ease-out;



        display: none;



    }







    .pro_bg .product .pro_box .pro_l .pro_con ul li.on a span {



        padding-left: 0.3rem;



    }







    .pro_bg .product .pro_box .pro_l .pro_con ul li.on a span::after {



        width: 0rem;



    }







    .pro_bg .product .pro_box .pro_l .pro_con ul li::after {



        display: none;



    }











    .pro_bg .product .pro_box .pro_r {



        float: none;



        width: 100%;



        margin-top: 0.25rem;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr {



        width: 100%;



        height: auto;



        background: #fff url(../images/pro_ico.png) no-repeat right bottom;



        overflow: hidden;



        position: relative;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide {



        position: relative;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .pic {



        float: left;



        width: 41%;



        height: 1.25rem;



        position: relative;



        margin: 0.12rem 0 0 0.12rem;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .pic img {



        position: absolute;



        width: 100%;



        height: 100%;



        left: 0;



        top: 0;







    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt {



        float: right;



        width: 50%;



        margin-right: 1%;



        margin-top: 0.1rem;







    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt a {



        line-height: 0.35rem;



        font-size: 0.18rem;



        color: #333333;







    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt em {



        display: block;



        width: 40%;



        height: 2px;



        background: #333;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-slide .txt p {



        font-size: 0.16rem;



        color: #666;



        line-height: 0.3rem;



        height: 0.6rem;



        overflow: hidden;



        margin-top: 0.1rem;



    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-button-next1 {



        display: none;







    }







    .pro_bg .product .pro_box .pro_r .pro_nr .swiper-button-prev1 {



        display: none;







    }











    .pro_bg .product .pro_box .pro_r .pro_show {



        width: 100%;



        margin-top: 0.25rem;



    }







    .pro_bg .product .pro_box .pro_r .pro_show ul li {



        width: 46%;



        margin: 0 2% 0.2rem 2%;



        position: relative;



        float: left;



        overflow: hidden;



    }







    .pro_bg .product .pro_box .pro_r .pro_show ul li:last-child {



        margin-right: 0;



    }











    .pro_bg .product .pro_box .pro_r .pro_show ul li .txt {



        position: absolute;



        left: 0px;



        bottom: 0rem;



        z-index: 5;



        width: 100%;



        height: 0.35rem;



        line-height: 0.35rem;



        background: url(../images/ico1.png) repeat center;



        text-align: center;



    }















    .banner{



        width: 100%;



        margin: 0 auto;



        overflow: hidden;



        position: relative;



        height: 2rem;



    }



    



    .banner .swiper-container{



        width: 100%;



        margin: 0 auto;



        overflow: hidden;



        height: 2rem;



    } 



    



    .banner .swiper-slide{



        position: relative;



        height: 2rem;



    }







    .c-banner1 .swiper-slide img {



        height: 2rem;



    }



    



    .banner .swiper-slide .slideshow_item{



        position: absolute;



        bottom: 0px;



        left: 0px;



        z-index: 5;



        display: none;



    }



    



    



    .banner .banner_buttom{



        position: absolute;



        width: 100%;



        top: 0;



        left: 0;



        background: none;



    }



    



    .banner .swiper-button-next{



        width: 0.35rem;



        height: 0.35rem;



        background: #1c356d url(../images/bannerR1.png) center no-repeat;



        border-radius: 50%;



        top: 70%;



        right: 2%;



    }



    



    .banner .swiper-button-prev{



        width: 0.35rem;



        height: 0.35rem;



        background: #1c356d url(../images/bannerL1.png) center no-repeat;



        border-radius: 50%;



        left: 2%;



        top: 70%;



    }







    







}