@charset "utf-8";
.container { max-width: 1920px; margin: 0 auto; overflow: hidden; }
.g-in { width: 1200px; margin: 0 auto; }
.mtit {  }
.mtit span { font-size:14px; color:#3bb149; text-transform: uppercase; font-family: "Arial";   }
.mtit p { line-height: 40px; font-size: 36px;color:#1d1f25; }
.mhd { position: relative; }
.mhd a.more { font-size: 14px;color:#fff; font-family: "Arial"; text-transform: uppercase; display: block; width: 176px; height: 50px; line-height: 48px; position: absolute; right:0; top:50%; margin-top:-25px; border:1px solid rgba(255,255,255,0.3); padding-left:24px; background: url(b4.png) no-repeat 125px center;  }
.a3 a.more {color:#3d4048; border:1px solid #86888a; }
.a5 a.more {color:#3d4048; border:1px solid #86888a; }
.mhd a.more:hover { background-color: #3bb149; color:#fff; background: url(b4bg.png) no-repeat 125px center #3bb149; }
.a1{ width: 100%; background: url(bg1.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover; padding:100px 0 115px; }
.a1 .hd { position: relative; }
.cccs { position: absolute; width: 700px; position: absolute; left:165px; bottom:0; font-size: 15px;color: #888888;line-height: 26px; }
.a1 .hd a{ display: block; position: absolute; width: 82px; height: 44px; box-sizing: border-box; border:1px solid #b6b8bb; top:50%; margin-top:-22px; }
.a1 .hd a.preva { right:90px; background: url(b1.png) no-repeat center; }
.a1 .hd a.nexta { right:0px; background: url(b2.png) no-repeat center; }
.a1 .hd a.preva:hover { border-color:#3bb149; background: url(b1bg.png) no-repeat center #3bb149; }
.a1 .hd a.nexta:hover { border-color:#3bb149; background: url(b2bg.png) no-repeat center #3bb149; }
.a1a { width: 100%; height: 470px; position: relative; margin-top:45px;}
.a1a .a1b { position: absolute; width: 1560px; left:0; top:0; }
.a1b .bd ul { padding: 20px 0 0!important; }
.a1b ul li {transition: all 0.8s; position: relative; background: #fff; padding-bottom:50px; text-align: center; float: left; width: 393px; margin-right:10px; }
.a1b ul li a.more { display: none; transition: all 0.8s; }
.a1b ul li:hover a.more {position: absolute; left:50%; margin-left:-53px; top:145px; width: 106px; height: 106px; display: block; background: url(xxx.png) no-repeat center; }

.a1b ul li span.pic { display: block; height: 320px; padding: 10px 0; box-sizing: border-box;overflow: hidden; }


.a1b ul li span { font-size: 20px;color:#333333; display: block;  }
.a1b ul li i { font-size: 12px;color:#3bb149; display: block; text-transform: uppercase; font-family: "Arial";margin-top:4px; }
.a1b ul li:hover {margin-top:-10px; box-shadow: 0px 5px 8px 0px rgba(38, 40, 47, 0.4);  }
.a2 { padding-top:80px; box-sizing: border-box; overflow: visible; width: 100%; height: 795px; background: url(b3.jpg) no-repeat center;}
.a2 .mtit p { color:#fff; }
.a2 .bd { margin-top:30px; }
.a2 .bd .con { font-size: 16px;color:#fff; line-height: 30px; width: 1140px; margin-bottom:34px; }
.a3 {height: 795px; background: url(bg2.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover;  width: 100%; padding: 120px 0 0; box-sizing: border-box; }
.a3 .bd { margin-top:40px; }
.a3 .bd ul li { position: relative; float: left; width: 585px; margin-right:30px; }
.a3 .bd ul li a { display: block; padding-bottom:48px; }
.a3 .bd ul li span.con {position: absolute; width: 525px; box-sizing: border-box; padding:20px 38px; background: #fff; left:50%; margin-left:-262px; bottom:0px; display: block; }
.a3 .bd ul li span.d {padding-left:46px; display: block; font-size: 16px;color:#222222;opacity: 0.9;position: relative; }
.a3 .bd ul li span.d i { display: inline-block; width: 34px; height: 1px; background: #787878; position: absolute; left:0;top:50%;  }
.a3 .bd ul li span.t { display: block; font-size: 18px;color:#333333;margin-top:3px; }
.a3 a.prevb,.a3 a.nextb { display: block; width: 24px; height: 44px; position: absolute; top:270px; }
.a3 a.prevb { background: url(b5.png) no-repeat center; left:-60px; }
.a3 a.nextb { background: url(b6.png) no-repeat center; right:-60px; }
.a3 .hdx { text-align: center;margin-top:36px; }
.a3 .hdx ul li { display: inline-block; width: 5px; transition: all 0.5s; vertical-align: bottom; height: 12px; background: #c4c4c4; margin:0 8px; font-size: 0; }
.a3 .hdx ul li:hover,.a3 .hdx ul li.on { background: #3bb149; height: 22px; }
.a4 { padding:100px 0 0; background: #fff; height: 945px; box-sizing: border-box; }
.a4a {  }
.a4a .mtit { float: left;  }
.a4a .mtit i { margin-top:5px; display: block; font-size: 22px;color:#000000; }
.a4a .cont { float: right; width: 655px; font-size: 15px;color:#888888; line-height: 26px; padding-top:48px; }
.a4b { margin-top:54px; }
.a4b ul {width: 1200px; height: 585px; position: relative; }
.a4b ul li .aaaa { width: 100%; height: 585px; }
.a4b ul .sign1 { width: 399px; height: 585px; position: absolute; left:0px; top:0; }
.a4b ul .sign2 { width: 400px; height: 585px; position: absolute; right:401px; top:0; }
.a4b ul .sign3 { width: 401px; height: 585px; position: absolute; right:0; top:0; }
.a4b ul .sign1 .pic { position: absolute; left:0; top:0; width: 399px; }
.a4b ul .sign1 .pic2 { position: absolute; left:0; top:364px; width: 111px; }
.a4b ul .sign2 .pic { position: absolute; left:0; bottom:0; width: 400px; }
.a4b ul .sign3 .pic { position: absolute; left:0; top:0; width: 400px; }
.a4b ul .sign3 .cont {box-sizing: border-box; padding:40px 42px 0 40px; position: absolute; right:1px; bottom:0px; padding-bottom:1px; height: 366px; background: url(k1.jpg) repeat center; margin-top:-1px; }
.a4b ul .sign1 .cont { width: 240px; position: absolute; left:150px; bottom:0; }
.a4b ul .sign2 .cont { width: 310px; position: absolute; left:50px; top:0; text-align: right; }
.a4b ul li .cont .ttit span {display: block; line-height: 30px; font-size: 24px;color:#3bb149; text-transform: uppercase; font-family: "Arial"; letter-spacing: 0; }
.a4b ul li .cont .ttit h2 { font-size: 20px;color:#333333; }
.a4b ul li.sign3 .cont .ttit span {color:#fff; opacity: 0.3; }
.a4b ul li.sign3 .cont .ttit h2 {color:#ffff; }
.a4b ul li .cont .con {margin:15px 0 25px; }
.a4b ul li.sign1 .cont .con { width: 210px; font-size: 14px;color:#999; line-height: 1.5; }
.a4b ul li.sign2 .cont .con { width: 310px; text-align: right; font-size: 14px;color:#999; line-height: 1.5; }
.a4b ul li.sign3 .cont .con { width: 318px; text-align: left; font-size: 14px;color:#fff; opacity: 0.7; line-height: 1.5; }
.a4b ul li a.more { font-size: 14px;color:#555555; display: block; width: 160px; height: 46px; line-height: 44px; border:1px solid rgba(125,125,125,0.3); padding-left:22px; background: url(b4.png) no-repeat 105px center;  }
.a4b ul li.sign3 a.more { margin-top:100px;  background: url(b4bg.png) no-repeat 105px center;  }
.a4b ul li.sign3 a.more {color:#fff; border:1px solid #fff; }
.a4b ul li.sign3 a.more {color:#fff; border:1px solid #fff; }
.a4b ul li a.more:hover { background-color: #3bb149; color:#fff; background: url(b4bg.png) no-repeat 125px center #3bb149; }
.a4b ul .sign2 .cont a.more { text-align: left; float: right; }
.a5 { padding:100px 0 110px; background: #f2f5f7; width: 100%; }
.a5 .a51{ margin-top:32px; }
.a5b { float: left; width: 440px; }
.a5a { width: 440px; height: 287px; overflow: hidden; }
.a5a a { display: block; width: 100%; height: 287px; }
.a5a span.con { display: block; width: 100%; height: 49px; line-height: 49px; background: rgba(0,0,0,0.7); font-size: 15px;color:#fff; padding-left:20px; position: absolute; left:0;bottom:0; }
.a5a .hda {position: absolute; right:0; bottom:0; width: 100px; text-align: center;}
.a5a .hda ul li { font-size: 0; cursor: pointer; display: inline-block; margin:0 3px 18px; vertical-align: bottom; width: 3px; height: 9px; background: #585858; transition: all 0.5s; }
.a5a .hda ul li.on,.a5a .hda ul li:hover { background: #fff; height: 16px; }
.a5c { margin-top:11px; height: 210px; width: 440px; overflow: hidden; }
.a5d { position: relative; box-sizing: border-box; padding: 17px 40px 35px; background: #fff; float: right; width: 740px; height: 507px; }
.a5d .bd ul li { height: 57px; line-height: 57px; border-bottom:1px solid #ececec; }
.a5d .bd ul li a { display: block; height: 57px; line-height: 57px; }
.a5d .bd ul li .d {transition: all 0.5s; float: left; width: 100px; font-size: 14px;color:#666666; }
.a5d .bd ul li .t { float: right; width: 540px; font-size: 14px;color:#333333; position: relative; }
.a5d .bd ul li .t span {transition: all 0.5s; display: block; width: 16px; height: 16px; background: url(b7.png) no-repeat center; right:0; top:50%; margin-top:-8px; position: absolute; }
.a5d .bd ul li:hover { background: #3bb149; }
.a5d .bd ul li:hover .d,.a5d .bd ul li:hover .t { color:#fff; }
.a5d .bd ul li:hover .d { padding-left:10px; }
.a5d .bd ul li:hover .t span {  background: url(b7bg.png) no-repeat center; right:10px;}
.a5e {border-top:1px solid #fff; bottom:30px; padding-top:14px; position: absolute; width: 660px; left:40px; height: 40px; }
.a5e a { display: inline-block; width: 328px; line-height: 41px; height: 41px; font-size: 14px;font-family: "Myriad Pro";color: rgba(0, 0, 0, 0.702);text-transform: uppercase; letter-spacing: 10px; box-sizing: border-box; padding-left:120px; }
.a5e a.prevc {background: url(a9.png) no-repeat 198px center #f3f3f3; float: left; }
.a5e a.nextc {background: url(a8.png) no-repeat 198px center #f3f3f3; float: right; }
.a5e a.prevc:hover {background: url(a9bg.png) no-repeat 198px center #3bb149; float: left; color:#fff; }
.a5e a.nextc:hover {background: url(a8bg.png) no-repeat 198px center #3bb149; float: right; color:#fff; }
.seo {line-height: 40px;font-size: 16px;color: #1d1f25; }
