@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img { border:0; }
a{ text-decoration:none;}




.topbar {width:100%; height:auto; overflow:hidden;max-width:1920px;margin:0 auto; display:block; background:#e0e0e0;}
.topbarz{width:1200px; height:40px; margin:0 auto;}
.topbar .th { height:40px; line-height:40px; color:#999;}
.topbar .fr em { margin:0px 10px; color:#fefefe; }
.topbar .fr a{ color:#999;display:inline-block; height:40px; line-height:38px; float:left;}
.topbar .fr span{ color:#999;display:inline-block; height:40px; line-height:38px; float:left; margin:0px 10px;}
.topbar .fr{ float:right;width:auto; }
.topbar .fl{ float:left;}
.topbar .fr a:hover{ color:#00936f;}

/**/
.header { width:100%; height:auto; overflow:hidden; padding:40px 0px;max-width:1920px;margin:0 auto;}
.headerz{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.head-lea{ float:left; width:450px; height:auto; overflow:hidden;}
.head-lea img{ max-width:100%;}

.head-lec{ float:right; background:url(../images/dh.png) left center no-repeat; padding-left:55px; margin-top:2px;}
.head-lec p span{ font-size:16px; color:#000; }
.head-lec p font{ font-size:24px; color:#0097e6; font-weight:bold;}


/**/

.navbar { position:relative; z-index:1; background:#459902;max-width:1920px;margin:0 auto;}
.navbarz{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.navbar ul li{ float:left;cursor:pointer; text-align:center; width:200px; height:50px; line-height:50px;}
.navbar ul li a { text-align:center; color:#fff; display:inline-block;font-size:16px; width:100%; height:50px; line-height:50px;}
.navbar ul li:hover{ background:#0097e6; color:#fff;}
.navbar ul li:hover a{color:#fff;}
.navbar ul li.on{background:#0097e6; color:#fff;}
.navbar ul li.on a{ color:#fff;}
.navbar ul li:nth-child(1).on{background:#0097e6;}
.navbar ul li:hover:nth-child(1){background:#0097e6;}
.navbar ul li:hover:nth-child(1) a{ color:#fff;}
.navbar ul li ul.nber{ position:absolute;background:#fff; width:149px; z-index:9999; display:none;}
.navbar ul li ul.nber li{ border-right:0px;}
.navbar ul li ul.nber li a{color: #4c4c4c;}
.navbar ul li ul.nber li a:hover{ color:#01458e;}
.navbar ul li ul.nber li:nth-child(1){border-left:0px;}
.navbar ul li ul.nber li:hover{ background:none;}
.navbar ul li ul.nber li:nth-child(1) a:hover{ color:#01458e;}
.navbar ul li ul.nber li:nth-child(1):hover{ background:none;}
.navbar ul li:hover ul.nber{ display:block;}



/*  banner */
.focus{ position:relative; width:100%; height:auto; overflow:hidden; overflow:hidden; z-index:0; margin:0 auto; }
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{ position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px }  
.focus div a img{ width:100%;}
.focus .D1fBt a i{}   
.focus .prev,.focus .next{position:absolute;width:48px;height:48px; cursor:pointer; top:50%; margin-top:-20px;}
.fbg{ position:absolute; width:1920px;top:93%; left:50%;height:auto; overflow:hidden;  z-index:9999; text-align:center;margin-left:-960px}
.fbg .D1fBt{z-index:9999; display:inline-table;}
.fbg .D1fBt a{ width:10px; height:10px;margin:0px 3px; display:inline-block;z-index:9999; text-align:center; line-height:20px; font-size:14px; background:#fff; border-radius:20px;}
.fbg .D1fBt a.current{ width:24px; background:#0097e6;}

/**/
.xq1{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:50px 0px;}
.xq1-a{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; font-size:54px; font-weight:bold;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7fb93a), to(#0aa3dc));background-clip: border-box;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip: text; letter-spacing:7px;}
.xq1-b{width:1200px; height:auto; overflow:hidden;margin:0 auto; margin-top:35px; position:relative;}
.xq1-b ul li{ height:auto; overflow:hidden; z-index:9; position:relative;}
.xq1-b ul li .xq1-b1{ float:left; width:94px;height:94px; overflow:hidden; border:3px #459902 solid; border-radius:94px;}
.xq1-b ul li .xq1-b2{ float:left;height:auto; overflow:hidden; margin-top:23px; margin-left:10px;}
.xq1-b ul li .xq1-b2 p{ display:inline-block; width:100%; height:auto; overflow:hidden;}
.xq1-b ul li .xq1-b2 p span{ display:inline-block; height:30px; background:#459902; text-align:center; line-height:28px; font-size:20px; color:#fff; font-weight:bold;}
.xq1-b ul li .xq1-b2 div{ font-size:16px; color:#333; height:auto; overflow:hidden; margin-top:5px;}

.xq1-b .omb{ position:absolute; left:18px; top:47px; z-index:0;}
.xq1-b ul li.on1{ margin-left:315px;}
.xq1-b ul li.on1 p span{ width:300px;}
.xq1-b ul li.on1 .xq1-b2 div{ margin-left:58px;}
.xq1-b ul li.on2{ margin-left:486px; margin-bottom:15px;}
.xq1-b ul li.on2 p span{ width:210px;}
.xq1-b ul li.on3{ margin-left:535px; margin-bottom:32px;}
.xq1-b ul li.on3 p span{ width:190px;}
.xq1-b ul li.on4{ margin-left:535px; margin-bottom:18px;}
.xq1-b ul li.on4 p span{ width:190px;}
.xq1-b ul li.on5{ margin-left:486px;}
.xq1-b ul li.on5 p span{ width:232px;}
.xq1-b ul li.on6{ margin-left:315px;}
.xq1-b ul li.on6 p span{ width:212px;}

/**/
.xq2{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0px; background:#fafafa;}
.xq2-a{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.xq2-a h1{ text-align:center; font-size:30px; color:#333; font-weight:bold;}
.xq2-a p{ display:inline-block;width:100%;height:auto; overflow:hidden; text-align:center; margin-top:15px;}
.xq2-a p i{ display:inline-block; width:50px; height:2px; overflow:hidden; background:#459902;}
.xq2-b{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:40px;}
.xq2-bz{ display:inline-table;}
.xq2-b ul li{ float:left; background:#fff; border:1px #ccc solid; height:34px; width:166px; font-size:16px; color:#333; border-radius:5px; line-height:34px; margin:0px 19px;}
.xq2-b ul li.active{ background:#459902; border:1px #459902 solid; color:#fff; cursor:pointer;}
.xq2-b ul li:hover{cursor:pointer;}
.xq2-c{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.xq2-cz{width:100%; height:auto; overflow:hidden;}

.xq2-c .dpy1{ width:100%; height:auto; overflow:hidden;}
.xq2-c .dpy1 .prev,.xq2-c .dpy1 .next{ float:left; width:25px; height:52px; overflow:hidden; display:inline-block; margin-top:110px;}
.xq2-c .dpy1 .prev{ margin-right:18px;}
.xq2-c .dpy1 .next{ margin-left:18px;}
.xq2-c .dpy1 .con1{ width:1114px;height:auto; overflow:hidden; float:left;}
.xq2-c .dpy1 .con1 ul { overflow:hidden; }
.xq2-c .dpy1 .con1 li { float:left;width:358px; margin-right:20px;}
.xq2-c .dpy1 .con1 li .sub-pica { width:358px; height:265px; overflow:hidden;position: relative;}
.xq2-c .dpy1 .con1 li .sub-pica img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.xq2-c .dpy1 .con1 li:hover .sub-pica img{transform: scale(1.1);transition: all 0.2s;}
.xq2-c .dpy1 .con1 li .sub-tita{ width:100%; height:35px; overflow:hidden; background:url(../images/tyg.png); text-align:center; line-height:35px; margin-top:-35px; position:relative; }
.xq2-c .dpy1 .con1 li .sub-tita a{line-height:35px; font-size:16px; color:#fff;}


/**/
.xq3{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:70px 0px; background:url(../images/bg1.jpg) top center no-repeat;}
.xq3z{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.xq3-a{ float:left; width:580px; height:auto; overflow:hidden; background:#459902; padding:45px 260px 110px 60px;}
.xq3-a h1{ font-size:30px; color:#fff; margin-bottom:5px;}
.xq3-a p span{font-size:18px; color:#fff;}
.xq3-a div{width:100%; height:145px; overflow:hidden; font-size:14px; color:#fff; line-height:24px; margin-top:35px;}
.xq3-b{ position:absolute; top:59px; right:0px; width:507px; height:auto; overflow:hidden;}
.xq3-c{ height:auto; overflow:hidden; position:absolute; right:471px; top:305px;}
.xq3-c a{ display:inline-block; width:90px; height:36px; overflow:hidden; padding-right:36px; background:#0097e6 url(../images/gdf1.jpg) right center no-repeat; font-size:14px; color:#fff; text-align:center; line-height:36px;transition: all 0.2s;}
.xq3-c a:hover{background:#3fcc29 url(../images/gdf1.jpg) right center no-repeat;transition: all 0.2s;}

/**/
.xq4{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:60px 0px; }
.xq4-b{width:1230px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.xq4-b ul li{ float:left; width:380px; height:auto; overflow:hidden; margin:15px; background:#f2f2f2; box-shadow:0px 2px 3px #ccc;}
.xq4-b ul li div{width:100%; height:300px; overflow:hidden; position:relative;}
.xq4-b ul li div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.xq4-b ul li p{ display:inline-block;width:100%; height:auto; overflow:hidden; text-align:center; padding:20px 0px;font-size:16px; color:#333;}
.xq4-b ul li:hover div img{transform: scale(1.1);}
.xq4-b ul li:hover p{ color:#459902; font-weight:bold;transition: all 0.2s;}

/**/
.xq5{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0px; background:url(../images/bg2.jpg) top center no-repeat; }
.xq5-b{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.xq5-b1{ float:left; width:165px;height:auto; overflow:hidden;}
.xq5-b1 ul li{ width:100%; height:62px; line-height:62px; text-align:center; overflow:hidden; background:#999; font-size:16px; color:#fff; font-weight:bold; margin-bottom:21px;}
.xq5-b1 ul li.active{ background:#459902; cursor:pointer; font-size:20px;}
.xq5-b1 ul li:hover{cursor:pointer; }
.xq5-b1 ul li.pom{ line-height:24px; padding:6px 0px; height:48px;}
.xq5-b2{ float:right; width:925px;height:auto; overflow:hidden;}
.xq5-b2z{width:100%; height:auto; overflow:hidden;}

/**/
.xq6{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0px; background:#fff; }
.xq6-b{width:1221px; height:auto; overflow:hidden; margin:0 auto; margin-top:60px;}
.xq6-b ul li{ float:left; width:222px; height:auto; overflow:hidden; margin:0px 11px;}
.xq6-b ul li .xq6-b1{width:100%; height:auto; overflow:hidden;}
.xq6-b ul li .xq6-b1 img{ width:100%;}
.xq6-b ul li .xq6-b2{width:100%; height:auto; overflow:hidden; margin-top:15px;}
.xq6-b ul li .xq6-b2 p{ display:inline-block; width:100%; height:48px; overflow:hidden; line-height:24px; font-size:20px; color:#000;}
.xq6-b ul li .xq6-b2 div{width:100%; height:auto; overflow:hidden; margin-top:15px; font-size:14px; color:#666; line-height:18px;}
.xq6-b ul li.on .xq6-b2 p{ line-height:48px;transition: all 0.2s;}



/**/
.xq7{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:48px 0px; background:url(../images/bg3.jpg) top center no-repeat; }
.xq7-b{width:1200px; margin:0px auto; height:auto; overflow:hidden; margin-top:35px;  }
.xq7-b1{ float:left; width:580px; height:auto; overflow:hidden;}
.xq7-b1a{width:100%; height:auto; overflow:hidden;}
.xq7-b1a ul li{width:100%; height:auto; overflow:hidden; padding-bottom:20px; border-bottom:1px #d9d9d9 dashed; margin-bottom:20px;}
.xq7-b1a ul li .xq7-b1a1{ float:left; width:65px; height:auto; overflow:hidden; background:#ededed; padding:3px 0px;}
.xq7-b1a ul li .xq7-b1a1 p{ text-align:center; padding:2px 0px;}
.xq7-b1a ul li .xq7-b1a1 p span{ font-size:28px; color:#333; font-weight:bold;}
.xq7-b1a ul li .xq7-b1a1 p font{ font-size:14px; color:#333;}
.xq7-b1a ul li .xq7-b1a2{ width:500px; height:auto; overflow:hidden; float:right;}
.xq7-b1a ul li .xq7-b1a2 p a{ font-size:16px; color:#333;}
.xq7-b1a ul li .xq7-b1a2 div{width:100%; height:38px; overflow:hidden; font-size:14px; color:#666; margin-top:10px;}
.xq7-b1a ul li:hover .xq7-b1a1{ background:#459902;}
.xq7-b1a ul li:hover .xq7-b1a1 p span{ color:#fff;}
.xq7-b1a ul li:hover .xq7-b1a1 p font{ color:#fff;}
.xq7-b1b{width:100%; height:auto; overflow:hidden;}
.xq7-b1b a{ display:inline-block; width:120px; height:36px; overflow:hidden; background:#459902; font-size:14px; color:#fff; text-align:center; line-height:36px;}
.xq7-b1b a:hover{ background:#0097e6;}
.xq7-b2{ float:right; width:580px; height:auto; overflow:hidden;}
.xq7-b2a{width:100%; height:auto; overflow:hidden;}
.xq7-b2b{width:100%; height:auto; overflow:hidden; margin-top:25px;}
.xq7-b2b p{ display:inline-block;width:100%; height:auto; overflow:hidden;}
.xq7-b2b p a{ float:left; font-size:18px; color:#333;}
.xq7-b2b p span{ float:right;}
.xq7-b2b div{width:100%; height:auto; overflow:hidden; font-size:14px; color:#666; margin-top:10px; line-height:24px;}
.xq7-b2b div a{ float:right; color:#459902; font-size:14px;}
.xq7-b2b p a:hover{ color:#459902;}




/**/
.bot1{width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../images/bgh.jpg); padding:35px 0px 0px 0px;}
.bot1-b{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px;}
.bot1-b1{float:left; width:300px; height:auto; overflow:hidden;}
.bot1-b1a{width:100%; height:auto; overflow:hidden;}
.bot1-b1a span{ display:inline-block;font-size:18px; color:#fff; letter-spacing:1px;}
.bot1-b1b{width:100%; height:auto; overflow:hidden; margin-top:25px;}
.bot1-b1b ul li{ width:100px; height:auto; overflow:hidden; float:left; margin-bottom:8px; margin-right:50px;}
.bot1-b1b ul li a{ font-size:14px; color:#d9d9d9;}
.bot1-b1b ul li a:hover{ color:#459902;}

.bot1-b2{ float:left; width:380px; height:auto; overflow:hidden;margin-left:100px;}
.bot1-b2b{width:100%; height:auto; overflow:hidden; margin-top:25px; }
.bot1-b2b ul li{ font-size:14px; color:#d9d9d9;width:100%; height:auto; overflow:hidden; float:left; margin-bottom:8px;}
.bot1-b2b ul li span{font-size:14px; color:#d9d9d9; margin-right:20px;}
.bot1-b3{ float:right; width:270px; height:auto; overflow:hidden;}
.bot1-b3a{float:left;width:130px; height:auto; overflow:hidden;}
.bot1-b3a img{ max-width:100%;}
.bot1-b3b{ float:left;height:auto; overflow:hidden; margin-left:20px; margin-top:28px;}
.bot1-b3b p{ margin-bottom:5px;}
.bot1-b3b p span{ font-size:32px; color:#fff;}
.bot1-b3b p font{ font-size:16px; color:#fff;}

/**/
.bot2{width:100%; height:auto; overflow:hidden; margin:0 auto;  padding:20px 0px; margin-top:30px;}
.bot2z{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; }
.bot2z span{font-size:14px; color:#999; margin:0px 10px;}
.bot2z a{ font-size:14px; color:#999;}

















