@charset "utf-8";
/* CSS Document */
/*index*/
.linet-title { padding: 20px 0; overflow: hidden; }
.linet-title h2 {font-size: 38px;margin-top: 0px;text-align: center;font-weight:600;color:#282828;line-height: 50px;}
.linet-title h2 em{color:#169aaf;}
.linet-title p.desc {font-size: 24px;text-align: center;width: 80%;color:#a4a4a4;margin: 5px auto 0px auto;text-transform: uppercase;font-family: 'Times New Roman','Arial';}


/*YOUSHI*/
.home_youshi{padding-top:40px;padding-bottom: 80px;overflow: hidden;background:#efefef;}
.h_youshi {margin-top: 30px;}
.h_youshi dl{float:left;width:23%;padding-right:1%;padding-left:1%;height:auto;transition: all 0.3s linear 0s;background: url(../images/ys_line.png) no-repeat right center;}
.h_youshi dl:last-child {background: none;}
.h_youshi dt{margin: auto;width:130px;margin-bottom: 22px;}
.h_youshi dt img{display: block;border:6px solid #fff;border-radius: 100%;box-sizing: border-box;}
.h_youshi dd{text-align: center;}
.h_youshi dd h3{height: 66px;font-size: 24px;font-weight: bold;color: #16799d;}
.h_youshi dd h3 em{display:block;font-size:12px;color: #c1c1c1;font-weight: normal;padding-top:3px;text-transform: uppercase;font-family:"Arial";}
.h_youshi dd p{width:90%;height:66px;overflow:hidden;margin:0 auto;color:#888;font-size:14px;line-height:22px;text-align:center;}
.h_youshi dl:hover{transform: translateY(-20px);}
.h_youshi dl:hover h3 em{color:#ff9600}

@media only screen and (max-width:900px){
.h_youshi dl{width:48%;margin-top:20px;background:none;}
}
@media only screen and (max-width:599px){
.h_youshi dl{width:98%;}
}



/*PRODUCT*/
.home_product{padding-top:40px;padding-bottom: 80px;overflow: hidden;background:url(../images/index_bg1.png) no-repeat center bottom;}
.hprobox {margin-top: 30px;}
.hp_menu{float: left;width:280px;background: #ffffff;overflow: hidden;}
.hp_menu_title{text-align: center;padding: 25px 0;background: #16799d;}
.hp_menu_title h2{font-size: 35px;color: #fff;line-height: 38px;font-weight: normal;}
.hp_menu_title p{font-size: 16px;color: #7cbed6;margin: 0;line-height: 26px;}
.pr_bottom{background: url(../images/h_pro_gd.jpg)no-repeat center center;padding:30px;text-align: center;}
.pr_bottom a{width: 127px;height: 36px;line-height: 36px;background: #b3212d;color: #FFF;font-size: 17px;display: inline-block;margin-top: 9px;}
.pr_bottom p{margin: 0;height: 41px;line-height: 41px;text-align: center;color: #FFF;font-size: 21px;font-weight: bold;}

.hp_menu ul{padding: 0 15px 15px;background:#fff;}
.hp_menu ul li{height: 59px;line-height: 59px;font-size: 15px;border-bottom: 1px solid #ddd;}
.hp_menu ul li a{display:block;padding-left: 50px; background: url(../images/cp_ico01.png)no-repeat 20px 20px;}
.hp_menu ul li:hover a{color:#169aaf;}

.hp_list {margin-left: 300px;overflow: hidden;}
.hp_list ul li{width: 31.33%;float: left;display: block;margin: 0 1% 20px;}
.hp_list ul li h5 {font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;background:#fff;padding: 10px 20px;}
.hp_list ul li h5 em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right: 20px; background:url(../images/more.png) no-repeat center right}
.hp_list ul li:hover h5 { background:#16799d;color:#ffffff;transition: all 0.8s; }
.hp_list ul li:hover h5 em{background:url(../images/more2.png) no-repeat center right}
.hp_list ul li .himg{overflow: hidden}
.hp_list ul li img {display: block;width: auto;margin: 0 auto;}
.hp_list ul li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.8s;}

@media only screen and (max-width:1024px) {
.hp_menu{width: 250px;}
.hp_list {margin-left: 270px;}
.hp_list ul li{width:48%;}
}
@media only screen and (max-width:767px) {
.hp_menu{width: 100%;float: none;margin-bottom:10px;background: none;}
.pr_bottom{display: none;}
.hp_menu ul {padding: 0 15px 15px;text-align: center;background: #ffffff;}
.hp_menu ul li{display: inline-block;background: #FFF;border: 1px solid #324d5e;margin-bottom: 10px;}
.hp_menu ul li a {display: block;padding: 0 20px;background: none;}
.hp_menu_title{display: none;}
.hp_list {margin-left:0;}
}
@media only screen and (max-width:400px) {
.hp_list ul li{width:100%;margin-left: auto; margin-right: auto;}
}



/*CASE*/
.home_case{padding-top:40px;padding-bottom: 80px;overflow: hidden;}
.hcase_box{overflow: hidden;margin-top: 30px;}
.hcase_box .case01{width:33%;height: 460px;overflow: hidden;position: relative;}
.hcase_box .case01 .img-cover{width: 100%;height: 100%; display: block;}
.hcase_box .case01 .img-cover span{display: block;width: 100%;height: 100%;background: no-repeat center / cover;transition: all 0.5s;}
.hcase_box .case01 a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.hcase_box .case01 h5{width: 100%;position: absolute;bottom: 0;left: 0;line-height: 3.6; background: -webkit-linear-gradient(bottom,rgba(21,21,21,1),rgba(21,21,21,0));font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #FFF;text-align: left;}
.hcase_box .case01 h5 span{padding: 0 20px;font-size: 18px;}

.hcase_box .case02{width: 67%;height: 460px;}
.hcase_box .case02 li{width: 49%;height: 225px; margin:0 0 10px 1%; float: left;overflow: hidden;position: relative;}
.hcase_box .case02 li .img-cover{width: 100%;height: 100%; display: block;}
.hcase_box .case02 li .img-cover span{display: block;width: 100%;height: 100%;background: no-repeat center / cover;transition: all 0.5s;}
.hcase_box .case02 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.hcase_box .case02 li h5{width: 100%;position: absolute;bottom: 0;left: 0;line-height: 3.6; background: -webkit-linear-gradient(bottom,rgba(21,21,21,1),rgba(21,21,21,0));font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #FFF;text-align: left;}
.hcase_box .case02 li h5 span{padding: 0 20px;font-size: 18px;}


@media only screen and (max-width:600px) {
.hcase_box .case01{width: 100%;height:400px; float: none;margin-bottom: 10px;}
.hcase_box .case02{width: 100%;height: auto;}
.hcase_box .case02 li{margin:0 0 10px 2%;}
.hcase_box .case02 li:nth-child(1){margin-left: 0;}
.hcase_box .case02 li:nth-child(3){margin-left: 0;}
}
@media only screen and (max-width:400px) {
.hcase_box .case01{height:260px;}
.hcase_box .case02 li{width: 100%;height: 260px;margin:0 0 10px 0;}
}


/*NEWS*/
.home_new{padding-top:40px;padding-bottom: 60px;overflow: hidden;}
.hnews-con{margin-top: 30px;overflow: hidden;width: 100%;}
.hnews-con li {overflow: hidden;width:48%;font-size: 13px;color: #666;margin-right: 2%;margin-bottom: 30px;float: left;}
.entry-date {width: 90px;background: #16799d;text-align: center;color: #fff;float: left;margin-right: 30px;}
.e-date { padding: 10px; }
.e-date p { font-size: 35px; line-height: 35px; margin-bottom: 3px; font-weight: 700; }
.e-date span { font-size: 12px; line-height: 18px; }
.entry-content { overflow: hidden; }
.entry-content h4 { line-height: 1.4; font-weight: bold; margin-bottom: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.entry-content p {height:44px;line-height:22px;color: #b1b1b1;overflow: hidden;}
.entry-content a { font-size: 16px; }

@media only screen and (max-width:767px) {
.hnews-con li{width: 100%;margin-right: 0;}
}




/*ABOUT*/
.home_about{padding-top:80px;padding-bottom:80px;overflow:hidden;background: url(../images/index_bg2.jpg) no-repeat center;background-size:cover;}
.iabou_wz{width:35%;float: left;display: block;height: auto;padding-top: 40px;}
.iab_title .iab_hr{width: 92px;height: 3px;background: #169aaf;margin-bottom: 24px;}
.iab_title h2{font-family: Arial;font-size: 42px;font-weight: bolder;line-height: 28px;color: #169aaf;text-transform: uppercase;}
.iab_title p{color: #282828;font-size: 32px;line-height: 50px;}
.iab_jj {margin: 40px 0 50px 0;color: #666;font-size: 15px;line-height: 2;height: 160px;overflow: hidden;text-align: justify;}
.iab_xq a{display: block;padding-left:99px;height:74px;background: url(../images/about_more.png) no-repeat left 50%;font-size:16px;line-height: 74px;color: #4f4e4f;}
.iab_xq a:hover{color: #169aaf;}

.iabou-img{width:62%;float:right;display: block;}
.iabou-img img{display: block;}

@media only screen and (max-width:1199px) {
.home_about .skinw{width: 95%; margin: 0 auto;overflow: hidden;}
}
@media only screen and (max-width:899px) {
.iabou_wz{width:40%;}
.iabou-img{width:60%}
}
@media only screen and (max-width:767px) {
.iabou_wz{width:100%;padding-top: 20px;}
.iab_jj{height: auto;}
.iabou-img{width:100%}
}




/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
/* 面包屑 */
.breav-nav{width: 100%;height: 70px;line-height: 70px;overflow: hidden;border-bottom: 1px solid #e6e6e6;background-color: #f5f5f5;box-shadow: 0 2px 5px rgba(0,0,0,0.1);text-transform: uppercase;}
.location {float:left;max-width:370px;background: url(../images/home.png)no-repeat left center;padding-left: 38px;overflow: hidden;color:#8b8989;font-size: 15px;}
.location a{color:#8b8989;}



/*二级栏目--纵向*/
.side_left{width: 260px;float: left;overflow: hidden;}
.side_right{margin-left:300px;overflow: hidden}
.submuen_nav{overflow: hidden;margin-bottom: 20px;}
.submuen_title{height: 100px;line-height: 100px;background: #16799d;color: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.submuen_title h3{font-size: 26px;font-weight: normal;color: #fff;text-align: center;}
.submuen_nav ul{background-color:#eaeaea;padding:8px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.submuen_nav li{background: #ffffff url(../images/l_icon01.png) no-repeat right 8% center;margin-bottom:8px;overflow: hidden;}
.submuen_nav li a{padding:0 20px;color: #666;height:52px;line-height:52px;display: block;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.submuen_nav li.cur{background: #f18c1c url(../images/l_icon01.png) no-repeat right 8% center;}
.submuen_nav li:hover {background: #f18c1c url(../images/l_icon01.png) no-repeat right 8% center;}
.submuen_nav li.cur a, .submuen_nav li:hover a{color: #FFF}

.sublx{margin-top: 20px;background: #fff;margin-bottom: 20px;border-top: 3px solid #16799d;}
.sublx_title {background: url(../images/l_tel.png) no-repeat 30px bottom;padding-left: 86px;padding-top: 25px;padding-bottom: 20px;border-bottom: 1px solid #16799d;}
.sublx_title span{font-size: 20px;color: #16799d;}
.intro_phone {padding: 10px;background: #f4f4f4;}
.intro_phone p{font-size: 14px;color: #333333;margin-bottom: 8px;line-height: 20px;}

@media (max-width:768px){
.side_left{width:100%; margin: auto}
.side_right{width: 100%;margin-left:0;}
.sublx{display: none;}
}



/*NEWLIST*/
.newlist{ }
.newlist ul li {overflow: hidden;transition: all .5s;margin-bottom: 36px;}
.newlist .sl_text {width: 100%;overflow: hidden;}
.newlist .sl_text .t{padding-left: 90px;position: relative;margin-bottom: 20px;}
.newlist .sl_text .t h4{font-size: 22px;height: 40px;line-height: 40px;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: #16799d; }
.newlist .sl_text .t .em{font-size: 12px;line-height: 28px;}
.newlist .sl_text .t .em strong {color: #25211e;font-weight: normal;}
.newlist .sl_text .t .em a {color: #b3212d;font-style: normal;}
.newlist .sl_text .t .date {position: absolute;left: 0px;top: 0px;background:#169aaf;color: #fff;width: 60px;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: 13px;line-height: 22px;height: 44px;color: #888888;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}



/*IMGLIST*/
.imglist ul li{width: 31.33%;float: left;display: block;margin: 0 1% 20px;}
.imglist ul li h5 {font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;background:#f5f5f5;padding: 10px 20px;}
.imglist ul li h5 em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right: 20px; background:url(../images/more.png) no-repeat center right}
.imglist ul li:hover h5 { background:#16799d;color:#ffffff;transition: all 0.8s; }
.imglist ul li:hover h5 em{background:url(../images/more2.png) no-repeat center right}
.imglist ul li .himg{overflow: hidden}
.imglist ul li img {display: block;width: auto;margin: 0 auto;}
.imglist ul li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.8s;}

@media only screen and (max-width:767px) {
.imglist ul li{width:48%;}
}
@media only screen and (max-width:500px) {
.imglist ul li{width:100%;margin-left: auto; margin-right: auto;}
}


/*PICLIST*/
.piclist{overflow: hidden}
.piclist dl {width: 31.33%;margin: 0 1%;float: left;margin-bottom: 20px;}
.piclist dl dt {border: 1px solid #e5e5e5;background: #fff;height: 250px;overflow: hidden;}
.piclist dl dt img {display: block;height: 100%!important;margin: auto;}
.piclist dl dd {height: 50px;font-size: 14px;line-height: 50px;text-align: center;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #e5e5e5;}
@media (max-width:768px){
.piclist dl{width:48%;}
}



/*详情*/
.nrcompany h1 {text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 30px;font-weight: normal;color: #333;}
.met-editor {border-bottom:#eee solid 1px;padding-bottom: 10px;text-align: center;font-size: 15px;color: #999;font-weight: 300;}
.nrxqzy {font-size: 15px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;}


/*分页样式*/
.pglist {padding:30px 0 15px; width: 100%; text-align: center; clear: both; }
.pglist a {color:#666; padding:0 15px; margin:0 3px; background:#fff; border:1px solid #edebeb; }
.pglist * {display:inline-block; vertical-align: middle; line-height: 34px; padding-bottom:1px; }
.pglist a:hover, .pglist .hover {display: inline-block; color: #fff; background: #16799d; border-color: #16799d; }


/*reLink*/
.reLink{padding-top: 20px;padding-bottom:30px; text-align: center;overflow: hidden;font-size: 15px;border-top: 1px solid #e6e6e6;}
.reLink a{color: #16799d;text-decoration: none;}
.reLink a:hover{color:#16799d;text-decoration:underline;}