@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#555; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}

.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:90%; margin:0 auto;max-width: 780px;}
.container { width:90%; margin:0 auto}
.header{height: 60px;position: relative;top: 0;left: 0;width: 100%;background: #00901a;}
.header .logo {float: left;margin-top: 5px;}
.header .logo img{height: 50px;display: block;}
.header .yy {float: right;background: url(../img/dyy.png) left center / 20px no-repeat;padding-left: 26px;font-size: 16px;color: #fff;line-height: 60px;position: relative;}
.header .yy a{color: #fff;}
.header .yy .x_l {width:100px;top: 60px;position: absolute;left: 50%;margin-left: -50px; background:#fff;line-height: 40px;display: none;z-index: 99;}
.header .yy .x_l a {color: #333;display: block;font-size: 14px;text-align: center;width: 100%;border-radius: 0;margin-left: 0;}
.header .yy .x_l a:hover{background: #00901a;color: #fff;}
.ban {}
.ban img{width: 100%;display: block;}

.content{max-width: 800px;margin: 0 auto;}


.tit { margin-bottom:20px; text-align:center}
.tit h1 { font-size:28px; color:#00901a;position:relative;font-weight: bold;}
.tit h3 { font-size:16px; color:#666;padding: 0 15px;}

.sy_about { padding:30px 0; overflow:hidden}
.sy_about img{width: 100%;display: block;margin-top: 20px;}
.sy_about .nr { font-size:16px;color: #333;line-height: 30px;}
.sy_about .nr p { line-height:30px}

.sy_kg {background: #f6f6f6;padding: 30px 0;}
.sy_kg ul li {border-bottom: #ccc 1px solid;padding: 10px 0 10px;overflow: hidden;}
.sy_kg ul li .t_p {width: 100%;float: left;}
.sy_kg ul li .t_p img{width: 100%;display: block;}
.sy_kg ul li .w_z {width: 100%;}
.sy_kg ul li .w_z h3 {font-size: 18px;color: #fff;margin-bottom: 10px;font-weight: bold;background: #00901a;padding: 6px 20px;border-radius: 6px;display: inline-block;}
.sy_kg ul li .w_z .nr {font-size: 14px;color: #222;line-height: 1.6;}

.sy_myzd {padding: 30px 0;}
.sy_myzd ul{display: flex;justify-content: space-between;align-items: stretch;}
.sy_myzd ul li{width: 48%;}
.sy_myzd ul li img{width: 100%;display: block;margin-bottom: 15px;}
.sy_myzd ul li h3 {font-size: 18px;font-weight: bold;margin-bottom: 10px;position: relative;padding-bottom: 10px;}
.sy_myzd ul li h3::after {content: "";position: absolute;left: 0;bottom: 0;height: 2px;background: #00901a;width: 20px;}
.sy_myzd ul li p {font-size: 14px;color: #444;line-height: 1.8;}

.sy_sysm {padding: 30px 0;background: #f6f6f6;overflow: hidden;}
.sy_sysm ul{}
.sy_sysm ul li{width: 48%;float: left;margin: 0 1%}
.sy_sysm ul li img{width: 100%;display: block;}

.sy_use{padding: 30px 0;background: url(../img/usebj.png) center / cover no-repeat;overflow: hidden;}
.sy_use ul {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.sy_use ul li{width: 48%;text-align: center;margin-bottom: 20px;}
.sy_use ul li img{max-width: 100%;margin: 0 auto 10px;width: 80%;}
.sy_use ul li h3{font-size: 18px;font-weight: bold;position: relative;padding-bottom: 12px;margin-bottom: 15px;color: #fff;}
.sy_use ul li p{font-size: 14px;color: #fff;line-height: 1.6;text-align: left;}
.sy_use ul li h3::after{content: "";position: absolute;left:50%;bottom: 0;height: 2px;background: #fff;width: 20px;margin-left: -10px;}
.sy_bj {padding: 30px 0;overflow: hidden;}
.sy_bj ul li{padding-bottom: 20px;font-size: 16px;color: #222;line-height: 1.8;}
.sy_bj ul li span{font-weight: bold;font-size: 18px;color: #00911a;}
.sy_bj .con{font-size: 16px;color: #222;line-height: 1.8;}
.sy_ys {padding-bottom:30px;padding-top: 0px;background: #f5f5f5;font-size: 16px;color: #222;line-height: 1.6;}
.sy_ys a {color: #222;}
.sy_ys .top {padding-top: 30px;background: url(../img/yybj.png) center / cover no-repeat;text-align: center;}
.sy_ys ul{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.sy_ys ul li {width:48%;margin: 1% 0;float: left;padding-top: 35px;border-bottom: #009944 2px solid;position: relative;}
.sy_ys ul li .tb {width: 70px;height:70px;position: absolute;top: -35px;left: 50%;margin-left: -35px;border-radius: 35px;background: #fff;display: flex;justify-content: center;align-items: center;background: #009944;}
.sy_ys ul li .tb img {width: 100%;}
.sy_ys ul li .nr {position: relative;padding: 40px 15px 20px;background: #fff;box-shadow: 0px 0px 16px 0px rgba(162, 176, 196, 0.14);height: 100%;box-sizing: border-box}
.sy_ys ul li .nr h3 {font-size: 18px;color: #232933;text-align: center;margin-bottom: 15px;}
.sy_ys ul li .nr .line {width: 24px;height: 3px;background: rgba(1,112,185,0.5);margin: 0 auto 16px;}
.sy_ys ul li .nr p {font-size: 14px;color: #444;line-height: 18px;position: relative;padding: 6px 0}
.sy_ys ul li .nr p a{color: #444;}
.sy_ys ul li .nr p a:hover{color: #01642d;}
.sy_ys ul li .nr p::before {content: "•";margin-right: 5px;color: #009944;}

.sy_sp{padding-bottom: 20px;}
.fh_top{width:30px; height:30px; border-radius:100%; background-color:#fff; border:2px solid #00911a; display:none; position:fixed; right:2px; bottom:20px; z-index:999;}
.fh_top img{width:100%; height:auto; display:block;}



/* start footer */
.b_logo {text-align: center;padding: 10px 0;}
.b_logo img{height: 35px;margin: 0 auto;}
.foot {background:#00901a;padding: 15px; font-size: 16px;color: #fff;text-align: center}
.foot p {line-height: 1.8;}
.foot p a{color: #fff;}

.ny_lx {padding: 35px 0;}
.ny_lx .nr{font-size: 16px;color: #333;line-height: 30px;word-wrap: break-word;}

.ny_yssm {padding: 35px 0;}
.ny_yssm .nr{font-size: 16px;color: #333;line-height: 30px;}
.ny_yssm h3{font-size: 20px;color: #00901a;margin-bottom: 10px;margin-top: 30px;}
.ny_yssm h4{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;margin-top: 20px}



@media only screen and (max-width:1024px) {
.con { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.sy_myzd ul{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.sy_myzd ul li{width: 100%;margin-bottom: 15px;}
.sy_about { padding: 40px 0;}
.sy_about .nr .lb { width: 100%; margin: 0 auto;}
.xx3 { height:12rem}
.sy_td {padding: 40px 0;}
.sy_td ul li {width:46%; margin: 0 2% 30px;}
.sy_td ul li.last { margin-right:2%}
.sy_pro { padding: 40px 0;}
.sy_pro ul li .wenz { padding: 0 3%; width:100%}
.sy_pro ul li .tp { width:100%;}
.sy_pro ul li { width:94%; margin:0 auto}

  }

@media only screen and (max-width:600px){
	.header .logo {float: left;margin-top: 12px;}
.header .logo img{height:38px;display: block;}

.tit {margin-bottom:20px;}
.tit h1 {font-size:2rem;}



}