@charset "utf-8";
/* CSS Document */
.home_tit {text-align: left;height: auto;line-height:1.0;margin-bottom:50px;}
.home_tit p {font-weight:bold;font-family:"Arial";font-size:66px;color:rgb(255, 125, 1, 0.1);text-transform: uppercase;}
.home_tit h3 {font-size:42px;font-weight:bold;margin-top:-54px;display:flex;align-items:center;}
.home_tit h3 i {color:#ff7d01;}
.home_tit h3 em{width: 30px;height: 2px;background:#ff7d01;margin-left: 20px;}
.home_tit span {display: block;font-size: 16px;color: #666;font-weight: normal;padding-top:18px;line-height:1.2;}

@media only screen and (max-width:960px) {
.home_tit{margin-bottom:40px;}
.home_tit p{font-size: 56px;}
.home_tit h3{font-size:32px;margin-top: -46px;}
.home_tit span{font-size:14px;}
}
@media only screen and (max-width:768px) {
.home_tit{text-align: center;margin-bottom:30px;}
.home_tit p{font-size:46px;}
.home_tit h3{display: block;margin-top:-38px}
.home_tit h3 em{display: none;}
}



/*ABOUT*/
.home_about{padding-top:80px;padding-bottom:260px;overflow:hidden;background: url(../images/index_bg1.png) no-repeat center bottom;background-size: cover;position: relative;}
.home_about:after {background: url(../images/index_bg1bt.png) no-repeat;background-size: 100%;width: 100%;position: absolute;left: 50%;height: 0;bottom: 0;padding-bottom: calc((154 / 1920)* 100%);content: '';transform: translateX(-50%);}
.home_about .aboutcon{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.aboutcon .abouttimg{width:50%;overflow:hidden}
.aboutcon .abouttimg img{display:block;width:100%;height:100%;object-fit:cover;}
.aboutcon .aboutbox{width:50%;padding-right: 80px;}
.aboutcon .abouttexts .habtitle{line-height: 1.2;margin-bottom: 20px;font-size: 42px;font-weight: bold;}
.aboutcon .abouttexts .habtitle em{color:#f07e2d;padding-right: 10px;}
.aboutcon .abouttexts .habtitle span{color:#ea1515;}
.aboutcon .abouttexts .habtitle2{position: relative;padding-bottom:20px;}
.aboutcon .abouttexts .habtitle2:before{position: absolute;width:120px;height:4px;background:#999;left:0;bottom:0; content:"";}
.aboutcon .abouttexts .habtitle2 h3{font-size:28px;color:#333;line-height:1.3;font-weight:normal;}
.aboutcon .abouttexts .habnr{height: auto;padding-top:30px;padding-bottom:38px;overflow: hidden;}
.aboutcon .abouttexts .habnr p{font-size:16px;line-height:1.8;color:#666;letter-spacing:1px;text-align: justify;}
.aboutcon .abouttexts .more{display: block;width:180px;height:60px;line-height:60px;background:#ef7e2d;font-size: 16px;color: #ffffff;text-align: center;border-radius:10px;}

@media only screen and (max-width:1440px){
.aboutcon .aboutbox{padding-right:50px;}
.aboutcon .abouttexts .habtitle{font-size:32px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:20px;}
} 
@media only screen and (max-width:1024px){
.home_about{padding-top:50px;padding-bottom:100px;}
.aboutcon .aboutbox {width:100%;padding-bottom:60px;padding-right:0;}
.aboutcon .abouttimg {width:100%;}
} 
@media only screen and (max-width:768px){
.aboutcon .abouttexts .habnr p{font-size:15px;letter-spacing:0;}
.aboutcon .abouttexts .more{width: 120px;height:40px;line-height:40px;font-size: 14px;}
} 
@media only screen and (max-width:499px){
.haboutTitle h2{font-size:20px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:18px;}
}


/*计数*/
.abitemxl{padding-top:60px;padding-bottom:60px;overflow: hidden;box-shadow: 0 0 20px #ccc;}
.abitemxl .mumping{width:100%;height:auto;/*box-shadow:0px 0px 10px rgba(0,0,0,0.2);*/}
.abitemxl .mumping ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.abitemxl .mumping ul li{width:25%; height:auto;padding:0 30px; border-right:1px solid #eeeeee;display: flex;align-items: center;flex-direction:column;justify-content: center;}
.abitemxl .mumping ul li:last-child{border-right:0;}
.abitemxl .mumping ul li span{display: block;text-align: center;height: auto;padding:10px 0;}
.abitemxl .mumping ul li span em{display: inline-block;height:auto;line-height: 70px;font-size: 70px;color:#333333;font-weight: bold;font-family:"Arial";}
.abitemxl .mumping ul li span i{display:inline-block;text-align:center;line-height:50px;font-size:20px;color:#333333;vertical-align:bottom;margin:0 0 0px 6px;}
.abitemxl .mumping ul li p{width: 100%;height:27px;font-size:16px; line-height: 27px; color:#ff7d01;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.abitemxl .mumping ul li .mumico{padding-top:10px;}
.abitemxl .mumping ul li .mumico i{font-size:50px;line-height:1.0;color:#ff7d01;}
.abitemxl .mumping ul li .muminfo{font-size:16px;line-height: 1.8;color: #999;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@media only screen and (max-width:1024px) {
.abitemxl .mumping ul li .mumico i{font-size:40px;}
.abitemxl .mumping ul li span em{line-height:58px;font-size:58px;}
.abitemxl .mumping ul li span i{line-height:1.5;}
}
@media only screen and (max-width:960px) {
.abitemxl{padding-top:30px;padding-bottom:30px;}
.abitemxl .mumping ul li{width:50%;padding:30px 30px;}
.abitemxl .mumping ul li:nth-child(1){border-bottom:1px solid #eeeeee;}
.abitemxl .mumping ul li:nth-child(2){border-bottom:1px solid #eeeeee;}
}
@media only screen and (max-width:768px) {
.abitemxl .mumping ul li .mumico i{font-size:36px;}
.abitemxl .mumping ul li span em{line-height:48px;font-size:48px;}
}
@media only screen and (max-width:499px) {
.abitemxl .mumping ul li {padding:20px 20px;}
.abitemxl .mumping ul li .mumico i{font-size:20px;}
.abitemxl .mumping ul li span em{line-height:32px;font-size:32px;}
.abitemxl .mumping ul li span i {font-size:16px;}
.abitemxl .mumping ul li p{font-size:14px;}
.abitemxl .mumping ul li .muminfo{font-size:15px;line-height: 1.2;}
}



/*PRODUCT*/
.home_product{height: auto; overflow: hidden;padding-top:80px;padding-bottom:80px;}
.home_product .skinw{position: relative;}

.hprobox{overflow:hidden;}
.hpro_nav {position: absolute;right: 0;top: 30px;}
.hpro_nav ul{display: flex;align-items: center;}

.hpro_nav li{width:130px;height: 42px;line-height: 40px;text-align: center;box-sizing: border-box;font-size:15px;background: #ffffff;border:1px solid #ddd;transition: all 1s;position: relative;overflow: hidden;margin-bottom:6px;margin-left: 10px;}
.hpro_nav li a{color: #000;display: block;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:0 10px;}
.hpro_nav li::before {content:"";display: inline-block;position: absolute;left: 150%;top: 0;width: 100%;height: 100%;transform: skewX(-60deg);background-color:#ff7d01;transition: ease-in-out 0.6s;z-index: 33;}
.hpro_nav li::after {content:"";display: inline-block;position: absolute;left: -150%;top: 0;width: 100%;height: 100%;transform: skewX(-60deg);background-color:#ff7d01;transition: ease-in-out 0.6s;z-index: 33;}
.hpro_nav li:hover::after{left:-50%}
.hpro_nav li:hover::before{left:49%}
.hpro_nav li:hover a{position:relative;color:#fff;transition: all 1s;z-index:99;}
.hpro_nav li.on::after{left:-50%}
.hpro_nav li.on::before{left:49%}
.hpro_nav li.on a{position:relative;color:#fff;transition: all 1s;z-index:99;}
.hpro_nav .proml {display: block;text-align: center;text-overflow: ellipsis;white-space: nowrap; padding: 0 10px;background-color: #d70d0d;color: #fff;width: 100%;height: 90px;line-height: 90px;font-size: 24px;font-weight: bold; overflow: hidden;margin-bottom:6px;}
.hpro_nav .promore{width:100%;height:90px;line-height:90px;font-size:18px;border:1px solid #ddd;overflow: hidden;}
.hpro_nav .promore a{display: block;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 10px;background-color:#d70d0d;color:#fff;}

.hpro_nr{width:100%;}
.hpro_nr {display: flex;/*align-items: center;*/justify-content: space-between;}

.hpro_nr .pro_a{width:33%;}
.hpro_nr .pro_a li{width:100%;display: block;overflow: hidden;}
.hpro_nr .pro_a li a{display: block;}
.hpro_nr .pro_a li .img-box {display: block;overflow: hidden;position: relative;}
.hpro_nr .pro_a li .img-box .himg{height: auto;padding-top:120%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.hpro_nr .pro_a li .title{opacity:0;position: absolute;left:10%; top:50%; transform: translateY(-50%);width:80%;padding:20px; color: #FFF;font-size: 18px;height:auto;line-height:1.8;text-align: center;background:rgb(240, 126, 45, 80%);transition:1s;}
.hpro_nr .pro_a li a:hover .img-box .himg{transform: scale(1.1,1.1);}
.hpro_nr .pro_a li a:hover .title{opacity:1;}

.hpro_nr .pro_b{width:33%;display: flex;flex-direction: column;align-items: center;justify-content:space-between;}
.hpro_nr .pro_b .cms{width:100%;height:49.5%;overflow: hidden;}
.hpro_nr .pro_b .cms ul{display: flex;justify-content: space-between;}
.hpro_nr .pro_b .cms ul li{width:49.5%;}
.hpro_nr .pro_b .cms li a{display: block;}
.hpro_nr .pro_b .cms li .img-box {display: block;overflow: hidden;position: relative;}
.hpro_nr .pro_b .cms li .img-box .himg{height: auto;padding-top:120%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.hpro_nr .pro_b .cms li .title{opacity:0;position: absolute;left:10%; top:50%; transform: translateY(-50%);width:80%;padding: 20px; color: #FFF;font-size: 18px;height:auto;line-height:1.8;text-align: center;background:rgb(240, 126, 45, 80%);transition:1s;}
.hpro_nr .pro_b .cms li a:hover .img-box .himg{transform: scale(1.1,1.1);}
.hpro_nr .pro_b .cms li a:hover .title{opacity:1;}
.hpro_nr .pro_b .cm{width:100%;height:49.5%;overflow: hidden;}
.hpro_nr .pro_b .cm ul{display: flex;}
.hpro_nr .pro_b .cm ul li{width:100%;}
.hpro_nr .pro_b .cm li a{display: block;}
.hpro_nr .pro_b .cm li .img-box {display: block;overflow: hidden;position: relative;}
.hpro_nr .pro_b .cm li .img-box .himg{height: auto;padding-top:60%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.hpro_nr .pro_b .cm li .title{opacity:0;position: absolute;left:10%; top:50%; transform: translateY(-50%);width:80%;padding: 20px; color: #FFF;font-size: 18px;height:auto;line-height:1.8;text-align: center;background:rgb(240, 126, 45, 80%);transition:1s;}
.hpro_nr .pro_b .cm li a:hover .img-box .himg{transform: scale(1.1,1.1);}
.hpro_nr .pro_b .cm li a:hover .title{opacity:1;}

@media screen and (max-width:960px){
}
@media screen and (max-width:768px){
.hpro_nav{position: unset;margin-bottom:20px;}
.hpro_nav ul{justify-content: center;}
.hpro_nav li{width:auto;}
.hpro_nr{flex-wrap: wrap;}
.hpro_nr .pro_a{width:100%;margin-bottom:1%;}
.hpro_nr .pro_b{width:100%;margin-bottom:1%;}
}
@media screen and (max-width:499px){
.hpro_nav li{font-size:13px;}
}





/*YOUSHI*/
.home_business{padding-top:80px;padding-bottom:0;background: #ff7d01;overflow: hidden;}
.home_business .home_tit p{color: rgb(255, 255, 255, 0.2);}
.home_business .home_tit h3{color:#FFF;}
.home_business .home_tit h3 i {color: #fff;}
.home_business .home_tit h3 em{background: #ffffff;}
.home_business .home_tit span{color: #ffe6ce;}
.swiper-business {width: 100%;position: relative;}
.swiper-business .swiper-slide{width:25%;height:780px;}
.swiper-business .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-business .boxcover {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: rgb(0 0 0 / 38%);z-index: 2;transition: all .5s;}
.swiper-business .boxcover .neirong {width: 80%;color:#FFF;margin: auto;margin-top: 50%;}
.swiper-business .boxcover .neirong h5{font-size:22px;font-weight:normal;line-height:1.6;}
.swiper-business .boxcover .neirong p{font-size:15px;margin-bottom:10px;line-height:1.6;transition: all .5s;}
.swiper-business .boxcover .neirong .xian{width:100px;height:1px;border-bottom:1px solid #e7c3a7;margin-bottom:12px;margin-top:12px;opacity:1;transition: all .5s;}
.swiper-business .swiper-slide a:hover .boxcover{top:76%;}
.swiper-business .swiper-slide a:hover .boxcover .neirong{margin-top: 5%;}
.swiper-business .swiper-slide a:hover .boxcover .neirong .xian{opacity:0;}
.swiper-business .swiper-slide a:hover .boxcover .neirong p{margin-top:-12px;}

@media screen and (max-width:1200px){
.swiper-business .swiper-slide{height:700px;}
}
@media screen and (max-width:960px){
.home_business{padding-top:50px;}
.swiper-business .swiper-slide{width:50%;height:600px;}
}
@media screen and (max-width:768px){
.swiper-business .swiper-slide{height:500px;}
}
@media screen and (max-width:499px){
.swiper-business .swiper-slide{width:100%;}
.swiper-business .boxcover{top:60%}
.swiper-business .boxcover .neirong{margin-top: 5%;}
.swiper-business .boxcover .neirong h5{font-size:18px;}
.swiper-business .boxcover .neirong p{font-size:14px;}
.swiper-business .swiper-slide a:hover .boxcover {top:60%;}
	
}


/*CASE*/
.home_case{padding-top:80px;padding-bottom:80px;overflow: hidden;background:#f5f5f5;}
.hcasecon{position: relative;}
.hcasecon .hcaseitem{overflow: hidden;}
.hcaseitem ul li{width:25%;float: left;display: block;overflow: hidden;}
.hcaseitem ul li a{display: block;position: relative;margin:10px 10px;box-shadow: 0px 5px 10px -6px rgba(0,0,0,.40);}
.hcaseitem ul li .hpimg{border: 5px solid #fff;overflow: hidden}
.hcaseitem ul li .hpimg img{display: block;width: auto;margin: 0 auto;}
.hcaseitem ul li .hptxt{display: block; text-align: center;background: #6e6863;}
.hcaseitem ul li .hptxt h2{color: #ffffff;text-align:center;padding-top:16px;padding-bottom:16px;height:auto;font-size: 16px;line-height: 30px;font-weight: normal;}
.hcaseitem ul li:hover img{-webkit-transform: scale(1.06);transform: scale(1.06);transition: all 1.5s;}
.hcaseitem ul li:hover .hptxt{background:#f07e2d;transition: all 0.8s;}
.hcaseitem ul li:hover .hptxt h2{color:#FFF;transition: all 0.8s;}

.hcase_prev{position:absolute;width:60px;height:60px;left:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 30px;background: #ffffff;}
.hcase_next{position:absolute;width:60px;height:60px;right:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 30px;background: #ffffff;}
.hcase_prev i, .hcase_next i{display: block;color:#f07e2d;font-size: 20px;text-align: center;line-height: 60px;}
.hcase_prev:hover, .hcase_next:hover{background:#f07e2d;}
.hcase_prev:hover i, .hcase_next:hover i{color:#FFF;}


@media only screen and (max-width:1300px){
.hcase_prev{left:-50px}
.hcase_next{right:-50px}
}
@media screen and (max-width: 1024px){
.hcase_prev{left:-30px}
.hcase_next{right:-30px}
}
@media only screen and (max-width:960px){
.hcaseitem ul li{width:33.33%;}
.home_case{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width: 768px){
.hcaseitem ul li{width:50%;}
.hcase_prev{left:-15px}
.hcase_next{right:-15px}
}
@media screen and (max-width: 499px){
.home_caseduct{padding-top:60px;padding-bottom:60px;}
.hcaseitem ul li{width:100%;}
.hcaseitem ul li .hptxt h2{font-size:16px;}
}



/*NEWS*/
.home_new{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.hnewBox {width:100%;height:100%;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.hnewBox .hnew_a{width:48%;}
.hnewBox .hnew_a ul{width:100%;height: auto;overflow: hidden;}
.hnewBox .hnew_a li{}
.hnewBox .hnew_a li a{display: block;position: relative;}
.hnewBox .hnew_a li .himg{border: 1px solid #e1dfe0;overflow: hidden;transition: 0.5s;max-height:300px;}
.hnewBox .hnew_a li .himg img{width: 100%;display: block;transition: 0.5s;}
.hnewBox .hnew_a li .news-tit{padding:26px 22px;background:#f4f7fc;}
.hnewBox .hnew_a li .news-tit h4{font-size:20px;line-height:1.5;font-weight:bold;color:#333;transition: 0.5s;}
.hnewBox .hnew_a li .news-tit time{display: block; padding-top:10px;padding-bottom:10px;color:#666;font-size:16px; position: relative;}
.hnewBox .hnew_a li .news-tit time:before{position: absolute;height: 1px;width: 100%;content: "";bottom: 0px;left: 0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#e7e9ec;animation: liner 0.6s linear 1;}
.hnewBox .hnew_a li .news-tit p{margin-top:15px;color:#999;font-size:15px;line-height:1.5;}
.hnewBox .hnew_a li:hover .himg img {transform: scale(1.1, 1.1);}
.hnewBox .hnew_a li:hover .news-tit time:before{border-bottom-color:#f07e2d;}
.hnewBox .hnew_a li:hover .news-tit h4{color: #ff7d01;}

.hnewBox .hnew_b{width:49%; overflow: hidden;}
.hnew_b .hnewr_nav {margin-bottom:30px;}
.hnew_b .hnewr_nav ul{display:flex;flex-wrap:wrap;justify-content: flex-start;align-items:center;overflow:hidden;}
.hnew_b .hnewr_nav li{padding-right:10px;}
.hnew_b .hnewr_nav li a{display: block;color: #222;font-size: 16px;line-height: 1.2;padding:15px 36px;text-align: center;background: #f2f2f2;border-radius: 50px;}
.hnew_b .hnewr_nav li.on a{font-weight: bold;color: #FFF;background:#ff7d01;}
.hnew_b .inews-a{}
.hnew_b .inews-a dl{padding-bottom:15px;margin-bottom: 15px; border-bottom: 1px solid #eee;}
.hnew_b .inews-a dt{}
.hnew_b .inews-a dt .inews-top{color: #333;height:36px;line-height: 36px; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;transition: 0.8s;}
.hnew_b .inews-a dt .inews-top b {width:calc(100% - 100px) ;display: block; font-size:17px;color: #222;font-weight: normal; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hnew_b .inews-a dt .inews-top i {width:100px; color: #999;font-size:16px;font-family:"Arial";text-align: right;}
.hnew_b .inews-a dd{}
.hnew_b .inews-a dd p{font-size:14px;margin-top: 10px;color: #969696;height:50px;line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hnew_b .inews-a dt a:hover b{color:#ff7d01}
.hnew_b .news-push{height:240px;}
.hnew_b .news-push a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;line-height:46px;}
.hnew_b .news-push a span{width:calc(100% - 100px); font-size: 16px;color: #555;background: url(../images/yosIco.gif) left center no-repeat;padding-left:15px;box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow: hidden;}
.hnew_b .news-push a i{width:100px;font-family:"Arial";color: #b6b6b6;font-size:15px;text-align:right;}
.hnew_b .news-push a:hover span{color:#ff7d01;}

@media only screen and (max-width:960px){
.home_new{padding-top:50px;padding-bottom:50px;}
.hnewBox .hnew_a{width:100%;margin-bottom:20px;}
.hnewBox .hnew_b{width:100%;}
} 
@media only screen and (max-width:767px){

}
@media only screen and (max-width:499px){

} 



/***********************************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************/
.nybanner{height:500px;padding-top:220px;background-position: top center;position: relative;background-size: cover;}
.ibcatein {text-align: left;color: #FFF;}
.ibcatein .nbt-cn{font-size:42px;font-weight: 700;line-height: 75px;letter-spacing: 5px;/*text-shadow: 2px 1px 2px #000;*/}

@media only screen and (max-width:1024px){
.nybanner{height:300px;padding-top:90px;margin-top:60px;}
.ibcatein .nbt-cn{font-size:32px;line-height:2.0;letter-spacing:1px;}
}
@media only screen and (max-width:768px) {
.nybanner{height:240px;padding-top:80px;}
.ibcatein .nbt-cn{font-size:26px;}
}
@media only screen and (max-width:499px) {
.nybanner{height:200px;padding-top:50px;}
.ibcatein .nbt-cn{font-size:22px;}
}



/* 面包屑 */
.breav-nav{width:100%;height:30px;line-height:30px;overflow:hidden;font-size:16px;}
.location{float:left;background:url(../images/home.png)left center no-repeat;padding-left:28px;overflow:hidden;color:#F5F5F5;}
.location a{color:#F5F5F5;}
@media only screen and (max-width:768px){
.breav-nav{font-size:14px;}
}
@media only screen and (max-width:499px){
.breav-nav{font-size:13px;}
}


/*二级栏目*/
.sub_muen {width: 100%;height: auto;overflow: hidden;border-bottom:1px solid #e7e7e7;overflow-x: auto;}
.sub_muen ul{display: flex;white-space: nowrap;}
.sub_muen ul li {display:block;height: 80px;margin-right:50px;}
.sub_muen ul li a {display:block;height: 80px;line-height: 80px;font-size: 16px;color:#000;position:relative;}
.sub_muen ul li a:hover {color:#f07e2d;}
.sub_muen ul li.cur a {color: #f07e2d;}
.sub_muen ul li a::after {content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background-color:#f07e2d;transition:all .3s linear;}
.sub_muen ul li a:hover::after,.sub_muen ul li.cur a::after {width:100%;}

@media only screen and (max-width:1024px){
.sub_muen ul li{height:66px;margin-right:40px;}
.sub_muen ul li a{height:66px;line-height:66px;font-size:15px;}
}
@media only screen and (max-width:768px){
.sub_muen ul li{height:50px;margin-right:30px;}
.sub_muen ul li a{height:50px;line-height:50px;font-size:14px;}
}



/*产品二级导航*/
.channl-menu {width:100%;position: relative;}
.channl-menu h2{line-height: 90px;text-align: center;color: #fff;background:#f07e2d;font-size: 30px;font-weight: normal;overflow: hidden;background-position: right top;}
.channl-menu>ul {background:#f2f2f2;}
.channl-menu ul li a {display: block;padding: 15px 20px;font-size: 16px;line-height: 26px;color: #4f676b;border-bottom: 1px solid #e7e7e7;border-top: 1px solid #FFF;}
.channl-menu>ul>li.cur a {background: #ea1515;color: #FFF;}
.channl-menu>ul>li:hover a{background: #ea1515;color: #FFF;}

@media only screen and (max-width:960px){
.channl-menu {float: none;width: auto;margin-bottom:20px; }
.channl-menu h2 {line-height:50px;font-size: 16px;text-align: left;padding-left: 15px;font-weight: 600;background:#f07e2d;}
.channl-menu h2 span {float: right;width: 24px;height: 30px;margin-top: 10px;background: url(../images/sub_left_down2.png) no-repeat center center;background-position: left center;margin-right: 10px;}
.channl-menu h2 span.on {background: url(../images/sub_left_up2.png) no-repeat center center;background-position: left center;}
.channl-menu>ul{display: none;padding: 10px;padding-bottom: 20px;}
.channl-menu ul li a {font-size: 14px;padding: 10px;}
.channl-menu>ul>li.cur a{background: #ea1515;color: #FFF;}
}




/*产品二级导航2*/
.pronav{width:100%;overflow:hidden;margin-bottom:25px;}
.pronav .line-item{padding: 20px 30px;border-bottom: 1px solid #ffffff;background: #f5f5f5;transition: all 0.6s;overflow: hidden;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.pronav .line-item .label{color:#000;}
.pronav .line-item .label i{display: inline-block;vertical-align: middle;line-height: 25px;}
.pronav .line-item .label span{display: inline-block;color: #333;margin-left: 20px;font-size: 16px;line-height: 25px;font-weight: bold;}
.pronav .line-item .menu{margin-left: 20px;height:auto;overflow: hidden;transition: all 0.6s;}
.pronav .line-item .menu ul{display: flex;flex-wrap: wrap;}
.pronav .line-item .menu li{}
.pronav .line-item .menu li a{color: #666;font-size: 16px;height:auto;line-height:25px;display: block;padding:0 20px;border-right: 1px solid #bbbbbb;}
.pronav .line-item .menu li.active a{color:#f07e2d;font-weight: bold;}



/********************/
.ny-title {/*padding-bottom:50px;*/ overflow:hidden;}
.ny-title .entitle{text-transform: uppercase;font-size: 38px;line-height: 1.2;color: #e2e2e2;font-family: "Impact";margin-bottom:5px;width: 100%;display: block;}
.ny-title .title{font-size: 33px;line-height: 1.5;color: #333;width: 100%;display: block;}
.ny-title  .e_line {display: block;width:100%; height: 1px;background:#e5e5e5; margin-top: 2%;margin-bottom: 3%;}

.company {line-height: 1.8; overflow: hidden;}

@media only screen and (max-width:960px){
.ny-title .entitle{font-size: 28px;}
.ny-title .title{font-size: 26px;}
}
@media only screen and (max-width:499px){
.ny-title .entitle{font-size:18px;}
.ny-title .title{font-size: 22px;}
}





/*ABOUT*/
.about_company {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.about_company .siab_l{width:48%;}
.about_company .siab_r{width:48%;display:block;}
.about_company .siab_r img{display: block;width:100%;}
.ny_abchage{padding-top:80px;padding-bottom:60px;}
.ny_abchage .mumping{width:100%;height:auto;box-shadow: 0 0 20px #ccc;}
.ny_abchage .mumping ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.ny_abchage .mumping ul li{width:25%; height:auto;padding:26px 30px; border-right:1px solid #eeeeee;display: flex;align-items: center;flex-direction:column;justify-content: center;}
.ny_abchage .mumping ul li:last-child{border-right:0;}
.ny_abchage .mumping ul li span{display: block;text-align: center;height: auto;padding:10px 0;}
.ny_abchage .mumping ul li span em{display: inline-block;height:auto;line-height:1.0;font-size:66px;color:#333333;font-weight:normal;font-family:"Impact";}
.ny_abchage .mumping ul li span i{display:inline-block;text-align:center;line-height:2.0;font-size:20px;color:#333333;vertical-align:bottom;margin:0 0 0px 6px;}
.ny_abchage .mumping ul li p{width: 100%;height:27px;font-size:16px; line-height: 27px; color:#999;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ny_abchage .mumping ul li .mumico{padding-top:10px;}
.ny_abchage .mumping ul li .mumico i{font-size:40px;line-height:1.5;color:#ff7d01;}
.ny_abchage .mumping ul li .muminfo{font-size:16px;line-height: 1.6;color: #999;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@media only screen and (max-width:960px){
.about_company .siab_l{width:100%;margin-bottom: 20px;}
.about_company .siab_r{width:100%;}
.ny_abchage .mumping ul li{width:50%;border-right:0;}
.ny_abchage .mumping ul li:nth-child(1){border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.ny_abchage .mumping ul li:nth-child(4){border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;}
}
@media only screen and (max-width:768px){
.ny_abchage {padding-top:50px;padding-bottom:30px;}
.ny_abchage .mumping ul li span em{font-size:56px;}
}
@media only screen and (max-width:499px){
.ny_abchage .mumping ul li {padding:16px;}
.ny_abchage .mumping ul li p{font-size:14px;}
.ny_abchage .mumping ul li .mumico i {font-size:24px;}
.ny_abchage .mumping ul li span em{font-size:32px;}
.ny_abchage .mumping ul li span i{font-size:16px;}
.ny_abchage .mumping ul li .muminfo{font-size:14px;}
}





.position{position: relative;height:50px; line-height:50px;border-bottom: 1px solid #cdcdcd;margin-bottom:20px;}
.position h3 {position: absolute;font-size:28px;font-weight: normal;color: #333;background-position: center top;text-align: left;bottom: 0;left: 0;border-bottom: 3px solid #e7161b;}




/*PROLIST*/
.proconBox {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.prolist{width:100%; overflow: hidden;}
.prolist ul{width:100%; overflow: hidden;/*display: flex;justify-content: flex-start;flex-wrap: wrap;*/}
.prolist li{width: 24%;margin-bottom: 1.333%;margin-right: 1.333%;float: left;transition: all 0.6s;}
.prolist li:nth-child(4n){margin-right:0;}
.prolist li a{display: block;box-shadow: 1px 6px 10px rgba(140, 140, 140, 0.16);transition: all 0.3s;overflow: hidden;background-color: #fff;border: 1px solid #efefef;}
.prolist li .img-box {display: block;overflow: hidden;}
.prolist li .img-box .nimg{height: auto;padding-top:90%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.prolist li a:hover img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.prolist li .info {padding:20px 30px 15px;}
.prolist li .info .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:18px;line-height:1.8;}
.prolist li a:hover .img-box .nimg{transform: scale(1.1,1.1);}
.prolist li a:hover .name {color: #f07e2d;}

@media only screen and (max-width:960px) {
.prolist li{width:32.33%;margin-right:1.5%;}
.prolist li:nth-child(4n){margin-right:1.5%;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li .info {padding:10px 5px;}
.prolist li .info .name{font-size:16px;}
}
@media only screen and (max-width:768px) {
.prolist li{width:49.5%;margin-right:1%;}
.prolist li:nth-child(4n){margin-right:1%;}
.prolist li:nth-child(3n){margin-right:1%;}
.prolist li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:499px) {
.prolist li .info .name{font-size:13px;}
}



/*NEWLIST*/
.newlist{width:100%;margin:0 auto;}
.newlist li{padding: 2vw;background: #F7F7F7;margin-bottom: 20px;transition: 0.5s ease;}
.newlist li a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;transition: 0.5s ease;}
.newlist li .nimg{width:30%;}
.newlist li .nimg img{display: block;width: 100%;}
.newlist li .newnr{width:65%;}
.newlist li .text{font-size: 20px;color:#222222;font-weight: bold;line-height: 1.5;transition: 0.5s ease;}
.newlist li .data{padding-top: 16px;padding-bottom: 16px;margin-bottom: 18px;font-family:"Arial";font-size:18px;color:#b3b3b3;border-bottom: 1px solid #b7b4b1;}
.newlist li .desc{font-size: 15px;line-height: 1.8;letter-spacing: 1px;color:#737373;}
.newlist li:hover {box-shadow: 2px 2px 5px 0px rgba(214,214,214,1);}
.newlist li a:hover .text{color:#f07e2d;text-decoration: underline;}

@media only screen and (max-width:768px){
.newlist li .nimg{width:100%;margin-bottom:3%;}
.newlist li .newnr{width:100%;}
}
@media only screen and (max-width:499px){
.newlist li{padding:20px;}
.newlist li .text {font-size:16px;}
.newlist li .data{padding-top:15px;padding-bottom:10px;}
.newlist li .desc{font-size:13px;}
}


/*ZHAOBIAOLIST*/
.zhaobiaolist{width:100%;margin:0 auto;}
.zhaobiaolist li{background:#f7f7f7;margin-bottom:16px;}
.zhaobiaolist li a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.zhaobiaolist li .info{width:calc(100% - 120px);font-size:20px;padding-left: 30px;padding-right:30px;}
.zhaobiaolist li .date{width:120px;text-align: center;padding-top: 15px;padding-bottom:15px;border-left:2px solid #FFF;font-family:"Arial";}
.zhaobiaolist li .date .t1 {color: #333;font-size: 40px;line-height:1.5;}
.zhaobiaolist li .date .t2 {color: #333;font-size: 14px;line-height:1.5;}

@media only screen and (max-width:960px){
.zhaobiaolist li .info{font-size:18px;}
.zhaobiaolist li .date .t1{font-size:36px;}
}
@media only screen and (max-width:768px){
.zhaobiaolist li .info {width: calc(100% - 100px);font-size: 16px;padding-left:20px;padding-right:20px;}
.zhaobiaolist li .date{width:100px;}
}
@media only screen and (max-width:499px){
.zhaobiaolist li .info {width: calc(100% - 80px);font-size:14px;}
.zhaobiaolist li .date{width:80px;}
.zhaobiaolist li .date .t1 {font-size:26px;}
}


/*IMAGES*/
.imglist{overflow: hidden;}
.imglist ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.imglist li{padding:15px;width:25%;}
.imglist li a{display: block;box-shadow: 1px 6px 10px rgba(140, 140, 140, 0.16);transition: all 0.3s;overflow: hidden;background-color: #fff;border: 1px solid #efefef;}
.imglist li .img-box {display: block;overflow: hidden;}
.imglist li .img-box .nimg{height: auto;padding-top:78%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.imglist li a:hover img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.imglist li .info {padding:20px 30px 15px;text-align: center;background: #f5f5f5;}
.imglist li .info .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:18px;line-height:1.8;}
.imglist li a:hover .img-box .nimg{transform: scale(1.1,1.1);}
.imglist li a:hover .name {color: #f07e2d;}

@media only screen and (max-width:960px){
.imglist li{width:33.33%;}
}
@media only screen and (max-width:768px){
.imglist li{width:50%;}
}
@media only screen and (max-width:499px){
.imglist li{width:100%;}
}




/*分页样式*/
.pglist {padding: 40px 0 80px 0;width: 100%;text-align: center;clear: both;}
.pglist a, .pglist span {padding: 3px 20px;margin: 3px 3px;background:#fff;border: 2px solid #e9e9e9;FONT-WEIGHT: 200;border-radius: 10px;color:#333;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 40px;padding-bottom:1px;}
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background:#f07e2d;border-color:#f07e2d;}






.graybg {background: #f7f7f7;}
.graybg .main{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
/*PRO NEIYE*/
.pro-info {background: #fff;padding: 60px 50px;overflow: hidden;}
@media only screen and (max-width:767px){
.pro-info{padding: 20px 20px;}
}


/*NEW WEB*/
.side_left {width: calc(100% - 420px);background: #fff;padding: 60px 50px;}
.side_right{width: 400px;} 
.side_right .newslb-list {background: #fff;padding: 30px 40px;}

/*新闻推荐1*/
.news-list-md {width: 100%;background: #fff;}
.news-list-md .title {font-size:22px;color: #000;line-height: 30px;}
.news-list-md ul{width:100%;height:auto;display:block;overflow: hidden;margin-top: 35px;}
.news-list-md ul li{width: 100%;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #f3f3f3;}
.news-list-md ul li a{display: block;transition:0.6s;}
.news-list-md ul li h2{font-weight: normal;font-size: 16px;height:auto;line-height: 25px;overflow: hidden;color: #34364b;transition:0.6s;}
.news-list-md ul li h2 i{float: left;font-size:15px;color: #fff;width: 24px;height: 24px;line-height: 24px;background: #b5b5b5;display: block;text-align: center;font-weight: normal;margin-right: 8px;border-radius: 3px;}
.news-list-md ul li .nimg{height:auto;overflow: hidden;margin:10px 0;display:none;}
.news-list-md ul li .nimg img{display: block; width:100%;}
.news-list-md ul li:nth-child(1) h2 i{background: #f07e2d;}
.news-list-md ul li:nth-child(2) h2 i{background: #f07e2d;}
.news-list-md ul li:nth-child(3) h2 i{background: #f07e2d;}
.news-list-md ul li:nth-child(1) .nimg{display:block;}
.news-list-md ul li:nth-child(2) .nimg{display:block;}
.news-list-md ul li:nth-child(3) .nimg{display:block;}
.news-list-md ul li p{font-size:16px;line-height: 30px;color: #a5a5ab;transition:0.6s;display: none;}
.news-list-md ul li a:hover h2{color: #f07e2d;}

/*产品推荐1*/
.img-list-md {width: 100%;background: #fff;}
.img-list-md .title {font-size:22px;color: #000;line-height: 30px;}
.img-list-md ul{width:100%;height:auto; display:block;overflow: hidden;margin-top:25px;}
.img-list-md ul li{width: 100%;height: auto;margin-bottom: 10px;overflow: hidden;margin-left: 0px;}
.img-list-md ul li a{display: block;position: relative;border:1px solid #e6e6e6;}
.img-list-md ul li .timg{width:100%;height:auto;overflow: hidden;}
.img-list-md ul li .title {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding: 0 15px;background: rgba(0,0,0,0.3);font-size: 16px;line-height: 55px;color: #fff;}


@media only screen and (max-width:1199px){
.side_left {width:calc(100% - 320px);}
.side_right {width:300px;}
}
@media only screen and (max-width:960px){
.side_left {width:100%;}
.side_right {width:100%;margin-top:20px;}

}
@media only screen and (max-width:499px){
.side_left {padding:20px 20px;}
.side_right .newslb-list{padding:20px 20px;}
}






/*内容*/
.nrcompany{width:100%;overflow: hidden;}
.nrcompany h1 {padding-top: 10px;padding-bottom: 20px;font-size: 24px;line-height: 35px;font-weight: normal;color: #000000;text-align: center;}
.nrcompany .met-editor {padding-bottom:10px;text-align: center;font-size:16px;color: #999;font-weight: 300;/*border-bottom:#eee solid 1px;*/}
.nrcompany .xwzy {font-size:15px;color:#8c8c8c;line-height:26px;margin-top:30px;background:#f5f5f5;padding:20px 28px;text-align:justify;letter-spacing:1.5px;font-weight:300;border: #E5E5E5 1px solid;}
.nrcompany .nrxqzy {font-size: 16px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;color: #333;}
.nrcompany .nrxqzy img{height: auto!important;max-width: 100%!important;}
.nrcompany .share {height: auto;margin-top:60px;margin-bottom: 50px;overflow: hidden;}
.nrcompany .share .more-btn{border: 1px solid #e0e0e0;color: #666;background:#FFF;display: flex;align-items: center;justify-content: center;width: 160px;height: 56px;}
.nrcompany .share .more-btn:hover{background-color:#f07e2d;color: #fff;border:0;transition:all .2s linear;}
.nrcompany .share i{font-size: 17px;margin-right:15px;transition: margin 300ms;}


/****/
.pic-box{display: flex;justify-content: space-between;/*align-items: center;*/flex-wrap: wrap;margin-bottom:50px;}
.pic-box .left-box{width:45%;padding-right:60px;}
.pic-box .left-box .pnimg{width:100%;margin: auto;border:1px solid #c7c7c7;}
.pic-box .left-box .pnimg img{display: block;width:100%;}
.pic-box .right-box{width:55%;}
.pic-box .right-box .title {font-size: 32px;font-weight: bold;line-height: 48px;color: #333;}
.pic-box .right-box .psub_tit {font-size: 16px;line-height: 30px;color: #666;margin-top: 20px;}
.pic-box .right-box .met-editor {padding-bottom:20px;font-size:16px;color:#999;border-bottom: 1px solid #EEE;margin-top: 20px;}
.pic-box .right-box .ptel {margin-top:50px;}
.pic-box .right-box .ptel span{display: block;font-size: 18px;}
.pic-box .right-box .ptel a{display: block;font-size:30px;font-weight: bold;padding:10px 0;color:#ac0203;font-family: "Arial";}
.proxqtitle {width: 100%;height: 50px;border-bottom: 3px solid #f07e2d;background: #f5f5f5;margin-bottom: 20px;}
.proxqtitle em{display:inline-block;padding: 0 40px;line-height: 50px;font-size: 16px;color: #FFF;background: #f07e2d;}

@media only screen and (max-width:960px){
.pic-box .left-box{width:100%;padding-right:0;margin-bottom: 30px;}
.pic-box .right-box{width:100%;}
}






/*reLink*/
.reLink{padding-top:40px;overflow: hidden;font-size: 15px;border-top:1px solid #EEE;}
.prevLink, .nextLink{padding-top:8px;margin-bottom:8px;overflow: hidden;}
.reLink a{color: #676767;text-decoration: none;}
.reLink a:hover{color:#f07e2d;text-decoration:underline;}




/*CONTACT*/
.conlianxi {background: #F5F5F5;padding: 50px 0;overflow: hidden;margin-bottom: 3%;}
.conlianxi li{width: 25%;height: 180px;line-height: 30px;color: #333;text-align: center;float: left;border-right: 1px dashed #bbb;padding: 0 30px 0 30px;transition: 0.3s;}
.conlianxi li:nth-child(4){border-right:none;}
.conlianxi li i{font-size:50px;margin-bottom: 15px;color:#f07e2d;}
.conlianxi li span{display:block;font-size: 18px;font-weight: bold;}
.conlianxi li em{display:block;font-size:16px;font-style: normal;line-height:20px;padding-top: 10px;}

.contact {overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.contact .content{width:45%;}
.contact .MapBox {width:50%;}

@media only screen and (max-width:1024px){
.conlianxi li{width:50%;border-right:none;}
}
@media only screen and (max-width:960px){
.contact .content{width:100%;margin-bottom: 20px;}
.contact .MapBox {width:100%;}
}
@media only screen and (max-width:499px){
.conlianxi li{width:100%;height:auto;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dashed #bbb;}
.conlianxi li:nth-child(4){border-bottom:none;padding-bottom:0;margin-bottom: 0;}
}



/*SEARCH*/
.searchTitle{display: block;height: 30px;margin-bottom:30px;font-size:20px;font-weight: bold;color: #333;}
.search_list li{width: 25%;display: block;float: left;padding: 0 18px 18px 0;}
.search_list li a{display:block;padding: 10px;border: 1px solid #F5F5F5;}
.search_list li .nimg{width: 100%;height: 260px;overflow: hidden;/*background: #f5f5f5;*/}
.search_list li .nimg img{display: block;width: auto;height: 100%;margin: auto;}
.search_list li .text{height: auto;padding:10px 0;overflow: hidden;}
.search_list li .text .title{font-size: 18px;font-weight: normal;color: #333;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.5s ease;}
.search_list li .text .model{font-size: 13px;line-height: 20px;height: 40px;color: #bfb9b9;margin-top: 5px;}
.search_list li .text .connr{font-size:13px;color:#acacac;line-height:22px;margin:10px 0 10px;height:66px;overflow:hidden;font-weight:300;}

@media only screen and (max-width:1024px){
.search_list li{width:33.33%;padding:10px;}
.search_list li .nimg{height: 220px;}
}
@media only screen and (max-width:768px){
.search_list li{width:50%;}
}





@keyframes liner {
	0% {
		width: 10%;
	}

	30% {
		width: 20%;
	}

	60% {
		width: 60%;
	}

	100% {
		width: 100%;
	}
}
