@charset "utf-8";
/* CSS Document */
.home_tit{text-align:left;margin-bottom:50px;}
.home_tit h2{margin:0;display: inline-block;padding-bottom:10px;position: relative;color:#333;font-size: 45px;line-height: 54px;z-index:0;}
.home_tit p {font-size:18px;line-height: 1.2;color:#195a95;margin-bottom:10px;font-weight:300;}

@media only screen and (max-width:1024px){
.home_tit h2{font-size:36px;line-height:46px;padding-bottom:20px;}
}
@media only screen and (max-width:768px){
.home_tit h2{font-size:30px;line-height:36px;padding-bottom:20px;}
.home_tit p{font-size:15px;}
}



/*CASE*/
.home_case{padding-top: 80px;padding-bottom:100px;overflow: hidden;}
.home_case .home_tit{text-align: center;margin-bottom: 20px;}
.hcase_js{text-align: center;padding-bottom:50px;}
.hcase_js p{font-size: 16px;color: #666;}
.hcasebox{display: flex;flex-wrap: wrap;align-items: center}
.hcasebox .hclist{width:33.33%;padding-left:10px;padding-right: 10px;}
.hcasebox .hclist .case-scale{position: relative}
.hcasebox .hclist .ma20{padding-bottom:20px;}
.hclist .case-scale .himg{display: block;overflow: hidden;}
.hclist .case-scale .himg img{display: block;width:100%;}
.hclist .case-scale .hcon{position:absolute;top:0;left:0;width:100%;padding-top:50px;text-align:center; }
.hclist .case-scale .hcon h4{font-size:20px;line-height:1.2;margin-bottom:6px; color:#FFF;font-weight:bold;text-shadow: 1px 1px 1px rgba(0,0,0,.35);}
.hclist .case-scale .hcon p{font-size:20px;line-height:1.2;color:#FFF;font-weight:bold;text-shadow: 1px 1px 1px rgba(0,0,0,.35);}

@media only screen and (max-width:960px){
.hcasebox .hclist{width:100%;}
.hcasebox .hclist .case-scale{margin-bottom:15px;}
.hcasebox .hclist .ma20 {padding-bottom:0;}
}
@media only screen and (max-width:768px){
.home_case .home_tit {margin-bottom:6px;}
.hcase_js p {font-size:14px;line-height:1.5;}
}
@media only screen and (max-width:499px){
.home_case{padding-top:60px;padding-bottom:60px;}
}



/*ABOUT*/
.home_about{overflow:hidden;}
.home_about .aboutcon {height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background:#f9f9f9;}
.aboutcon .abouttimg{width:50%;overflow:hidden}
.aboutcon .abouttimg img{display:block;width:100%;height:100%;object-fit:cover;}
.aboutcon .aboutright{width:50%;}
.aboutcon .abouttexts{padding:80px 80px;}
.aboutcon .abouttexts .habtitle{font-size:80px;color:#65a9dc;line-height:1.2;margin-bottom:20px;}
.aboutcon .abouttexts .habtitle2{position: relative;padding-left:25px;}
.aboutcon .abouttexts .habtitle2:before{position: absolute;width:1px;height: 100%;background:#c9c9c9;left:0;top:0; content:"";}
.aboutcon .abouttexts .habtitle2 h3{font-size: 36px;font-weight:normal;line-height: 1.3;}
.aboutcon .abouttexts .habtitle2 h3 em{font-weight: bold;padding:0 10px;}
.aboutcon .abouttexts .habtitle2 h4{font-size:18px;color:#666666;line-height:1.3;padding-top:10px;font-weight: 300;}
.aboutcon .abouttexts .habys{padding-top:30px;padding-bottom:10px;}
.aboutcon .abouttexts .habys ul{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.aboutcon .abouttexts .habys li{padding:8px 20px;background:#a3a3a3;font-size:16px;color:#FFF;margin-right: 15px;}
.aboutcon .abouttexts .habnr{height: auto;padding-top: 50px;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: inline-block;color:#65a9dc;margin-top:20px;}
.aboutcon .abouttexts .more span{color:#65a9dc;font-size: 18px;font-weight:bold;}
.aboutcon .abouttexts .more i{font-size:20px;margin-left:15px;font-weight:bold;}

@media only screen and (max-width:1024px){
.aboutcon .abouttexts{padding:50px 50px;}
.aboutcon .abouttexts .habtitle{font-size:50px;}
.aboutcon .abouttexts .habtitle2 h3 {font-size:28px;}
} 
@media only screen and (max-width:960px){
.home_about .aboutcon{height: auto;}
.aboutcon .abouttimg{width:100%;}
.aboutcon .aboutright{width:100%;padding: 15px;}
.aboutcon .abouttexts{position:static;width:100%;border-radius:20px;padding:30px 30px;}
} 
@media only screen and (max-width:499px){
.aboutcon .abouttexts{padding:20px 20px;}
.aboutcon .abouttexts .habtitle {font-size:48px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:22px;}
.aboutcon .abouttexts .habtitle2 h4{font-size:15px;}
.aboutcon .abouttexts .habys li{font-size:12px;padding:8px 8px;margin-right: 5px;}
.aboutcon .abouttexts .habnr p{font-size:14px;}
} 




/*PROITEM*/
.home_proitem{width:100%;height: auto;padding-top:80px;padding-bottom:80px;background:url(../images/index_bg1.png)no-repeat center;background-size: cover;background-attachment: fixed;background-position: center;overflow: hidden;}
.home_proitem .hpt_menu{overflow:hidden;}
.home_proitem .hpt_menu ul{display: flex;flex-wrap: wrap;}
.home_proitem .hpt_menu li{width:12.5%;padding: 30px 15px 30px 15px;}
.home_proitem .hpt_menu li a{}
.home_proitem .hpt_menu li .hpture-content{display: flex;flex-direction: column;align-items: center;}
.home_proitem .hpt_menu li .hpture-content i{width:100px;height:100px;display:flex;justify-content:center;align-items: center;overflow:hidden;margin-bottom:10px;transition:.5s ease-in-out;}
.home_proitem .hpt_menu li .hpture-content i img{transition: all 500ms ease-in-out;}
.home_proitem .hpt_menu li .hpture-content h5{font-weight:500;font-size:20px;line-height:28px;color:#FFF;transition:.3s ease-in-out;}

@media screen and (max-width: 960px){
.home_proitem .hpt_menu li{width:33.33%}
}
@media screen and (max-width:768px){
.home_proitem .hpt_menu li{width:50%}
.home_proitem .hpt_menu li .hpture-content h5{font-size:16px;line-height:22px;}
}
@media screen and (max-width:499px){
.home_proitem .hpt_menu li{padding:10px 15px 20px 15px;}
.home_proitem .hpt_menu li .hpture-content h5{font-size:15px;text-align:center;}
}




/*Product*/
.home_product{width:100%;padding-top:80px;padding-bottom:80px;overflow:hidden}
.hpbox{}
.hprocon{position: relative;}
.hprocon .hproitem{overflow: hidden;}
.hproitem ul li{width:25%;float: left;display: block;overflow: hidden;}
.hproitem ul li a{display: block;margin:10px 10px;box-shadow: 0px 5px 10px -6px rgba(0,0,0,.40);}
.hproitem ul li .hpimg{border:1px solid #f5f5f5;overflow: hidden}
.hproitem ul li .hpimg img{display: block;width: auto;margin: 0 auto;}
.hproitem ul li .hptxt{text-align: center;background: #f5f5f5;border-bottom: 3px solid #195a95;}
.hproitem ul li .hptxt h2{color:#333333;text-align:center;padding-top:8px;height:auto;font-size:20px;line-height:30px;font-weight: normal;}
.hproitem ul li .hptxt p{color: #7d7d7d;margin-top:8px;padding-bottom:8px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hproitem ul li:hover img{-webkit-transform: scale(1.3);transform: scale(1.3);transition: all 1.5s;}
.hproitem ul li:hover .hptxt{background:#195a95;transition: all 0.8s;}
.hproitem ul li:hover .hptxt h2{color:#FFF;transition: all 0.8s;}
.hproitem ul li:hover .hptxt p{color:#FFF;transition: all 0.8s;}

.hpro_prev{position:absolute;width:60px;height:60px;left:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 30px;background:#f5f5f5;}
.hpro_next{position:absolute;width:60px;height:60px;right:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 30px;background:#f5f5f5;}
.hpro_prev i, .hpro_next i{display: block;color: #0061b1;font-size: 20px;text-align: center;line-height: 60px;}
.hpro_prev:hover, .hpro_next:hover{background:#0061b1;}
.hpro_prev:hover i, .hpro_next:hover i{color:#FFF;}

@media only screen and (max-width:1300px){
.hpro_prev{left:-50px}
.hpro_next{right:-50px}
}
@media screen and (max-width: 1024px){
.hproitem ul li{width:33.33%;}
.hpro_prev{left:-30px}
.hpro_next{right:-30px}
}
@media screen and (max-width: 768px){
.hproitem ul li{width:50%;}
.hpro_prev{left:-15px}
.hpro_next{right:-15px}
}
@media screen and (max-width: 499px){
.home_product{padding-top:60px;padding-bottom:60px;}
.hproitem ul li{width:100%;}
.hproitem ul li .hptxt h2{font-size:16px;}
}


/*YOUSHI*/
.home_youshi{padding-top:120px;padding-bottom:120px;overflow: hidden;background:url(../images/index_bg2.jpg)no-repeat center;background-size: cover;background-attachment: fixed;background-position: center;}
.serBox .serline{width: 100%;text-align: center;margin-bottom:80px;}
.serBox .serline em{display: block;font-size: 45px;color:#FFF;font-weight: bold;line-height:1.2;letter-spacing: 1px;}
.serBox .serline p{display: block;width: 76%;margin: auto; font-size: 16px;line-height:1.8;color: #FFF;letter-spacing: 1px;}
.serBox .serline i{font-family: "Arial";margin-bottom: 20px;display: block;font-size: 16px;line-height: 1.5;color: #c5c5c5;font-weight: 300;text-transform: uppercase;padding-top: 15px;letter-spacing: 5px;}
.serBox .serline a{display: block;width: 150px;height: 40px;border-radius: 6px;background: #FFF;font-size: 16px;text-align: center;line-height: 40px;color: #fff;margin-top: 50px;}
.serBox .serlist ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.serBox .serlist li{width:19%;padding:20px;}
.serBox .serlist li .sernc{}
.serBox .serlist li .himg{width:80px;height: 80px;margin:0 auto;}
.serBox .serlist li .himg img{display: block;width:100%;}
.serBox .serlist li .hcon{text-align: center;margin-top:20px;}
.serBox .serlist li .hcon h6{font-size: 24px;font-weight:bold;color: #FFF;line-height:1.5;margin-bottom:10px;}
.serBox .serlist li .hcon p{display:block;font-size:16px;line-height:1.5;color: #FFF;opacity:0.8;}
.serBox .serlist li .hcon h7{display:block;font-size: 24px;font-weight: bold;color: #FFF;line-height:1.0;margin-bottom:10px;font-family:"Arial"}

@media screen and (max-width:1027px){
.serBox .serline em{font-size:36px;}
.serBox .serline i{font-size:18px;}
}
@media screen and (max-width:960px){
.serBox .serlist ul{justify-content: center;}
.serBox .serlist li{width:33.33%;}
}
@media screen and (max-width:768px){
.serBox .serline{margin-bottom:40px;}
.serBox .serline p{width:95%;font-size: 13px;}
.serBox .serlist li .hcon h6{font-size:18px;}
.serBox .serlist li .hcon p{font-size:14px;}
.serBox .serlist li .hcon h7{font-size:18px;}
}
@media screen and (max-width:499px){
.serBox .serlist li{width:50%;}
}



/*NEWS*/
.home_new{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.hnewBox {width:100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}

.hnewBox .hnew_a{width:23%;padding:20px;overflow: hidden;background:#FFF;}
.hnew_a .titlesub {font-size: 18px;line-height: 1.2;color: #195a95;margin-bottom: 10px;font-weight: 300;}
.hnew_a .title {padding-bottom: 10px;color: #333;font-size: 45px;line-height: 54px;font-weight:bold;}
.hnew_a .futitle {font-size:16px;color:#ACACAC;line-height:1.8;padding-top:30px;padding-bottom: 50px;}
.hnew_a .hnewjt{width:100%;height:auto;overflow: hidden;display: flex;flex-wrap: wrap;}
.hnew_a .hnewjt .hnew_prev {color: #838383;box-sizing: border-box;width: 60px;height: 60px;border: 1px solid #838383;border-radius: 50%;background:#fff;text-align: center;margin-right: 10px;cursor: pointer;}
.hnew_a .hnewjt .hnew_prev i{font-size:30px;line-height:52px;}
.hnew_a .hnewjt .hnew_next {color: #838383;box-sizing: border-box;width: 60px;height: 60px;border: 1px solid #838383;border-radius: 50%;background:#fff;text-align: center;margin-right: 10px;cursor: pointer;}
.hnew_a .hnewjt .hnew_next i{font-size:30px;line-height:52px;}
.hnew_a .hnewjt .hnew_prev:hover, 
.hnew_a .hnewjt .hnew_next:hover{background:#65a9dc;}
.hnew_a .hnewjt .hnew_prev:hover i, 
.hnew_a .hnewjt .hnew_next:hover i{color:#FFF;}

.hnewBox .hnew_b{width:75%; overflow: hidden;}
.hnew_b .hnew_b_item{overflow: hidden;}
.hnew_b .hnew_b_item ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hnew_b .hnew_b_item ul li{width:33.33%;}
.hnew_b .hnew_b_item ul li .inner{margin:0 10px;}
.hnew_b .hnew_b_item ul li b{display: block;color:#65a9dc;font-size:32px;line-height:1.2; font-family:"Arial";}
.hnew_b .hnew_b_item ul li span{display: block;color:#65a9dc;font-size:15px;line-height:1.2;margin-top: 5px;font-family:"Arial";}
.hnew_b .hnew_b_item ul li h2{font-size:18px;line-height:1.2;font-weight:normal;}
.hnew_b .hnew_b_item ul li h2 a{display: block;color: #000000;margin:10px 0 15px;}
.hnew_b .hnew_b_item ul li .himg{display: block;font-size: 0;overflow: hidden;padding-bottom: 66%;width: 100%;position: relative;height: 0;}
.hnew_b .hnew_b_item ul li .himg img{position: absolute;left: 0;top: 0;width:100%;height: 100%;object-fit: cover;}
.hnew_b .hnew_b_item ul li .p{color: #838383;font-size:15px;margin:15px 0;line-height:1.5;font-weight:300;letter-spacing: 1px;}
.hnew_b .hnew_b_item ul li .more{display:block;color:#195a95;font-size:14px;font-weight: bold;}
.hnew_b .hnew_b_item ul li .more i{padding-left:6px;}
.hnew_b .hnew_b_item ul li h2 a:hover{color:#65a9dc;}

@media only screen and (max-width:1024px){
.hnew_a .title{font-size:36px;line-height:1.2;}
.hnew_a .futitle{font-size:14px;line-height: 1.4;padding-top:20px;padding-bottom:30px;}
}
@media only screen and (max-width:960px){
.hnewBox .hnew_a{width:100%;}
.hnewBox .hnew_b{width:100%;}
.hnew_a .hnewjt{margin-bottom: 20px;}
} 
@media only screen and (max-width:499px){
.hnew_b .hnew_b_item ul li{width:50%;}
.hnew_b .hnew_b_item ul li .p{font-size:13px;}
} 



/*********************************************************************************************************/
.nybanner{height:600px;padding-top:230px;background-position: top center;position: relative;background-size: cover;}
.ibcatein {text-align: left;color: #FFF;}
.ibcatein .nbt-cn{font-size: 48px;font-weight: 700;line-height: 75px;margin-bottom: 24px;;letter-spacing: 5px;}

@media only screen and (max-width:1024px){
.nybanner{height:400px;padding-top:150px;}
}
@media only screen and (max-width:768px) {
.nybanner{height:300px;padding-top:120px;}
.ibcatein .nbt-cn{font-size:26px;letter-spacing:1px;line-height:20px;}
}
@media only screen and (max-width:499px) {

}

/* 面包屑 */
.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;text-align: center;border-bottom: 1px solid #f0f0f0;overflow-x: auto;background: #f5f5f5;}
.sub_muen ul li {display:inline-block;height:100px;padding:0px 40px;}
.sub_muen ul li a {display:block;height:100px;line-height:100px;font-size:16px;color:#000;position:relative;}
.sub_muen ul li a:hover {color:#195a95;}
.sub_muen ul li.cur a {color: #195a95;}
.sub_muen ul li a::after {content:"";position:absolute;left:0px;bottom:0px;width:0px;height:5px;background-color:#195a95;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: 80px;padding: 0px 30px;}
.sub_muen ul li a{height: 80px;line-height: 80px;}
}
@media only screen and (max-width:768px){
.sub_muen ul li{height:50px;padding: 0px 20px;}
.sub_muen ul li a{height:50px;line-height:50px;}
}




.ny-title {text-align:center;padding-bottom:50px;}
.ny-title h3{font-size:36px;line-height:1.3;margin-bottom: 10px;}
.ny-title p{font-size: 16px;line-height: 24px;font-weight:300;color: #666;}
.company {line-height: 1.8; overflow: hidden;}

@media only screen and (max-width:499px){
.ny-title{padding-bottom:16px;}
.ny-title h3{font-size:26px;}
.ny-title p{font-size:14px;}
}



/*about*/
.ny-about {width: 100%;padding-top:80px;padding-bottom:80px;overflow: hidden;}
.about_company {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.about_company .siab_l{width:50%;padding-right: 80px;}
.about_company .siab_r{width:50%;display:block;}
.about_company .siab_r img{display: block;width:100%;}

.ny-abvideo{padding-top:80px;padding-bottom:80px;overflow: hidden;background:#f5f5f5;}

.ny-abyoushi{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.ny-abysbox ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny-abysbox li{width:24%;display: flex;align-items: flex-start;}
.ny-abysbox li .nimg{width:100px;overflow: hidden;}
.ny-abysbox li .nimg img{width:100%;height: auto;}
.ny-abysbox li .ncon{width:calc(100% - 100px);padding-left:20px;}
.ny-abysbox li .ncon h6{display: block; font-size:22px;line-height: 1.2;margin-bottom:8px; font-weight: bold;}
.ny-abysbox li .ncon span{display: block;font-size:15px;font-weight: 300;line-height: 1.2;margin-bottom: 15px;}
.ny-abysbox li .ncon p{display: block;font-size:16px;line-height:1.5;}

.ny-factory{padding-top:80px;padding-bottom:80px;overflow: hidden;background:#f5f5f5;}
.ncflist{width:100%;height: auto;overflow: hidden;}
.ncflist li{width:25%;float: left;overflow: hidden;}
.ncflist li a{display: block;padding:0 10px 20px 10px;overflow: hidden;}
.ncflist li .img {height:auto;padding-top:68%; overflow: hidden;border:1px solid #dddddd;background-size:cover!important;}
.ncflist li .text {padding:15px 10px;background:#f1f1f1;}
.ncflist li .text .title{color:#666;line-height:28px;font-size: 16px;transition:all 0.5s;letter-spacing: 1px;font-weight:normal;text-align:center;}
.ncflist li:hover .text{background:#1d427a;transition:all ease 600ms;}
.ncflist li:hover .text .title{color:#FFF;transition:all ease 600ms;}
.ny-factory .nfamore{margin-top: 30px;}
.ny-factory .nfamore a{display: block;width: 200px;height: 50px;line-height: 44px;text-align: center;margin: 0 auto;font-size: 16px;color: #65aadd;border: 3px solid #65aadd;border-radius: 30px;}
.ny-factory .nfamore a:hover{background:#65aadd;color:#FFF;}

@media only screen and (max-width:960px){
.about_company .siab_l{width:100%;padding-right:0;margin-bottom:20px;}
.about_company .siab_r{width:100%;}
.ny-abysbox li{width:49%;margin-bottom:30px;}
.ncflist li{width:50%;}
}
@media only screen and (max-width:499px){
.ny-abysbox li .nimg {width:42px;}
.ny-abysbox li .ncon {width: calc(100% - 42px);padding-left:8px;}
.ny-abysbox li .ncon h6{font-size:18px;}
.ny-abysbox li .ncon span{font-size:12px;margin-bottom: 10px}
.ny-abysbox li .ncon p{font-size:14px;}
}





.side_left {width:300px;float: left;overflow: hidden;}
.side_right {width:calc(100% - 300px);float: right;padding-left:30px; overflow: hidden;}
@media only screen and (max-width:920px) {
.side_left {width:240px;}
.side_right {width:calc(100% - 240px);padding-left:30px;}
}
@media only screen and (max-width:768px) {
.side_left {width:100%;float:none;overflow: hidden;}
.side_right {width:100%;float:none;padding-left:0;overflow: hidden;}
}

/*产品二级导航*/
.channl-menu {width:100%;margin-bottom:20px; position: relative;}
.channl-menu h2{line-height: 90px;text-align: center;color: #fff;background: #195a95;font-size: 30px;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: #dedede;}
.channl-menu>ul>li:hover a{background: #dedede;}

@media only screen and (max-width:1024px){

}
@media only screen and (max-width:768px){
.channl-menu {float: none;width: auto;}
.channl-menu h2 {line-height:50px;font-size: 16px;text-align: left;padding-left: 15px;font-weight: 600;background:#195a95;}
.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: #dedede;}
}


.sidelianxi{display: block;}
.sidelianxi .titlex{line-height: 90px;text-align: center;color: #fff;background: #195a95;font-size: 30px;overflow: hidden;}
.sidelianxi .wrap-lianxi-cont {background: #f2f2f2;padding: 30px 20px 44px 20px;}
.sidelianxi .wrap-lianxi-cont p{font-size:15px;line-height:1.5;padding-bottom:6px;}
@media only screen and (max-width:768px){
.sidelianxi{display: none;}
}





/*****/
.P_lcon{padding-top:80px;padding-bottom:80px;}
.P_lcon .main{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
@media only screen and (max-width:960px){
.P_lcon{padding-top:50px;padding-bottom:50px;}
}
@media only screen and (max-width:499px){
.P_lcon{padding-top:30px;padding-bottom:30px;}
}


/*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:5px;font-weight: bold;}
.prolist li a:hover .tit-box .tit{color: #195a95;}
.prolist li .con-box:before {content:"";position:absolute;left:0;bottom:-1px;width:0;height:4px;background-color: #195a95;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 ul{ padding: 0px; list-style: none; }
.newlist ul li {overflow: hidden;transition: all .5s;margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px solid #e9e9e9;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.newlist .sl_text {width:100%;}
.newlist .sl_text .t{padding-left: 100px;position: relative;margin-bottom: 20px;}
.newlist .sl_text .t h4{font-size: 24px;height:47px;line-height: 1.8;font-weight: normal; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.newlist .sl_text .t h4 a{color: #000;}
.newlist .sl_text .t h4 a:hover { color:#195a95;text-decoration: underline;}
.newlist .sl_text .t .em{font-size: 13px;line-height: 28px;}
.newlist .sl_text .t .em strong {color: #25211e;font-weight: normal;}
.newlist .sl_text .t .em em {color: #888888;font-style: normal;}
.newlist .sl_text .t .date {position: absolute;left: 0px;top: 0px;background: #a1a1a1;color: #fff;width: 80px;text-align: center;padding:16px 0;}
.newlist .sl_text .t .date strong {font-size: 30px;font-weight: normal;display: block;line-height: 1;margin-bottom: 6px;}
.newlist .sl_text .t .date em {font-size: 12px;font-style: normal;display: block;line-height: 1;}
.newlist .sl_text .des {font-size: 15px;line-height: 24px;height:48px;color: #888888;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}




/*IMAGES*/
.imglist{}
.imglist li{width:33.33%;float: left;overflow: hidden;}
.imglist li a{display: block;padding:0 10px 20px 10px;overflow: hidden;}
.imglist li .img {height:auto;padding-top:74%; overflow: hidden;border:1px solid #dddddd;background-size:cover!important;}
.imglist li .text {padding:15px 10px;background:#f1f1f1;}
.imglist li .text .title{color:#666;line-height:28px;font-size: 16px;transition:all 0.5s;letter-spacing: 1px;font-weight:normal;text-align:center;}
.imglist li:hover .text{background:#195a95;transition:all ease 600ms;}
.imglist li:hover .text .title{color:#FFF;transition:all ease 600ms;}

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




/*分页样式*/
.pglist {padding:30px 0 15px; width: 100%; text-align: center; clear: both; }
.pglist a, .pglist span{color:#666;padding: 10px 22px;margin: 0 2px;background:#fff;border:1px solid #edebeb;border-radius: 30px;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 32px;padding-bottom:1px;}
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background: #125d9e;border-color: #125d9e;}



/*内容*/
.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:20px;text-align: center;font-size:15px;color: #999;border-bottom: 1px solid #EEE;}
.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:#195a95;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:20px;}
.pic-box .left-box{width:50%;padding-right: 50px;}
.pic-box .left-box .pnimg{max-width: 550px;margin: auto;border:1px solid #c7c7c7;}
.pic-box .left-box .pnimg img{display: block;width:100%;}
.pic-box .right-box{width:50%;}
.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 .nrxqzy{font-size: 16px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;color: #333;}

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




/*联系我们*/
.conlianxi{overflow: hidden;}
.conlianxi .content{width:50%;float: left;}
.conlianxi .content li{color:#999;line-height:24px;margin-bottom:38px;}
.conlianxi .content li h4{font-size:30px;line-height:1.0; font-weight: normal;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{float: right;width:45%;overflow: hidden;}
@media only screen and (max-width:768px){
.conlianxi .content{width:100%;float:none;}
.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:16px;color:#6f6f6f;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%;}
}