.flx_w{display: flex;flex-wrap: wrap;justify-content: space-between;}
ul,li{padding:0;margin:0;list-style: none;}
input,textarea{border: 0;}

/* nei_wrap */
.nei_wrap{margin:0 auto;width:90%;max-width: 1450px;}
@media only screen and (min-width:1440px) and (max-width:1680px){
	.nei_wrap{max-width:1230px}
}
@media only screen and (min-width:1200px) and (max-width:1439px){
	.nei_wrap{max-width:1110px}
}
@media only screen and (min-width:990px) and (max-width:1199px){
	.nei_wrap{max-width:930px}
}

@media only screen and (max-width:520px){
	.nei_wrap{width: 90%;}
}

a{color: initial;}
a:hover{text-decoration: none;color: initial;font-weight: normal;}

#page_detail{background-image: linear-gradient(120deg,#fd7638,#ffab50,#fd7638);}
.page {
}

.about{background-color: #fff;}
.about .page-title {
    margin: 0;
    padding: 20px 0;
    text-align: center;
}

.about .page-content {
    text-align: center;
    padding-bottom: 50px;
}

.about .txt h2 {
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
}

.about .txt .text {
    font-size: 16px;
    line-height: 2;
}

.about .txt .more {
    text-align: center;
}

.about .txt .more a {
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    background-color: #223c58;
    color: #fff;
    opacity: .5;
}

.about .txt .more a:hover {
    opacity: 1;
}

.about1 {position: relative;margin-top: 100px;padding-top: 60px;overflow: hidden;}

.about1 .img {margin-left: -15px;text-align: right;}

.about1 .img img {width: 100%;vertical-align: middle;}

.about1 .txt h2 {margin-bottom: 40px;padding-top: 80px;background: url(/template/default/images/logo_about.png) no-repeat;background-position: 0 20px;font-size: 42px;text-align: left;color: #565656;}

.about1 .txt p {margin-bottom: 15px;text-indent: 2em;line-height: 1.8;text-align: justify;}

.about2 {padding-top: 160px;background: #fff url(../images/bg_history.jpg) no-repeat 50%;background-size: cover;}

.about2 h2 {margin-bottom: 60px;text-align: center;font-size: 42px;}
.about2 .item .img, .about2 .item .txt {height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.about2 .item .img{margin-bottom: 30px;}

.about2 .item h3 {font-size: 32px;margin-bottom: 10px;}

.about2 .item .year {margin-bottom: 15px;font-size: 20px;font-weight: lighter;}

.about2 .item p {font-size: 18px;line-height: 1.8;}

.about2 .years {position: relative;}

.about2 .years:before {content: '';margin-top: -23px;height: 1px;background: #848383;position: absolute;top: 50%;left: 0;right: 0;}

.about2 .years .item {text-align: center;cursor: pointer;}

.about2 .years .item:before {content: '';display: block;margin: 0 auto 10px;width: 25px;height: 25px;background: #848383;border: 5px solid #aeabab;border-radius: 100%;}

.about2 .years .button-prev, .about2 .years .button-next {position: absolute;top: 50%;z-index: 10;margin-top: -43px;width: 40px;height: 40px;border: 2px solid #fff;background: #f47900;border-radius: 100%;text-align: center;color: #fff;font-size: 20px;line-height: 34px;cursor: pointer;}

.about2 .years .button-prev {left: 0;}

.about2 .years .button-next {right: 0;}

.about2 .years .swiper-slide-thumb-active .item {color: #f47900;font-weight: bold;}

.about2 .years .swiper-slide-thumb-active .item:before {background: #f47900;border-color: #eba97b;}

.about3 {position: relative;padding: 250px 0;background: #f3f2f1 url(../images/bg_culture.jpg) no-repeat 50%;background-size: 100% auto;background-size: cover;}

.about3:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .25);}

.about3 .item {text-align: center;}

.about3 .item span {display: inline-block;width: 200px;height: 200px;color: #fff;border: 1px solid #fff;line-height: 200px;border-radius: 100%;text-align: center;font-size: 32px;transition: all .5s;}

.about3 p {position: relative;z-index: 2;margin-top: 70px;text-align: center;font-size: 24px;color: #fff;}

.about4 {padding: 120px 0;background: #fff url(../images/bg_honor.jpg) no-repeat 50%;background-size: cover;}

.about4 h2 {margin-bottom: 60px;text-align: center;font-size: 42px;}

.about4 .grid {margin-bottom: 20px;}

.about4 .item {background: #fff;padding: 25px;}

.about4 .item .img {text-align: center;}

.about4 .item .txt {position: relative;margin-top: 30px;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start}

.about4 .item .txt .tit {color: #000;font-size: 18px;width: calc(90% - 14px);width: -webkit-calc(90% - 14px);}

.about4 .item .txt i {margin-top:4px;order: 2;}
.about5 {padding: 120px 0;background: #fff;}

.about5 h2 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 42px;
}

.about5 .item {
    text-align: center;
}

.about5 .item h3 {
    margin: 30px 0 0;
    font-size: 20px;
}

.about5 .control {
    margin-top: 60px;
    text-align: center;
}
.about5 .control .button-prev, .about5 .control .button-next {display: inline-block;margin-right: 10px;border: 2px solid #ff730f;width: 40px;height: 40px;line-height: 38px;font-size: 24px;color: #ff730f;text-align: center;}

.about3 .item span:hover {
        background: #f08519;
        border-color: #f08519;
    }
	
	.about3 .on .item span{
		background: #f08519;
		border-color: #f08519;
	}

@media (min-width: 768px) {

    .about1:before {content: '';background: #f3f2f1;position: absolute;top: 0;right: 0;bottom: -50px;z-index: 0;width: 65%;}

    .about1 .txt {
        margin: 0 15% 0 5%;
    }

    .about2 .item {
        padding: 0 10%;
    }

    .about2 .item .txt {
        width: 100%;
    }

    .about2 .years {
        margin: 0 5%;
        padding: 90px 8% 100px;
    }

    

    .about4 .row {
        padding: 0 20px;
    }

    .about4 .item {
        margin-left: -5px;
        margin-right: -5px;
    }
    .about4 .item:hover{
        box-shadow: 0 0 20px rgba(0,0,0,.15)
    }

}
@media only screen and (max-width:1440px){
	.about1{padding-top: 80px;padding-bottom:80px;}
	.about2{padding: 80px 0 0;}
	.about2 h2{margin-bottom: 30px;}
	.about2 .item h3{font-size: 28px;}
	.about3 .item span{width: 220px;height: 220px;font-size: 30px;line-height: 220px;font-size: 26px;}
	.about3 p{font-size: 22px;}
	.about4 .item .txt .tit{font-size: 16px;}
	.about1 .txt h2,.about2 h2,.about4 h2,.about5 h2{font-size: 30px;}
}
@media only screen and (max-width:1260px){
	.about2 .item h3{font-size: 24px;}
}
@media only screen and (max-width:990px){
	.about1{margin: 0;}
	.about1 .txt{margin:0 5%;}
	.about1 .txt h2{padding-top: 120px;font-size: 30px;background-position: 0 60px;}
}
@media only screen and (max-width:850px){
	.about1 .txt h2{font-size: 26px;background-size: 160px auto;}
	.about1 .txt h2,.about2 h2,.about4 h2,.about5 h2{font-size: 26px;}
	.about3{padding:80px 0;}
	.about3 .item span{width: 160px;height: 160px;line-height: 160px;font-size: 20px;}
	.about3 p{font-size: 16px;}
	.about4{padding:80px 0;}
	.about5{padding: 80px 0;}
}
@media (max-width: 767px) {

    .about1 {margin: 0;padding: 0;}

    .about1 .img {margin-right: -15px;}
	.about1 .text_part{padding-top:50px;padding-bottom: 50px;}

    .about1 .txt h2 {
        margin: 0 0 30px;
        padding-top: 0;
        background-position: 100% 0;
        background-size: auto 28px;
        font-size: 20px;
        font-weight: bold;
    }

    .about1 .txt p {margin-bottom: 20px;line-height: 1.6;}
	.about1 .txt p:last-child{margin-bottom: 0;}

    .about2 {
        background-size: auto 100%;
    }

    .about2 h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .about2 .item {
        position: relative;
    }

    .about2 .item .txt {
        margin-top: 20px;
    }

    .about2 .item .txt h3 {}

    .about2 .item .txt .year {
        position: absolute;
        top: 0;
        left: 15px;
        padding: 0 5px;
        background: #ff730f;
        color: #fff;
        font-size: 14px;
    }

    .about2 .item .txt p {
        font-size: 14px;
        text-align: justify;
    }

    .about2 .years {
        padding: 10px 0 20px;
    }

    .about3 {}

    .about3 .item span {
        width: 100px;
        height: 100px;
        color: #fff;
        line-height: 100px;
        border-radius: 100%;
        font-size: 18px;
        /* background: #ff730f;
        border-color: #ff730f; */
    }

    .about3 p {
        margin: 40px 0 0;
        font-size: 16px;
    }

	.about4 .grid{padding-left: 8px;padding-right:8px;}
    .about4 {
        background-size: auto 100%;
    }

    .about4 h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .about4 .item {
        padding: 10px;
    }

    .about4 .item .txt {
        margin:10px 0;
        text-align: center;
    }

    .about4 .item .txt .tit {
        font-size: 14px;
    }

    .about4 .item .txt i {
        /* display: none; */
    }

    

    .about5 h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .about5 .item h3 {
        margin: 20px 0 0;
        font-size: 18px;
    }
}

@media only screen and (max-width:520px){
	.about1 .txt{margin: 0;}
	.about1 .text_part{padding-top:30px;padding-bottom: 30px;}
	.about1 .txt h2{background-size: auto 20px;font-size: 18px;}
	.about1 .txt p{font-size: 15px;}
	.about2{padding:40px 0;}
	.about2 .item h3{font-size: 18px;}
	.about2 .item .img{display: block;}
	.about5 {padding: 40px 0;}
	.about4{padding: 40px 0;}
	.about4 .row{margin: 0;}
	.about4 .item .txt i{display: none;}
	.about4 .item .txt .tit{width: 100%;}
	.about5{padding: 40px 0;}
	.about5 .item h3{font-size:16px;}
	.about1 .txt h2,.about2 h2,.about4 h2,.about5 h2{font-size: 18px;}
}
/**
contact
 */
.contact-form .form-group {
    display: flex;
    width: 100%;
}

.contact-form .form-group label {
    flex: 0 0 180px;
}

.contact-form .form-group label span {
    color: #f30;
}

.contact-form .form-group div {
    flex: 1;
    padding-right: 60px;
}

.contact-form .form-control {
    display: inline-block;
    padding: 0;
    text-indent: 6px;
    line-height: 32px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
}

.contact-form input.form-control {
    height: 32px;
}

.contact-form .form-group img {
    vertical-align: -10px;
}

#checkcode {
    width: 30%;
}

.contact-form .btn {
    padding: 5px 30px;
    border: 0 solid #2e6da4;
    border-radius: 0;
    background: #8d9eb1;
    color: #fff;
    font-size: 14px;
}

.contact-form .btn:hover {
    border: 0 solid #204d74;
    background: #223c58;
}


@media (max-width: 767px) {
    .contact-form .form-group {
        flex-direction: column;
    }

    .contact-form .form-group label {
        flex: 1;
    }

    .contact-form .form-group div {
        flex: 1;
        padding-right: 0;
    }

    #checkcode {
        width: 60%;
    }
}

/* list_title */
.list_title{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;position: relative;}
.list_title .title{color: #111;line-height: 1em;text-transform: uppercase;}
.list_title .title span{display: inline-block;padding-left: 25px;font-size: 24px;border-left: 1px solid #ddd;line-height: 1.1em;text-transform: initial;}
.list_title .list_more{position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
.list_title .list_more:hover{color: #000;}
@media only screen and (max-width:850px){
	.list_title{padding-bottom: 20px;}
	/* .list_title .title{font-size: 26px;} */
	.list_title .title span{padding-left: 2.5%;font-size: 18px}
	.list_title .list_more{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.list_title{padding-bottom: 10px;margin-bottom: 20px;}
	/* .list_title .title{font-size: 20px;} */
	.list_title .title span{font-size: 16px;}
	.list_title .list_more{font-size: 14px;}
}

/* caselist */
.caselist {padding: 100px 0 6%;}
.caselist .list_wrap{margin-top: 3%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.caselist .list_wrap .list_item{margin-bottom: 5%;width: 48.05%;position: relative;}
.caselist .list_wrap .list_item .list_img{position: relative;padding-bottom: 54%;width: 100%;height: 0;overflow: hidden;background: #f5f5f5;}
.caselist .list_wrap .list_item .list_img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);transition: all .8s cubic-bezier(.215,.41,.355,1);}
.caselist .list_wrap .list_item .text{padding: 4% 0% 6%;left: 0;bottom: 0;width:100%;box-sizing: border-box;transition: all .3s;/* display: flex;flex-wrap: wrap;justify-content: flex-start; */}
/* .caselist .list_wrap .list_item .text .en{font-size: 14px;color: #229da4;} */
.caselist .list_wrap .list_item .text .tit{display: block;font-size: 22px;color: #363636;font-weight: normal;width: auto;max-width: 50%;position: relative;}
.caselist .list_wrap .list_item .text .tit a{color: inherit;}
/* .caselist .list_wrap .list_item .text .tit:after{content: "";position: absolute;left: 0;top: calc(100% + 10px);top: -webkit-calc(100% + 10px);width: 0;height: 4px;background-color: #e60c24;transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1);align-items: center;} */
/* .caselist .list_wrap .list_item .text .line{position: relative;margin:30px 0 12px;width: 73px;height: 3px;background: linear-gradient(to right,#229da4,#56dfc5);display: none;}
.caselist .list_wrap .list_item .text .line:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #058594;transition: all .4s ease-in;} */
.caselist .list_wrap .list_item .text .subtitle{margin-left: 6.6%;margin-top:16px;width: auto;}
.caselist .list_wrap .list_item .text .con{font-size: 18px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 28px;color: #949494;}
/* .caselist .list_wrap .list_item .text .more i{display: inline-block;margin-top: 0;width: 34px;height: 34px;border: 1px solid #229da4;background: url(/template/default/images/icon_01.png)no-repeat center;} */

.caselist #case_more{display: inline-block;white-space: nowrap;margin-top: 3%;cursor: pointer;}
.caselist #case_more .circle{display: inline-block;width: 29px;height: 29px;box-sizing: border-box;border-radius: 50%;border: 2px solid #f08519;position: relative;}
.caselist #case_more .circle i{display: inline-block;position: absolute;left: 48%;top: 53%;width: 2px;height: 82%;background: #7e7e80;}
.caselist #case_more .txt{margin-top: 15px;font-size: 18px;color: #949494;text-transform: uppercase;letter-spacing: 2px;}
@media only screen and (min-width:521px){
	.caselist .list_wrap .list_item:hover .tit{color: #f08519;font-family: HMOS_Medium;}
	/* .caselist .list_wrap .list_item:hover .tit:after{width: 100%;} */
	.caselist .list_wrap .list_item:hover .list_img img{transform: translate(-50%,-50%) scale(1.05);}
	.caselist .list_wrap .list_item:hover .line:after{width: 100%;}
	.caselist #case_more:hover .txt{color: #f08519;font-family: HMOS_Medium;}
	.caselist #case_more:hover .circle i{animation: s1 0.6s 0s 1 forwards cubic-bezier(0.77, 0, 0.175, 1);}
	@keyframes s1{
		from{transform: translateY(0);opacity: 0.8;}
		to{transform: translateY(7px);opacity: 1;}
	}
}
@media only screen and (max-width:1440px){
	.caselist .list_wrap .list_item .text .tit{font-size: 18px;}
	.caselist .list_wrap .list_item .text .con{font-size: 16px;}
	.caselist .list_wrap .list_item .text .tit:after{top: calc(100% + 2px);top: -webkit-calc(100% + 4px);height: 4px;}
}
@media only screen and (max-width:850px){
	.caselist{padding: 50px 0;}
	.caselist .list_wrap{}
	.caselist .list_wrap .list_item .text{padding: 5% 4% 6%;}
	.caselist .list_wrap .list_item .text .tit{font-size: 16px;width: auto;max-width: 100%;}
	.caselist .list_wrap .list_item .text .subtitle{margin: 8px 0 0 0;width: 100%;max-width: initial;}
	.caselist .list_wrap .list_item .text .line{margin: 20px 0 12px;width: 50px;}
	.caselist .list_wrap .list_item .text .con{line-height: 26px;font-size: 15px;}
}
@media only screen and (max-width:600px){
	.caselist .list_wrap .list_item{margin-bottom: 20px;width: 100%;}
	.caselist .list_wrap .list_item .text{padding: 4% 3%;width: 100%;transform: initial;}
}
@media only screen and (max-width:520px){
	.caselist{padding: 30px 0;}
	.caselist .list_wrap{margin-top: 25px;}
	.caselist .list_wrap .list_item .text .en{display: none;}
	.caselist .list_wrap .list_item .text .tit{font-size: 16px;}
	.caselist .list_wrap .list_item .text .con{width: 100%;font-size: 14px;line-height: 24px;}
	/* .caselist .list_wrap .list_item .text .more{width: 100%;text-align: center;}
	.caselist .list_wrap .list_item .text .more i{margin-top: 18px;height: 24px;background: url(/template/default/images/icon02.png)no-repeat center/ 20px auto;} */
}

/* case */
.case{padding: 5% 0;color: #767676;}
.case .case_top_info > .flx_w{align-items: flex-start;}
.case_ico{width: 46%;}
.spBig{width: 100%;box-sizing: border-box;}
.spBig .img100{position: relative;padding-bottom: 54%;width: 100%;height: 0;overflow: hidden;}
.spBig .img100 img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
.spBig .img100 video{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);background: #000;}
.nav_Sm{margin-top: 15px;width: 100%;height: auto;}
.spSm{width: 100%;/* height:100%; */}
.spSm .swiper-container{box-sizing: border-box;}
.spSm .img100{height: 100%;position: relative;background-size: contain;padding-bottom: 64%;overflow: hidden;cursor: pointer;}
.spSm .img100 img{position: absolute;top: 50%;left: 50%;width: 87%;height: auto;transform: translate(-50%,-50%);}
.spSm .img100:before{content: '';position: absolute;width: 100%;height: 99%;top:0;left: 0;border:1px solid #ccc;box-sizing: border-box;opacity: 1;z-index: 2;}
.spSm .img100.vd_ico .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;}
.spSm .img100.vd_ico .mask i{display: block;width: 20px;height: 20px;background: url(/template/default/images/play.png)no-repeat center;}
.spSm .active-nav .img100:before{border-color: #fd7a3a;border-width: 2px;}
.spSm .swiper-button-next, .spSm .swiper-button-prev{transform: scale(0.5);opacity: 1;}
.case #pro_prev,.case #pro_next{position: absolute;top: 50%;width: 34px;height: 72px;transform: translateY(-50%);z-index: 3;background-color: rgba(225,225,225,0.42);cursor: pointer;background-position: center;background-repeat: no-repeat;transition: all .3s linear;opacity: 0;background-size:10px}
.case #pro_prev{left: 10px;background-image: url(/template/default/images/pdct_prev.png);}
.case #pro_next{right: 10px;background-image: url(/template/default/images/pdct_next.png);}
.case .case_ico:hover #pro_prev{opacity: 1;}
.case .case_ico:hover #pro_next{opacity: 1;}
.case #pro_prev:hover,.case #pro_next:hover{background-color: rgba(0,0,0,0.25);}
.case .case_info{width: 45.5%;color: #111;}
.case .case_info .title{font-size: 24px;font-family: gothamM;font-weight: normal;color:#222;text-shadow:0 0 1px #222;}
.case .case_info .en{display:block;margin-top:10px;font-size:18px;color:#999;}
.case .case_info .content{margin-top: 4%;font-size: 18px;line-height: 1.7;}
.case .case_info .content2{margin-top: 4%;font-size:14px;line-height:24px;line-height: 1.5;}
.case .case_info .content2 ul li{display:flex;flex-wrap: nowrap;justify-content: flex-start;padding:12px 0;border-top: 1px solid #eee;font-size: 16px;}
.case .case_info .content2 ul li span{display: inline-block;}
.case .case_info .content2 ul li p{margin: 0;}
.case .case_info .color{padding: 24px 22px;margin-top: 50px;box-sizing: border-box;background: #eee;}
.case .case_info .color .hd{font-size: 18px;}
.case .case_info .color .img{position: relative;padding-bottom: 98%;width: 100%;height: 0;overflow: hidden;}
.case .case_info #color{margin-top: 16px;}
.case .case_info #color .swiper-wrapper{justify-content: flex-start;}
.case .case_info #color ul li{width: 72px;text-align: center;line-height: 66px;cursor: pointer;}
.case .case_info #color ul li .img{border: 1px solid #dfdfdf;box-sizing: border-box;}
.case .case_info #color ul li.on .img:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #d7003a;box-sizing: border-box;}
.case .case_info .price{margin-top: 10.5%;}
.case .case_info .price span{display: inline-block;vertical-align: text-bottom;font-size: 18px;line-height: 1em;}
.case .case_info .price span.money,.case .case_info .price span.unit{font-size: 0.6rem;}
.case .case_info .price span.money{font-family: gothamBold;}
.case .case_info .price span.unit{font-family: appleBold;}
.case .case_info .buy{display: inline-block;padding: 6px 19px 8px;margin-top: 10px;background: #f08903;font-size: 14px;color: #fff;align-items: center;white-space: nowrap;}
.case .case_info .buy i{display: inline-block;margin-left: 6px;width: 12px;height: 16px;background: url(/template/default/images/icon_buyer.png)no-repeat center;vertical-align: middle;}
.case .case_info .buy span{display: inline-block;vertical-align: middle;}
.case .case_info .char{margin-top: 20px;padding: 4.5% 0;display: flex;justify-content: space-evenly;background: #eee;}
.case .case_info .char > div{text-align: center;white-space: nowrap;}
.case .case_info .char > div i{display: inline-block;margin-right: 6px;width: 24px;height: 24px;background: url(/template/default/images/icon01.png)no-repeat center;vertical-align: middle;}
.case .case_info .char > div span{display: inline-block;vertical-align: middle;font-size: 16px;white-space: nowrap;}
.case .content_detail{margin-top: 5.3%;}
.case .content_detail .table_wrap table{width: 100%;border-collapse: collapse;border-color: #ddd;border: 0;font-size: 18px;box-sizing: border-box;}
.case .content_detail .table_wrap tr,.case .content_detail .table_wrap td{border-color: #ddd;box-sizing: border-box;border-collapse: collapse;}
.case .content_detail .table_wrap td.tit{text-align: center;width: 200px;background-color: #eee;}
.case .content_detail .table_wrap td{padding: 18px;box-sizing: border-box;}
.case .content_detail .text_content{font-size: 20px;line-height: 2;}
.case .content_detail .text_content h3{font-family: OPPOSansM;font-weight: normal;font-size: 24px;}
@media only screen and (max-width:1260px){
	.case .case_info .title{font-size: 20px;}
	.case .case_info #color ul li{width: 60px;line-height: 58px;}
	.case .case_info .color{padding: 20px;margin-top: 8%;}
	.case .case_info .color .hd{font-size: 16px;}
	.case .case_info .price span{font-size: 16px;}
	.case .case_info .price span.money, .case .case_info .price span.unit{font-size: 36px;}
	.case .case_info .buy{font-size: 16px;}
	.case .case_info .char > div span{font-size: 16px;}
	.case .case_info .char > div i{width: 20px;height: 20px;background-size: 100%;}
	.case .content_detail .table_wrap td.tit{width: 18%;}
}
@media only screen and (max-width:1080px){
	.case #pro_prev, .case #pro_next{width: 28px;height: 60px;}
	.case .content_detail .table_wrap table{font-size: 16px;}
	.case .content_detail .text_content h3{font-family: OPPOSansM;font-weight: normal;font-size: 18px;}
}
@media only screen and (max-width:990px){
	
	.case .case_info{}
	.case .case_info .title{font-size: 20px;}
	.case .case_info .content{font-size: 18px;}
	.case .case_info .color{padding: 10px;}
	.case .case_info .color .hd{font-size: 16px;}
	.case .case_info #color ul li{width: 45px;line-height: 42px;}
	.case .case_info .price span{font-size: 16px;}
	.case .case_info .price span.money, .case .case_info .price span.unit{font-size: 30px;}
	.case .case_info .buy{}
	.case .case_info .buy i{margin-right: 3%;width: 22px;height: 20px;}
	.case .case_info .char{margin-top: 10px;padding: 5px 5%;flex-wrap: wrap;justify-content: space-between;}
	.case .case_info .char > div{padding: 5px 0;width: auto;box-sizing: border-box;text-align: left;}
	.case .case_info .char > div i{margin-right: 5px;width: 15px;height: 15px;}
	.case .case_info .char > div span{font-size: 14px;}
	.case .content_detail .table_wrap table{font-size: 14px;}
	.case .content_detail .table_wrap td{padding: 10px;}
	.case .text_content{font-size: 16px;}
	.case .case_info .en{font-size:16px}
	.case .content_detail .text_content{font-size:18px;}
}
@media only screen and (max-width:850px){
	.case{padding: 37px 0;}
	.case .content_detail .text_content h3{font-size: 16px;}
	.case .text_content{font-size: 14px;}
	.case .case_info .en{font-size:14px;margin-top:6px;}
	.case .case_info .content{font-size:17px}
}
@media only screen and (max-width:680px){
	.case_ico{width: 100%;}
	.case .case_info{margin-top: 30px;width: 100%;}
}
@media only screen and (max-width:520px){
	.case .text_content{margin-top: 30px;font-size: 14px;line-height: 24px;}
	.case #pro_prev, .case #pro_next{width: 20px;height: 50px;}
	.case .case_info .char{padding: 5px 4.5%;}
	.case .case_info .title{font-size: 18px;line-height: 1.6;}
	.case .case_info .price span.money, .case .case_info .price span.unit{font-size: 26px;}
	.case .case_info .price span.money{margin: 0 5px;}
	.case .case_info .char > div span{font-size: 14px;}
	.case .content_detail .table_wrap table{width: 99.9%;font-size: 14px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
	.case .content_detail .table_wrap tr{display: flex;justify-content: flex-start;flex-wrap: wrap;}
	.case .content_detail .table_wrap td.tit{padding: 10px 5px;width: 30%;}
	.case .content_detail .table_wrap td{display: block;width: 70%;border: 1px solid #ddd;border-top: 0;border-left: 0;}
	.case .case_info .content{font-size: 14px;line-height:24px}
	.case .case_info .content2{font-size: 14px;line-height:24px}
	.case .content_detail .text_content{font-size:16px;line-height:22px}
	.case .case_info .buy{font-size:14px;padding: 6px 12px 8px;}
}

/* ft_mes */
.ft_mes{padding: 67px 3%; background-image: linear-gradient(120deg,#eba32a,#ff6b36);box-sizing:border-box;background: #eee;}
.ft_mes .idx_title{color: #222;}
.ft_mes .idx_title .title{font-weight: normal;font-size: 40px;}
.ft_mes .layout{margin: 60px auto 0;width: 100%;max-width: 1300px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft_mes .lf{width: 40%;}
.ft_mes .lf > div{margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #222;}
.ft_mes .lf input{width: 100%;background: transparent;color: #222;font-size: 16px;border: 0;outline: none;}
.ft_mes .lf input::placeholder{color: #222;}
.ft_mes .lf .last {flex-wrap: nowrap;}
.ft_mes .lf .last input{width: calc(100% - 100px);width:-webkit-calc(100% - 100px);}
.ft_mes .lf .last img{width: 100px;}
.ft_mes .mid{width: 40%;}
.ft_mes .mid textarea{padding: 10px;width: 100%;height: 100%;min-height:150px;font-family: initial;font-size: 16px;color: #676767;box-sizing: border-box;resize: none;border:1px solid #222;outline: none;}
.ft_mes .mid textarea::placeholder{color: #676767;}
.ft_mes .rt{width: 90px;}
.ft_mes .rt input{width: 100%;height: 44px;border: 1px solid #222;box-sizing: border-box;font-size: 14px;color: #fff;background: #222;cursor: pointer;}
.ft_mes .rt #reset2{margin-top: 14px;background: transparent;color: #222;}
@media only screen and (max-width:1260px){
	.ft_mes .layout{margin-top: 48px;}
}
@media only screen and (max-width:1080px){
	.ft_mes .nei_title .title{font-weight: normal;font-size: 26px;}
	.ft_mes .layout{margin-top: 38px;}
	.ft_mes .lf input{font-size: 16px;}
	.ft_mes .rt input{font-size: 16px;}
	.ft_mes .mid textarea{font-size: 16px;}
}
@media only screen and (max-width:850px){
	.ft_mes .nei_title .title{font-weight: normal;font-size: 26px;}
	.ft_mes .lf{width: 46%;}
	.ft_mes .mid{width: 49%;}
	.ft_mes .mid textarea{height:100px}
	.ft_mes .rt{width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;}
	.ft_mes .rt input{width: 48%;}
	.ft_mes .rt #reset2{margin: 0;}
}
@media only screen and (max-width:520px){
	.ft_mes .nei_title .title{font-weight: normal;font-size: 18px;}
	.ft_mes{padding: 40px 4%;}
	.ft_mes .lf{width: 100%;}
	.ft_mes .lf > div{margin-bottom: 16px;padding-bottom: 16px;}
	.ft_mes .lf input{font-size: 12px;}
	.ft_mes .mid textarea{font-size: 12px;}
	.ft_mes .mid{width: 100%;}
	.ft_mes .rt{margin-top: 16px;}
	.ft_mes .rt input{font-size: 12px;height: 40px;}
}
@media only screen and (max-width:320px){
	.ft_mes .nei_title .title{font-weight: normal;font-size: 16px;}
}

/* nav */
.sec_pro_nav2 {color: #808285;width:100px;}
.sec_pro_nav2 .layout{align-items: center;}
.sec_pro_nav2 .series_list{position: relative;}
.sec_pro_nav2 .series_list .present{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;cursor: pointer;padding-bottom: 4px;border-bottom: 1px solid #808285;display: none;}
.sec_pro_nav2 .series_list .present span{display: inline-block;width: calc(98% - 12px);font-size:22px;}
.sec_pro_nav2 .series_list .present i{width: 12px;height: 8px;background:url(/template/default/images/drop_icon.png)no-repeat center;}
.sec_pro_nav2 .series_list ul.others{margin-top: 12px;width: 100%;z-index: 10;box-sizing: border-box;}
.sec_pro_nav2 .series_list ul.others li{font-size:16px}
.sec_pro_nav2 .series_list ul.others li a{display: inline-block;position: relative;}
.sec_pro_nav2 .series_list ul.others li a:after{content:"";position: absolute;left:0;bottom:-8px;width:0;height:1px;background:#333;transition: all .3s linear;}

.sec_pro_nav2 .series_list ul.others li.cur{color:#333;font-family: poppinsM;font-weight: bold;}
@media only screen and (min-width:521px){
	.sec_pro_nav2 .series_list ul.others li{margin-bottom: 16px;}
	.sec_pro_nav2 .series_list ul.others li:hover{color: #333;font-weight: bold;}
	.sec_pro_nav2 .series_list ul.others li a:hover:after{width:100%;}
}
@media only screen and (max-width:1260px){
	/* .sec_pro_nav2{width: 30%;} */
	/* .sec_pro_nav2 .series_list ul.others li{font-size:20px;} */
}
@media only screen and (max-width:850px){
	.sec_pro_nav2 .series_list ul.others li{font-size:14px}
	.sec_pro_nav2 .series_list .present span{font-size:22px;}
}
@media only screen and (max-width:520px){
	.sec_pro_nav2 {margin-bottom:20px;width: 100%;}
	.sec_pro_nav2 .layout .tip{font-size:13px}
	.sec_pro_nav2 .series_list{width: 100%;}
	.sec_pro_nav2 .series_list ul.others{position: absolute;left:0;top:100%;padding:10px;display: none;box-shadow: 0 10px 10px rgba(0,0,0,0.1);background-color: #fff;z-index: 20;}
	.sec_pro_nav2 .series_list ul.others li{font-size:14px;margin-bottom:10px;}
	.sec_pro_nav2 .series_list .present span{font-size:14px;}
	.sec_pro_nav2 .series_list .present{display:flex;border-bottom:0;}
}

#common_layout{display:flex;flex-wrap:wrap;justify-content:space-between;position: relative;}
#common_layout .another_part{width:calc(98% - 100px);}
@media only screen and (max-width:1260px){
	/* #common_layout .another_part{width: 70%;} */
}
@media only screen and (max-width:850px){
	#common_layout{}
}
@media only screen and (max-width:520px){
	#common_layout{margin-top:0;}
	#common_layout .another_part{width:100%}
}

/* productlist */
.productlist{padding: 5% 0;background:#eee}
.productlist .tip{color:#808285}
/* .productlist .list_content {margin:40px 0 0;} */
.productlist .list_content .list_item{margin-bottom:3.2%;width: 30.5%;box-sizing: border-box;background: #fff;border-radius: 6px;}
.productlist .list_content .list_item .item{position:relative;}
.productlist .list_content .list_item .img{position:relative;padding-bottom:100%;overflow:hidden;}
.productlist .list_content .list_item img{position:absolute;left:50%;top:50%;max-width: initial;width: auto;height:80%;transform:translate(-50%,-50%);transition:all .3s linear;}
.productlist .list_content .list_item .img:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to top, rgb(230, 230, 230), rgba(255, 255, 255, 0) 30%);}
.productlist .list_content .item .text_wrap{margin-top: 8px;color:#333;}
.productlist .list_content .item .text_wrap .sort{color:#808285;font-family:poppinsL;}
.productlist .list_content .item .text_wrap .tit{font-size: 15px;}
.productlist .list_content .item .text_wrap .more{display: inline-block;font-size: 15px;font-family: poppinsM;padding-bottom: 5px;position: relative;}
.productlist .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;}

/* 增加指向效果 */
.productlist .list_content .list_item .text{/* position: absolute;left:50%;top:50%; */padding:20px 8%;width:100%;/* transform: translate(-50%,-50%); */z-index: 2;box-sizing: border-box;}
.productlist .list_content .list_item .text .tit{}
.productlist .list_content .list_item .text .tit b{font-size:20px;font-weight: normal;}
.productlist .list_content .list_item .mask{width:100%;height:100%;background: rgba(0, 0, 0, 0);z-index: 1;transition: opacity 0.3s linear;opacity: 1;}

.ab_kcbox {position: absolute;right: 0;bottom: 0;z-index: 10;cursor: pointer;}
.ab_kc {width: 80px;font-size: 16px;line-height: 36px;text-align: center;color: #fff;background-color: #F08519;position: relative;}
.ab_kc::before {content: "";width: 0;height: 0;border: 45px solid red;position: absolute;left: -70px;top: 0;border-color: transparent #F08519 transparent transparent;border-right-width: 25px;}

@media only screen and (min-width:520px){
/* .productlist .list_content .item:hover .more{color:#f5811f;}
	.productlist .list_content .item:hover .more:after{background:#f5811f;} */
	
	.productlist .list_content .item:hover .img img{transform:translate(-50%,-50%) scale(1.04)}
	
	/* .productlist .list_content .list_item .text{color:#fff;} */
	/* .productlist .list_content .list_item:hover .mask{opacity: 1;} */
}
@media only screen and (max-width:1280px){
	.productlist .list_content .list_item .text .tit b{font-size:20px;}
}
@media only screen and (max-width:1080px){
	.productlist .list_content .list_item{}
	.productlist .list_content .list_item .text{padding: 18px 5%;}
	.productlist .list_content .list_item .text .tit b{font-size:18px;}
}
@media only screen and (max-width:850px){
	.productlist{padding: 50px 0;}
	/* .productlist .list_content{margin:20px 0 0} */
	.productlist .list_content .list_item{margin-bottom:1.2%;width: 49.4%;}
	.productlist .list_content .list_item .text{font-size:15px}
	
	.productlist .list_content .list_item .text .tit b{font-size:16px;}
	.ab_kc{width: 70px;font-size: 14px;line-height:30px;}
}
@media only screen and (max-width:520px){
	.productlist{padding: 40px 0;}
	/* .productlist .list_content {margin:18px 0 0;} */
	.productlist .list_content .list_item{border-radius: 2px;}
	.productlist .list_content .list_item .text{padding:12px 5%;font-size: 14px;}
	.productlist .list_content .list_item .text .tit{letter-spacing:0px;}
	.productlist .list_content .list_item .text .tit b{font-size: 14px;}
	.productlist .list_content .item .text_wrap{margin:8px 0 8px}
	.productlist .list_content .item .text_wrap .sort{font-size:13px}
	.productlist .list_content .item .text_wrap .tit{font-size:13px}
	.productlist .list_content .item .text_wrap .more{font-size:12px}
	.productlist .tip{font-size:13px}
	.ab_kc{width: 60px;font-size: 12px;line-height: 26px;}
}

/* ab_news */
.ab_news{padding:5% 0;background: #eee;}
.ab_news .news_wrap{box-sizing: border-box;padding: 0 5% 0 10.5%;}
.ab_news .news_list{margin-top: 18px;position: relative;background: #fff;}
.ab_news .news_page{position: absolute;right: 0;bottom: 8%;padding: 0 2%;width: 198px;height: auto;z-index: 2;box-sizing: border-box;white-space: nowrap;}
.ab_news .news_page .swiper-pagination{position: initial;text-align: left;}
.ab_news .news_page .swiper-pagination-bullet{margin: 0 14px 0 0;width: 16px;height: 16px;background: #fff;border: 2px solid #ff730f;box-sizing: border-box;opacity: 1;}
.ab_news .news_page .swiper-pagination-bullet-active{background: #ff730f;border: 3px solid #ff730f;}

.ab_news .news_page #h_news_nav .dot{display: inline-block;width: 16px;height: 16px;box-sizing: border-box;border: 2px solid #cecece;background: #f5f5f5;border-radius: 50%;cursor: pointer;;}
.ab_news .news_page #h_news_nav .swiper-slide-thumb-active .dot{background: #ff730f;border: 2px solid #ff730f;}

.ab_news .layout{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;}
.ab_news .img_part{width: 55%;}
.ab_news .img_part .img{position: relative;padding-bottom: 65%;width: 100%;height: 0;overflow: hidden;}
.ab_news .img_part .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;max-width: initial;min-height: 100%;transform: translate(-50%,-50%);}
.ab_news .content_part{padding: 6% 4% 3%;width: 45%;box-sizing: border-box;}
.ab_news .content_part .tit{margin-bottom: 4.2%;font-size: 20px;color: #ff730f;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ab_news .content_part .time{font-size: 15px;margin-bottom: 7%;font-style: italic;font-weight: bold;}
.ab_news .content_part .con{font-size: 16px;color: #333;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ab_news .content_part .more{margin-top: 15%;display: inline-block;font-size: 16px;color: #333;}
.ab_news .content_part .more i{display: inline-block;margin-left: 10px;width: 20px;height: 20px;background: url(/template/default/images/icon_02.svg)no-repeat center;vertical-align: middle;}
.ab_news .content_part .more span{display: inline-block;vertical-align: middle;}
.ab_news .prev,.ab_news .next{position: absolute;top: 50%;width: 60px;height: 60px;transform: translateY(-50%);border-radius: 50%;background: #1fa839;z-index: 2;cursor: pointer;}
.ab_news .prev:hover,.ab_news .next:hover{background: #0072b8;}
.ab_news .prev img,.ab_news .next img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ab_news .prev{left:3%}
.ab_news .next{right:3%}
@media only screen and (max-width:1440px){
	.ab_news .content_part{padding:3%;}
	.ab_news .content_part .tit{}
	.ab_news .content_part .con{font-size: 16px;line-height: 28px;}
	.ab_news .content_part .more{margin-top: 10%;font-size: 16px;}
}
@media only screen and (max-width:1080px){
	.ab_news .news_list{margin-top: 24px;background: #f5f5f5;}
	.ab_news .content_part .feat li{width: 15%;}
	.ab_news .content_part .feat li p{font-size: 16px;}
	.ab_news .content_part .tit{font-size: 20px;margin-bottom: 10px;}
	.ab_news .content_part .time{margin-bottom: 25px;}
	.ab_news .content_part .con{font-size: 16px;line-height: 28px;}
	.ab_news .img_part{width: 100%;}
	.ab_news .content_part{padding: 5% 3%;width: 100%;order: 2;}
	.ab_news .prev, .ab_news .next{width: 45px;height: 45px;}
	.ab_news .content_part .more{margin-top: 5%;}
	.ab_news .content_part .more i{margin-right: 8px;width: 24px;height: 24px;background-size: 100% auto;}
	.ab_news .news_page{left: auto;right: 0%;padding: 0 15px;width: 100%;box-sizing: border-box;bottom: 30px;}
	.ab_news .news_page .swiper-pagination{text-align: right;}
	.ab_news .news_page .swiper-pagination-bullet{margin: 0 0 0 14px;}
	
}
@media only screen and (max-width:850px){
	.ab_news{padding: 50px 0 ;}
	.ab_news .img_part{margin: 0 auto;}
	.ab_news .box_wrap{max-height: initial;}
	.ab_news .content_part{}
	.ab_news .content_part .feat li i{display: inline-block;}
	.ab_news .content_part .feat li i img{width: 60px;}
	.ab_news .content_part .t{font-size: 15px;}
	.ab_news .prev, .ab_news .next{top: 20%;}
	.ab_news .news_page .swiper-pagination-bullet{width: 14px;height: 14px;}
	.ab_news .content_part .tit{font-size:18px;}
}
@media only screen and (max-width:520px){
	.ab_news{padding: 40px 0;}
	.ab_news .content_part .tit{font-size: 16px;}
	.ab_news .content_part .time{margin-bottom: 14px;}
	.ab_news .content_part .con{font-size: 14px;line-height: 24px;}
	.ab_news .content_part .feat{display: none;}
	.ab_news .content_part .more span{font-size: 14px;}
	.ab_news .news_page .swiper-pagination-bullet{margin: 0 0 0 10px;width: 12px;height: 12px;}
	.ab_news .news_page{bottom: 3.5%;}
	.ab_news .content_part .more i{width: 12px;height: 12px;}
	.ab_news .news_page #h_news_nav .dot{width: 12px;height: 12px;}
	.ab_news .news_page{width: 96px;}
}

/* ab_news */

.ab_news .list_content{margin-top: 3.6%;box-sizing: border-box;position: relative;}
.ab_news .list_content #news_swiper{padding:5px 0 0;}
.ab_news .list_content ul:after{content: "";width: 31.5%;}
.ab_news .list_content ul li{margin-bottom: 3%;width: 31.5%;}
.ab_news .list_content .item{padding:6% 4%;background: #fff;box-sizing: border-box;transition: all cubic-bezier(0.175, 0.385, 0.32, 1.275) 0.3s;}
.ab_news .list_content .item .time{font-size: 16px;color: #939393;font-weight: bold;font-style: italic;}
.ab_news .list_content .item .tit{margin-top: 28%;font-weight: normal;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-shadow: 0 0 1px #000;line-height: 2;}
.ab_news .list_content .item .line{margin:16px 0 12px;width: 100%;height: 0px;background: #dbdbdb;}
.ab_news .list_content .item .con{font-size: 15px;color: #999;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: none;}
@media only screen and (min-width:520px){
	.ab_news .list_content .item:hover{transform: translateY(-5px);background-image: linear-gradient(to top left, #fd7638,#ffab50);color: #fff;}
	.ab_news .list_content .item:hover .time{color:#fff}
}
@media only screen and (max-width:1440px){
	.ab_news .list_content .item .tit{font-size:20px}
	.ab_news #news_prev{right: 100%;transform: translate(50%,-50%);}
	.ab_news #news_next{left: 100%;transform: translate(-50%,-50%);}
}
/* @media only screen and (max-width:1260px){
	.ab_news{padding:50px 0}
} */
@media only screen and (max-width:1080px){
	.ab_news .list_content .item .tit{font-size:18px;line-height: 1.6;}
	.ab_news .list_content ul li{width: 48.5%;}
}
@media only screen and (max-width:850px){
	.ab_news .list_content .item .tit{font-size:16px}
	.ab_news .list_content .item .time{font-size: 15px;}
	.ab_news #news_prev,.ab_news #news_next{width: 40px;height: 40px;}
}
@media only screen and (max-width:520px){
	.ab_news .list_content .item .time{font-size:14px;}
	.ab_news .list_content .item .tit{font-size:14px;}
	.ab_news .list_content .item .con{font-size:14px}
	.ab_news .news_btn{margin-top:18px;display: flex;flex-wrap: wrap;justify-content: center;}
	.ab_news #news_prev,.ab_news #news_next{position:relative;margin:0 10px;transform: initial;left:auto;right:auto}
}

/* youhua_main */
#youhua_main{display: flex;flex-wrap: wrap;justify-content: space-between;}
#youhua_main .lfcont{width: calc(98% - 264px);width: -webkit-calc(98% - 264px);}
#youhua_main .rtnav{width: 264px;}
@media only screen and (max-width:850px){
	#youhua_main .lfcont{width: calc(98% - 220px);width: -webkit-calc(98% - 220px);}
	#youhua_main .rtnav{width: 220px;}
}
@media only screen and (max-width:750px){
	#youhua_main .lfcont{width: 100%;}
	#youhua_main .rtnav{margin-top:30px;width: 100%;}
}

#recommand_list{}
#recommand_list ul{box-sizing: border-box;}
#recommand_list ul li.tit{border-bottom: 1px solid #ddd;}
#recommand_list ul li.tit b{font-size: 24px;color: #ff730f;background-image: -webkit-linear-gradient(left,#ffa243,#fc6433);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#recommand_list ul li{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dotted #ddd;}
#recommand_list ul li:nth-last-child(1){margin-bottom: 0;}
#recommand_list ul li .lf_ico{width: 40%;display: none;}
#recommand_list ul li .lf_ico .img{position: relative;padding-bottom:80%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;}
#recommand_list ul li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
#recommand_list ul li .text{width: 100%;}
#recommand_list ul li:nth-child(2) .text{margin-top: 0;}
#recommand_list ul li .text h3{padding-left: 15px;font-size: 16px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;position: relative;color: #666;}
#recommand_list ul li .text h3::before{content: "";position: absolute;left: 2px;top:8px;width: 4px;height: 4px;background: #666;border-radius: 50%;}
#recommand_list ul li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#recommand_list ul li .text .time{margin-top: 10px;font-size: 14px;color: #999;text-align: right;}
@media only screen and (max-width:1260px){
	#recommand_list ul li.tit b{font-size: 20px;}
	#recommand_list ul li{margin-bottom: 20px;padding-bottom: 20px;}
}
@media only screen and (max-width:1080px){
	#main_nei{width: calc(98% - 270px);width: -webkit-calc(98% - 270px);}
	#recommand_list{width: 270px;}
}
@media only screen and (max-width:850px){
	#recommand_list{margin-top: 20px;width:100%;}
	/* #recommand_list ul li .lf_ico{width: 82px;} */
	/* #recommand_list ul li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);} */
	#recommand_list ul li .lf_ico .img{padding-bottom: 60%;}
	#recommand_list ul li .text .con{font-size:14px;line-height: 24px;}
}
@media only screen and (max-width:750px){
	#main_nei{width: 100%;}
	#recommand_list{margin-top: 0;width:100%;}
}
@media only screen and (max-width:520px){
	#main_nei{padding: 0}
	#recommand_list ul li.tit b{font-size: 16px;}
	#recommand_list ul li .text h3{font-size: 14px;}
	#recommand_list ul li .text .con{font-size: 12px;line-height: 20px;}
	#recommand_list ul li .text .time{font-size: 12px;}
}



/* news */
#recommand_list2{width: 100%;}
#recommand_list2 ul{padding: 8%;border: 1px solid #e6ecf2;box-sizing: border-box;background-color: #fff;}
#recommand_list2 ul li.tit{border-bottom: 0;width: 100%;border: 0;}
#recommand_list2 ul li.tit b{font-size: 18px;color: #fc6433;background-image: -webkit-linear-gradient(left,#ffa243,#fc6433);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#recommand_list2 ul li{margin-bottom: 3%;padding-bottom: 3%;box-sizing: border-box;}
#recommand_list2 ul li:nth-last-child(1){margin-bottom: 0;padding-bottom: 0;}
/* #recommand_list2 ul li .lf_ico{width: 100px;}
#recommand_list2 ul li .lf_ico .img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;}
#recommand_list2 ul li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);} */
#recommand_list2 ul li .text{}
#recommand_list2 ul li .text h3{width: 100%;font-size: 14px;font-weight: normal;}
#recommand_list2 ul li .text a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#recommand_list2 ul li .text a:hover{color: #00254f;}

#recommand_list2 .keyword{margin-top: 5%;}
#recommand_list2 .keyword li{display: inline-block;padding: 0;margin: 0;margin: 0 5px 5px 0;padding: 10px;border: 1px solid #e6ecf2;}
#recommand_list2 .keyword .key{font-size: 14px;font-weight: normal;color: #666;margin: 0;}
#recommand_list2 .keyword li:nth-last-child(1){margin: 0 5px 5px 0;padding: 10px;}
/* #recommand_list2 ul li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} */
@media only screen and (max-width:1080px){
	#recommand_list2{width: 270px;}
}
@media only screen and (max-width:850px){
	/* #mian_nei{padding: 30px 2%;} */
	#mian_nei{width: 100%;}
	#recommand_list2{margin-top: 20px;width:100%;}
	#recommand_list2 ul{padding: 20px 15px;}
	#recommand_list2 ul li{margin-bottom: 1%;padding-bottom: 1%;}
	/* #recommand_list2 ul li .lf_ico{width: 82px;}
	#recommand_list2 ul li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);}
	#recommand_list2 ul li .text .con{display: none;} */
}
@media only screen and (max-width:750px){
	#mian_nei{width: 100%;}
	#recommand_list2{margin-top: 20px;width:100%;}
}
@media only screen and (max-width:520px){
	#mian_nei{padding: 20px 4%;}
	#recommand_list2 ul{padding: 4%;}
	#recommand_list2 ul li.tit{margin:0 0 5px;padding:0 0 5px;}
	#recommand_list2 ul li.tit b{font-size: 16px;}
	#recommand_list2 ul li .text h3{font-size: 14px;}
	#recommand_list2 .keyword .key{font-size: 14px;}
	#recommand_list2 .keyword li{padding: 7px;}
}


/* news_mode */
.news{padding: 5.5% 0 ;}
.news .news_title{color: #110A04;}
.news .news_title .title{font-size:24px;}
.news .news_title .mes{margin-top: 10px;}
.news .news_title .mes span{display: inline-block;margin: 0 10px 0 0;}
.news .news_content{margin-top: 30px;font-size: 20px;line-height: 2;text-shadow: 0 0 1px #000;letter-spacing: 1px;}
.news .news_content .img{margin-bottom: 20px;}
.news .news_content p{margin-bottom: 12px;}
.news .news_content video,.news .news_content iframe,.news .news_content embed{max-width: 100%;}
.news .page{margin-top: 6%;padding: 2% 0;border-bottom: 1px solid #ccc;}
.news .page ul li{width: 48%;font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news .page ul li:nth-last-child(1){text-align: right;}
.news .page ul li a:hover{color: #ff7f00;}
.news .center{margin-top: 3%;}
.news .center a{display: inline-block;padding: 10px 25px;font-size: 16px;letter-spacing: 6px;}
.news .center a:hover{text-decoration: underline;}
.news .return img{width: 50px;}
@media only screen and (max-width:1260px){
	.news .news_title .title{font-size: 20px;}
}
@media only screen and (max-width:850px){
	.news{padding: 40px 0 ;}
	.news .page ul li{font-size: 13px;}
	.news .center{margin-top: 30px;}
	.news .news_title .title{font-size: 18px;}
	.news .news_content{line-height: 28px;}
}
@media only screen and (max-width:520px){
	.news{padding: 30px 0 ;}
	.news .news_title .title{font-size: 16px;}
	.news .news_content{margin-top: 20px;font-size: 14px;line-height: 24px;}
	.news .page ul li{margin:2px 0;width: 100%;}
	.news .page ul li:nth-last-child(1){text-align: left;}
	.news .center a{padding: 0;}
	.news .news_content video,.news .news_content iframe,.news .news_content embed{height: 350px;}
	.news .news_content{font-size: 15px;}
	.news .return img{width: 30px;}
}


.ol_mes{padding: 6% 0;background: #eee;}
.ol_mes .nei_title .en{font-size: 50px;font-weight: bold;font-family: arial;letter-spacing: 1px;}
.ol_mes .nei_title .title{letter-spacing: 4px;letter-spacing: 20px;font-size: 28px;font-weight: bold;}
.ol_mes .message_leave{margin-top: 3%;width: 100%;}
.ol_mes .message_leave .form_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ol_mes .message_leave .form_box li{margin-bottom: 48px;width: 46.5%;background: transparent;box-sizing: border-box;}
.ol_mes .message_leave .form_box li.w100{width: 100%;}
.ol_mes .message_leave .form_box li input{padding:0 0;width: 100%;background: transparent;font-size: 16px;border: 0;border-bottom: 1px solid #ddd;transition: border .3s linear;line-height: 50px;box-sizing: border-box;}
.ol_mes .message_leave .form_box li input::placeholder{color: #2c2625;text-shadow: 0 0 1px #2c2625;}
.ol_mes .message_leave .form_box li input:hover{outline: coral;}
.ol_mes .message_leave .form_box li input:focus{outline: coral;}
.ol_mes .message_leave .form_box li textarea{padding: 12px 0;width: 100%;height: 100px;resize: none;font-size: 16px;font-family: inherit;box-sizing: border-box;background: transparent;border-bottom: 1px solid #ddd;transition: border .3s linear;}
.ol_mes .message_leave .form_box li textarea::placeholder{color: #2c2625;text-shadow: 0 0 1px #2c2625;}
.ol_mes .message_leave .form_box li textarea:hover{outline: coral;}
.ol_mes .message_leave .form_box li textarea:focus{outline: coral;}
.ol_mes .message_leave .form_box .code{margin-right: 155px;margin-bottom: 0;width: auto;}
.ol_mes .message_leave .form_box .code #checkcode{width: 202px;}
.ol_mes .message_leave .form_box .code img{position: absolute;bottom: 7px;left: 100%;height: 35px;}
.ol_mes .message_leave .form_box .up{justify-content: center;width: 100%;}
.ol_mes .message_leave .form_box .up_load{padding: 0;width: 120px;border: 1px solid #ddd;height: 50px;color: #fff;line-height: 50px;background: transparent;transition: all .3s ease;color: #fff;background: #212529;}
.ol_mes .message_leave .form_box .up_load:hover{background: coral;color: #fff;}
.ol_mes .message_leave .form_box li input:focus,.ol_mes .message_leave .form_box li textarea:focus{border-color: #f3c517;}
@media only screen and (max-width:1260px){
	.ol_mes .nei_title .en{font-size: 40px;}
	.ol_mes .nei_title .title{letter-spacing: 12px;font-size: 24px;}
}
@media only screen and (max-width:850px){
	.ol_mes{padding:80px 0;}
	.ol_mes .nei_title .en{font-size: 30px;}
	.ol_mes .nei_title .title{letter-spacing: 10px;font-size: 20px;}
	.ol_mes .message_leave{margin-top: 30px;}
	.ol_mes .message_leave .form_box li input{font-size: 14px;}
	.ol_mes .message_leave .form_box li textarea{font-size: 14px;}
	.ol_mes .message_leave .form_box .code #checkcode{width: 160px;}
	.ol_mes .message_leave .form_box .up_load{font-size: 14px;width: 100px;}
}
@media only screen and (max-width:520px){
	.ol_mes{padding: 40px 0;}
	.ol_mes .nei_title .en{font-size: 20px;}
	.ol_mes .nei_title .title{font-size: 16px;letter-spacing: 6px;}
	.ol_mes .message_leave{margin-top: 4%;width: 100%;}
	.ol_mes .message_leave .form_box .up{justify-content: space-between;}
	.ol_mes .message_leave .form_box .code #checkcode{width: 120px;}
	.ol_mes .message_leave .form_box li{margin-bottom: 10px;width: 100%;}
	.ol_mes .message_leave .form_box .up_load{margin-top: 10px;width: 106px;height: 38px;line-height: 38px;}
	.ol_mes .message_leave .form_box li input,.ol_mes .message_leave .form_box li textarea{font-size: 14px;}
}

.wrap-contact-tel {display: flex;flex-wrap:wrap;align-items:center;overflow: hidden;width: 100%;}

.wrap-contact-tel .contact-left,
.wrap-contact-tel .contact-right {
    display: table-cell;
    vertical-align: top;
}
.wrap-contact-tel .contact-left {
	position: relative;
    width: 40%;
    /* ackground: url(/template/default/images/ct_bg.jpg) no-repeat center;
    background-size: cover; */
}

.wrap-contact-tel .contact-left .title {
    text-align: left;
	position: absolute;
	top:20%;
	right:20%;
	z-index: 2;
}
.wrap-contact-tel .contact-left .lf_img img{width: 100%;}
.wrap-contact-tel .contact-left .title b {font-size: 40px;text-transform: uppercase;letter-spacing: 1px;}
.wrap-contact-tel .contact-left .title h3 {font-size: 24px;font-weight: bold;margin: 10px 0 0;letter-spacing: 10px;}
.wrap-contact-tel .contact-right {width: 60%;padding: 0 5% 0 5%;background: url(/template/default/images/tel_bg.jpg) no-repeat center;background-size: cover;}

.wrap-contact-tel .contact-right .text {display: inline-block;max-width: 50%;}

.wrap-contact-tel .contact-right .text p {font-size: 24px;font-weight: normal;line-height: 1.5;margin: 0;}

.wrap-contact-tel .contact-right .text b {font-size: 30px;line-height: 1;display: block;margin: 14px 0 0 0;}

.wrap-contact-tel .contact-right .tel {display: inline-block;float: right;max-width: 50%;}

.wrap-contact-tel .contact-right .tel p {font-size: 24px;font-weight: normal;line-height: 1.5;margin: 0;}

.wrap-contact-tel .contact-right .tel b {font-size: 48px;line-height: 1;display: block;margin: 10px 0 0 0;color: coral;}

@media only screen and (max-width:1440px){
	.wrap-contact-tel .contact-right{padding:0 3%;}
	.wrap-contact-tel .contact-right .tel b{font-size: 36px;}
	.wrap-contact-tel .contact-right .text p{font-size: 20px;}
	.wrap-contact-tel .contact-right .text b{font-size: 26px;}
	.wrap-contact-tel .contact-left .title{right: 10%;}
	.wrap-contact-tel .contact-left .title b{font-size: 30px;}
	.wrap-contact-tel .contact-left .title h3{font-size:20px;letter-spacing: 6px;}
	.wrap-contact-tel .contact-left{width: 36%;}
	.wrap-contact-tel .contact-right{width: 64%;}
}
@media only screen and (max-width:1260px){
	.wrap-contact-tel .contact-right .tel b{font-size: 30px;}
	.wrap-contact-tel .contact-right .tel p{font-size: 18px;text-shadow: 0 0 1px #212529;}
	.wrap-contact-tel .contact-right .text p{font-size: 16px;}
	.wrap-contact-tel .contact-right .text b{font-size: 20px;}
	.wrap-contact-tel .contact-left .title b{font-size: 24px;}
	.wrap-contact-tel .contact-left .title h3{font-size: 16px;letter-spacing: 4px;}
}
@media only screen and (max-width:1080px){
	.wrap-contact-tel .contact-left{width: 100%;}
	.wrap-contact-tel .contact-left .title{right: 25%;}
	.wrap-contact-tel .contact-left .title h3{margin-top: 0;}
	.wrap-contact-tel .contact-right{padding:30px 5% 0;width: 100%;}
}
@media only screen and (max-width:850px){
	.wrap-contact-tel .contact-right .text{max-width: initial;}
	.wrap-contact-tel .contact-right .tel b{font-size: 20px;}
}
@media only screen and (max-width:520px){
	.wrap-contact-tel .contact-right{padding:40px 3% 0;}
	.wrap-contact-tel .contact-right .text b{font-size: 18px;}
	.wrap-contact-tel .contact-right .tel{margin-top: 16px;}
	.wrap-contact-tel .contact-right .tel p{font-size: 16px;}
	.wrap-contact-tel .contact-right .tel b{font-size: 18px;}
}

.contact .company_mes {padding:10% 0;}
.contact .company_mes .item{padding: 40px 2%;width: 32%;text-align: center;transition: all 1s;box-shadow: 0 0 10px rgba(0,0,0,0.1);box-sizing: border-box;font-size: 16px;background: #fff;}

.contact .company_mes .item h4{margin: 20px 10px 28px;font-weight: normal;font-size: 22px;}
.contact .company_mes .item .con{line-height: 24px;}
.contact .company_mes .item .con p{margin-bottom: 6px;}
.contact .company_mes .item .img{display:none;}
/* .contact .company_mes .item:hover {background: url(/template/default/images/cul_bg.jpg) no-repeat center/cover;}
.contact .company_mes .item:hover .img img{filter: grayscale(1) brightness(100);}
.contact .company_mes .item:hover h4{color: #fff;}
.contact .company_mes .item:hover .con{color: #fff;} */

@media only screen and (max-width:1080px){
	.contact .company_mes .layout{justify-content: space-around;}
	.contact .company_mes .item{padding: 3% 1.5%;width: 49%;box-shadow:0 5px 10px #e5e5e5;}
	.contact .company_mes .item .img img{width: 60px;}
}

@media only screen and (max-width:850px){
	.contact .company_mes{padding:80px 0}
	.contact .company_mes .item{margin: 5px 0;}
	/* .contact .company_mes .item .img img{width: 45px;} */
	.contact .company_mes .item h4{font-size: 16px;}
}

@media only screen and (max-width:520px){
	.contact .company_mes{padding:40px 0;}
	.contact .company_mes .item{padding: 30px 5% 30px;width: 100%;}	
	.contact .company_mes .item h4{margin: 15px 10px 8px;}
	.contact .company_mes .item .con{font-size: 14px;}
	/* .contact .company_mes .item .img img{width: 40px;} */
}