@charset "utf-8";
/* CSS Document */
/*index*/
.line-title{padding:20px 0;overflow:hidden;}
.line-title h2{font-size:32px;margin-top:0px;text-align:center;color:#282828;line-height:35px;font-weight:bold;letter-spacing:2px;}
.line-title h2 em{color:#095ca5;font-weight:bold;}
.line-title p.desc{text-align:center;text-transform:uppercase;font-style:normal;font-family:"Arial";color:#c6c6c6;font-size:38px;font-weight:bold;text-decoration:none;line-height:1.0;}




/*ABOUT US*/
.home_about{padding-top:50px;padding-bottom:160px;overflow:hidden;background:url(../images/index_bg1.jpg)no-repeat bottom center;}

.habt_nav {width: 90%;margin:50px auto;height: auto;overflow: hidden;}
.habt_nav .list{width: 20%;height: auto;float: left;}
.habt_nav .list i {display: block;width: 60px;height:60px;margin: auto; filter:grayscale(1);opacity: 0.7;}
.habt_nav .list i.icon01 {background: url(../images/abicon01.png) no-repeat;}
.habt_nav .list i.icon02 {background: url(../images/abicon02.png) no-repeat;}
.habt_nav .list i.icon03 {background: url(../images/abicon03.png) no-repeat;}
.habt_nav .list i.icon04 {background: url(../images/abicon04.png) no-repeat;}
.habt_nav .list i.icon05 {background: url(../images/abicon05.png) no-repeat;}
.habt_nav .list i:hover{filter:grayscale(0);opacity:1;-webkit-transition: all .4s ease;transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;}
.habt_nav .list h3 {font-size:18px;color:#747474;line-height:60px;width:100%;height:auto;text-align:center;font-weight:normal;}

.hab_wenzi{width:90%;margin:30px auto;}
.hab_wenzi p{text-align:center;line-height:36px;font-size:16px;letter-spacing:2px;}
.hab_wenzi .more{overflow: hidden;width: 120px;background-color: #c11413;height: 36px;margin: 15px auto;line-height: 38px;font-size: 13px;color: #fff;text-align: center;border-radius: 8px;}
.hab_wenzi .more a{color: #FFF;}

.aboutB{border:8px solid #e6e6e6;background: #e6e6e6;overflow:hidden;border-right:0;}
.aboutB ul li{width:25%;float: left; padding-right:8px;box-sizing: border-box;}
.aboutB ul li img{display: block;}

@media only screen and (max-width:600px) {	
.habt_nav .list h3{font-size:16px;}
}
@media only screen and (max-width:499px) {
.habt_nav .list {width: 33.33%;}
}



/*PROJECT*/
.home_project{padding-top:50px;padding-bottom:0;overflow: hidden;background-size: cover;}
.hxm_box{margin-top: 20px;overflow: hidden;}
.hxm_box li{width: 25%;float: left;position: relative;cursor: pointer;height: 600px;border-right: 1px solid #fff;box-sizing: border-box;}
.hxm_box li .mo {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.5);opacity: 1;-webkit-transition:all .5s;transition:all .5s;}
.hxm_box li .hav {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.hxm_box li .hav .shu{display: block;padding-top: 210px;color: #fff;text-align: center;}
.hxm_box li .hav .shu h4{font-size:30px;color: #fff;font-weight: normal;line-height: 50px;padding: 10px 0;}
.hxm_box li .hav .shu em{display: block; font-size: 16px;color: #ffffff;height:60px;line-height:40px;padding: 10px 0;text-transform: uppercase;}
.hxm_box li .hav .bock{opacity: 0;}
.hxm_box li .hav .bock{width: 80%;position: absolute;left: 10%;top:25%;color: #fff;padding:15px 25px 25px;box-sizing: border-box;z-index:4;background: rgb(40, 78, 146, 0.9);border-radius:3px;}
.hxm_box li .hav .bock h3{font-size: 26px;text-align: center;line-height:50px;}
.hxm_box li .hav .bock p{font-size:15px;line-height:30px; text-align: justify;margin-top: 10px;}
.hxm_box li:hover .mo{opacity: 0;}
.hxm_box li:hover .hav .shu{display: none;}
.hxm_box li:hover .hav .bock{opacity: 1;}

@media only screen and (max-width:1024px) {
.hxm_box li{width: 50%;background-size:cover!important;}
}
@media only screen and (max-width:599px) {
.hxm_box li{width:100%;}
}



/*CASE*/
.home_case{padding-top:50px;padding-bottom:80px;overflow:hidden;background: #F5F5F5;}
.hcaseBox{margin-top: 20px;position: relative;}
.hcase_list{overflow: hidden;}
.hcaseBox ul li{width: 33.33%;display:block;float: left;overflow: hidden;}
.hcaseBox ul li a {display: block;padding: 0 5px;}
.hcaseBox ul li .himg{overflow: hidden}
.hcaseBox ul li .himg img {display: block;width: auto;margin: 0 auto;}
.hcaseBox ul li:hover .himg img{-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.6s;}
.hcaseBox ul li .intro{background:#dedede;padding: 15px 15px;width: 100%;box-sizing: border-box;opacity:1;}
.hcaseBox ul li .intro h5{display:block;font-size:16px;font-weight:normal;color: #333;line-height:35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: opacity 0.5s;}
.hcaseBox ul li .intro p{font-size: 12px; line-height: 20px;}
.hcaseBox ul li:hover .intro{background:#284e92;}
.hcaseBox ul li:hover .intro h5{color: #fff;}

.hcase_prev{position:absolute;top:130px;left:-64px;background:url(../images/LRicon.png) no-repeat;width:59px; height:59px;cursor:pointer}
.hcase_next{position:absolute;top:130px;right:-64px;background:url(../images/LRicon.png) no-repeat -120px 0px;width:59px; height:59px;cursor:pointer}
.hcase_prev:hover{background-position:-60px 0px;transition:all ease 600ms;}
.hcase_next:hover{background-position:-180px 0px;transition:all ease 600ms;}

@media only screen and (max-width:1200px){
.hcase_prev{left:-20px;top:90px;}
.hcase_next{right:-20px;top:90px;}
}
@media only screen and (max-width:768px) {
.hcaseBox ul li{width:50%;;}
.hcase_prev{top: 80px;}
.hcase_next{top: 80px;}
}
@media only screen and (max-width:499px) {
.hcaseBox ul li{width:100%;}
}



/*NEW*/
.home_new{padding-top:50px;padding-bottom:80px;overflow:hidden;/* background: #F5F5F5; */}
.hnewBox{overflow:hidden;margin-top: 30px;}
.news_a{width:50%;padding-right:30px;box-sizing: border-box;overflow: hidden;float: left;}
.news_a dl dt{width:100%;height:auto;overflow: hidden; }
.news_a dl dt img{display: block;width:100%;}
.news_a dl dd{margin-top: 23px;overflow: hidden;}
.news_a dl dd em{float:left;width:102px;box-sizing:border-box;font-size:28px;color:#333;font-weight:bold;text-align:right;padding-right:20px;border-right:1px solid #d6d6d6;letter-spacing:-1px;height:150px;line-height:80%}
.news_a dl dd em i{display:block;font-size:13px;font-weight:400;line-height:80%;margin-top:12px}
.news_a dl dd h4{margin-left: 120px;font-weight:400}
.news_a dl dd h4 b a{display:block;font-size:22px;color:#202428;line-height:30px;font-weight:400;letter-spacing:1px;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_a dl dd h4 b a:hover{color:#224480}
.news_a dl dd span{font-size:14px;line-height:22px;color:#666;margin-top:10px;display:block;}
.news_a dl dd i{display:block;margin-top: 25px;}
.news_a dl dd i a{font-size:14px;color:#202428;opacity:.7;font-weight:bold;border-bottom: 3px solid #cca57a;}
.news_a dl dd i a:hover{color:#203f78;opacity:1}

.news_c{width:50%;padding-left:30px;box-sizing: border-box;overflow: hidden;float: left;}
.news_c dl{border-bottom:1px solid #d6d6d6;height:166px}
.news_c dt{float:left;width:102px;height:166px;border-right:1px solid #d6d6d6;padding-right:18px;box-sizing:border-box;text-align:right;padding-top:30px}
.news_c dl:last-of-type{border-bottom:none;padding-bottom: 20px;}
.news_c dt em{font-size:28px;color:#333;font-weight:bold;line-height:80%}
.news_c dt em i{display:block;font-size:13px;font-weight:400;line-height:100%;margin-top:5px}
.news_c dd{margin-left: 105px;padding-left:25px;box-sizing:border-box;}
.news_c dd h4 a{display:block;font-size:22px;font-weight:400;padding-top: 20px;line-height:22px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_c dd h4 a:hover{color:#22427d}
.news_c dd span{font-size:14px;line-height: 20px;color:#8e8b8b;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_c dd i{display: block;margin-top: 30px;}
.news_c dd i a{font-size:14px;line-height:14px;color:#202428;opacity:.7;font-weight:bold}
.news_c dd i a:hover{color:#244785;opacity:1}

@media only screen and (max-width:768px) {
.news_a{width:100%;padding-right:0;}
.news_a dl dd{border-bottom: 1px solid #d6d6d6;}
.news_c{width:100%;padding-left:0;}
}


/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
/* 面包屑 */
.breav-nav{width: 100%;height: 70px;line-height: 70px;text-transform: uppercase;overflow: hidden;background-color: #fff;border-bottom: 2px solid #f4f4f4;}
.location {float:left;background: url(../images/home.jpg) left center no-repeat;padding-left: 78px;overflow: hidden;color: #848181;font-size: 15px;}
.location a{display: inline-block;color:#848181;/*background: url(../images/wz1.jpg) no-repeat right center;padding-right: 10px;*/font-weight: 300;}
.location a:last-child{background-image:none;}

/* 横向二级导航 */
.sub_muen {float: right;display: block;}
.sub_muen li{float: left;height: 70px;margin-left: 10px;position:relative;z-index: 1;}
.sub_muen li a {display: block;font-size: 16px;color: #333;padding: 0 18px;}
.sub_muen li:hover a, .sub_muen li.cur a {color: #ffffff;}
.sub_muen li:after {content:"";position: absolute;margin:auto;left: 0;right:0;bottom: 0;width: 0;height:100%;background: #c50b09;border-radius:3px;transition: 0.5s;-webkit-transition: 0.5s;opacity: 0;z-index:-1;}
.sub_muen li:hover:after, .sub_muen li.cur:after {width: 100%;opacity: 1;}

.m_sub_muen{display: none}
.m_sub_muen{text-align: center;margin-top: 30px;}
.m_sub_muen li{display:inline-block;margin:0 4px 10px;}
.m_sub_muen li a{display:block;padding:10px 30px;border:1px solid #cfcfcf;background:#ffffff;color:#333;font-size:15px;border-radius: 8px;}
.m_sub_muen .cur a{background:#c50b09;;color:#FFF;}

@media only screen and (max-width:1023px) {
.sub_muen{display: none}
.m_sub_muen{display:block;}
}



/*article*/
.ny-title {padding-bottom: 10px;margin-bottom: 30px;position: relative;text-align: center;}
.ny-title h3 {font-size: 32px;color: #284e93;margin-bottom: 5px;font-weight: bold;line-height: 1.3;letter-spacing: 3px;}
.ny-title p {font-size: 17px;color: #7b7b7b;text-transform: uppercase;letter-spacing: 1px;font-weight: 300;}



/*NEWLIST*/
.newlist{}
.newlist dl{margin-bottom: 20px;overflow: hidden;}
.newlist dl dt{float: left;width: 300px;overflow: hidden;}
.newlist dl dt img{display: block;width: 100%;}
.newlist dl dd{float: right;width: calc(100% - 300px);padding: 0 35px 0 30px;box-sizing:border-box;}
.newlist dl dd .txt1 {font-size: 18px;font-weight: bold;line-height: 25px;height: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlist dl dd .txt1 a{color: #333333;}
.newlist dl dd .txt2{font-size: 13px;color: #999999;margin-top:10px;}
.newlist dl dd .txt2 .sp1{margin-right:15px;background: url(../images/newsico1.png) no-repeat left center;padding-left: 30px;padding-top: 3px;padding-bottom: 3px;}
.newlist dl dd .txt2 .sp2{margin-right:15px;background: url(../images/newsico2.png) no-repeat left center;padding-left: 30px;padding-top: 3px;padding-bottom: 3px;}
.newlist dl dd .txt3{margin-top:20px;font-size: 13px;color: #969292;line-height: 20px;height: 60px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.newlist ul li{padding: 30px 40px;border-bottom: 1px solid #fafafa;background: #fff;overflow: hidden;}
.newlist ul li:nth-child(2n){background: #fafafa;}
.newlist ul li .time {width: 160px; float: left;font-size: 30px;color: #999999;font-weight: bold;font-family: "Arial";padding-top: 25px;}
.newlist ul li .tbox {width:calc(100% - 200px);float: right;padding-right:36px;box-sizing: border-box;background: url(../images/news_ico1.png) no-repeat right center;}
.newlist ul li:hover .tbox {background-image: url(../images/news_ico1h.png);}
.newlist ul li .tbox .t1 {font-size: 18px;color: #333333;line-height: 22px;height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlist ul li .tbox .t2 {margin-top: 20px;font-size: 13px;color: #969292;line-height: 21px;height: 42px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newlist ul li:hover {background: #284e92;}
.newlist ul li:hover .time{color:#ffffff}
.newlist ul li:hover .tbox .t1 {color:#ffffff}
.newlist ul li:hover .tbox .t2 {color:#FFFFFF;opacity: 0.8;}

@media only screen and (max-width:1024px) {
.newlist ul li .time{font-size:22px;width:120px; }
.newlist ul li .tbox{width: calc(100% - 140px);}
}
@media only screen and (max-width:499px) {
.newlist dl dt{width: 100%;}
.newlist dl dd{width:100%;padding: 0;margin-top: 10px;}
.newlist ul li{padding:20px 20px;}
.newlist ul li .time{font-size:18px;width:100px; }
.newlist ul li .tbox{width: calc(100% - 100px);}
}




/*IMGLIST*/
.imglist{}
.imglist li{width:25%;float: left;display: block;margin-bottom:10px;}
.imglist li a{display: block;padding:0 5px;}
.imglist li .hpimg{overflow: hidden;border: 1px solid #eaeaea;box-sizing: border-box;}
.imglist li .hpimg img{display: block;width: auto;margin: 0 auto;}
.imglist li .hptxt{height:60px;line-height:60px;padding: 0 10px;background: #eaeaea;text-align:center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.imglist li .hptxt h5{color:#333;font-size:15px;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.imglist li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.8s;}
.imglist li:hover .hpimg{border: 1px solid #284e92;transition: all 0.8s;}
.imglist li:hover .hptxt{background:#284e92;transition: all 0.8s;}
.imglist li:hover .hptxt h5{color:#FFF;}

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


/*caselist*/
.caselist ul li{float: left;width:33.33%;padding: 10px;box-sizing: border-box;}
.caselist ul li a{display: block; border: 1px solid #f3f3f3;-webkit-transition: all .4s ease;transition: all .4s ease;}
.caselist ul li img{display: block;}
.caselist ul li .title{text-align: center;font-size:15px; padding:15px;background-color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caselist ul li a:hover{box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);}
.caselist ul li a:hover .title{background:#1f598f;-webkit-transition: all .4s ease;transition: all .4s ease;}
.caselist ul li a:hover span {color:#FFF;-webkit-transition: all .4s ease;transition: all .4s ease;}

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



/*业务范围*/
.BusinessBox{margin-top: 20px;overflow: hidden;}
.BusinessBox li{width: 25%;float: left;position: relative;cursor: pointer;height: 600px;border-right: 1px solid #fff;box-sizing: border-box;}
.BusinessBox li .mo {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.5);opacity: 1;-webkit-transition:all .5s;transition:all .5s;}
.BusinessBox li .hav {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.BusinessBox li .hav .shu{display: block;padding-top: 210px;color: #fff;text-align: center;}
.BusinessBox li .hav .shu h4{font-size:30px;color: #fff;font-weight: normal;line-height: 50px;padding: 10px 0;}
.BusinessBox li .hav .shu em{display: block; font-size: 16px;color: #ffffff;height:60px;line-height:40px;padding: 10px 0;text-transform: uppercase;}
.BusinessBox li .hav .bock{opacity: 0;}
.BusinessBox li .hav .bock{width: 80%;position: absolute;left: 10%;top:15%;color: #fff;padding:15px 25px 25px;box-sizing: border-box;z-index:4;background: rgb(40, 78, 146, 0.9);border-radius:3px;transition:all .5s;}
.BusinessBox li .hav .bock h3{font-size: 26px;text-align: center;line-height:50px;}
.BusinessBox li .hav .bock p{font-size:15px;line-height:30px; text-align: justify;margin-top: 10px;}
.BusinessBox li:hover .mo{opacity: 0;}
.BusinessBox li:hover .hav .shu{display: none;}
.BusinessBox li:hover .hav .bock{opacity: 1;}

@media only screen and (max-width:1024px) {
.BusinessBox li{width: 50%;background-size:cover!important;}
}
@media only screen and (max-width:599px) {
.BusinessBox li{width:100%;}
}








/*详情*/
.nrcompany h1 {text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 26px;font-weight: normal;}
.met-editor {border-bottom:#eee solid 1px;padding-bottom: 10px;text-align: center;font-size: 16px;color: #999;font-weight: 300;}
.xwzy {font-size: 14px;color:#8c8c8c;line-height: 24px;margin-top:30px;background: #f5f5f5;padding:20px 28px;text-align: justify;}
.nrxqzy {font-size: 15px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;}

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


/*分页样式*/
.pglist {padding:30px 0 15px; width: 100%; text-align: center; clear: both;font-size: 13px;}
.pglist a {color:#666;padding: 0 12px;margin: 0 2px;background:#fff;border:1px solid #edebeb;border-radius: 3px;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 32px;padding-bottom:1px;}
.pglist a:hover, .pglist .hover {display: inline-block;color: #fff;background: #3e66ad;border-color: #284e92;}
.pageinfo{display:none;}
.pglist span{color:#666;padding: 0 12px;margin: 0 2px;background:#fff;border:1px solid #edebeb;border-radius: 3px;}
.pglist span.current{color: #fff;background: #3e66ad;border-color: #284e92;}



/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width: 100%; height:380px; }
#Map .MapInfo img{max-width:none!important;}