@charset "utf-8";
/* CSS Document */
.home_tit {text-align:center;height: auto;line-height:1.0;margin-bottom:50px;}
.home_tit p {font-weight:bold;font-family:"Arial";font-size:66px;color: #f1f1f1;text-transform: uppercase;}
.home_tit h3 {font-size: 46px;font-weight:bold;margin-top: -58px;}
.home_tit h3 i {color: #00a0e9;}
.home_tit span {display: block;font-size: 18px;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}
}



/*ABOUT*/
.home_about{padding-top:80px;padding-bottom:80px;overflow:hidden;}
.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.0;margin-bottom:10px;font-size: 42px;font-weight: bold;}
.aboutcon .abouttexts .habtitle em{color:#00a0e9;}
.aboutcon .abouttexts .habtitle span{color:#ea1515;}
.aboutcon .abouttexts .habtitle2{padding-bottom:20px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:46px;color:#333;line-height:1.3;font-weight: bold;}
.aboutcon .abouttexts .habnr{height: auto;padding-top:20px;padding-bottom:38px;overflow: hidden;}
.aboutcon .abouttexts .habnr p{font-size:16px;line-height:2.0;color:#666;letter-spacing:1px;text-align: justify;}
.aboutcon .abouttexts .more{display: block;width:50px;height:50px;line-height:50px;background:#00a0e9;font-size: 16px;color: #ffffff;text-align: center;border-radius:50px;}

@media only screen and (max-width:1024px){
.home_about{padding-top:30px;padding-bottom:30px;}
.aboutcon .aboutbox {width:100%;padding-bottom:30px;padding-right:0;}
.aboutcon .abouttexts .habtitle{font-size:32px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:30px;}
.aboutcon .abouttexts .habnr{padding-top: 0;}
.aboutcon .abouttimg {width:100%;}
} 
@media only screen and (max-width:768px){
.aboutcon .abouttexts .habnr p{font-size:15px;letter-spacing:0;}
} 
@media only screen and (max-width:499px){
.aboutcon .abouttexts .habtitle{font-size:20px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:22px;}
}


/*计数*/
.abitemxl{padding-bottom:80px;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:5px 0;}
.abitemxl .mumping ul li span em{display:inline-block;height:auto;line-height:60px;font-size:60px;color:#006fc1;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;font-weight: bold;}
.abitemxl .mumping ul li .muminfo{font-size:16px;line-height: 1.2;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{padding:0 20px;}
.abitemxl .mumping ul li span em{line-height:50px;font-size:50px;}
.abitemxl .mumping ul li span i{line-height:1.5;}
}
@media only screen and (max-width:960px) {
.abitemxl{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 span i{font-size:18px;}
.abitemxl .mumping ul li span em{line-height:40px;font-size:40px;}
.abitemxl .mumping ul li .muminfo{font-size:15px;}
}
@media only screen and (max-width:499px) {
.abitemxl .mumping ul li {padding:20px 20px;}
.abitemxl .mumping ul li span em{line-height:28px;font-size:28px;}
.abitemxl .mumping ul li span i {font-size:15px;}
.abitemxl .mumping ul li .muminfo{font-size:13px;}
}



/*PRODUCT*/
.home_product{height: auto; overflow: hidden;padding-top:80px;padding-bottom:80px;background: #f5f5f5;}
.home_product .home_tit p{color:#FFF;}

.hprobox{overflow:hidden;}
.hpro_nav {margin-bottom: 16px;}
.hpro_nav ul{display: flex;align-items: center;justify-content: space-between;}
.hpro_nav li{width: 32.633%;height: 80px;line-height: 80px;text-align: center;box-sizing: border-box;background: #ffffff;border:1px solid #ddd;transition: all 1s;overflow: hidden;}
.hpro_nav li a{color: #333;display: block;font-size: 20px;text-align: center;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:0 10px;}
.hpro_nav li.cur a{color:#fff;background: linear-gradient(180deg, #1487dc, #006fc1);transition: all 1s;}

.hpro_nr{width:100%;}
.hpro_nr {display: flex;/* align-items: center; */justify-content: space-between;}

.hpro_nr .pro_a{width: 32.633%;}
.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: 0;bottom:0;/* transform: translateY(-50%); */width: 100%;padding:20px;color: #FFF;font-size: 18px;height:auto;line-height:1.2;text-align: center;transition:1s;background: -webkit-linear-gradient(bottom, rgb(153 153 153), rgba(153, 153, 153, 0));}
.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: 32.633%;display: flex;flex-direction: column;align-items: center;justify-content:space-between;}
.hpro_nr .pro_b .cms{width:100%;height: 49%;overflow: hidden;}
.hpro_nr .pro_b .cms ul{display: flex;justify-content: space-between;}
.hpro_nr .pro_b .cms ul li{width: 48.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: 0;bottom:0;/* transform: translateY(-50%); */width: 100%;padding: 20px;color: #FFF;font-size: 18px;height:auto;line-height:1.2;text-align: center;background: -webkit-linear-gradient(bottom, rgb(153 153 153), rgba(153, 153, 153, 0));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%;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: 0;bottom:0;/* transform: translateY(-50%); */width: 100%;padding: 20px;color: #FFF;font-size: 18px;height:auto;line-height:1.2;text-align: center;background: -webkit-linear-gradient(bottom, rgb(153 153 153), rgba(153, 153, 153, 0));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){
.hpro_nav li{height:60px;line-height:60px;}
.hpro_nav li a{font-size:16px;}
}
@media screen and (max-width:767px){
.hpro_nr{display: block;}
.hpro_nr .pro_a{width:100%;margin-bottom:2.5%;}
.hpro_nr .pro_a li .img-box .himg{padding-top: 100%;}
.hpro_nr .pro_b{width:100%;display: block;}
.hpro_nr .pro_b .cm{margin-bottom:2.5%;}
.hpro_nr .pro_b .cm li .img-box .himg{padding-top: 100%;}
.hpro_nr .pro_b .cms ul{display: block;}
.hpro_nr .pro_b .cms ul li{width:100%;display: block;margin-bottom:2.5%;}
}
@media screen and (max-width:499px){
.hpro_nav li{height:50px;line-height:50px;}
.hpro_nav li a{font-size:13px;}
}





/*YOUSHI*/
.home_youshi{padding-top: 80px; overflow: hidden;}
.home_youshi .hyoushiBox{display: flex;justify-content: space-between;flex-wrap: wrap;background:#f5f9fc  url(../images/index_bg1.png) no-repeat center bottom;}
.hysimgbox{width:50%;}
.hysimg_a{width:100%;height: 100%;overflow: hidden;background-size:cover;background-repeat:no-repeat; }

.hysscroll{width:50%;padding-left:80px;padding-right:80px;}
.hysscroll .hyswz{padding-top:80px;}
.hyswz_box{width:80%;}
.hyswz_box i{display: block; font-size:76px;margin-bottom: 50px;color: #006fc1;}
.hyswz_box h4{font-size:38px;line-height:1.2;color:#333333;margin-bottom:18px;padding-bottom:18px;}
.hyswz_box p{font-size:18px;line-height:1.8;padding-bottom:8px;color: #666;}

.hysmeun{width:100%;margin-top: 80px;padding-bottom:80px;}
.hysmeun ul{display:flex;justify-content: space-between;}
.hysmeun li{width:25%;border-left: 1px solid rgba(255 , 255 , 255 , 0.1);position: relative;}
.hysmeun li a{display:block;padding: 20px 10px 30px 10px;background:#353a3f;}
.hysmeun li .icon{width: 80px;height: 80px;text-align: center;margin: 0 auto 10px;}
.hysmeun li .icon i{font-size:50px;line-height:80px;text-align:center;color:#FFF;}
.hysmeun li .icon .back {display: none;}
.hysmeun li p{font-size: 20px;color: #ffffff;text-align: center;}

.hysmeun li.on:before{content: "";position: absolute;width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:12px solid #00a0e9;left: 50%;top: -12px;margin-left: -12px;}
.hysmeun li.on a{background:#00a0e9;}
.hysmeun li.on p{color:#FFF;}

@media only screen and (max-width:1280px){
.hysscroll{padding-left:50px;padding-right:50px;}
}
@media only screen and (max-width:1024px){
.hysscroll{padding-left:30px;padding-right:30px;}
}
@media only screen and (max-width:920px){
.hysimgbox {width:100%;height: auto;}
.hysimg_a{padding-top:60%;background-position:center;}
.hysscroll {width:100%;}
.hysscroll .hyswz {padding-top:50px;}
.hyswz_box {width:100%;}
.hyswz_box i{font-size:56px;margin-bottom:30px;}
.hyswz_box h4{font-size:30px;margin-bottom: 10px;padding-bottom: 10px;}
.hyswz_box p{font-size:16px;}
.hysmeun{margin-top:50px;}
.hysmeun li .icon{width:50px;height:50px;}
.hysmeun li .icon i{font-size:38px;line-height:50px;}
.hysmeun li p{font-size:16px;}
}
@media only screen and (max-width:768px){
.hysmeun li p{font-size:15px;}
}
@media only screen and (max-width:499px){
.hysmeun li a{padding:10px 5px 10px 5px;}
.hysmeun li .icon{width:30px;height:30px;}
.hysmeun li .icon i{font-size:28px;line-height:30px;}
.hysmeun li p{font-size:12px;line-height:1.5}
}



/*CASE*/
.home_case{padding-top:80px;padding-bottom:80px;overflow: hidden;background:url(../images/index_bg2.png) no-repeat center center;background-size: cover;}
.home_case .home_tit p{opacity:0.15;}
.home_case .home_tit h3{color:#FFF;}
.home_case .home_tit span{color:#cfcece;}
.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;background:#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: #FFF;}
.hcaseitem ul li .hptxt h2{color: #333;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:#00a0e9;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:#00a0e9;font-size: 20px;text-align: center;line-height: 60px;}
.hcase_prev:hover, .hcase_next:hover{background:#00a0e9;}
.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){
.hcaseitem ul li{width:100%;}
.hcaseitem ul li .hptxt h2{font-size:16px;}
}



/*NEWS*/
.home_new{padding-top:80px;padding-bottom:80px;overflow: hidden;background:#f5f5f5;}
.home_new .home_tit p{color:#FFF}
.hnewBox {width:100%;height:auto;overflow: hidden;}
.hnewBox .hnewitem{}
.hnewitem ul{width:100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.hnewitem li{width:50%;padding:15px 30px;display: flex;align-items: center;}
.hnewitem li a{display: flex;align-items: center;padding: 20px 30px;background: #fff;width: 100%;box-shadow: 0px 0px 0px 0px #888;}
.hnewitem li .data {text-align: center;margin-right: 30px;}
.hnewitem li .data h4 {font-size: 30px;font-weight: 700;color: #333;line-height: 40px;}
.hnewitem li .data h5 {white-space: nowrap;font-weight: normal;color: #666;font-size:15px;}
.hnewitem li .sub {content: "";width: 1px;height: 40px;background: #e7e7e7;}
.hnewitem li .tit{display: flex;align-items: center;width: 100%;justify-content: space-between;}
.hnewitem li .tit h6 {margin-left:50px;font-size: 16px;color: #555;font-weight: normal;line-height: 20px;overflow: hidden;padding-right: 30px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hnewitem li .tit .img {position: relative;padding-bottom: 5%;overflow: hidden;width: 7%;}
.hnewitem li .tit .img img {position: absolute;left: 50%;top: 50%;width: 100%;max-height: 100%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.hnewitem li .tit .img img.aft {display: none;}
.hnewitem li:hover .tit .img img.aft {display:block;}
.hnewitem li:hover .tit h6 {color: #00a0e9;}

@media only screen and (max-width:960px){
.home_new{padding-top:50px;padding-bottom:50px;}
.hnewitem li{width:100%;}
} 
@media only screen and (max-width:767px){
.hnewitem li {padding:10px 5px;}
.hnewitem li a{padding:10px 15px;}
.hnewitem li .data {margin-right:18px;}
.hnewitem li .data h4{font-size:24px;}
.hnewitem li .data h5{font-size:13px;}
.hnewitem li .tit h6{margin-left:18px;font-size:14px;padding-right:18px;}
}
@media only screen and (max-width:499px){

} 


/*SHEBEI*/
.home_shebei{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.hsbBox{width:100%;height:auto;overflow: hidden;}
.hsbBox ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hsbBox li{width:32.33%;}
.hsbBox li .himg img{display: block;}
.hsbBox li .text {color: #ffffff;text-align: center;line-height: 1.8;font-size: 16px;background:#00a0e9;padding:15px 5px;}

@media only screen and (max-width:960px){
.home_shebei{padding-top:50px;padding-bottom:50px;}
}
@media only screen and (max-width:767px){
.hsbBox li{width:100%;margin-bottom: 20px;}
.hsbBox li .himg{border:1px solid #f3f3f3;}
.hsbBox li .text {font-size: 14px;}
}

/***********************************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************/
.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:#00a0e9;}
.sub_muen ul li.cur a {color: #00a0e9;}
.sub_muen ul li a::after {content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background-color:#00a0e9;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:#00a0e9;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:#00a0e9;}
.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;}
.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;font-weight: bold;}
.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 .videobox{width:100%; overflow: hidden;border: 20px solid #006fc1;border-radius:6px;}
.about_company .siab_r .videobox video{display: block;width:100%;height:auto;margin: auto;text-align: center;}

.about_fgt{width:100%;height: auto;overflow:hidden;}
.about_fgt .nimg{width:100%;height: auto;overflow:hidden;}
.about_fgt .nimg img{display: block;}

.culture_company{}
.culture_company .wznr{width:100%;height: auto;margin-bottom:30px;overflow: hidden;}
.culture_company .wznr h5{font-size:22px;line-height:1.5;color:#333;}
.culture_company .wznr p{font-size:16px;line-height:1.5;color:#666;}
.culture_company .cflist{}
.culture_company .cflist ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.culture_company .cflist li{width:32.33%;margin-bottom:20px; position: relative;}
.culture_company .cflist li .nimg{height: auto;padding-top: 68%;overflow: hidden;border: 1px solid #dddddd;background-size: cover !important;}
.culture_company .cflist li .text{position: absolute;width:100%;height: auto;left: 0;bottom: 0;padding: 10px;}
.culture_company .cflist li .text .title{color:#FFF;font-size: 16px;padding: 10px 10px;text-align: center;line-height: 1.5;background: rgb(0, 111, 193, 0.85);}

@media only screen and (max-width:960px){
.about_company .siab_l{width:100%;margin-bottom: 20px;}
.about_company .siab_r{width:100%;}

}
@media only screen and (max-width:768px){
.culture_company .wznr h5{font-size:18px;}
.culture_company .wznr p{font-size:14px;}
.culture_company .cflist li {width:49%;}
.culture_company .cflist li .text .title{font-size:14px;padding:5px 5px;}
}
@media only screen and (max-width:499px){

}


/*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*/
.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;background: #f5f5f5;}
.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: #00a0e9;}

@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*/
.m_newnav{display:none;}
.new_left{width:90px;}
.new_nav{padding-top:80px;}
.new_nav li{background:#00a0e9;margin-bottom:15px;transition: 0.5s ease;}
.new_nav li a{display: block;line-height: 26px;font-size: 20px;color: #ffffff;text-align: center;padding: 19px 20px;}
.new_nav li:hover,
.new_nav li.cur{background:#333;font-weight: bold;}

.new_right{width:calc(100% - 90px);background:#FFF;padding:50px 40px 40px;border: 1px solid #ebebeb;}
.newlist li{padding: 2vw;margin-bottom: 20px;border: 1px solid #ebebeb;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:22%;}
.newlist li .nimg img{display: block;width: 100%;}
.newlist li .newnr{width:74%;}
.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:#00a0e9;text-decoration: underline;}

@media only screen and (max-width:960px){
.m_newnav{display: block;}
.new_left {width:100%;display:none;}
.new_right {width:100%;}
}
@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){
.new_right {padding:20px 20px 20px;}
.newlist li{padding:20px;}
.newlist li .text {font-size:16px;}
.newlist li .data{padding-top:8px;padding-bottom:5px;font-size:15px;}
.newlist li .desc{font-size:12px;line-height:1.5;}
}




/*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: #00a0e9;}

@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%;}
}


/*IMAGES2*/
.imglist2{overflow: hidden;}
.imglist2 ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.imglist2 li{padding:15px;width:50%;}
.imglist2 li a{display: block;transition: all 0.3s;overflow: hidden;}
.imglist2 li .img-box {display: block;overflow: hidden;}
.imglist2 li .img-box .nimg{height: auto;overflow: hidden;transition: 1s ease;}
.imglist2 li .img-box .nimg img{display: block;}
.imglist2 li .info {padding:20px 15px;text-align: center;background: #f5f5f5;transition: 1s ease;}
.imglist2 li .info .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:18px;line-height:1.8;}
.imglist2 li a:hover .img-box .nimg{transform: scale(1.08,1.08);}
.imglist2 li a:hover .name {color: #FFF;}
.imglist2 li a:hover .info{background: #00a0e9;}

@media only screen and (max-width:960px){
}
@media only screen and (max-width:768px){
.imglist2 li .info{padding:10px 5px;}
.imglist2 li .info .name{font-size:15px;}
}
@media only screen and (max-width:499px){
.imglist2 li{padding:5px;}
.imglist2 li .info .name{font-size:12px;}
}



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






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

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

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




/*CONTACT*/
.conlianxi{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.conlianxi .content{width:50%;}
.conlianxi .content li{color:#999;line-height:24px;margin-bottom:28px;}
.conlianxi .content li h4{font-size:24px;line-height:1.2; font-weight:bold;color:#00a0e9;margin-bottom:5px;}
.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:48%;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;}
}



/*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%;
	}
}