@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;}

@media screen and (max-width: 800px) {
.pc{ display:none !important;}
.wrapper{ width:100%; margin:0 auto; overflow:hidden; max-width:1200px; padding:0;}

.header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 99; }
.header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:200;top:20px;right:15px;}
.header .ydd_btn span{display:block;width:100%;height:4px;background:#007f3a;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#007f3a;}
.header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.header .ydd_btn.click span.span02{margin:0.5px 0;}
.header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:64px;z-index:200;}
.header .sjdnav ul{padding:0;margin:0;}
.header .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:1px;background:#007f3a;}
.header .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px;}
.header .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;}


.top{ overflow:hidden; padding:20px 0;}
.logo{ float:left;}
.tel{ float:right;}
.tel h1{ color:#7d7d7d; font-size:22px;background:url(../images/tel.png) no-repeat left center; padding-left:30px;}
.tel h2{ color:#7d7d7d; font-size:14px;}


.head{ display:block; padding:10px; overflow: hidden; }
.logo{ float:left; width:60%;}
.tel{ float:right;}
.nav{ width:100%; overflow:hidden; background:#f4f4f4;}
.nav li{ float:left; height:52px; line-height:52px;width:150px; text-align:center;}
.nav li a{ color:#444; font-size:16px; display:block;}
.nav li.on a{ background:url(../images/nav_hover.png) no-repeat; color:#fff; }
.nav li:hover a{ background:url(../images/nav_hover.png) no-repeat; color:#fff;}
.index_gsjj{ overflow:hidden; width:100%; margin:10px 0;}


.nav{ background:#007f3a; overflow:hidden;}
.navlist{ width:100%; margin:0 auto;}
.navlist li{ float:left; line-height:48px; text-align:center; padding:0 30px;}
.navlist li a{ color:#fff; font-size:16px;}
.navlist li:hover{ background:#005e2b;}
.navlist li.on{ background:#005e2b;}

.index_cpzx{ overflow:hidden; margin:20px 0;}
.index_cpzx_title{ text-align:center;}
.index_cpzx_title h1{ color:#007f3a; font-size:24px;}
.index_cpzx_title h2{ color:#999; font-size:14px; text-transform:uppercase; background:url(../images/title_bg.jpg) no-repeat bottom center; padding:15px 0; margin-bottom:20px;}
.index_cpzx_con{ overflow:hidden;}
.index_cpzx_con li{ float:left; width:50%; text-align:center; box-sizing:border-box; padding:0 10px;}
.index_cpzx_con li img{ max-width:100%; height:auto;}
.index_cpzx_con li h1{ color:#666; font-size:14px; padding:20px 0;}
.more{ width:140px; height:30px; line-height:30px; text-align:center; background:#007f3a; margin:0 auto; margin-top:30px;}
.more a{ color:#fff; font-size:14px;}

.index_sglc{ overflow:hidden; background:#f8f8f8; padding:20px 0;}
.index_sglc_con{ overflow:hidden;}
.index_sglc_con li{ float:left; width:50%; text-align:center; position:relative; box-sizing:border-box; padding:0 10px;}
.index_sglc_con li img{ max-width:100%;}
.index_sglc_con li p{ color:#fff; font-size:18px; position:absolute; bottom:20px; width:100%;}

.index_case{ width:100%; overflow:hidden; margin:20px 0;}
.index_case_con{ overflow:hidden;}
.index_case_con li{ float:left; width:50%; text-align:center; box-sizing:border-box; padding:0 10px;}
.index_case_con li img{ max-width:100%; height:130px;}

.index_case_con li p{ font-size:14px; color:#666; line-height:40px;}

.index_jsys{ width:100%; overflow:hidden;}
.index_jsys_title{ background:url(../images/jsys_title.jpg) no-repeat center center; height:120px; background-size:cover;}
.index_jsys_con{ overflow:hidden; padding:50px 0;}

.index_gsjj{ width:100%; overflow:hidden; margin:20px 0; background:#007f3a; height:370px; background-size:cover; position:relative;}
.index_gsjj_title{ width:100%;}
.index_gsjj_title h1{ font-size:32px; color:#fff; text-align:center;}
.index_gsjj_title h2{ font-size:14px; text-transform:uppercase; color:#fff; display:block; padding:10px 0; text-align:center; }
.index_gsjj_title i{ width: 50px;height: 1px; background: #fff;display: block; margin:0 auto;}
.index_gsjj_con{width:100%; padding:10px;}
.index_gsjj_con txt{ color:#fff; font-size:14px; line-height:1.8em;}
.index_gsjj_con a{ display:block;  color:#fff; font-size:14px; position:absolute;bottom: 30px;}

.index_news{ width:100%; overflow:hidden;}
.index_news_con{ overflow:hidden;}
.index_news_con li{ float:left; width:100%; padding:0 29px; box-sizing:border-box; margin-bottom:20px;}
.index_news_con li h1{ color:#444; font-size:14px; background:url(../images/index_news_icon.png) no-repeat left center; padding-left:15px; margin-top:15px;}
.index_news_con li h2{ font-weight:bold; color:#999; padding-left:15px; display:block; margin:10px 0;}
.index_news_con li h3{ color:#999; border-top:1px dotted #ccc; padding-top:15px; max-width:100%; display:block; margin:0 auto;}

.footer{ background:#545454; overflow:hidden; margin-top:50px; padding:50px 0;}
.foot1{ overflow:hidden; margin-bottom:50px; text-align:center;}
.foot1_left{ float:left; width:100%; }
.foot_left_t{ overflow:hidden;}
.foot_logo{ float:left;}
.foot_logo h1{ color:#c3c3c3; font-size:30px; font-weight:bold;}
.foot_logo h2{ color:#c3c3c3; text-transform:uppercase;}
.foot_tel{ background:url(../images/footer_tel.png) no-repeat left center; padding-left:50px;float:right;}
.foot_tel h1{ color:#c3c3c3; font-size:14px;}
.foot_tel h2{color:#c3c3c3; font-size:30px; font-weight:bold;}
.foot_left_t_nav{ background:#454545; overflow:hidden; padding:10px 0; margin-top:50px;}
.foot_left_t_nav li{ float:left; padding:0 34px;}
.foot_left_t_nav li a{ color:#c3c3c3; font-size:14px;}
.foot1_right{ display: inline-block;}
.foot1_right li{ text-align:center;}

.foot1_right li p{ font-size:14px; color:#fff; text-align:center; padding-top:10px;}
.foot2{ overflow:hidden; text-align:center; color:#c3c3c3; font-size:14px; line-height:28px;}



/**底部**/
.botm{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#007f3a;}
.bottom ul{margin:0.5em auto;}
.bottom ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; }
.bottom ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} 
.bottom ul li img{height:2em;} 

.main{ overflow:hidden; margin-top:00px;}
.main_left{ float:left; width:100%;}
.main_left_t{ overflow:hidden; margin-bottom:30px;}
.left_title{ overflow:hidden; background:#007f3a; text-align:center; padding:00px 0;}
.left_title h1{ font-size:16px; font-weight:bold; color:#fff; line-height:45px;}
.left_title h2{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; padding-top:10px; display:none;}
.main_left_nav{ background:#007f3a;padding-bottom: 1px; display:none;}
.main_left_nav li{ line-height:48px; }
.main_left_nav li a{ color:#fff; font-size:14px; display:block; background:#FFF;}
.main_left_nav li:hover a{ text-align:center; color:#007f3a;}
.main_left_nav li.on a{ color:#007f3a; text-align:center}
.main_left_b{ overflow:hidden;}
.left_con{ overflow:hidden; background:#007f3a; padding:1px;}
.left_con p{ font-size:14px; color:#fff; line-height:24px; padding:20px 8px;}
.main_right{ width:100%; float:right; overflow:hidden;}
.website{ color:#999; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px; padding-left:5px;}
.main_right_con{ overflow:hidden;}
.about_con{ overflow:hidden; font-size:16px; color:#666; line-height:28px; padding:10px;}
.pro_con{ overflow:hidden;}
.pro_con li{ float:left; width:50%; text-align:center; box-sizing:border-box; padding:0 10px;}
.pro_con li img{ max-width:100%; height:140px;;}
.pro_con li p{ font-size:14px; color:#666; padding:20px 0;}
.pro_con_d{ overflow:hidden;}
.pro_con_d img{ width:100%;}
.pro_con_d h1{ color:#007f3a; font-size:22px; text-align:center; padding-bottom:50px;}
.pro_con_d h2{ width:560px; float:left;}
.pro_con_d h2 img{ width:100%;}
.pro_con_d txt{ font-size:14px; color:#999; width:280px; float:right; line-height:1.6em;}
.case_con{ overflow:hidden;}
.case_con li{ float:left; width:50%; text-align:center; box-sizing:border-box; padding:0 10px;}
.case_con li img{ max-width:100%; height:130px;}
.case_con li p{ font-size:14px; color:#666; padding:20px 0;}
.news_con{ overflow:hidden;}
.news_con li{ width:100%; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:30px; box-sizing:border-box; padding-left:10px; padding-right:10px;}
.news_con li i{ font-weight:bold; color:#fff; font-size:38px; width:73px; height:77px; background:#007f3a; display:block; text-align:center; line-height:77px; float:left; margin-right:25px;}
.news_con li h1{ font-size:16px; color:#444;  overflow:hidden; line-height:32px;}
.news_con li h1 span{ float:right; font-size:12px; font-weight:bold; color:#999; line-height:32px;}
.news_con li h3{ color:#999; padding-top:15px;}
.news_con_d{ overflow:hidden;}
.news_con_d h1{ font-size:22px; color:#007f3a; text-align:center;}
.news_con_d h2{ color:#999; font-weight:bold; border-bottom:1px dotted #ddd;text-align:center; display:block; margin-bottom:20px; padding-top:20px; padding-bottom:10px;}
.news_con_d txt{ font-size:16px; line-height:1.8em; color:#666;}

}




@media screen and (min-width: 801px) {
.phone{ display:none !important;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden; width:100%;}
.top{ overflow:hidden; padding:20px 0;}
.logo{ float:left;}
.tel{ float:right;}
.tel h1{ color:#7d7d7d; font-size:22px;background:url(../images/tel.png) no-repeat left center; padding-left:30px;}
.tel h2{ color:#7d7d7d; font-size:14px;padding-top: 10px;}

.nav{ background:#007f3a; overflow:hidden;}
.navlist{ width:1200px; margin:0 auto;}
.navlist li{ float:left; line-height:48px; text-align:center; padding:0 53px;}
.navlist li a{ color:#fff; font-size:16px;}
.navlist li:hover{ background:#005e2b;}
.navlist li.on{ background:#005e2b;}

.index_cpzx{ overflow:hidden; margin:50px 0;}
.index_cpzx_title{ text-align:center;}
.index_cpzx_title h1{ color:#007f3a; font-size:32px;}
.index_cpzx_title h2{ color:#999; font-size:14px; text-transform:uppercase; background:url(../images/title_bg.jpg) no-repeat bottom center; padding:15px 0; margin-bottom:50px;}
.index_cpzx_con{ overflow:hidden;}
.index_cpzx_con li{ float:left; width:25%; text-align:center;}
.index_cpzx_con li h1{ color:#666; font-size:14px; padding:20px 0;}
.more{ width:140px; height:30px; line-height:30px; text-align:center; background:#007f3a; margin:0 auto; margin-top:30px;}
.more a{ color:#fff; font-size:14px;}

.index_sglc{ overflow:hidden; background:#f8f8f8; padding:50px 0;}
.index_sglc_con{ overflow:hidden;}
.index_sglc_con li{ float:left; width:25%; text-align:center; position:relative;}
.index_sglc_con li p{ color:#fff; font-size:18px; position:absolute; bottom:20px; width:100%;}

.index_case{ width:100%; overflow:hidden; margin:50px 0;}
.index_case_con{ overflow:hidden;}
.index_case_con li{ float:left; width:25%; text-align:center;}
.index_case_con li p{ font-size:14px; color:#666; padding-top:20px;}

.index_jsys{ width:100%; overflow:hidden;}
.index_jsys_title{ background:url(../images/jsys_title.jpg) no-repeat center center; height:260px;}
.index_jsys_con{ overflow:hidden; padding:50px 0;}

.index_gsjj{ width:100%; overflow:hidden; margin:50px 0; background:url(../images/index_gsjj_bg.jpg) no-repeat center center; height:570px; position:relative;}
.index_gsjj_title{ width:400px; margin:100px 50px 0 auto;}
.index_gsjj_title h1{ font-size:32px; color:#fff;}
.index_gsjj_title h2{ font-size:14px; text-transform:uppercase; color:#fff; display:block; padding:10px 0; }
.index_gsjj_title i{ width: 50px;height: 1px; background: #fff;display: block;}
.index_gsjj_con{width:400px; margin:50px 50px 0 auto;}
.index_gsjj_con txt{ color:#fff; font-size:14px; line-height:1.8em;}
.index_gsjj_con a{ display:block;  color:#fff; font-size:14px; position:absolute;bottom: 30px;}

.index_news{ width:100%; overflow:hidden;}
.index_news_con{ overflow:hidden;}
.index_news_con li{ float:left; width:342px; padding:0 29px;}
.index_news_con li h1{ color:#444; font-size:14px; background:url(../images/index_news_icon.png) no-repeat left center; padding-left:15px; margin-top:15px;}
.index_news_con li h2{ font-weight:bold; color:#999; padding-left:15px; display:block; margin:10px 0;}
.index_news_con li h3{ color:#999; border-top:1px dotted #ccc; padding-top:15px;}

.footer{ background:#545454; overflow:hidden; margin-top:50px; padding:50px 0;}
.foot1{ overflow:hidden; margin-bottom:50px;}
.foot1_left{ float:left; width:875px;}
.foot_left_t{ overflow:hidden;}
.foot_logo{ float:left;}
.foot_logo h1{ color:#c3c3c3; font-size:30px; font-weight:bold;}
.foot_logo h2{ color:#c3c3c3; text-transform:uppercase; font-size: 14px;}
.foot_tel{ background:url(../images/footer_tel.png) no-repeat left center; padding-left:50px;float:right;}
.foot_tel h1{ color:#c3c3c3; font-size:14px;}
.foot_tel h2{color:#c3c3c3; font-size:30px; font-weight:bold;}
.foot_left_t_nav{ background:#454545; overflow:hidden; padding:10px 0; margin-top:50px;}
.foot_left_t_nav li{ float:left; padding:0 26px;}
.foot_left_t_nav li a{ color:#c3c3c3; font-size:14px;}
.foot1_right{ float:right;}
.foot1_right li{ float:left; padding-right:15px;}
.foot1_right li p{ font-size:14px; color:#fff; text-align:center; padding-top:10px;}
.foot2{ overflow:hidden; text-align:center; color:#c3c3c3; font-size:14px; line-height:28px;}

.main{ overflow:hidden; margin-top:50px;}
.main_left{ float:left; width:254px;}
.main_left_t{ overflow:hidden; margin-bottom:30px;}
.left_title{ overflow:hidden; background:#007f3a; text-align:center; padding:20px 0;}
.left_title h1{ font-size:32px; font-weight:bold; color:#fff;}
.left_title h2{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; padding-top:10px;}
.main_left_nav{ background:#007f3a;padding-bottom: 20px;}
.main_left_nav li{ line-height:48px; }
.main_left_nav li a{ color:#fff; font-size:14px; display:block;padding-left:15px;background:url(../images/left_on.png) no-repeat right center; background-position:230px 15px;}
.main_left_nav li:hover a{ background:url(../images/left_over.png) no-repeat right center #fff; color:#007f3a;background-position:230px 15px;margin-left: 1px;}
.main_left_nav li.on a{ background:url(../images/left_over.png) no-repeat right center #fff; color:#007f3a;background-position:230px 15px;margin-left: 1px;}
.main_left_b{ overflow:hidden;}
.left_con{ overflow:hidden; background:#007f3a; padding:1px;}
.left_con h1{ font-size:14px; color:#fff; line-height:24px; padding:20px 8px;}
.main_right{ width:890px; float:right; overflow:hidden;}
.website{ color:#999; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.main_right_con{ overflow:hidden;}
.about_con{ overflow:hidden; font-size:16px; color:#666; line-height:28px;}
.pro_con{ overflow:hidden;}
.pro_con li{ float:left; width:33.33%; text-align:center;}
.pro_con li p{ font-size:14px; color:#666; padding:20px 0;}
.pro_con_d{ overflow:hidden;}
.pro_con_d img{ width:100%;}
.pro_con_d h1{ color:#007f3a; font-size:22px; text-align:center; padding-bottom:50px;}
.pro_con_d h2{ width:560px; float:left;}
.pro_con_d h2 img{ width:100%;}
.pro_con_d txt{ font-size:14px; color:#999; width:280px; float:right; line-height:1.6em;}
.case_con{ overflow:hidden;}
.case_con li{ float:left; width:33.33%; text-align:center;}
.case_con li p{ font-size:14px; color:#666; padding:20px 0;}
.news_con{ overflow:hidden;}
.news_con li{ width:100%; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:30px;}
.news_con li i{ font-weight:bold; color:#fff; font-size:38px; width:73px; height:77px; background:#007f3a; display:block; text-align:center; line-height:77px; float:left; margin-right:25px;}
.news_con li h1{ font-size:16px; color:#444;  overflow:hidden; line-height:32px;}
.news_con li h1 span{ float:right; font-size:12px; font-weight:bold; color:#999; line-height:32px;}
.news_con li h3{ color:#999; padding-top:15px;}
.news_con_d{ overflow:hidden;}
.news_con_d h1{ font-size:22px; color:#007f3a; text-align:center;}
.news_con_d h2{ color:#999; font-weight:bold; border-bottom:1px dotted #ddd;text-align:center; display:block; margin-bottom:20px; padding-top:20px; padding-bottom:10px;}
.news_con_d txt{ font-size:16px; line-height:1.8em; color:#666;}

}