body::-webkit-scrollbar {
    display: none;
}

.product_main {
    margin-top: 88px;
}

.product_main1 .product_title {
    width: 100%;
    height: 2.375rem;
    background-color: #ff8218;
}

.product_main1 .product_title p {
    font-size: 24px;
    line-height: 2.375rem;
    color: #ffffff;
    margin: 0;
}

.product_main1 .product_ti .product_pos {
    height: 1.55rem;
    border-bottom: 1px solid #dddddd;
}

.product_main1 .product_ti .product_pos .posl,
.product_main1 .product_ti .product_pos .posr {
    line-height: 1.55rem;
    font-size: .4rem;
    color: #666666;
}

.product_main1 .product_ti .product_pos .posl a,
.product_main1 .product_ti .product_pos .posr a {
    cursor: pointer;
    line-height: 1.55rem;
    font-size: .5rem;
    color: #666666;
}

.product_main1 .product_ti .product_pos .posl span,
.product_main1 .product_ti .product_pos .posr span {
    margin: 0 4px;
}

.product_main1 .product_tmsg {
    margin: 1.5rem 0 1.625rem 0;
}

.product_main1 .product_tmsg p {
    font-size: 18px;
    line-height: 36px;
    color: #666666;
    padding-left: 25px;
    border-left: 4px solid #ff8218;
}

@media (max-width: 1024px) {
    .product_main1 .product_tmsg p {
        font-size: 15px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    .product_main1 .product_tmsg p {
        font-size: 14px;
        line-height: 25px;
    }
}






@media (max-width: 320px) {
    .product_main1 .product_tmsg p {
        font-size: 14px;
        line-height: 25px;
    }
}

.prod_nav {
    width: 100%;
    background-color: #FFFEFE;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.prod_ul li {
    float: left;
    padding: 24px 40px;
}

@media (max-width: 1024px) {
    .prod_ul li {
        padding: 14px 30px;
    }
}

@media (max-width: 859px) {
    .prod_ul li {
        padding: 14px 20px;
    }
}

@media (max-width: 768px) {
    .prod_ul li {
        padding: 8px 6px;
    }
}

@media (max-width: 320px) {
    .prod_ul li {
        padding: 6px 1px;
    }
}

.prod_ul li:nth-child(3) {
    border: none;
}

.prod_ul li a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #666666;
    text-align: center;
}

@media (max-width: 768px) {
    .prod_ul li a {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .prod_ul li a {
        font-size: 14px;
    }
}


/*.prod_ul li:hover{
	background-color: #ff8218;
}

.prod_ul li:hover .prod_ul li a{
	color: #FFFFFF;
}*/

.prod_active {
    background-color: #ff8218;
}

.prod_active a {
    color: #FFFFFF !important;
}

.product_main2 {
    /*background-color: #F9F9F9;*/
    padding-top: 50px;
    padding-bottom: 20px;
}

.prodl_sw .swiper-slide {
    width: 100%!important;
    height: 100%;
}

.prodl_sw .swiper-slide img {
    width: 100%;
    height: 100%;
}


/* .product_main2 .prodl {
    width: 50%;
    height: 100%;
} */


/* @media (max-width: 1680px) {
    .product_main2 .prodl {
        width: 360px;
        height: 170px;
    }
} */


/*@media (max-width: 1366px) {
	.product_main2 .prodl {
		width: 360px;
		height: 170px;
	}
}

@media (max-width: 1200px) {
	.product_main2 .prodl {
		width: 360px;
		height: 170px;
	}
}*/


/* @media (max-width: 1024px) {
    .product_main2 .prodl {
        width: 360px;
        height: 170px;
    }
} */

@media (max-width: 768px) {
    .product_main2 .prodl {
        width: 360px;
        height: 100%;
    }
}

@media (max-width: 480px) {
    .product_main2 .prodl {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 414px) {
    .product_main2 .prodl {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 375px) {
    .product_main2 .prodl {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 320px) {
    .product_main2 .prodl {
        width: 100%;
        height: 100%;
    }
}

.prodl_swpagination {
    position: static !important;
    margin-top: 20px !important;
}

.prodl_swpagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border: none !important;
    background-color: #dddddd !important;
    opacity: 1 !important;
    margin: 0 6px !important;
    bottom: 20px !important;
}

.prodl_swpagination .swiper-pagination-bullet-active {
    background-color: #ff8218 !important;
}

.product_main2 .prodr .prodr_title p {
    width: 96px;
    font-size: 24px;
    line-height: 36px;
    color: #ff8218;
    border-bottom: 3px solid #ff8218;
}

@media (max-width: 1366px) {
    /* .product_main2 .prodr {
        width: 48%;
    } */
    .product_main2 .prodr .prodr_title p {
        width: 90px;
        font-size: 22px;
        line-height: 36px;
    }
}

@media (max-width: 1024px) {
    .product_main2 .prodr .prodr_title p {
        width: 88px;
        font-size: 22px;
        line-height: 36px;
    }
}

@media (max-width: 768px) {
    .product_main2 .prodr .prodr_title p {
        width: 74px;
        font-size: 18px;
        line-height: 36px;
    }
}

@media (max-width: 600px) {
    .product_main2 .prodr {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .product_main2 .prodr {
        width: 100%;
    }
}

@media (max-width: 414px) {
    .product_main2 .prodr {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .product_main2 .prodr {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .product_main2 .prodr {
        width: 100%;
    }
    .product_main2 .prodr .prodr_title p {
        width: 73px;
        font-size: 18px;
        line-height: 36px;
    }
}

.product_main2 .prodr .prodr_list {
    margin-top: 63px;
}

.product_main2 .prodr .prodr_ul li {
    font-size: 24px;
    line-height: 64px;
    color: #666666;
    border-bottom: 1px solid #DDDDDD;
}

@media (max-width: 1680px) {
    .product_main2 .prodr .prodr_list {
        margin-top: 33px;
    }
    .product_main2 .prodr .prodr_ul li {
        font-size: 16px;
        line-height: 35px;
    }
}

@media (max-width: 1024px) {
    .product_main2 .prodr .prodr_list {
        margin-top: 33px;
    }
    .product_main2 .prodr .prodr_ul li {
        font-size: 15px;
        line-height: 30px;
    }
}

@media (max-width: 768px) {
    .product_main2 .prodr .prodr_list {
        margin-top: 23px;
    }
    .product_main2 .prodr .prodr_ul li {
        font-size: 15px;
        line-height: 30px;
    }
}

@media (max-width: 320px) {
    .product_main2 .prodr .prodr_list {
        margin-top: 23px;
    }
    .product_main2 .prodr .prodr_ul li {
        font-size: 15px;
        line-height: 30px;
    }
}

.product_main2 .prodr .prodr_ul li:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 10px;
    background-color: #ff8218;
    vertical-align: middle;
}

.product_main3 {
    margin-top: 42px;
    padding-bottom: 80px;
}

.product_main3 .prod3_title p {
    width: 96px;
    font-size: 24px;
    line-height: 36px;
    color: #ff8218;
    border-bottom: 3px solid #ff8218;
}

@media (max-width: 1366px) {
    .product_main3 .prod3_title p {
        width: 88px;
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .product_main3 .prod3_title p {
        width: 88px;
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .product_main3 .prod3_title p {
        width: 73px;
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .product_main3 .prod3_title p {
        width: 73px;
        font-size: 18px;
    }
}

.product_main3 .prod3_list {
    margin-top: 33px;
}

.prod3_list .prod3_ul .prod3_li {
    /*float: left;*/
    width: 290px !important;
    margin-right: 16px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1680px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 33% !important;
        height: 100%;
        margin-right: 0px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 1366px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 33% !important;
        height: 100%;
        margin-right: 0px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 1024px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 50% !important;
        height: 100%;
        margin-right: 0px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 768px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 50% !important;
        height: 100%;
        margin-right: 0px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 414px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 100% !important;
        height: 100%;
        margin-right: 16px;
    }
}

@media (max-width: 375px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 100% !important;
        height: 100%;
        margin-right: 16px;
    }
}

@media (max-width: 320px) {
    .prod3_list .prod3_ul .prod3_li {
        width: 100% !important;
        height: 100%;
        margin-right: 16px;
    }
}

.prod3_list .prod3_ul .prod3_li:nth-child(5),
.prod3_list .prod3_ul .prod3_li:nth-child(10) {
    margin-right: 0;
}

.prod3_li:hover .prod3_img img {
    transform: scale(1.2);
}

.prod3_li:hover .prod3_imgcover {
    display: none;
}

.prod3_li:hover a {
    text-decoration: none;
}

.prod3_list .prod3_ul .prod3_li .prod3_img {
    float: left;
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden;
    position: relative;
}

.prod3_list .prod3_ul .prod3_li .prod3_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .6s;
}

.prod3_list .prod3_ul .prod3_li .prod3_imgcover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
}

.prod3_list .prod3_ul .prod3_li p {
    font-size: 18px;
    line-height: 40px;
    color: #ff8218;
    text-align: center;
}

.product_main4 {
    /*background-color: #F9F9F9;*/
}

@media (max-width: 768px) {
    .product_main4 {
        padding-top: 42px;
    }
}

@media (max-width: 320px) {
    .product_main4 {
        padding-top: 42px;
    }
}

.prod_contactl {
    padding-top: 30px;
    /*padding-left: 200px;*/
}

.prod_contactl .prod4_title p {
    width: 96px;
    font-size: 24px;
    line-height: 36px;
    color: #ff8218;
    border-bottom: 3px solid #ff8218;
}
@media (max-width: 1680px) {
	.prod_contactl{
		padding-top: 20px;
	}
}
@media (max-width: 1440px) {
	.prod_contactl{
		padding-top: 10px;
	}
}
@media (max-width: 1366px) {
    .prod_contactl {
        width: 46%;
        padding-top: 10px;
        padding-left: 100px;
    }
    .prod_contactl .prod4_title p {
        width: 88px;
        font-size: 22px;
    }
}

@media (max-width: 1200px) {
    .prod_contactl {
        width: 46%;
        padding-top: 0;
        padding-left: 100px;
    }
}

@media (max-width: 1024px) {
    .prod_contactl {
        width: 46%;
        padding-top: 15px;
        padding-left: 80px;
        padding-bottom: 15px;
    }
    .prod_contactl .prod4_title p {
        width: 88px;
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .prod_contactl {
        width: 100%;
        padding-top: 46px;
        padding: 0 1rem 1rem 1rem;
    }
    .prod_contactl .prod4_title p {
        width: 73px;
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .prod_contactl {
        width: 100%;
        padding-top: 46px;
        padding: 0 1rem 1rem 1rem;
    }
    .prod_contactl .prod4_title p {
        width: 73px;
        font-size: 18px;
    }
}



.product_contact .contact {
    overflow: hidden;
}

.product_contact .contact .text .message {
    overflow: hidden;
    margin-top: 52px;
}
.product_contact .contact .text .message img{
	max-width: 100%;
}
@media (max-width: 1680px) {
	.product_contact .contact .text .message {
		margin-top: 0px;
	}
}


@media (max-width: 1366px) {
    .product_contact .contact .text .message {
        overflow: hidden;
        margin-top: 0px;
    }
}

.product_contact .contact .text .message ul {
    overflow: hidden;
    margin: 0 -10px;
}

.product_contact .contact .text .message ul li {
    float: left;
    overflow: hidden;
    width: 50%;
    margin-top: 14px;
    padding: 0 10px;
    position: relative;
}
.product_contact .contact .text .message ul li .code{
	position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 1530px) {
    .product_contact .contact .text .message ul li {
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .product_contact .contact .text .message ul li {
        width: 100%;
    }
}

.product_contact .contact .text .message ul li:nth-child(5),
.product_contact .contact .text .message ul li:nth-child(6) {
    width: 100%;
}

.product_contact .contact .text .message ul li input,
.product_contact .contact .text .message ul li textarea {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    min-height: 50px;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}



@media (max-width: 767px) {
    .product_contact .contact .text .message ul li input,
    .product_contact .contact .text .message ul li textarea {
        font-size: 16px;
    }
}

.product_contact .contact .text .message ul li input::-webkit-input-placeholder,
.product_contact .contact .text .message ul li textarea::-webkit-input-placeholder {
    color: #999;
}

.product_contact .contact .text .message ul li input:-o-placeholder,
.product_contact .contact .text .message ul li textarea:-o-placeholder {
    color: #999;
}

.product_contact .contact .text .message ul li input::-moz-placeholder,
.product_contact .contact .text .message ul li textarea::-moz-placeholder {
    color: #999;
}

.product_contact .contact .text .message ul li input:-ms-input-placeholder,
.product_contact .contact .text .message ul li textarea:-ms-input-placeholder {
    color: #999;
}

.product_contact .contact .text .message ul li input:focus::-webkit-input-placeholder,
.product_contact .contact .text .message ul li textarea:focus::-webkit-input-placeholder {
    color: #ccc;
}

.product_contact .contact .text .message ul li input:focus::-o-placeholder,
.product_contact .contact .text .message ul li textarea:focus::-o-placeholder {
    color: #ccc;
}

.product_contact .contact .text .message ul li input:focus::-moz-placeholder,
.product_contact .contact .text .message ul li textarea:focus::-moz-placeholder {
    color: #ccc;
}

.product_contact .contact .text .message ul li input:focus::-ms-input-placeholder,
.product_contact .contact .text .message ul li textarea:focus::-ms-input-placeholder {
    color: #ccc;
}

.product_contact .contact .text .message ul li .btn {
    font-size: 16px;
    line-height: 60px;
    display: inline-block;
    height: 60px;
    margin-top: 20px;
    padding: 0 65px;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    color: #fff;
    background-color: #ff8218;
    border-radius: 28px;
}
@media (max-width: 1680px) {
	.product_contact .contact .text .message ul li .btn{
		margin-top: 0;
	}
}
@media (max-width: 1560px) {
    .product_contact .contact .text .message ul li .btn {
        line-height: 50px;
        height: 50px;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .product_contact .contact .text .message ul li .btn {
        font-size: 18px;
        font-size: 16px;
        padding: 0 50px;
        margin-top: 0px;
    }
}

.product_contact .contact .text .message ul li .btn.reset {
    margin-left: 10px;
    background-color: #245c9a;
}

.product_contact .contact .text .message ul li .btn:hover {
    background-color: #055a9b;
}

.product_contact .contact .text .message ul li .js-check {
    font-size: 16px;
    line-height: 50px;
    height: 52px;
    color: #666;
}



.product_contact .contact .text .message ul li .js-check i {
    display: inline-block;
    margin: 0 5px;
}

.product_contact .contact .text .message ul li .js-check span {
    line-height: 53px;
    display: inline-block;
    vertical-align: top;
}




@media(max-width:767px) {
    .product_contact .contact .text .message ul li .js-check span {
        color: #999;
    }
}

.product_contact .contact .text .message ul li .js-check label {
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin: 0;
    margin-top: -4px;
    margin-right: 16px;
    cursor: pointer;
    vertical-align: top;
}

.product_contact .contact .text .message ul li .js-check label input {
    width: auto;
    cursor: pointer;
}

.product_contact .contact .text .message ul li .js-check label:after {
    position: relative;
    position: absolute;
    top: 15px;
    left: 0;
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    content: '';
    cursor: pointer;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
}

.product_contact .contact .text .message ul li .js-check label i {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.product_contact .contact .text .message ul li .js-check label.checked i {
    background-color: #00649c;
}

.product_contact .contact .text .message ul li .js-check input[type=radio] {
    float: left;
    width: 30px;
    height: 30px;
    opacity: 0;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background: #fff;
}

@media (min-width: 769px) and (max-width: 980px) {
    .product_contact .contact .text .message ul li .js-check input[type=radio] {
        float: left;
        width: 20px;
        height: 20px;
        opacity: 0;
        border: 1px solid #e9e9e9;
        border-radius: 50%;
        background: #fff;
    }
    .product_contact .contact .text .message ul li .js-check label {
        font-weight: normal;
        position: relative;
        display: inline-block;
        margin: 0;
        margin-top: -4px;
        margin-right: 1px;
        cursor: pointer;
        vertical-align: top;
    }
}

.prod_contactr {
    width: 50%;
}

@media (max-width: 768px) {
    .prod_contactr {
        display: none;
    }
}

.prod_contactr .pic {
    width: 100%;
    float: right;
}

@media (max-width: 767px) {
    .prod_contactr .pic {
        width: 100%;
        margin-top: 30px;
    }
}

.prod_contactr .pic img {
    display: block;
    max-width: 100%;
}

.product_main5 {
    padding-top: 58px;
    background-color: #FFFEFE;
}

.prod5_title p {
    width: 96px;
    font-size: 24px;
    line-height: 36px;
    color: #ff8218;
    border-bottom: 3px solid #ff8218;
}

@media (max-width: 1366px) {
    .prod5_title p {
        width: 88px;
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .prod5_title p {
        width: 88px;
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .prod5_title p {
        width: 73px;
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .prod5_title p {
        width: 73px;
        font-size: 18px;
    }
}

.prod5_news {
    margin-top: 55px;
}

.prod5_news .prod5_ul .prod5_li {
    float: left;
    /* width: 358px; */
    width: 350px;
    overflow: hidden;
    margin-right: 28px;
    margin-bottom: 60px;
}

@media (max-width: 1680px) {
    .prod5_news .prod5_ul .prod5_li {
        width: 43%;
        margin-left: 28px;

    }
}

@media (max-width: 1024px) {
    .prod5_news .prod5_ul .prod5_li {
        width: 45%;
        margin-right: 28px;
    }
}

@media (max-width: 835px) {
    .prod5_news .prod5_ul .prod5_li {
        width: auto;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .prod5_news .prod5_ul .prod5_li {
        width: 47%;
        margin: 0px 10px 20px 10px;
    }
}

@media (max-width: 414px) {
    .prod5_news .prod5_ul .prod5_li {
        width: 100%;
        margin: 0px 0px 50px 0px;
    }
}

@media (max-width: 375px) {
    .prod5_news .prod5_ul .prod5_li {
        width: 100%;
        margin: 0px 0px 50px 0px;
    }
}

@media (max-width: 320px) {
    .prod5_news .prod5_ul .prod5_li {
        width: 100%;
        margin: 0px 0px 40px 0px;
    }
}

@media (max-width: 1079px) {
    .prod5_news .prod5_ul .prod5_li {
        margin-left: 0px;
    }
}

.prod5_news .prod5_ul .prod5_li:last-child {
    margin-right: 0;
}

.prod5_li:hover a {
    text-decoration: none;
}

.prod5_li:hover .prod5_img img {
    transform: scale(1.2);
    transition: all 6s;
}

.prod5_news .prod5_ul .prod5_li .prod5_img {
    width: 100%;
    padding-bottom: 62%;
    position: relative;
    overflow: hidden;
}

.prod5_news .prod5_ul .prod5_li .prod5_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .6s;
}

.prod5_news .prod5_ul .prod5_li .prod5_img .prod5_imgcover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
}

.prod5_li:hover .prod5_imgcover {
    display: none;
}

.prod5_news .prod5_ul .prod5_li .prod5_newstitle {
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod5_news .prod5_ul .prod5_li .prod5_newstitle p {
    font-size: 22px;
    line-height: 36px;
    color: #666666;
    margin-bottom: 0;
}

.prod5_news .prod5_ul .prod5_li .prod5_newstitle span {
    display: block;
    font-size: 16px;
    color: #999999;
}

.prod5_news .prod5_ul .prod5_li .prod5_msg {
    margin-top: 26px;
}

.prod5_msg {
    height: 55px;
    line-height: 28px;
    overflow: hidden;
}

.prod5_msg p {
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    color: #999999;
    float: right;
    margin-left: -5px;
    width: 100%;
    word-break: break-all;
}

.prod5_msg::before {
    float: left;
    width: 5px;
    /* content: ''; */
    height: 40px;
}

.prod5_msg::after {
    float: right;
    /* content: ""; */
    height: 20px;
    line-height: 20px;
    width: 3em;
    margin-left: -3em;
    position: relative;
    left: 100%;
    top: 33px;
    padding-right: 5px;
    background-color: #FFF;
}

.prod5_li .news_more {
    display: block;
    width: 130px;
    height: 42px;
    border-radius: 20px;
    border: solid 1px #dcdcdc;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #999999;
    margin-top: 32px;
    transition: all .5s;
}

.prod5_li:hover .news_more {
    border: solid 1px #ff8218;
    background-color: #ff8218;
    border-radius: 20px;
    color: #ffffff;
}

.prod5_news .prod5_ul .prod5_li:hover .prod5_newstitle p {
    color: #ff8218;
}


/*应用领域*/

.field_main1 {
    width: 100%;
}

.field_sw .swiper-slide img {
    width: 100%;
}

.field_swpagination {
    bottom: 20px !important;
    margin-top: 20px !important;
}

@media (max-width: 768px) {
    .field_swpagination {
        position: static;
    }
}

.field_swpagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border: none !important;
    background-color: #dddddd !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}

.field_swpagination .swiper-pagination-bullet-active {
    background-color: #ff8218 !important;
}

.about_prodmian {
    padding-top: 43px;
}

.aboutprod_ul {
    /* display: flex;
    justify-content: space-between; */

    padding-top: 20px;
    padding-bottom: 90px;
    overflow: hidden;
}

.aboutprod_ul .aboutprod_li {
    margin-top: 30px;
}

.aboutprod_li:hover .about_prodimg img {
    transform: scale(1.1);
}

.aboutprod_li:hover .about_prod_imgcover {
    display: none;
}

.aboutprod_li:hover a {
    text-decoration: none;
}

.about_prodimg {
    width: 100%;
    padding-bottom: 61.8%;
    overflow: hidden;
    position: relative;
}

.about_prodimg img {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .6s;
}

.about_prod_imgcover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
}

.about_prodtitle p {
    font-size: 20px;
    line-height: 40px;
    color: #666;
    text-align: center;
}


/*list*/

.field_lists ul.list {
    overflow: hidden;
    margin: 0 -20px;
}

@media (max-width: 1350px) {
    .field_lists ul.list {
        margin: 0 -10px;
    }
}


/* @media (max-width: 991px) {
	.field_lists ul.list {
		display: none;
		margin: 0 -8px;
	}
} */

.field_lists ul.list li {
    float: left;
    width: 20%;
    padding: 0 20px;
}

@media (max-width: 1450px) {
    .field_lists ul.list li {
        padding: 0 8px;
    }
}

@media (max-width: 991px) {
    .field_lists ul.list li {
        width: 33.33333333%;
        padding: 0 8px;
    }
}

@media (max-width: 767px) {
    .field_lists ul.list li {
        width: 50%;
    }
}

.field_lists .item {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .field_lists .item {
        margin-top: 20px;
    }
}

.field_lists .item .pic .img-box {
    position: relative;
    /*padding-bottom: 60%;*/
    height: auto;
    overflow: hidden;
    border: 1px solid #ddd;
}

.field_lists .item .pic .img-box img {
    /*position: absolute;*/
    width: 100%;
    /*height: 100%;*/
    transition: all .6s;
}

.field_lists .item:hover .pic .img-box img {
    transform: scale(1.2);
}

.field_lists .item p {
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    height: 30px;
    margin: 14px 0 0 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #333;
}

.field_lists .item:hover p {
    color: #337ab7;
}


/*list*/


/*产品详情页*/

.prod_detail {
    padding-top: 40px;
}

.prod5_table {
    margin-top: 40px;
}

.prod5_tab tr th {
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}

.prod5_tab tr th:first-child,
.prod5_tab tr th:nth-child(3) {
    font-weight: bold !important;
}

.prod5_tab tr td {
    font-family: SourceHanSansCN-Light;
    font-size: 20px;
    color: #0b665d;
    text-align: center;
}

.prod5_tab tr td:first-child,
.prod5_tab tr td:nth-child(3) {
    font-size: 20px;
    color: #FFFFFF;
    background-color: #ff8218;
}

.prod5_tabbg {
    background-color: #ff8218;
}

.table>thead>tr>th {
    border-bottom: none !important;
}


/*新闻详情页*/

.news_main {
    margin-top: 88px;
}

@media (max-width:1199px) {
    .news_main {
        margin-top: 51px;
    }
}

.news_title {
    width: 100%;
    background-color: #ff8218;
}

.news_title p {
    float: left;
    font-size: 18px;
    line-height: 2.375rem;
    color: #ffffff;
    margin-bottom: 0;
}

.news_title span {
    display: block;
    float: right;
    font-size: .4rem;
    line-height: 2.375rem;
    color: #ffffff;
}

.news_title span a {
    color: #ffffff;
}

.news_title span a:hover {
    color: #337ab7;
}

.news_tips {
    border-bottom: solid 1px #dddddd;
}

.news_tips span {
    font-size: 16px;
    line-height: 64px;
    color: #777777;
}

.news_share {
    float: right;
    padding-top: 24px;
}

@media (max-width: 414px) {
    .news_share {
        float: right;
        padding-top: 0px;
    }
}

.news_ul li {
    float: left;
    margin: 0 24px;
}

@media (max-width: 375px) {
    .news_ul li {
        float: left;
        margin: 0 18px;
    }
}

@media (max-width: 320px) {
    .news_ul li {
        float: left;
        margin: 0 16px;
    }
}

.news_line {
    float: left;
    width: 1px;
    height: 16px;
    margin-top: 3px;
    background-color: #ccc;
}

.news_content {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 100px;
}

.news_contentl {
    width: 74%;
    padding-right: 80px;
}

@media (max-width: 1024px) {
    .news_contentl {
        width: 100%;
        padding-right: 0px;
    }
}

.text {
    font-size: 16px;
}

.news_contentl p {
    /*font-size: 16px;*/
    line-height: 2;
    color: #666666;
    /*padding: 28px 0px 33px 0;*/
    margin-bottom: 0;
}

.news_contentl p img {
    max-width: 100%;
    max-height: 100%;
}

.news_contentl h3 {
    font-size: 26px;
    color: #ff8218;
}

.news_tab tr th {
    font-size: 18px;
    font-weight: normal;
    color: #ff8218;
    text-align: center;
}

.news_tab tr td {
    font-size: 18px;
    color: #666666;
    text-align: center;
}

.newstabbg {
    background-color: #efefef;
}

.table>thead>tr>th {
    border-bottom: none !important;
}

.relate {
    margin-top: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.relate ul li {
    margin-top: 10px;
}

.relate ul li a {
    color: #666;
    font-size: 16px;
    line-height: 42px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    height: 42px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.relate ul li a span {
    color: #fff;
    background-color: #ff8218;
    line-height: 40px;
    display: inline-block;
    margin-right: 20px;
    padding: 0 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border: none;
    border-radius: 30px;
}

@media (max-width: 991px) {
    .relate ul li a span {
        margin-right: 10px;
    }
}

.relate ul li:hover a {
    color: #ff8218;
}

.relate ul li:hover a span {
    color: #fff;
    background-color: #205ed3;
}

.news_contentr {
    width: 26%;
    margin-top: 28px;
}

@media (max-width: 1024px) {
    .news_contentr {
        width: 100%;
        margin-top: 40px;
        display: none;
    }
}

.news_btn button {
    width: 100%;
    height: 64px;
    border-radius: 32px;
    border: dashed 1px #d2d2d2;
    background-color: #FFFFFF;
    font-size: 16px;
    line-height: 62px;
    color: #666666;
}

.news_btn button:hover {
    color: #fff;
    background-color: #ff8218;
    transition: all .5s;
}

.news_btn button img {
    vertical-align: middle;
    margin-right: 14px;
    margin-top: -1px;
}

.news_contentr_title {
    padding: 25px 0 0 0;
}

.news_contentr_title p {
    font-size: 22px;
    font-weight: bold;
    color: #ff8218;
}

.news_link ul li {
    width: 100%;
    padding: 13px 0px;
    border-bottom: dashed 1px #dcdcdc;
}

.news_link ul li img {
    display: inline-block;
    width: 17px;
    margin-top: -5px;
}

.news_link ul li:first-child img {
    margin-top: -60px;
}

@media (max-width: 1024px) {
    .news_link ul li:first-child img {
        margin-top: -5px;
    }
}

@media (max-width: 425px) {
    .news_link ul li:first-child img {
        margin-top: -55px;
    }
}

.news_link ul li span {
    width: 90%;
    display: inline-block;
    font-size: 18px;
    color: #666666;
    padding-left: 15px;
    line-height: 26px;
}

.news_link ul li:nth-child(2) span {
    font-size: 20px;
    font-weight: bold;
    color: #ff8218 !important;
}

.news_linkin {
    width: 100%;
    background-color: #ff8218;
    border-radius: 6px;
    padding: 10px 20px 5px 20px;
    margin-top: 20px;
}

.news_linkin p {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 0;
}

.news_linkin ul li img {
    display: inline-block;
    width: 15px;

    margin-top: -5px;
}

.news_linkin ul li span {
    width: 90%;
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    padding-left: 10px;
    line-height: 26px;
}

.news_linkin ul li:first-child span {
    font-weight: bold;
}

.news_linko {
    width: 100%;
    background-color: #efefef;
    border-radius: 6px;
    padding: 10px 20px 5px 20px;
    margin-top: 20px;
}

.news_linko p {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #ff8218;
    margin-bottom: 0;
}

.news_linko ul li img {
    display: inline-block;
    width: 15px;
    margin-top: -5px;
}

.news_linko ul li span {
    width: 90%;
    display: inline-block;
    font-size: 18px;
    color: #ff8218;
    padding-left: 10px;
    line-height: 26px;
}

.news_linko ul li:first-child span {
    font-weight: bold;
}

.news_shareicon .social-share-icon {
    width: 60px !important;
    height: 15px !important;
    font-size: 25px !important;
    line-height: 15px !important;
    border-radius: inherit !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: 1px solid #ccc !important;
}

@media (max-width: 320px) {
    .news_shareicon .social-share-icon {
        width: 40px !important;
    }
}

.news_shareicon.social-share .icon-wechat {
    position: relative;
    color: #999999 !important;
}

.news_shareicon.social-share .icon-wechat:hover {
    color: #7bc549 !important;
    background-color: #FFFFFF !important;
}

.news_shareicon.social-share .icon-qq {
    color: #999999 !important;
}

.news_shareicon.social-share .icon-qq:hover {
    color: #56b6e7 !important;
    background-color: #FFFFFF !important;
}

.news_shareicon.social-share .icon-weibo {
    color: #999999 !important;
}

.news_shareicon.social-share .icon-weibo:hover {
    color: #ff763b !important;
    background-color: #FFFFFF !important;
}


/*新闻中心*/

.news_titlenav {
    margin-bottom: 0;
}

.news_titlenav {
   overflow:hidden;
}

@media (max-width: 767px) {
    .news_titlenav {
        padding-left: 0rem;
        padding-right: 0;
    }
}

.news_titlenav li {
    min-width: 3.7rem;
    padding: 0 10px;
    float: left;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.news_titlenav li:last-child{
	border-right: 1px solid #DDDDDD;
}
.news_titlenav li a {
    display: block;
    font-size: .45rem;
    font-weight: normal;
    line-height: 1.625rem;
    color: #666666;
    text-align: center;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_titlenav_active,.news_titlenav li:hover {
    background-color: #ff8218;
}

.news_titlenav_active a ,.news_titlenav li:hover a{
    color: #FFFFFF !important;
}

.news_page {
    /*display: table;*/
    background-color: #f9f9f9;
    padding-top: 40px;
    padding-bottom: 50px;
}

.news_pagel a {
    display: block;
}



.news_pager {
    /*display: table-cell;*/
    width: 100%;
}
.news_pager .news_pagerlists{
	overflow: hidden;
	margin: 0 -10px;
}

@media (max-width: 1024px) {
    .news_pagel {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .news_pager {
        display: block;
        width: 100%;
    }
}

.news_pagelist {
    background-color: #FFFFFF;
}

.news_pagelist:hover .news_pic img {
    transform: scale(1.2);
}

.news_pagelist .news_pic {
    position: relative;
    overflow: hidden;
    padding-bottom: 62.1%;
}

.news_pagelist .news_pic img {
    transition: all .8s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.news_pagelist .news_msg {
    padding: 30px 30px 52px 30px;
}

@media(max-width:1880px) {
    .news_pagelist .news_msg {
        padding: 30px 30px .7rem 30px;
    }
}

.news_pagelist .news_msgti p {
    font-size: 26px;
    line-height: 32px;
    color: #666;
}

.news_pagelist:hover .news_msgti p {
    color: #ff8218;
}

.news_pagelist .news_time p {
    font-size: 16px;
    color: #999999;
}

.news_pagelist .news_contentmsg {
    padding-top: 20px;
}

.news_pagelist .news_contentmsg p {
    font-size: 18px;
    line-height: 32px;
    color: #999999;
}

@media (max-width: 768px) {
    .news_pagelist .news_msgti p {
        font-size: 22px;
    }
    .news_pagelist .news_time p {
        font-size: 12px;
    }
    .news_pagelist .news_contentmsg p {
        font-size: 14px;
        line-height: 28px;
    }
}

.news_contentbtn {
    padding-top: 30px;
}

.news_contentbtn button {
    padding: 11px 22px;
    border-radius: 25px;
    border: solid 1px #dcdcdc;
    font-size: 16px;
    color: #999999;
    background-color: #FFFFFF;
}

@media (max-width:1400px) {
    .news_pagelist .news_contentmsg {
        padding-top: 0px;
    }
    .news_contentbtn {
        padding-top: 10px;
    }
    .news_pagelist .news_msg {
        padding: 30px 30px .7rem 30px;
    }
}

.news_pagelist:hover .news_contentbtn button {
    border: solid 1px #ff8218;
    font-size: 16px;
    color: #FFF;
    background-color: #ff8218;
    transition: all .5s;
}

.news_pagerlists li {
    width: 33.33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}
.news_pagerlists.pro_list li{
	width: 25%;
}
@media (max-width: 1024px) {
    .news_pagerlists li {
        width: 50%;
        float: left;
        /*padding-left: 0px;*/
        margin-bottom: 20px;
    }
}

.news_pagerlists li .newsli_pic {
    position: relative;
    overflow: hidden;
}

.news_pagerlists li:hover .newsli_pic img {
    transform: scale(1.2);
}

.news_pagerlists li .newsli_pic img {
    transition: all .8s;
    width: 100%;
   
}

.news_pagerlists li .newsli_msg {
    background-color: #FFFFFF;
    padding: 20px;
}

.newsli_msg .newsli_msgti p {
    font-size: 16px;
    color: #666;
    text-overflow: ellipsis;
   	white-space: nowrap;
    overflow: hidden;
    margin: 0;
}

.news_pagerlists li:hover .newsli_msgti p {
    color: #ff8218;
}

.newsli_msg .newsli_time p {
    font-size: 16px;
    color: #999999;
    margin: 0;
}

.newsli_msg .newsli_icon {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsli_msg .newsli_icon span {
    font-size: 30px;
    color: #999999;
}

.news_pagerlists li:hover .newsli_icon span {
    color: #ff8218;
}

.newsli_dis {
    /*height: 90px;*/
    overflow: hidden;
}


/*分页*/

.page {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    text-align: center;
}

.page a {
    font-family: 'ITC Avant Garde Gothic';
    font-size: 18px;
    line-height: 46px;
    display: inline-block;
    overflow: hidden;
    width: 46px;
    height: 46px;
    margin: 0 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    color: #ff8218;
    border-radius: 50%;
    background-color: #eee;
}

.page a.omit:hover {
    color: #333;
    background-color: #eee;
}

.page a.active,
.page a:hover {
    color: #fff;
    background-color: #ff8218;
}

@media (max-width: 767px) {
    .page a {
        line-height: 34px;
        width: 34px;
        height: 34px;
    }
    .page a.first-child,
    .page a.last-child {
        margin: 0 5px;
    }
}


/*联系我们*/


.b_r #map {
    height: 500px;
    margin-top: 88px;
}

@media (max-width: 1440px) {
    .b_r #map1 {
        height: 360px;
        margin-top: 0;
    }
    .b_r #map {
        height: 400px;
    }
}

@media (max-width: 1200px) {
    .b_r #map1 {
        height: 360px;
        margin-top: 0;
    }
    .b_r #map {
        height: 360px;
    }
}

@media (max-width: 1024px) {
    .b_r #map1 {
        height: 360px;
        margin-top: 0;
    }
    .b_r #map {
        height: 360px;
    }
}

@media (max-width: 991px) {
    .b_r #map1 {
        height: 360px;
        margin-top: 0;
    }
    .b_r #map {
        height: 360px;
    }
}

@media (max-width: 375px) {
    .b_r #map1 {
        height: 360px;
        margin-top: 0;
    }
    .b_r #map {
        height: 360px;
    }
}

.contact_range {
    padding-top: 43px;
}

.contact_title {
    width: 7.75rem;
    margin: auto;
}

.contact_line {
    display: block;
    width: 1.325rem;
    height: 1px;
    background-color: #ff8218;
    margin-top: 1.2rem;
}

.contact_ti {
    display: block;
    font-size: 1.05rem;
    font-weight: bold;
    color: #ff8218;
    margin: 0 .375rem;
}

.contact_title p {
    font-size: .5rem;
    color: #ff8218;
    text-align: center;
    margin-top: .5rem;
}

.contact_lists {
    margin-top: 45px;
}

.contact_lists ul li {
    float: left;
    width: 33.33%;
}

.contact_lists ul li {
    padding: 0px 30px;
}

@media (max-width: 1024px) {
    .contact_lists ul li {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .contact_lists ul li {
        padding: 0px 10px;
    }
}

.contact_tip {
    /* width: 345px; */
    background-color: #ff8218;
    border-radius: 40px;
    padding: 16px 24px;
}

@media (max-width: 1548px) {
    .contact_tip p {
        /*font-size: 16px!important;*/
    }
}

@media (max-width: 1340px) {
    .contact_tip p {
        /*font-size: 12px!important;*/
    }
}

@media (max-width: 1024px) {
    .contact_tip {
        display: inline-block;
        background-color: #ff8218;
        border-radius: 40px;
        padding: 16px 24px;
    }
}

.contact_tip1 {
    width: 135px;
    background-color: #ff8218;
    border-radius: 40px;
    padding: 16px 24px;
}

.contact_tip p,
.contact_tip1 p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1;
}

.contact_msg1 {
    padding: 22px 0;
    border-bottom: 1px dashed #d2d2d2;
}

.contact_msg1 img {
    width: 20px;
    margin-right: 20px;
    margin-top: -8px;
}

.contact_msg1 span {
    font-size: 16px;
    color: #666666;
}

.cont_dis {
    padding-top: 40px;
}

.contact_form {
    margin-top: 46px;
    margin-bottom: 100px;
    position: relative;
    background: url(../images/pic_usbg.png);
    background-size: cover;
    padding-bottom: 38.16%;
}

@media (max-width:1536px) {
    .contact_form {
        padding-bottom: calc(100% - 55%);
    }
}

@media (max-width:1395px) {
    .contact_form {
        padding-bottom: calc(100% - 50%);
    }
}

@media (max-width:1043px) {
    .contact_form {
        padding-bottom: calc(100% - 43%);
    }
}

@media (max-width:767px) {
    .contact_form {
        padding-bottom: calc(100% - 90%);
    }
}

@media (max-width: 1024px) {
    .contact_form {
        margin-top: 46px;
        margin-bottom: 100px;
        position: relative;
        background: url(../images/pic_usbg.png);
        background-size: cover;
        /* padding-bottom: 38.16%; */
    }
}

@media (max-width: 768px) {
    .contact_form {
        margin-top: 46px;
        margin-bottom: 0px;
        position: relative;
        background: #F9F9F9;
        background-size: cover;
    }
}

.contactpoa {
    width: 50%;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 1024px) {
    .contactpoa {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        top: 0px;
        margin: auto;
    }
}

.white {
    color: #FFFFFF !important;
}

.white label:after {
    background-color: #fff !important;
}

.news_pagerlists a{
	display: block;
    border: 1px solid #ddd;
}

.prodl_sw .swiper-container{
	border: 1px solid #ddd;
}


@media screen and (max-width: 1024px) {
  	.product_main{
  		margin-top: 50px;
  	}
  	.news_title span{
  		display: none;
  	}
  	.news_share{
  		display: none;
  	}
  	.b_r #map{
  		margin-top: 50px;
  	}
}


@media screen and (max-width: 768px) {
	.news_pagerlists.pro_list li{
		width: 50%;
	}
	.news_titlenav li{
		width: 33.33%;
		border-bottom: 1px solid #ddd;
	}
	.news_pagerlists li{
		width: 100%;
	}
	.news_content{
		padding-bottom: 40px;
		padding-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.newsli_msg .newsli_icon{
		display: none;
	}
	.news_pagerlists li .newsli_msg{
		padding: 15px 10px;
	}
	.news_page{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.news_title p{
		line-height: 36px;
	}
	.cont_dis{
		padding-top: 20px;
	}
}