@charset "utf-8";
/* CSS Document */
.home_tit {text-align:center;height: auto;line-height:1.0;margin-bottom:50px;}
.home_tit p {font-weight:normal;font-family:"Arial";font-size: 26px;line-height: 1.0;color: #d1d1d1;text-transform: uppercase;}
.home_tit h3 {font-size: 46px;line-height: 1.0;font-weight:bold;padding-top: 10px;padding-bottom: 18px;}
.home_tit h3 i {color: #c50002;}
.home_tit span {display: block;font-size:17px;color: #666;font-weight:333;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;}
.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:42px;}
.home_tit h3{display: block;}
}
@media only screen and (max-width:499px) {
.home_tit p{font-size:26px;}
.home_tit h3{font-size:24px;display: block;}
}



/*PRODUCT*/
.home_product{height: auto; overflow: hidden;padding-top:80px;padding-bottom:80px;}

.hprobox{}
.hpro_nav {margin-bottom:36px;}
.hpro_nav ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.hpro_nav li{width:24%;padding: 0 30px;border-radius: 50px;background: #f5f5f5;height:72px;line-height:72px;text-align: center;transition: .5s;border: 1px solid #e1e1e1;}
.hpro_nav li a{display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;font-size:18px;color: #333;}
.hpro_nav li a span{display: block; text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hpro_nav li a i{display: block;width: 20px;}
.hpro_nav li:hover{background: #c50002;}
.hpro_nav li:hover a{color: #fff;}

.hprocon {}
.hproitem{overflow:hidden;}
.hproitem ul{display:flex;flex-wrap: wrap;justify-content: start;}
.hproitem li{width:24.2%;margin-left: 0.8%;margin-bottom:20px;display: block;overflow: hidden;}
.hproitem li:nth-child(4n+1) {margin-left:0;}
.hproitem li a{display:block;}
.hproitem li .himg{display: block;overflow:hidden;border: 5px #F5F5F5 solid;transition: all .5s;box-sizing: border-box;}
.hproitem li .himg img{display: block;width:100%;transition: all 0.6s;}
.hproitem li .text{background-color: #f5f5f5;padding:15px 20px;transition: all .5s;}
.hproitem li .text h5{font-size: 18px;line-height: 1.5;color: #333;font-weight: normal;padding-bottom: 20px;}
.hproitem li .text .b-more {display: inline-block;vertical-align: top;position: relative;padding: 0 15px;}
.hproitem li .text .b-more:before {content: '';display: inline-block;width: 32px;height:32px;border-radius:16px;background-color:#c50002;position: absolute;left: 0;top: 0;transition: all .3s;}
.hproitem li .text .b-more span{line-height: 32px;;position: relative;color:#666;font-size:16px; z-index: 2;}

.hproitem li a:hover .himg img{transform: scale(1.1);}
.hproitem li a:hover .text .b-more:before{width: 100%;}
.hproitem li a:hover .text .b-more span{color:#FFF;}

@media screen and (max-width:1024px){
.home_product{padding-top:50px;padding-bottom:50px;}

}
@media screen and (max-width:960px){
.hproitem li{width:49.2%;}
.hproitem li:nth-child(2n+1) {margin-left:0;}
}
@media screen and (max-width:768px){
.hpro_nav li{width:49%;margin-bottom:2%;}
}
@media screen and (max-width:499px){
.hpro_nav li{height:56px;line-height:56px;padding:0 15px;}
.hpro_nav li a{font-size:14px;}
.hproitem li .text h5{font-size:16px;}
.hproitem li .text .b-more span{font-size:14px;}
}




/*ABOUT*/
.home_about{padding-top:80px;padding-bottom:200px;background: url(../images/index_bg1.jpg)no-repeat top center;background-size: cover;overflow: hidden;}
.home_about .home_tit p{color:#FFF;}

.home_about .aboutcon{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}

.aboutcon .aboutbox{width:40%;}
.aboutcon .abouttexts{}
.aboutcon .abouttexts .habtitle{font-size:30px;line-height: 1.5;font-weight: bold;}
.aboutcon .abouttexts .habtitle2{font-size:20px;line-height: 1.5;font-weight: normal;padding-top:20px;}
.aboutcon .abouttexts .habmore{margin-top: 30px;}
.aboutcon .abouttexts .habmore a{display: inline-block;width: auto;height: auto;padding: 15px 50px;font-size: 16px;text-align: center;text-transform: uppercase;color: #ffffff;background: #f7ac1d;}

.abitemxl{margin-top: 30px;}
.abitemxl .mumping{width: 100%;height:auto;box-sizing: border-box;}
.abitemxl .mumping ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.abitemxl .mumping ul li{width:33%;height: 100px;}
.abitemxl .mumping ul li span{display: block;text-align: left;height:  auto;}
.abitemxl .mumping ul li span em{display: inline-block;margin-left: 0px;font-size:50px;color:#c50002;font-family:"Arial";font-weight: bold;line-height:60px;}
.abitemxl .mumping ul li span i{display: inline-block;font-size:24px;color:#c50002;text-align: center;line-height:1.0;width: 24px;height:24px;font-weight: normal;margin-left:15px;}
.abitemxl .mumping ul li .muminfo{height:30px;font-size: 18px;color:#666;line-height:30px;text-align: left;margin-top: 10px;}

.aboutcon .habnr{width:55%;overflow:hidden}
.aboutcon .habnr p{font-size:18px;line-height:2.0;color:#222;letter-spacing:1px;text-align: justify;}

@media only screen and (max-width:1024px){
.abitemxl .mumping ul li span em{font-size:38px;}
.abitemxl .mumping ul li span i{font-size:18px;margin-left:5px;}
.abitemxl .mumping ul li .muminfo{font-size:15px;}
}
@media only screen and (max-width:960px){
.home_about{padding-top:50px;padding-bottom:150px;}
.aboutcon .aboutbox {width:100%;}
.aboutcon .abouttexts .habtitle{font-size:24px;}
.aboutcon .abouttexts .habtitle2{font-size:18px;padding-top:10px;}
.aboutcon .habnr {width:100%;margin-top:20px;}
.aboutcon .habnr p{background:rgb(255,255,255, 0.8);padding: 10px;font-size: 16px;line-height:1.8;}
} 
@media only screen and (max-width:768px){
.aboutcon .habnr p{font-size: 14px;}
} 
@media only screen and (max-width:499px){
.aboutcon .abouttexts .habtitle {font-size:20px;}
.aboutcon .abouttexts .habtitle2 {font-size: 16px;}
.aboutcon .abouttexts .habmore {margin-top:10px;}
.aboutcon .abouttexts .habmore a{font-size:14px;padding:10px 30px;}
.abitemxl .mumping ul li{height: auto;}
.abitemxl .mumping ul li span em{font-size:30px;line-height:50px;}
.abitemxl .mumping ul li span i{font-size:16px;}
.abitemxl .mumping ul li .muminfo{font-size:14px;margin-top:0;}
}




/*YOUSHI*/
.home_youshi{margin-top: -100px;}
.youshi ul {display: flex;flex-wrap: wrap;justify-content: space-between;/* align-items: center; */}
.youshi ul li{width:32.33%;border-radius: 15px;padding:50px 50px;background:#FFF;box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);transition: all 0.5s;}
.youshi li .nimg {position: relative;width: 100px;height: 100px;background:#f7ac1d;border-radius: 50%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.youshi li .nimg i {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); font-size:42px;color: #FFF;}
.youshi li .ntext h6 {font-size: 24px;line-height:2;font-weight:normal;padding-top: 20px;transition: all 0.5s;}
.youshi li .ntext p {color: #000;font-size: 16px;line-height:1.6;padding-top:10px; transition: all 0.5s;opacity: 0.7;}
.youshi li:hover .nimg{background:#FFF;}
.youshi li:hover .nimg i{color: #f7ac1d;}
.youshi li:hover .ntext h6{color: #FFF;}
.youshi li:hover .ntext p{color: #FFF;}
.youshi li:nth-child(1):hover {background:url(../images/habout_bg1.png) no-repeat center center;background-size: cover;}
.youshi li:nth-child(2):hover {background:url(../images/habout_bg2.png) no-repeat center center;background-size: cover;}
.youshi li:nth-child(3):hover {background:url(../images/habout_bg3.png) no-repeat center center;background-size: cover;}

@media only screen and (max-width:960px){
.youshi ul li{padding:30px 30px;}
.youshi li .nimg{width:80px;height:80px;}
.youshi li .nimg i{font-size:36px;}
}
@media only screen and (max-width:768px){
.youshi li .nimg{width:60px;height:60px;}
.youshi li .nimg i{font-size:26px;}
.youshi li .ntext h6{font-size: 20px;}
.youshi li .ntext p{font-size: 14px;}
}
@media only screen and (max-width:499px){
.youshi ul li {padding:30px 2vw;}
.youshi li .nimg{width:50px;height:50px;}
.youshi li .nimg i{font-size:22px;}
.youshi li .ntext h6{font-size:16px;padding-top:10px;}
.youshi li .ntext p{font-size:12px;}
}



/*APPLICATION*/
.home_hangye{padding-top:80px;padding-bottom:80px;overflow: hidden;}

.hangyeBox{position: relative;}
.hangye_qh{position: absolute;width: 100%;bottom: 0;max-width: 1200px;left: 50%;transform: translateX(-50%);background: #d02325;z-index: 3;padding: 0;}
.hangye_qh ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hangye_qh li{width:25%;height:140px;border-left: solid 1px rgba(255, 255, 255, 0.13);transition: all .5s;}
.hangye_qh li:nth-child(1){border-left:none;}
.hangye_qh li a{color:#FFF;height:140px;padding: 40px 1vw;text-align: center;display: flex;align-items: center;justify-content: center;flex-flow: column;transition: all .5s;}
.hangye_qh li i{font-size:38px;line-height:1.0;}
.hangye_qh li h6{padding-top:10px;font-size:16px;font-weight: normal;}
.hangye_qh li:hover {margin-top: -30px;background: #f7ac1d;height:170px;}
.hangye_qh li:hover a{height:170px;}
.hangye_qh li.on{margin-top: -30px;background: #f7ac1d;height:170px;}
.hangye_qh li.on a{height:170px;}

.hangye_nr{}
.hangye_nr .item{padding-top:168px;padding-bottom:280px;width:100%; height: auto;background-repeat: no-repeat; background-position: center;  background-size: cover;}
.hangye_nr .item .htwztext{display: block;width: 100%;max-width:calc(1200px + 10%);padding-left: 5%; margin: 0 auto;}
.hangye_nr .item .htwztext h4{font-size:36px; color:#FFF;line-height:1.5;}
.hangye_nr .item .htwztext p{font-size:16px;max-width:500px;color:#FFF;line-height:1.6;padding-top:20px;padding-bottom: 20px;}

@media only screen and (max-width:768px){
.home_hangye{padding-bottom:0;}
.home_hangye .skinw{margin-left:0;margin-right:0;}
.hangye_qh li{height:100px;}
.hangye_qh li a{height:100px;padding:20px 1vw;}
.hangye_qh li i{font-size:28px;}
.hangye_qh li h6{font-size:14px;}
.hangye_qh li:hover {height:130px;}
.hangye_qh li:hover a{height:130px;}
.hangye_qh li.on{height:130px;}
.hangye_qh li.on a{height:130px;}
.hangye_nr .item{padding-top:108px;padding-bottom: 200px;}
.hangye_nr .item .htwztext{max-width:100%;padding-right:5%;}
.hangye_nr .item .htwztext h4{font-size:26px;}
.hangye_nr .item .htwztext p{width:80%;max-width:80%;font-size:14px;}
}
@media only screen and (max-width:499px){
.hangye_qh li i{font-size:24px;}
.hangye_qh li h6{font-size:12px;padding-top:5px;}
.hangye_nr .item {padding-top:68px;padding-bottom:160px;}
.hangye_nr .item .htwztext p{width:90%;max-width:90%;}	
}



/*NEWS*/
.home_new{padding-top:20px;padding-bottom:80px;overflow: hidden;}
.hnewBox{position: relative;padding:30px 0;}
.hnewitem ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.hnewitem ul li {width: 23%;transition: 0.6s;}
.hnewitem ul li a{display: block;color:#222;}
.hnewitem ul li .himg { width: 100%;display: block;overflow: hidden;}
.hnewitem ul li .himg img {display: block;width: 100%;height:auto;transition: all 0.6s;}
.hnewitem ul li .hncon .time {margin-top: 30px;font-family:"Arial";line-height: 2.0;font-size: 16px;color: #6e6e6e;}
.hnewitem ul li .hncon h2 {line-height: 1.3;font-weight: normal;font-size: 24px;width: 90%;overflow: hidden;margin-bottom: 40px;transition: 0.6s;}
.hnewitem ul li .hncon h2{display: block;color: #000000;}
.hnewitem ul li .hncon .more{}
.hnewitem ul li .hncon .more img{display: block;}
.hnewitem li a:hover .himg img{transform: scale(1.1);}
.hnewitem li a:hover .hncon h2{color: #c50002;}
.hnewBox:after{content: "";position:absolute;right:0;top:0;width:50%;height:100%;background:#f0f0f0;z-index: -1;}

@media only screen and (max-width:1024px){
.home_new{padding-top:50px;padding-bottom:50px;}
}
@media only screen and (max-width:960px){
.hnewBox:after{display:none;}
}
@media only screen and (max-width:768px){
.hnewitem ul li {width:48%;margin-bottom:5%;}
}
@media only screen and (max-width:499px){
.hnewitem ul li .hncon h2{font-size: 18px;margin-bottom:20px;}
} 
/*******************************
.home_new{padding-top:20px;padding-bottom:80px;overflow: hidden;}
.hnewBox {width:100%;height:auto;display: flex;flex-wrap:wrap;justify-content: space-between;}
.hnew_a{width:60%;background:#FFF;box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.1);}
.hnew_b{width:38%;background:#FFF;box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.1);}
.hnew_a_list {height: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.hnew_a_list .himg{width:55%;height: 100%;overflow: hidden;}
.hnew_a_list .himg img{width: auto;height: 100%;object-fit:cover;}
.hnew_a_list .hncon{width:45%;overflow: hidden;padding:50px;}
.hnew_a_list .hncon .time{color:#b5b5b5;font-size:18px;line-height:1.2;font-family:"Arial";}
.hnew_a_list .hncon h2{margin-top: 10px;margin-bottom: 10px;font-weight: normal;}
.hnew_a_list .hncon h2 a{display: block;color:#222;font-size: 22px;line-height: 1.5;}
.hnew_a_list .hncon p{font-size: 15px;line-height: 1.8;color:#222;padding-top:10px;opacity: 0.7;}
.hnew_b_list{padding:30px 20px 20px 20px;}
.hnew_b_list li .hncon{margin-bottom:15px;border-bottom:1px dashed #d0d0d0;}
.hnew_b_list li:nth-child(4) .hncon{border-bottom:none}
.hnew_b_list li .time{display: flex;flex-wrap:nowrap;align-items: center;font-family: "Arial";}
.hnew_b_list li .time span{display:block;color:#ffffff;font-size:18px;line-height:1.0;background:#c7c7c7;padding:3px 6px;margin-right:5px;}
.hnew_b_list li .time b {display:block;color: #ffffff;font-size:18px;line-height:1.0;background:#c7c7c7;padding:3px 6px;font-weight: normal;}
.hnew_b_list li h2{font-size:18px;line-height:1.2;font-weight:normal;}
.hnew_b_list li h2 a{display: block;color: #000000;margin:10px 0 10px;}
.hnew_b_list li p{color: #838383;font-size:15px;margin-bottom:15px;line-height:1.5;font-weight:300;letter-spacing: 1px;}

@media only screen and (max-width:1024px){
.home_new{padding-top:50px;padding-bottom:50px;}
}
@media only screen and (max-width:960px){
.hnew_a{width:100%;margin-bottom:20px;}
.hnew_b{width:100%;}
}
@media only screen and (max-width:768px){
.hnew_a_list .himg{width:100%;}
.hnew_a_list .hncon{width:100%;}
}
@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;background: #f5f5f5;overflow: hidden;/* border-bottom: 1px solid #e7e7e7;*/overflow-x: auto;}
.subnav{padding-top: 36px;padding-bottom: 36px;}
.sub_muen ul{display: flex;white-space: nowrap;}
.sub_muen ul li {text-align: center;flex-grow: 1;flex-shrink: 1;display:block;height: 70px;}
.sub_muen ul li a {display:block;height: 70px;line-height: 70px;font-size: 18px;color:#000;position:relative;background: #FFF;}
.sub_muen ul li a:hover {color: #FFF;background: #c50002;}
.sub_muen ul li.cur a {color: #FFF;background: #c50002;}
/*.sub_muen ul li a::after {content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background-color:#c50002;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;}
.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;}
.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:#c50002;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:#c50002;}
.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;}
}



/********************/
.ny-title {padding-bottom:50px;overflow:hidden;text-align: center;}
.ny-title .entitle{font-size:20px;line-height: 1.5;color: #666;width: 100%;display: block;font-weight: 300;text-transform: uppercase;}
.ny-title .title{font-size: 33px;line-height: 1.5;color: #333;width: 100%;display: block;font-weight: bold;}

.company {line-height: 1.8; overflow: hidden;}

@media only screen and (max-width:960px){
.ny-title .entitle{font-size:16px;}
.ny-title .title{font-size: 26px;}
}
@media only screen and (max-width:499px){
.ny-title .entitle{font-size:14px;}
.ny-title .title{font-size: 22px;}
}



/*ABOUT*/
.abny-title {overflow:hidden;}
.abny-title .entitle{font-size: 33px;line-height: 1.5;color: #666;width: 100%;display: block;font-weight: 300;}
.abny-title .title{font-size: 33px;line-height: 1.5;color: #333;width: 100%;display: block;font-weight: bold;}
.abny-title .e_line {display: block;width:100%; height: 1px;background:#e5e5e5; margin-top: 2%;margin-bottom: 3%;}

.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 .nimg{width:100%; overflow: hidden;border-radius:50px;}
.about_company .siab_r .nimg img{display: block;width:100%;}

.couterbox{margin-top:60px;padding: 20px 0;background: #f5f5f5;}
.couterbox .mumping{width: 100%;height:auto;box-sizing: border-box;}
.couterbox .mumping ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.couterbox .mumping ul li{width:33%;height: 100px;}
.couterbox .mumping ul li span{display: block;text-align: center;height:  auto;}
.couterbox .mumping ul li span em{display: inline-block;margin-left: 0px;font-size:50px;color:#c50002;font-family:"Arial";font-weight: bold;line-height:60px;}
.couterbox .mumping ul li span i{display: inline-block;font-size:24px;color:#c50002;text-align: center;line-height:1.0;width: 24px;height:24px;font-weight: normal;margin-left:15px;}
.couterbox .mumping ul li .muminfo{height:30px;font-size: 18px;color:#666;line-height:30px;text-align: center;margin-top: 10px;}

.ny-culture{width: 100%;padding-top: 80px;padding-bottom: 80px;overflow: hidden;}

.culture_company{display: flex;justify-content: space-between;flex-wrap: wrap;}
.culture_company .siab_l{width:40%;}
.culture_company .siab_l .nimg{width:100%; overflow: hidden;}
.culture_company .siab_l .nimg img{display: block;width:100%;}
.culture_company .siab_r{width:58%;}
.culture_company .siab_r .nimg{width:100%;padding-bottom:50px;}
.culture_company .siab_r .nimg img{display: block;width:100%;}
.culture_company .siab_r .nr p{font-size: 18px;line-height: 2;text-indent: 2em;text-align: justify;letter-spacing: 1px;margin-bottom: 12px;}

@media only screen and (max-width:960px){
.about_company .siab_l{width:100%;margin-bottom:30px;}
.about_company .siab_r{width:100%;}
.couterbox .mumping ul li span em{font-size:38px;}
.couterbox .mumping ul li span i{font-size:18px;margin-left:5px;}
.couterbox .mumping ul li .muminfo{font-size:15px;}
.culture_company .siab_l{width:100%;margin-bottom:30px;}
.culture_company .siab_r{width:100%;}
}
@media only screen and (max-width:768px){
.couterbox{margin-top:30px;}

}
@media only screen and (max-width:499px){
.couterbox .mumping ul li{height: auto;}
.couterbox .mumping ul li span em{font-size:30px;line-height:50px;}
.couterbox .mumping ul li span i{font-size:16px;}
.couterbox .mumping ul li .muminfo{font-size:14px;margin-top:0;}
}



/*SERVICE*/
.serviceBox{}
.serviceBox li {width: 100%;height: auto;padding-bottom: 50px;}
.serviceBox li a{display: flex;flex-wrap: wrap;-webkit-box-align: start;align-items:center;-webkit-box-pack: justify;justify-content: space-between;position: relative;cursor: default;background:#f5f5f5;color:#333;}
.serviceBox li:nth-of-type(2n) a {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.serviceBox li .nimg{width:66%;overflow: hidden;box-sizing: border-box;}
.serviceBox li .nimg img {width: 100%;display: block;}
.serviceBox li .ntext{width:34%;padding-left: 5%;padding-right: 5%;}
.serviceBox li .ntext h2{font-size:30px;font-weight: normal;line-height: 1.8;}
.serviceBox li .ntext p{margin-top:6px;padding-top:10px; line-height:1.6;font-size:16px;color:#666666;border-top: 1px solid #e3e3e3;}

@media only screen and (max-width:960px){
.serviceBox li a .nimg {width: 100%;}
.serviceBox li a .ntext {width: 100%;padding:2vw;}
}
@media only screen and (max-width:768px){
.serviceBox li .ntext h2{font-size:24px;}
.serviceBox li .ntext p{font-size:15px;}
}
@media only screen and (max-width:499px){
.serviceBox li .ntext h2{font-size:20px;}
.serviceBox li .ntext p{font-size:13px;}
}



/*zsmj*/
.ptmj{margin-bottom:50px;}
.wjcymj{margin-bottom:50px;}
.bmcmj{margin-bottom:50px;}


.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*/
.prolist{}
.prolist li{width:25%;float: left;overflow: hidden;padding: 0 15px;margin-bottom: 50px;}
.prolist li a{display: block; transition: all .3s;position: relative;}
.prolist li .true-img {display: block;overflow: hidden;border: 1px solid #dfdfdf;}
.prolist li .true-img img {width: 100%;height: auto;display: block;}
.prolist li .true-text {padding: 25px;border: 1px solid #dfdfdf;border-top:0}
.prolist li .true-text .tit-box {padding-bottom:5px;}
.prolist li .true-text .tit-box .series-tit{font-size: 14px;line-height: 18px;color: #999;}
.prolist li .true-text .tit-box .tit{font-size: 18px;line-height: 22px;color: #000;margin-top:8px;font-weight: bold;}
.prolist li a:hover .tit-box .tit{color: #c50002;}
.prolist li .con-box:before {content:"";position:absolute;left:0;bottom:-1px;width:0;height:4px;background-color: #c50002;transition: all .3s;}
.prolist li .con-box:hover:before {width: 100%;}

@media only screen and (max-width:860px) {
.prolist li{width:50%;}
}
@media only screen and (max-width:499px) {
.prolist li{width:100%;}
}



/*NEWLIST*/
.newlist{}
.newlist li{margin-bottom:30px;}
.newlist li a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;transition: 0.5s ease;position: relative;}
.newlist li .item-bg {position: absolute;width: 23.9%;top: 0;bottom: 0;left: 0;background: #f9f9f9;transition: 0.5s ease;}
.newlist li .nimg-m{display: none;}
.newlist li .newdate {width:23.9%;text-align: center;position: relative;transition: 0.5s ease;}
.newlist li .newdate .d{color: #585858;font-size: 56px;margin-bottom: 10px;line-height:1.0;font-family:"Arial";font-weight: bold;}
.newlist li .newdate .y{color: #585858;font-size: 22px;line-height:1.0;font-family:"Arial";}
.newlist li .newdate .i-nav{display: inline-block;color: #909090;line-height: 1;padding: 6px 12px;border-radius: 999px;overflow: hidden;background: #fff;text-align: center;margin-top: 18px;font-size: 14px;transition: 0.5s ease;}
.newlist li .newdate :after {content: '';width: 0;height: 0;border: 22px solid transparent;border-left: 22px solid #f9f9f9;position: absolute;top: 50%;transform: translateY(-50%);left: 100%;transition: 0.5s ease;}
.newlist li .newcon{width: 76.1%;display: flex;flex-wrap: wrap;align-items: center;padding: 20px 20px 20px 1px;background: #f9f9f9;}
.newlist li .newcon .newnr {flex: 1;overflow: hidden;margin: 0 5%;}
.newlist li .newcon .newnr .text {line-height:1;margin-bottom:25px;letter-spacing:1px;font-size:24px;transition: 0.5s ease;}
.newlist li .newcon .newnr .desc{line-height:1.5;color: #999;font-size: 16px;}
.newlist li .newcon .nimg{width:22%;overflow: hidden;}
.newlist li .newcon .nimg img{display: block;width: 100%;}
.newlist li a:hover .item-bg{background: #c50002;}
.newlist li a:hover .newdate :after{border-left: 22px solid #c50002;}
.newlist li a:hover .newdate .d{color:#FFF;}
.newlist li a:hover .newdate .y{color:#FFF;}
.newlist li a:hover .newcon .newnr .text{color:#c50002;text-decoration: underline;}

@media only screen and (max-width:960px){
.newlist li .newdate .d{font-size:40px;margin-bottom:6px;}
.newlist li .newdate .y{font-size:20px}
.newlist li .newdate .i-nav{font-size:12px;margin-top:10px;}
.newlist li .newcon{padding: 20px 18px 20px 1px;}
.newlist li .newcon .newnr .text{font-size:20px}
.newlist li .newcon .newnr .desc{font-size:14px}
}
@media only screen and (max-width:768px){
.newlist li .newdate .d{font-size:30px;}
.newlist li .newdate .y{font-size:18px}
}
@media only screen and (max-width:499px){
.newlist li .newdate :after{display: none;}
.newlist li .newcon .nimg{display: none;}
.newlist li .item-bg{display: block;width:100px;height:100px;}
.newlist li .newdate{width:100px;}
.newlist li .newcon{width:calc(100% - 100px);}
.newlist li .nimg-m{display:block;}
.newlist li .newdate .d {font-size:24px;margin-bottom:3px;}
.newlist li .newdate .y {font-size:15px;}
.newlist li .newdate .i-nav {margin-top:6px;}
.newlist li .newcon .newnr .text {font-size:16px;margin-bottom:10px;}
.newlist li .newcon .newnr .desc {font-size:12px;}
}




/*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.5s;overflow: hidden;background-color: #fff;border: 1px solid #efefef;}
.imglist li .img-box {display: block;border: 1px solid #f1f1f1;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:15px 10px;text-align: center;background:#f1f1f1;transition: all 0.5s;}
.imglist li .info .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:16px;line-height:1.8;transition: all 0.5s;}
.imglist li a:hover .img-box .nimg{transform: scale(1.1,1.1);}
.imglist li a:hover .info {background:#c50002;}
.imglist li a:hover .name { color: #FFF;}

@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{padding:2vw;}
.imglist li .info .name{font-size:13px;}
}



/*分页样式*/
.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:#c50002;border-color:#c50002;}




.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: #c50002;}
.news-list-md ul li:nth-child(2) h2 i{background: #c50002;}
.news-list-md ul li:nth-child(3) h2 i{background: #c50002;}
.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: #c50002;}

/*产品推荐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:#c50002;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 #c50002;background: #f5f5f5;margin-bottom: 20px;}
.proxqtitle em{display:inline-block;padding: 0 40px;line-height: 50px;font-size: 16px;color: #FFF;background: #c50002;}

@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:#c50002;text-decoration:underline;}




/*lianxi*/
.conlianxi{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.conlianxi .content{width:50%;}
.conlianxi .content .contact-lx-js {color: #4f676b;font-weight: normal;font-size: 22px;line-height: 1.5;margin-bottom: 30px;}
.conlianxi .content li{color:#999;line-height:24px;margin-bottom:38px;}
.conlianxi .content li h4{font-size:30px;line-height:1.0; font-weight:bold;color: #222;}
.conlianxi .content li p i{margin-right:10px;font-size:22px;}
.conlianxi .content li p em{font-size:16px;}
.conlianxi .content li .p1{font-size:20px;margin-top:10px;color:#333;}
.conlianxi .MapBox{width:45%;overflow: hidden;}
@media only screen and (max-width:768px){
.conlianxi .content{width:100%;}
.conlianxi .content li h4{font-size:22px;}
.conlianxi .content li .p1{font-size:18px;}
.conlianxi .MapBox{width:100%;float:none;}
}






@keyframes liner {
	0% {
		width: 10%;
	}

	30% {
		width: 20%;
	}

	60% {
		width: 60%;
	}

	100% {
		width: 100%;
	}
}