body {font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; margin:0; padding:0; color: #000; width: 100%; font-size: 16px; line-height: 30px;}
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
p, ul, ol, li, form, img, dl, dt, dd, em, i {margin:0;margin:0;border:0;list-style: none;}
input,select,textarea{outline: none;border:none; font-family: "微软雅黑";cursor: pointer;}
img{border:none;}
ul,li{list-style: none;margin:0;padding:0;border:0;font-family: "微软雅黑", "Microsoft Yahei";}
a{color:#000;text-decoration:none;font-family: "微软雅黑", "Microsoft Yahei";outline:none;blr:expression(this.onFocus=this.blur());}
em{font-style: normal;}
.lf{float:left;}   
.rt{float:right;}  
.cl{clear: both;}

.main_box{width: 94%; margin: 3%; overflow: hidden;}
.top{height: 1.5rem; line-height: 1.5rem;}
.top .logo { width: 80%;}
.top .logo img { max-width: 100%; padding-top: 6%;}
.top .menu_button i{font-weight: bold;font-size: 1.5em; color: #295845;}

.top.active { background: #fff;-moz-box-shadow: 0px 1px 5px #ededed; box-shadow: 0px 1px 5px #ededed;}
.top .menu{ display: none}
.top .menu { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.70); padding: 0 1rem; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; left: 100vw; display: block }
.top .menu .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative }
.top .menu .hd .clone { width: 1rem; height: 40%; position: absolute; right: 0; top: .2rem; background: url(../images/delete-icon.png) top right no-repeat; text-align: right; background-size: 50%;}
.top .menu ul {display: block; }
.top .menu ul li{ display: block; height: 1rem; line-height: 1rem; border-bottom: 1px solid #fff }
.top .menu ul li a{ display: block;color: #fff ; padding-left: .1rem;}
.top .menu.active { left: 0; z-index: 3;}
.banner {z-index: 1;}
.banner .banners >div >div >div{width: 100%;}
.banner .banners >div >div >div img{width: 100%;}
.banner .banners1{bottom: .2rem !important; z-index: 2}
.banner .banners1 span{width: 10px;opacity: 1;background: #fff;height: 5px;border-radius:0;}
.banner .banners1 span.swiper-pagination-bullet-active{ background: #295845;}
.nav{overflow: hidden;}
.nav li { float: left; width: 25%; text-align: center; margin: .3rem 0;}
.nav li i{width: 100%; font-size: 2em;color: #295845;}

.fenge{ width: 100%; height: .1rem; background-color: #e7e7e7;}
.fenge1{ height: 2px; border-bottom: 1px solid #fff; margin-top: .5rem; margin-bottom: .5rem;}
.fenge2{ width: 100%; height: 1px; background-color: #e3e3e3;}

.about_title{width:80%;margin: 1rem auto 0 auto; height: 1rem; line-height: 1rem; border-top: 1px solid #000; position: relative;}
.about_title span { width: 70%; text-align: center; position: absolute; top: -.5rem; left: 15%;background-color: #fff; text-align: center; font-size: 1.3em; color: #295845; font-weight: bold;}

.about_pic{margin: .3rem 0; text-align: center;}
.about_pic img { max-width: 100%;}
.about_class {margin: .5rem 0; overflow: hidden;}
.about_class li {width: 25%; text-align: center; float:left; line-height: 1rem;}
.about_class li {color: #295845;}

.pro { background-color: #f6f6f6;}
.pro .pro_title{text-align: center;font-size: 1.5em; padding: .5rem 0 0 0; font-weight: bold;}
.pro_ftitle {text-align: center;}
.pro_class li{ float: left; width: 48%; padding: .05rem 0; margin-right: 2%;margin-top: 4%; text-align: center; background-color: #fff;border-radius: 5px; box-shadow: 2px 2px 10px #ddd;} 
.pro_class li a {display: block;}
.pro_class ul li:nth-child(2),.pro_class ul li:nth-child(4)  { margin-right: 0;}
.pro_class li i { margin-right: 5px;}
.pro_class li a i { color: #295845;}

.pro_list li {width: 46%; margin: 2%; float: left; text-align: center;}
.pro_list li .pro_pic { width: 100%; height: 2.5rem; overflow: hidden;background-color: #fff;border-radius: 5px; box-shadow: 2px 2px 10px #ddd;display: flex;align-items: center}
.pro_list li .pro_pic img {max-width: 100%; height: auto; align-items: center}
.pro_list li .pro_name { margin: .2rem auto;}

.pro_more{width:80%;margin: 1rem auto 0 auto; height: 1rem; line-height: 1rem; border-top: 1px solid #000; position: relative;}
.pro_more span { width: 60%; text-align: center; position: absolute; top: -.5rem; left: 20%;background-color: #f6f6f6; text-align: center; font-size: 1.2em;}
.pro_more span a{border: 1px solid #000; border-radius: 5px; background-color: #fff; padding:.1rem .3rem;}

.service_box {width: 100%; height: 8.5rem; background: url(../images/service_bg.jpg) top center no-repeat; overflow: hidden;}
.service_box .title{text-align: center; color: #fff;}
.service_box .title_ch{text-align: center;font-size: 1.5em; padding: .5rem 0 0 0; font-weight: bold;}
.service_box .title_intro {text-align: center; margin-bottom: .5rem;}
.service_list { padding-bottom: .5rem; overflow: hidden;}
.service_list >div >div {float: left; width: 100%; background-color: #fff;}
.service_list >div >div .service_pic { width: 100%; height: auto; overflow: hidden; position: relative;}
.service_list >div >div .service_pic img{ width: 100%; height: auto;}
.service_list >div >div .service_pic .service_pic_text { width: 100%; position: absolute; top: 0; bottom: 0; background-color: rgba(0,0,0,0.40); text-align: center; color: #fff; padding-top: .5rem;}
.service_list >div >div .service_pic .service_pic_text  .service_pic_text_num { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 20px; margin: 10px auto; font-size: 1.7em; line-height: 40px; text-align: center;}
.service_list >div >div .service_pic .service_pic_text  .service_pic_text_title {font-size: 1.2em; font-weight: bold; line-height: 30px;}
.service_list >div >div .service_pic .service_pic_text  .service_pic_text_intro {font-size: .8em; }
.service_list >div >div .service_name { margin: 10% auto;width: 2.1rem; height: .7rem; line-height: .7rem; text-align: center; color: #fff; border-radius: 5px;border: 1px solid #295845;}
.service_list >div >div .service_name a{ color: #295845;}
.service_list .service_list1 {}
.service_list .service_list1 span{width: 9px;opacity: 1;background: #d8d8d8;height: 6px; border-radius: 0px;}
.service_list .service_list1 span.swiper-pagination-bullet-active{ background: #295845;}

.news .title{text-align: center; color: #295845;}
.news .title_ch{text-align: center;font-size: 1.5em; padding: .5rem 0 0 0; font-weight: bold;}
.news .title_intro {text-align: center; margin-bottom: .5rem; color: #000;}
.news_class {width: 80%; margin: 2% 10%; height: .8rem; background-color: #e0e0e0;border-radius: 5px;}
.news_class li { float: left;width: 50%; text-align: center; line-height: .8rem;}
.news_class li:nth-child(1).on{ background-color: #295845;border-radius: 5px 0 0 5px; color: #fff;}
.news_class li:nth-child(2).on{ background-color: #295845;border-radius: 0 5px 5px 0; color: #fff;}

.news_nr { margin: 5% 0;}
.news_toutiao { border: 1px solid #000; width: 100%; height: 2.6rem; padding: .2rem;}
.toutiao_img {width: 30%; height:2.2rem;  overflow: hidden;display: -webkit-flex; display:flex;/* android 4.4 */ justify-content:center; align-items: center;}
.toutiao_img img {max-width: 100%; height: auto;}
.toutiao_text {max-width: 68%; margin-left: 2%;}
.toutiao_text .toutiao_title { font-weight: bold; color: #295845; padding-top: .1rem;}
.toutiao_text .toutiao_title a{ color: #295845;}

.news_list {margin-top: .3rem;}
.news_list li {width: 100%; height: 1.2rem; border: 1px solid #b4b4b4; padding: .1rem; margin-bottom: .2rem;}
.news_list li .news_list_time { width: 20%; height: 1rem; line-height: .5rem; border-right: 1px solid #b4b4b4;}
.news_list li .news_list_time div {wi100%; text-align: center; font-size: 1.4em;}
.news_list_title { width: 76%; padding-left: 2%; margin-right: 2%; text-align: left; line-height: 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list_title a { color:#000;}

.copyritht{text-align: center; margin: .3rem 0 1.6rem 0;}

.foot {width: 100%; position: fixed; bottom:0; left: 0; height: 1.3rem; padding: .2rem 0; background-color: #1d1d1d;}
.foot li {float: left; text-align: center; width: 25%; line-height: 0.4rem;}
.foot li a{color: #fff;}
.foot li i {font-size: 1.4em;}
.foot li span {}

.sub_banner { width: 100%;}
.sub_banner img{ max-width: 100%;height: auto;}
.sub_postion {width: 100%; height: .8rem; line-height: .8rem; background-color: #f4f4f4; text-align: left; padding: 0 3%; color: #8f8f8f; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_postion a{color: #8f8f8f;}

.sub_title { height: 1rem; line-height: 1rem; font-size: 1.1em; font-weight: bold;text-align: left;}
.sub_title_fenge {width: 100%; height: 1px; background-color: #e0e0e0; position: relative; margin-bottom: .4rem;}
.sub_title_fenge span{width: 30%; height: 1px; top: 0; left:0; background-color: #295845; position:absolute;}

.erji_class { width: 94%; margin: 3%;}
.erji_class li{ float: left; width: 32%; padding: .05rem 0; margin-right: 2%;margin-top: 2%; text-align: center; background-color: #fff;border-radius: 5px; box-shadow: 2px 2px 10px #ddd;} 
.erji_class ul li:nth-child(3),.erji_class ul li:nth-child(6)  { margin-right: 0;}
.erji_class li i { margin-right: 5px;}
.erji_class li a i { color: #295845;}
.erji_class li.on {box-shadow: 2px 2px 10px #295845; background-color: #295845;}
.erji_class li.on a i { color: #fff;}
.erji_class li.on a { color: #fff;}

.sub_pro_list li {float: left; width: 48%; margin: 2% 1%; text-align: center;}
.sub_pro_list li .sub_pro_img{width: 100%; height: 3rem; background-color: #ebebf5; overflow: hidden;display: flex;align-items: center}
.sub_pro_list li .sub_pro_img img{ max-width: 100%; height: auto;overflow: hidden;align-items: center}
.sub_pro_list li .sub_pro_name{width: 100%; height: 1rem; line-height: 1rem; background-color: #919191; margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #fff;}
.sub_pro_list li a{ color: #fff;display: block;}
.sub_page { width: 100%; margin: .3rem auto; text-align: center;}

.sub_title i{ margin-right: 5px; color: #295845;}

.sub_pro_list li .sub_pro_img1{width: 100%; height: 3rem; overflow: hidden;display: flex;align-items: center; border: 1px solid #ddd; border-radius: 5px;}
.sub_pro_list li .sub_pro_img1 img{ max-width: 100%; height: auto;overflow: hidden;align-items: center}
.sub_pro_list li .sub_pro_name1{width: 100%; height: 1rem; line-height: 1rem;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_pro_list li a{ color: #000;}

.culture_box {width: 100%; margin-bottom: .3rem;}
.culture_img { margin: .3rem 0;}
.culture_img img {max-width: 100%; height: auto;}
.culture_text {width: 100%; text-align: center;}
.culture_text .culture_title_ch {font-size: 1em;}
.culture_text .culture_title_en {font-size: 0.8em; color: #ccc;}
.culture_text .culture_title_intro {font-size: .625em;}

.sub_news_xiang_title { width: 100%; text-align: center;padding: .5rem 0; overflow: hidden;}
.sub_news_xiang_title .sub_news_xiang_title_z{font-size: 1em; font-weight: bold;margin-top: .3rem; padding: 0 3%;}
.sub_news_xiang_title .sub_news_xiang_title_f{font-size: .8em;}
.sub_news_xiang_sx {margin: 30px auto;}

.sub_news_list li {width: 100%; height: 1rem; border-bottom: 1px dotted #e0e0e0; line-height: 1rem;}
.sub_news_list li i {font-size: .4em; margin-right: 5px;color: #295845;}
.sub_news_list li .sub_news_list_title { width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.sub_pro_xiang_top {width: 100%; border-bottom: 1px dotted #e0e0e0; margin-bottom: .5rem; padding-bottom: .3rem; overflow: hidden;}
.sub_pro_xiang_top .sub_pro_xiang_top_img{ width: 100%; }
.sub_pro_xiang_top .sub_pro_xiang_top_img img{ max-width: 100%; }
.sub_pro_xiang_top_right{ width: 100%;}
.sub_pro_xiang_top_right_title{ font-size: 1.2em; color: #295845;border-bottom: 1px dotted #e0e0e0; line-height: 1rem; font-weight: bold;}

.sub_pro_xiang_top_right_intro{margin: .5rem auto; text-align: left;}
.sub_pro_xiang_top_right_zx { width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; color: #fff; background-color: #0b6059;}
.sub_pro_xiang_top_right_zx a{color: #fff;}

.sub_con img {max-width: 100%;}

.message {width: 100%;}
.message .mess_li { width: 100%; margin: .2rem auto; overflow: hidden; line-height: 47px;}
.message .mess_name { width: 100%; float: left;}
.message .mess_input { width: 100%;}
.message .mess_input input{ border: 1px solid #e9e9e9; background-color: #fff; width:99%; height:47px;color: #cbcbcb; padding-left:5px; float: left;}
.message .mess_submit{ border: 1px solid #e9e9e9; background-color: #e9e9e9; width:120px; height:40px;color: #fff;  margin: 0 auto; line-height: 40px; text-align: center;}
.message .mess_submit .tijiao { font-size: 16px; background-color: #e9e9e9;  color: fff; line-height: 40px;}
.message .mess_input textarea{ border: 1px solid #e9e9e9; background-color: #fff; width:99%; height:80px;color: #cbcbcb; padding-left:5px; float: left;}