@charset "utf-8";
/* CSS Document */
/*index*/
.linet-itle { padding:10px 0; overflow: hidden;margin-bottom:30px;}
.linet-itle h2 {font-size:40px;margin-top: 0px;text-align: center;font-weight:600;color:#282828;line-height: 50px;}
.linet-itle h2 em{color:#324d5e;}
.linet-itle p.desc {font-size:16px;text-align: center;width: 80%;color:#a4a4a4;margin: 5px auto 0px auto;text-transform: uppercase;}



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

.hp_menu{float: left;width:280px;background: #ffffff;overflow: hidden;}

.hp_menu_title{text-align: center;padding: 25px 0;background: #324d5e;}
.hp_menu_title h2{font-size: 35px;color: #fff;line-height: 38px;font-weight: normal;}
.hp_menu_title p{font-size: 16px;color: #90abbb;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:#ed3237;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: #f5f5f5;}
.hp_menu ul li{height:59px;line-height:59px;font-size: 16px;background: url(../images/jia.png) no-repeat right center;border-bottom: 1px solid #ddd;}
.hp_menu ul li a{display:block;}
.hp_menu ul li:hover{color:#ed3237;}

.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;text-align: center;font-weight: normal;height: 60px;line-height: 60px;background:#f5f5f5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hp_list ul li a {color: #333;}
.hp_list ul li:hover h5 { background:#ed3237;color:#ffffff;transition: all 0.8s; }
.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:660px) {
.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;}
.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;}
}



/*SERVICE*/
.home_service{padding-top:50px;padding-bottom: 70px;overflow: hidden;background: url(../images/index_bg2.jpg) repeat-y;}
.hs_liuc dl{float:left;width:16.66%;padding-left:8px;padding-right:8px;height:auto;box-sizing:border-box;}
.hs_liuc dl dt{display: block;overflow:hidden;}
.hs_liuc dl dt img{display: block;}
.hs_liuc dl dd{background: #FFF;height: 50px;border-bottom:5px solid #ed3237;padding: 22px 5px;text-align: center;overflow: hidden;}
.hs_liuc dl dd b{display: block;font-size: 18px;}
.hs_liuc dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition: 1s;}
.hs_liuc dl:hover dd{background: #ed3237;color:#FFF;}


@media only screen and (max-width:1199px) {
.home_service{background-size: cover;}
}
@media only screen and (max-width:767px) {
.hs_liuc dl{width:33.33%;margin-bottom: 20px;}

}
@media only screen and (max-width:400px) {
.hs_liuc dl{width:50%;}
}


/*ADVANTAGE*/
.home_advantage{padding-top:60px;padding-bottom:0;overflow: hidden;}

.had_box{clear: both;line-height: 28px;font-size: 16px;position: relative;overflow: hidden;z-index: 1;color: #666;}
.had_box:before {content: "";position: absolute;width: 100%;height: 1px;background:#eaeaea;top:0;left: 0;z-index: -1;}
.had_box:after {content: "";position: absolute;width: 100%;height: 1px;background:#eaeaea;bottom:0;left: 0;z-index: -1;}

.adge {height:430px;display: block;overflow: hidden;}
.adge_p {height:430px;display: block;width: 50%;}
.adge_w {width: 46.98%;}
.adge_wc {width: 544px;padding: 68px 0 0;}
.adge_t {height:auto;margin-bottom: 20px; font-size: 26px;color: #2f2f2f;line-height: 40px;}
.adge_t b{display: block;font-size: 36px;line-height: 57px;color: #324d5e;}
.adge_wc li {position: relative;padding-bottom:18px;color:#868686;}
.adge_wc li em{color: #800206;padding-right:8px;}

@media only screen and (max-width:1199px) {
.adge_p {background-size: cover!important;}
.adge_w{width: 46%;margin-left: 2%;margin-right: 2%;}
.adge_wc{width: 100%;}
}
@media only screen and (max-width:767px) {
.adge_wc{padding-top: 38px;}
}
@media only screen and (max-width:639px) {
.adge{height: auto;}
.adge_p{width: 100%;height: 399px;}
.adge_w{width: 94%;margin-left: 3%;margin-right: 3%;}
.adge_wc {padding-top: 30px;padding-bottom: 30px;}
}


/*ABOUT*/
.home_about{padding-top:60px;padding-bottom: 80px;overflow: hidden;background:url(../images/index_bg.jpg) repeat-y; }

.h_ab_fl{width: 50%;box-sizing: border-box;padding-right: 80px;float: left;margin-top: 50px;}
.h_ab_fl h3{font-size: 28px;color: #000000;margin-bottom: 20px;font-weight: normal;}
.h_ab_fl h4{font-size: 20px;color: #324d5e;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;text-transform: uppercase;font-weight: normal;}
.h_ab_fl p{font-size: 15px;color: #000000;line-height: 28px;margin-bottom: 50px;text-align: justify;}
.h_ab_fl a.more{display: block;width: 152px;height: 50px;border-radius: 2rem;text-align: center;line-height: 50px;border: 1px solid #324d5e;color: #fff;background-color: #324d5e;font-size: 14px;position: relative;z-index: 0;overflow: hidden;}
.h_ab_fl a.more:after{content: '';display: block;width: 0%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;z-index: -1;transition: all .3s;border-radius: 2rem;}
.h_ab_fl a.more:hover:after{width: 100%;}
.h_ab_fl a.more:hover{color: #003f2d;}
.h_ab_fr{width: 50%;float: right;display: block;}
.h_ab_fr img{display: block;width: 100%;}

@media only screen and (max-width:1024px) {
.h_ab_fl{margin-top: 0;padding-right:50px;}
}
@media only screen and (max-width:767px) {
.h_ab_fl{width: 100%;padding-right:0;float: none}
.h_ab_fl h3{font-size:24px;}
.h_ab_fl h4{font-size: 18px;}
.h_ab_fr{width: 100%;float: none;margin-top: 50px;}
}




/*NEW*/
.home_new{padding-top: 50px;padding-bottom:80px;overflow: hidden;}

.new_title{font-size: 22px;line-height: 64px;color: #333;height: 64px;font-weight: bold;overflow: hidden;}
.new_title span{float:right;font-weight:normal;font-size:15px;text-transform:uppercase;font-family:Arial;}

.new_c{width:57%;float: left;display: block; }
.new_c_dl {width: 100%;height: auto;overflow: hidden;margin-bottom: 20px;}
.new_c_dl dl{width:48%;float: left;}
.new_c_dl dl:first-child{margin-right: 4%;}
.new_c_dl dt, .new_c_dl dt img {width: 100%;height: 172px;display: block;overflow: hidden;}
.new_c_dl dd h4 {color:#333;display:block;font-size:16px;height:48px;line-height:48px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.new_c_dl dd p{color: #908d8d;}
.new_c_dl dd p a {color:#bf0107;}

.new_c li {height: 52px;line-height: 52px;border-bottom: 1px solid #dcdcdc;overflow: hidden;font-size: 15px;}
.new_c li span{float: right;font-size: 13px;color: #888;width: 73px;}
.new_c li a{position: relative;padding: 0 0 0 22px;color: #333;width:calc(100% - 100px);float: left;}
.new_c li a:before {content:"";position:absolute;width:5px;height:5px;left:0;top:21px;border-radius:100%;border: solid 2px #a9a9a9;}

.new_r{width:38%;float: right;display: block;}
.new_r li {height:58px;line-height:58px;border-bottom:1px solid #FFF;overflow:hidden;font-size: 15px;background:#f5f5f5;padding:0 10px;}
.new_r li span{float: right;font-size: 13px;color: #888;width: 73px;}
.new_r li a{position: relative;padding: 0 0 0 22px;color: #333;width:calc(100% - 100px);float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_r li a:before {content:"";position:absolute;width:5px;height:5px;left:0;top:25px;border-radius:100%;border: solid 2px #a9a9a9;}

@media only screen and (max-width:767px) {
.new_c {width:100%;float: none;margin-bottom: 20px;}
.new_r {width:100%;float: none;}
}
@media only screen and (max-width:499px) {
.new_c_dl dl{width:100%;margin-right: 0;margin-bottom: 15px;}

}

/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
/* 面包屑 */
.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) left 28px no-repeat;padding-left: 38px;overflow: hidden;color:#8b8989;font-size: 16px;font-weight: 300;}
.location a{color:#8b8989;}


/*二级栏目*/
.side_left{width: 260px;float: left;overflow: hidden;}
.side_right{margin-left:290px;overflow: hidden}
.submuen_nav{overflow: hidden;margin-bottom: 20px;}
.submuen_title{height: 70px;line-height: 70px;background: #324d5e;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: #ed3237 url(../images/l_icon02.png) no-repeat right 8% center;}
.submuen_nav li:hover {background: #ed3237 url(../images/l_icon02.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 #324d5e;}
.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 #324d5e;}
.sublx_title span{font-size: 20px;color: #324d5e;}
.intro_phone {padding: 10px;background: #f4f4f4;}
.intro_phone p{font-size: 14px;color: #333333;margin-bottom: 8px;line-height: 20px;}

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



/*newlist*/
.newlist li{height: 180px;overflow: hidden;}
.newlist li .time{ float: left; display: block; width:105px; height:85px; text-align:center; background:#eee; color:#999;}
.newlist li .time em{ height:35px; background:#f5f5f5; display:block; line-height:35px; font-size:14px;}
.newlist li .time span{ height:50px; line-height:50px; display:block; font-size:30px;}
.newlist li .linn{margin-left: 128px;}
.newlist li .name{color:#666;height: 35px;border-bottom:#e0e0e0 solid 1px;overflow:hidden;font-size:18px;}
.newlist li .name em{ display:block; height:24px; line-height:24px; overflow:hidden;}
.newlist li .content{line-height:24px;overflow:hidden;padding-top:10px;height:58px;margin-bottom:10px;color:#999;font-size: 15px;}
.newlist li .btnmore{ width:52px; color:#666;font-size:12px;background: url(../images/ico2.png) right center no-repeat;}
.newlist li:hover .time{ background:#800206; color:#fff;}
.newlist li:hover .time em{ background:#800206;}
.newlist li:hover .name{ color:#800206; font-weight:bold;}
.newlist li:hover .btnmore{ color:#800206;background: url(../images/ico2_h.png) right center no-repeat;}


/*img_listcom*/
.img_listcom{}
.img_listcom ul li {width:31.33%;float: left; margin: 0 1%; margin-bottom: 1.5em; overflow: hidden;  }
.img_listcom ul li a {display: block; border: #f5f5f5 5px solid;}
.img_listcom ul li img {width:100%; height: auto;display: block;}
.img_listcom ul li span {display:block;line-height:60px;font-size:16px;text-align:center;height:60px;background: #f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.img_listcom ul li a:hover{border: #ed3239 5px solid;}
.img_listcom ul li:hover span{background:#ed3239;color:#FFF}
@media (max-width: 1023px) {
.img_listcom ul li { width: 47%; margin: 0 1%; margin-bottom: 1.5em;}
}
@media (max-width: 640px) {
.img_listcom ul li { width:99%; margin: 10px 0; margin-bottom: 1.5em;}
}



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

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



/*详情*/
.nrcompany h1 {text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 28px;font-weight: normal;}
.met-editor {border-bottom:#eee solid 1px;padding-bottom: 18px;padding-top: 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;}


/*新闻模块*/
.news-list-md{margin: 20px 0px;padding: 30px;border: solid 1px #dddddd;box-sizing: border-box;margin-bottom: 2%;background-color: #FFF;overflow: hidden;}
.news-list-md h3{font-size: 18px;font-weight: 300;margin: 0px;width: 160px;height: 40px;background-color: #ed3239;text-align: center;color: #FFF;line-height: 40px;}
.news-list-md ul { margin-top: 10px; margin-bottom: 0px; }
.news-list-md ul li{width:48%;float:left;display: block;line-height:45px;height:45px;overflow:hidden;}
.news-list-md ul li a {width:75%;float: left; color:#555555;font-size:15px;display: block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list-md ul li a:hover { color:#ed3239; }
.news-list-md ul li span{float: right;color: #a6a6a6;}
.news-list-md ul li:nth-child(2n){margin-left:4%;}
@media (max-width:767px) {
.news-list-md ul li{width:100%;}
.news-list-md ul li:nth-child(2n){margin-left:0;}
}
/*产品框架*/
.img-list-md{margin: 20px 0px;padding: 30px;border: solid 1px #dddddd;box-sizing: border-box;margin-bottom: 2%;background-color: #FFF;overflow: hidden;}
.img-list-md h3{font-size: 18px;font-weight: 300;margin: 0px;width: 160px;height: 40px;background-color: #ee3138;text-align: center;color: #FFF;line-height: 40px;}
.img-list-md ul {margin-top: 10px;margin-bottom: 0px;}
.img-list-md ul li{display: block;padding:10px 0;width:24%;margin-left:1.333%;float: left;}
.img-list-md ul li:nth-child(1){margin-left:0;}
.img-list-md ul li a {display: block;position: relative;}
.img-list-md ul li .hmimg {border: 1px solid #ddd;padding: 3px;overflow: hidden;}
.img-list-md ul li .hmimg img{display: block;width: 100%;}
.img-list-md ul li a span{position: absolute;bottom: -16px;left: 10%;color: #ffffff;width: 80%;height: 32px;line-height: 32px;background: #4e4e4e;font-size: 15px;text-align: center;overflow: hidden;}
.img-list-md ul li a:hover .hmimg{border: 1px solid #ed3239;}
.img-list-md ul li a:hover span{background:#ed3239; }
@media only screen and (max-width:640px) {
.img-list-md ul li{width:48%; margin-left: 2%;}
.img-list-md ul li:nth-child(3){margin-left:0;}
}