@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none;}
body{ font-family:"微软雅黑"; font-size:15px;}
a{ color:#333; font-size:15px; text-decoration:none}

.w1100{ width:1100px; margin:0 auto;overflow: hidden;}
.head_box{ background:#569434; width:100%; height:72px;}
.head_box ul{ float:right;}
.head_box ul li{ float:left; position:relative}
.head_box ul li a{ width:110px; display:block; float:left; text-align:center; line-height:72px; color:#fff}
.head_box ul li a:hover{ background:#7abc56; color:#FFF}
.head_box .cur{ color:#FFF; background:#7abc56}
.head_box ul li ul{ position:absolute; left:0; top:72px; z-index:999; background:#7abc56; display:none}
.head_box ul li ul li a{ line-height:50px; color:#3c3c3c}
.head_box ul li ul li a:hover{ background:#569434; color:#FFF}

.banner1 img { float:left}
.ser{ background:#e4e4e4; padding:50px 0}
.ser ul{ overflow:hidden; margin-left:0px; zoom:1}
.ser ul li{ float:left; width:346px; margin-left:30px; _display:inline}
.ser ul li:nth-child(1){ margin-left:0px;}

h2{ text-align:center}
.case{}
.case ul{ overflow:hidden; padding-bottom:10px}
.case ul li{ float:left; text-align:center}
.case ul li a{display: block; width: 125px; height: 40px; line-height: 40px;border-bottom: 3px solid transparent; color:#999}
.case ul li a:hover{border-bottom: 3px solid #569434;}
.case dl{ overflow:hidden}
.case dl dt{ float:left; width:416px;}
.case dl dd{ float:left; width:200px;border: 1px solid #e5e5e5; margin-left:26px; margin-bottom:7px}
.case dl dd p{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.5); z-index:99;text-align:center; }
.case dl dd p a{ color:#fff;line-height:40px}
.case dl img:hover{ opacity:0.8}

.shigong{}
.shigong ul{ overflow:hidden;  zoom:1}
.shigong ul li{ float:left; width:346px; margin-left:28px; _display:inline-block;border: 1px solid #e5e5e5;}
.shigong ul li:nth-child(1){margin-left:0px;}
.shigong ul li p{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.5); z-index:99;text-align:center; }
.shigong ul li p a{ color:#fff;line-height:40px}
.shigong ul li img:hover{ opacity:0.8}



.loupan{ background:#efefef; margin-top:40px;padding-bottom: 40px;}
.loupan ul{ overflow:hidden; margin-left:-30px; zoom:1}
.loupan ul li{ float:left; width:252.5px; margin-left:30px; _display:inline-block; position:relative;}
.loupan ul li img{ float:left}
.loupan ul li p{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.5); z-index:99;text-align:center; }
.loupan ul li a{ color:#fff;line-height:40px}
.baike{ overflow:hidden}
.kefu{ float:right; background:#F2F2F2; width:288px; box-sizing:border-box; padding:15px; color:#4d4d4d}
.kefu p{ line-height:71px; font-size:24px; color:#ff0000; text-align:center;border-bottom: 1px solid #ddd;}
.kefu ul{ padding:19px 0 0 0}
.kefu ul img{ vertical-align: middle; margin-right:10px}
.kefu ul li{ line-height:30px}
.kefu dl{ border-top:1px dotted #ccc; margin-top:15px; padding-top:15px}
.kefu dl img{ margin-right:12px}
.kefu dl dt{ margin-bottom:10px}
.kefu dl dd{ line-height:30px}
.baike .img{ width:410px; height:425px; float:left}
.baike .img img{ height:425px}
.baike .baikzs{ float:left; width:380px; margin-left:11px;}
.baike .baikzs dl{ overflow:hidden; background:#F2F2F2; margin-bottom:10px; padding-bottom:5px}
.baike .baikzs dl dt{ line-height:40px; font-size:16px; border-bottom:1px solid #ddd; padding-left:10px; margin-bottom:9px;}
.baike .baikzs dl dd{ line-height:40px; padding-left:20px; background:url(../images/head-mark0.gif) no-repeat 10px center;}

.news{ margin-top:20px;}
.news_right{ float:right; width:535px;}
.news h4{ font-size:30px; font-weight:normal; color:#444; border-bottom:1px solid #ddd; padding-bottom:10px}
.news h4 span{ font-size:16px; color:#A9A9A9; padding-left:10px}
.news_right dl{ overflow:hidden;  border-bottom:1px dotted #ccc; padding-top:20px; padding-bottom:20px}
.news_right dl dt{ float:left; width:75px; margin-right:10px}
.news_right dl dd a{  font-size:16px; line-height:30px}
.news_right dl dd{  color:#666; font-size:14px}
.news_left{ width:535px;}
.news_left dl{ overflow:hidden; border-bottom:1px dotted #ccc; padding-top:20px; padding-bottom:20px}
.news_left dl dt{ width:85px; height:85px; background:#F2F2F2; color:#666; font-size:14px; text-align:center; float:left; margin-right:40px;}
.news_left dl dt p{ font-size:25px; padding-top:10px}
.news_left dl dd{ color:#666; font-size:14px}
.news_left dl dd a{ font-size:16px; line-height:30px}

.foot{ padding:30px 0; background:#3D4242;  overflow:hidden}
.foot_dl{ overflow:hidden}
.foot_dl dl{ float:left; text-align:center; border-right:1px solid #666666; box-sizing:border-box; width:14.666666%;}
.foot_dl dl:nth-child(5){border-right:0px solid #666666;}
.foot_dl dl:nth-child(6){margin-left: 100px;}
.foot_dl dl dt { margin-bottom:10px}
.foot_dl dl dt a{ color:#fff}
.foot_dl dl dd a{ color:#9EA0A0; font-size:14px;}
.foot_dl dl dd{ line-height:24px}
.copyright{ text-align:center; color:#fff; padding-top:50px}
.copyright ul{}
.copyright ul li{ display:inline-block;}
.copyright a{ color:#fff}
.copyright ul span{ font-family:'宋体'; font-size:12px; padding:0 8px}
.copyright p{ padding-top:10px; font-size:14px}

.here{ font-size:36px; text-align:center; margin:20px auto;}
.here p{ color:#999; font-size:18px; line-height:30px}
.list_news{ margin:10px auto; overflow:hidden}
.list_news dl{ overflow:hidden; width:338px; margin-right:43px; margin-bottom:30px; float:left}
.list_news dt a{ height:185px; display:block; width:100%}
.list_news dd a{ line-height:50px; font-size:18px}
.list_news dd p{ font-size:14px; color:#444}
.list_news .last{ margin-right:0}

.article_news{ margin:30px auto}
.article_news .article_title{ text-align:center; font-size:30px}
.article_news .article_title p{ font-size:16px; color:#999; line-height:30px}
.article_box{ border-top:1px solid #ccc; margin:20px auto;padding-top:20px; color:#666; line-height:26px; font-size:14px}


/*-----附加------*/
.article_pro{ margin:30px auto;overflow:hidden;}
.article_pro .pro_title{ text-align:left; font-size:30px; overflow: hidden;}
.article_pro .pro_title p{  line-height:30px}
.article_pro_box{ border-top:0px solid #ccc; margin:20px auto;padding-top:20px; color:#666; line-height:26px; font-size:14px}
.article_pro_box .container{    width: 1100px;  margin: 0 auto;}
.article_pro_box .container h2{ font-size: 42px; background: #fff; line-height: 71px;margin: 0; padding: 0; position: relative;    text-align: left;}
.article_pro_box .container h2 .line{position: absolute; height: 1px;background: #414042; left: 220px; top: 50%; width: 1000%;}



.pro_left{float:left;width:400px; height:auto; text-align:center;border: 1px solid #e5e5e5;}
.pro_left img{width:100%;}
.pro_right{float:right;width:650px; height:auto;}
.pro_right .p1{color:red;font-size:16px; margin-bottom:20px; }
.pro_right .p2{color:#999;font-size:16px; min-height: 100px;}
.pro_right .p3 a{float:left; border: 1px solid #cdcdcd; padding: 10px 70px; background: #569434; color:#FFF; margin-top: 165px; font-size:20px; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.pro_right .p3 a:hover{ background: #cdcdcd; color:#FFF;}
.pro_right .p3 span{float:right; text-align:center; font-size: 14px; }
.pro_right .p3 span img{ width:180px; height:auto; }
.pro_right .p4{display:none;}

.list_img{margin:10px auto; overflow:hidden;font-size:0px}
.list_img ul{ overflow:hidden; margin-left:-25px; zoom:1}
.list_img ul li{ float:left; width:348px; border:1px solid #e5e5e5; margin-left:25px; _display:inline; text-align:center; margin-bottom:30px}
.list_img ul li p{ line-height:30px}

.list_baike{margin:10px auto; overflow:hidden}
.list_baike dl{ float:left; overflow:hidden; width:525px; margin-right:50px; margin-bottom:20px; position:relative}
.list_baike dl dt{ float:left; width:180px; height:118px; box-sizing:border-box; border:1px solid #ddd; padding:3px; margin-right:15px} 
.list_baike dl dt img{ float:left; height:110px;}
.list_baike dl dd a{ font-weight:bold; line-height:40px}
.list_baike dl dd p{ font-size:14px; color:#666}
.list_baike .last{ margin-right:0}
.list_baike dl dd span{ position:absolute; right:0; bottom:0;}
.list_baike dl dd span a{ font-size:14px; font-weight:normal; color:#ff8040}

.contact{}
.contact ul{ overflow:hidden; margin-left:-10px; zoom:1}
.contact ul li{ float:left; margin-left:10px; width:545px; _display:inline; margin-bottom:20px; position:relative}
.contact ul li div{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%}
.contact ul li>img{ float:left}
.contact ul li p{ text-align:center; color:#fff; padding:10px 0 0 0}
.contact ul li p img{ margin-top:30px}

#dituContent{ height:400px;}

.about{ background:url(../images/about.jpg) no-repeat center; background-size:cover; padding-top:90px;padding-bottom: 310px;}
.about .here{ color:#fff !important}
.about .about-txt{ margin:85px auto; width:750px; line-height:40px; font-size:18px; color:#fff; text-align:center}
.about .yuan ul{ overflow:hidden; margin-left:-100px; zoom:1; padding-top:40px}
.about .yuan li{display: block;  width: 140px;  height: 140px;  border: 1px solid rgba(255, 255, 255, 0.498); float:left; border-radius:100%; margin-left:100px; _display:inline; text-align:center; color:#DB3A35; font-weight:bold;     font-size: 60px; box-sizing: border-box; padding-top: 19px;}
.about .yuan li p{ color:#fff; font-size:14px;}
.fazhan{ position:relative}
.fazhan p{ display:block; width:260px; line-height:24px; text-align:center; position:absolute}
.fazhan .fa1{ left:0px; bottom:117px}
.fazhan .fa2{ left:505px; top:42px}
.fazhan .fa3{ left:329px; bottom:117px}
.fazhan .fa4{ left:157px; top:18px}
.fazhan .fa5{ right:154px; bottom:23px}
.fazhan .fa6{ right:10px; top:30px}


.wenhua{ position:relative;overflow: hidden;margin-bottom: 30px;}
.wenhua .whl{float:left; width:700px; font-size:16px; line-height:30px;}
.wenhua .whl span{font-weight:bold; color:#569434;}
.wenhua .whr{float:right; width:380px;}



.about_bg{}
.list_news2{border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:40px}
.pc_none{ display:none}
.mfoot{ display:none}
.banner_m{ display:none}
.m_an,.m_dh{ display:none}

@media screen and (max-width: 768px) {
	body{ padding-top:50px; padding-bottom:60px;}
	.w1100{ width:100%}
	.head_box{ height:50px; position:fixed; top:0; left:0; width:100%; z-index:999}
   .head_box ul{ display:none}
   .head_box h1 img{ height:50px}
   .ser{ padding:15px 0 0 0}
   .ser ul{ margin-left:0}
   .ser ul li{ width:100%; margin-left:0%; margin-bottom:30px;border-bottom: 1px solid #FFF;}
   .ser ul li:nth-child(3){margin-bottom:0px;border-bottom: 0px solid #FFF;}
   h2 img{ height:60px;}
   .case ul{ display:none}
   .case dl dt{ display:none}
   .case dl dd{ width:30.6666666666%; margin-left:2%}
   .shigong ul{ margin-left:0}
   .shigong ul li{ width:47%; margin-left:2%}
   .pc_none{ display:block !important}
   .loupan ul{ margin-left:0}
   .loupan ul li{ margin-left:2%; width:47%; margin-bottom:10px}
   .kefu{ display:none}
   .baike .img{ display:none}
   .baike .baikzs{ width:96%; margin:0 2%}
   .news_right{ float:none; width:96%; margin:0 2% 15px}
   .news_left{ width:96%; margin:0 2%}
   .foot_dl{ display:none}
   .foot{ background:#F5F5F5; color:#333; padding:10px 0}
   
   .copyright{ padding-top:0;color:#333}
   .copyright p{ padding:0}
.copyright p a{color:#333!important;}
   .copyright ul{ display:none}
   .mfoot{ display:block; position:fixed; bottom:0; left:0; width:100%; background:#3D4242; height:60px;}
   .mfoot ul{ overflow:hidden}
   .mfoot ul li{ float:left; width:25%; text-align:center}
   .mfoot ul li img{ margin-top:5px}
   .mfoot ul li a{ color:#ccc; display: block; height: 60px; font-size:14px}
   .mfoot ul li p{ line-height:14px}
   .yuan{ display:none}
   .here{ font-size:28px}
   .here p{ font-size:14px}
   .about .about-txt{width: 94%; line-height: 26px; font-size: 14px; margin:30px auto}
   .about{padding-top: 20px;  padding-bottom: 30px;}
   .fazhan{ display:none}
   
.article_pro{ margin:0px auto;overflow:hidden;}
   .pro_left{float: none;width:99.5%; height:auto; text-align:center;border: 1px solid #e5e5e5;}
.pro_left img{width:100%;}
.pro_right{    padding-top: 20px;width:95.5%; height:auto;margin: 0px auto;float: none;}
.pro_right .p1{color:red;font-size:16px; margin-bottom:20px; }
.pro_right .p2{color:#999;font-size:16px; min-height: 100px;}

.pro_right .p3{display:none;}
.pro_right .p4{display: grid; overflow:hidden;}
.pro_right .p4 a{float:none; border: 1px solid #cdcdcd;text-align: center; padding: 10px 70px; background: #569434; color:#FFF; margin-top: 0px; font-size:20px; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.pro_right .p4 a:hover{ background: #cdcdcd; color:#FFF;}
.pro_right .p4 span{float:none; text-align:center; font-size: 14px;     padding-top: 24px;}
.pro_right .p4 span img{ width:180px; height:auto; }


   
.wenhua{ width: 94%;overflow: hidden;margin: 30px auto;}
.wenhua .whl{    width: 100%;font-size:16px; line-height:30px;}
.wenhua .whl span{font-weight:bold; color:#569434;}
.wenhua .whr{overflow: hidden;    width: 100%;}
.wenhua .whr img{width: 100%;}
   
   .about_bg{ display:none}
   .m_none{ display:none}
   .list_news dl{ width:96%; margin:0 2% 10px 2%; border-bottom:1px solid #ddd; padding-bottom:10px}
   .list_news img{width:100%;}
   .list_news dt a{ float:left; width:30%; height:80px; margin-right:10px}
   .list_news dd a{ font-size:14px; line-height:30px}
   .list_news dd p{ font-size:12px; color:#888; height:50px; overflow:hidden}
   .list_news2{ border-bottom:0; margin-bottom:0}
   .foot{ margin-top:10px}
   .banner{ display:none}
   .banner_m{ display:block !important}
   .article_news .article_title{ font-size:20px}
   .article_news .article_title p{ font-size:12px}
   .article_news { width:96%; padding:0 2%}
   .contact ul li{ width:100%}
   .contact { width:96%; margin:0 2%}
   .contact ul li p img{ margin-top:6px}
   .list_baike { width:96%; margin:0 2%}
   .list_baike dl{ width:100%; margin-right:0}
   .list_baike dl dt{ width:30%; height:80px; border:0; padding:0}
   .list_baike dl dd a{ line-height:30px; font-size:14px;}
   .list_baike dl dd p{ font-size:12px; color:#999}
   .list_baike dl dd span{ display:none}
   .list_baike dl dt img{ height:80px}
   .list_img ul{ margin-left:0}
   .list_img ul li{ width:47%; margin-left:2%; margin-bottom:20px}
   
   .news_left dl .mp{ height:60px; overflow:hidden}
   .m_an{ display:block !important; position:absolute; right:5px; top:5px}
   .m_dh{ display:block !important; position:fixed; top:0; right:-100%; width:50%; height:100%; background:#3D4242; z-index:999; transition:all 0.5s}
   .m_dh ul{ overflow:hidden}
   .m_dh ul li a{ display:block; height:50px; text-align:center; color:#fff; font-size:16px; line-height:50px; border-bottom:1px solid #666}
   .m_bg{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:998; display:none}
   .yuanquan{ display:none}
   .pinglun{ display:none}
}
/*附加*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.yuanquan{ margin-top:60px}
.yuanquan ul{ overflow:hidden; margin-left:-94px; zoom:1}
.yuanquan ul li{ width:105px; margin-left:94px; _display:inline; float:left;}
.yuanquan ul li:hover img{transform:rotate(360deg); transition:all 0.5s}
.sx{ padding:20px 0}
.sx p{ line-height:24px}