/*banner begin*/

.box2{ height:100%; z-index:9999; position:relative;}

.tuxnw1{ width:100%; height:auto; margin:0 auto; overflow:hidden;opacity:0; position:relative; z-index:9999; }

.tuxnw1 img{ display:block; max-width:100%; margin:0 auto;}

.ani-slide .tuxnw1{opacity:1;animation:slideInLeft 2.5s;-mzoanimation:slideInLeft 2.5s;-webkit-animation:slideInLeft 2.5s;-o-animation:slideInLeft 2.5s}

.tuxnw{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9999; padding-top:408px;}

@media(max-width:1440px){

.tuxnw1{ width:100%; height:auto; margin:0 auto; overflow:hidden;opacity:0; position:relative; z-index:9999; padding:0 2%; }

	

}

@media(max-width:1366px){

.tuxnw1{ width:100%; height:auto; margin:0 auto; overflow:hidden;opacity:0; position:relative; z-index:9999; padding:0 2%; }

.tuxnw{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9999; padding-top:358px;}	

}











/*banner*/





/*main begin*/

.box3{ clear:both; width:100%; height:auto; overflow:hidden; position:relative;}



.ycji_t{ width:100%; position:absolute; left:210px; bottom:50px; width:1377px; padding:0 30px; z-index:111}

.ycji_t li a{ display:block; position:relative;}

.dada:before{content:'';position:absolute;top:0; left:50%;height:100%; width:0;transform:translate(-50%,0);}

.dada:before{width:100%; transition:300ms ease all;border-bottom:4px solid #178345; border-top:4px solid #178345;}

.dada:after{content:'';position:absolute;top:50%; left:0px;right:0px; width:100%; height:0px;transform:translate(0,-50%);}

.dada:after{width:100%; height:100%; transition:300ms ease all;border-left:4px solid #178345; border-right:4px solid #178345;}

.sbji{ width:100%; height:100%; position:absolute; left:0; top:0; background:#198345; padding:6px;opacity:0;transition: all 0.5s ease;}

.sbji_1{ width:100%; height:100%; border:1px solid #8cc1a3; padding:45px 10px 0 10px;}

.sbji_1 h1{ text-align:center; color:#fff; text-align:center; font-size:20px; line-height:22px;}

.sbji_1 p{ text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:28px;}

.ycji_t li a:hover .sbji{opacity:1;}

.ycji{ width:100%; height:auto; position:relative;}

.ycji img{ display:block; width:100%; height:800px;}

.gyhu{ position:absolute; left:241px; top:150px; width:588px;}

.gyhu h1{ position:relative; min-height:95px; line-height:38px; font-size:28px; font-weight:bold; color:#fff; margin-bottom:35px;}

.gyhu h1:after{ content:'';position:absolute;left:0; bottom:0px; height:4px;width:70px;background:#188345;transition:400ms ease all;-moz-transition:400ms ease all;}

.gyhu h1 i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; text-transform:uppercase;}

.gyhu p{ line-height:28px; font-size:14px; color:#fff;}

.gyhu p a{ color:#fff; display:block; width:120px; height:38px; background:url(../images/bg2.png) no-repeat 95% center #188345; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:38px; padding-left:10px; margin-top:25px;transition: all 0.5s ease;}

.gyhu p a:hover{-moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}

@media(max-width:1680px){

.ycji_t{ width:100%; position:absolute; left:130px; bottom:50px; width:1377px; padding:0 30px; z-index:111}	

.gyhu{ position:absolute; left:161px; top:150px; width:588px;}

}

@media(max-width:1600px){

.ycji_t{ width:100%; position:absolute; left:100px; bottom:50px; width:1377px; padding:0 30px; z-index:111}	

.gyhu{ position:absolute; left:131px; top:150px; width:588px;}

}

@media(max-width:1440px){

.ycji_t{ width:100%; position:absolute; left:0px; bottom:50px; width:100%; padding:0 30px; z-index:111}	

.gyhu{ position:absolute; left:100px; top:150px; width:588px;}

}

@media(max-width:1024px){

.ycji_t{ width:100%; position:inherit; left:0px; bottom:0px; width:100%; padding:0 30px; z-index:111}	

.gyhu{ position:absolute; left:30px; top:50px; width:588px;}

.ycji img{ display:block; width:100%; height:auto;}

}

@media(max-width:768px){

.ycji_t{ width:100%; position:inherit; left:0px; bottom:0px; width:100%; padding:0 30px; z-index:111}	

.gyhu{ position:; left:0px; padding:0 30px; top:40px; width:100%;}

.ycji img{ display:block; width:100%; height:auto;}

.gyhu h1{ position:relative; min-height:auto; padding-bottom:15px; line-height:38px; font-size:18px; font-weight:bold; color:#fff; margin-bottom:25px;}

.gyhu h1 i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}

}

@media(max-width:667px){

.ycji_t{ width:100%; position:inherit; left:0px; bottom:0px; width:100%; padding:0 0px; z-index:111}	

.gyhu{ position:; left:0px; padding:0 30px; top:40px; width:100%;}

.ycji img{ display:block; width:100%; height:380px;}

.gyhu h1{ position:relative; min-height:auto; padding-bottom:15px; line-height:28px; font-size:18px; font-weight:bold; color:#fff; margin-bottom:15px;}

.gyhu h1 i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}

.sbji_1{ width:100%; height:100%; border:1px solid #8cc1a3; padding:35px 10px 0 10px;}

}

@media(max-width:414px){

.ycji_t{ width:100%; position:inherit; left:0px; bottom:0px; width:100%; padding:0 0px; z-index:111}	

.gyhu{ position:; left:0px; padding:0 15px; top:40px; width:100%;}

.ycji img{ display:block; width:100%; height:380px;}

.gyhu h1{ position:relative; min-height:auto; padding-bottom:15px; line-height:28px; font-size:18px; font-weight:bold; color:#fff; margin-bottom:15px;}

.gyhu h1 i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}

.sbji_1{ width:100%; height:100%; border:1px solid #8cc1a3; padding:35px 10px 0 10px;}

.sbji_1 h1{ text-align:center; color:#fff; text-align:center; font-size:17px; line-height:22px;}

.sbji_1 p{ text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:28px;}

}

@media(max-width:360px){

.ycji_t{ width:100%; position:inherit; left:0px; bottom:0px; width:100%; padding:0 0px; z-index:111}	

.gyhu{ position:; left:0px; padding:0 15px; top:40px; width:100%;}

.ycji img{ display:block; width:100%; height:380px;}

.gyhu h1{ position:relative; min-height:auto; padding-bottom:15px; line-height:28px; font-size:18px; font-weight:bold; color:#fff; margin-bottom:15px;}

.gyhu h1 i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}

.sbji_1{ width:100%; height:100%; border:1px solid #8cc1a3; padding:25px 10px 0 10px;}

}

@media(max-width:320px){

.ycji_t{ width:100%; position:inherit; left:0px; bottom:0px; width:100%; padding:0 0px; z-index:111}	

.gyhu{ position:; left:0px; padding:0 15px; top:40px; width:100%;}

.ycji img{ display:block; width:100%; height:380px;}

.gyhu h1{ position:relative; min-height:auto; padding-bottom:15px; line-height:28px; font-size:18px; font-weight:bold; color:#fff; margin-bottom:15px;}

.gyhu h1 i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}

.sbji_1{ width:100%; height:100%; border:1px solid #8cc1a3; padding:65px 10px 0 10px;}

.ycji_t li a img{ display:block; width:100%;}

}



.box4{ clear:both; width:100%; height:auto; overflow:hidden;}

.box4 li{ float:left; width:33.33%; height:auto; position:relative;}

.box4 li img{ display:block; width:100%; height:660px;}

.ysbe{ width:100%; height:100%; position:absolute; left:0; top:0; background:#16753e; padding-top:277px;transition: all 0.5s ease;}

.ysbe h1{ background:url(../images/bg2.jpg) no-repeat center bottom; min-height:62px; color:#fff; font-size:20px; text-align:center; margin-bottom:35px;transition: all 0.5s ease;}

.ysbe p{ width:55%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}

.ysbe p img{ display:block; margin:0 auto; width:37px; height:37px; margin-top:35px;opacity:0;transition: all 0.5s ease;}

.ysbe1{ background:#188345;}

.box4 li:hover .ysbe{ background:rgba(0,0,0,0.5);}

.box4 li:hover .ysbe p img{opacity:1}

.box4 li:hover .ysbe h1{ background:url(../images/bg3.jpg) no-repeat center bottom;}

@media(max-width:1600px){

.ysbe p{ width:65%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

}

@media(max-width:1440px){

.ysbe p{ width:70%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

}

@media(max-width:1400px){

.ysbe p{ width:70%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

}

@media(max-width:1366px){

.ysbe p{ width:74%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

}

@media(max-width:1280px){

.ysbe p{ width:77%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

}

@media(max-width:414px){

.ysbe p{ width:90%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

.box4 li{ float:left; width:100%; height:auto; position:relative;}

.box4 li img{ display:block; width:100%; height:auto;}

.ysbe{ width:100%; height:100%; position:absolute; left:0; top:0; background:#16753e; padding-top:97px;transition: all 0.5s ease;}

.ysbe p img{ display:block; margin:0 auto; width:37px; height:37px; margin-top:35px;opacity:0;transition: all 0.5s ease;}

.ysbe1{ background:#188345;}

}

@media(max-width:375px){

.ysbe p{ width:90%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

.box4 li{ float:left; width:100%; height:auto; position:relative;}

.box4 li img{ display:block; width:100%; height:auto;}

.ysbe{ width:100%; height:100%; position:absolute; left:0; top:0; background:#16753e; padding-top:77px;transition: all 0.5s ease;}

.ysbe p img{ display:block; margin:0 auto; width:37px; height:37px; margin-top:35px;opacity:0;transition: all 0.5s ease;}

.ysbe1{ background:#188345;}

}

@media(max-width:320px){

.ysbe p{ width:90%; margin:0 auto; overflow:hidden; color:#cddfd3; text-align: center; line-height:28px; font-size:14px;}	

.box4 li{ float:left; width:100%; height:auto; position:relative;}

.box4 li img{ display:block; width:100%; height:auto;}

.ysbe{ width:100%; height:100%; position:absolute; left:0; top:0; background:#16753e; padding-top:37px;transition: all 0.5s ease;}

.ysbe p img{ display:block; margin:0 auto; width:37px; height:37px; margin-top:15px;opacity:0;transition: all 0.5s ease;}

.ysbe1{ background:#188345;}

}

.dru{animation:rurc 1s linear;-mzoanimation:rurc 1s linear;-webkit-animation:rurc 1s linear;-o-animation:rurc 1s linear;opacity:1;}

@keyframes rurc {

 0% {

 transform: translateY(200px);

opacity: 0;

} 

100% {

opacity: 1;

transform: translateY(0px);

}



}



.box5{ clear:both; width:100%; height:auto; overflow:hidden;}

.tab2{width:auto;}

.tab2 ul.menu{height:auto;background:#fff;position:relative; min-height:90px; text-align:center;}

.tab2 ul.menu li{ position:relative; display:inline-block; text-align:center; color:#666666; margin-right:295px; font-size:16px; line-height:90px; cursor:pointer;}

.tab2 ul.menu li.active{ font-weight:bold;color:#219a46;}

.tab2 ul.menu li.qcbj{ margin-right:0px;}

.tab2 ul.menu li.active:after{ z-index:999; content:'';position:absolute;left:0; bottom:-9px; height:9px;width:100%;background:url(../images/bg3.png) no-repeat center bottom;;transition:400ms ease all;-moz-transition:400ms ease all;}

.con1,.con2,.con3{height:auto; clear:both; overflow:hidden;}

.con2,.con3{display:none;}

.tyfg{ height:auto; overflow:hidden; clear:both;}

.tyfg_l{ float:left; width:44%; height:auto; overflow:hidden; position:relative;}

.tyfg_l img{ display:block; width:100%; height:900px;}

.gyfg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);transition: all 0.5s ease;}

.gyfg span{ display:block; width:100%; height:100%; color:#fff; font-size:18px; position:absolute; left:0; top:0; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;transition: all 0.5s ease;opacity:1;}

.gyfg font{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:410px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

.gyfg font i{ display:block; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.tyfg_l:hover .gyfg{ background:#188144;}

.tyfg_l:hover .gyfg span{opacity:0;}

.tyfg_l:hover .gyfg font{opacity:1;}

.tyfg_r{ float:left; width:56%; height:auto; overflow:hidden;}

.tyfg_r dl{ float:left; width:50%; height:auto;}

.tyfg_r dt{ width:100%; height:auto; position:relative; overflow:hidden;}

.tyfg_r dt img{ display:block; width:100%; height:450px;}

.gyfg font.ghn{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:195px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

.gyfg font.ghn i{ display:block; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.tyfg_r dl:hover .gyfg{ background:#188144;}

.tyfg_r dl:hover .gyfg span{opacity:0;}

.tyfg_r dl:hover .gyfg font.ghn{opacity:1;}

.fkin{ width:70px; height:58px; background:rgba(65,206,108,0.4); position:absolute; right:0; bottom:0; z-index:99;}

.fkin1{ width:70px; height:58px; background:rgba(46,171,84,0.3); position:absolute; left:0; bottom:0; z-index:99;}

.fkin2{ width:70px; height:58px; background:rgba(61,152,103,0.6); position:absolute; right:0; top:0; z-index:99;}

.fkin3{ width:70px; height:58px; background:rgba(65,206,108,0.4); position:absolute; left:0; top:0; z-index:99;}

@media(max-width:1024px){

.tab2 ul.menu li{ position:relative; display:inline-block; float:left; width:33.33%; text-align:center; color:#666666; margin-right:0px; font-size:16px; line-height:90px;}

.tyfg_l{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.tyfg_l img{ display:block; width:100%; height:auto;}

.gyfg font{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:550px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.tab2 ul.menu li{ position:relative; display:inline-block; float:left; width:33.33%; text-align:center; color:#666666; margin-right:0px; font-size:16px; line-height:90px;}

.tyfg_l{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.tyfg_l img{ display:block; width:100%; height:auto;}

.gyfg font{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:180px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

.tyfg_r dl{ float:left; width:100%; height:auto;}

.tyfg_r dt{ width:100%; height:auto; position:relative; overflow:hidden;}

.tyfg_r dt img{ display:block; width:100%; height:auto;}

.gyfg font.ghn{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:145px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

}

@media(max-width:360px){

.tab2 ul.menu li{ position:relative; display:inline-block; float:left; width:33.33%; text-align:center; color:#666666; margin-right:0px; font-size:16px; line-height:90px;}

.tyfg_l{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.tyfg_l img{ display:block; width:100%; height:auto;}

.gyfg font{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:160px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

.tyfg_r dl{ float:left; width:100%; height:auto;}

.tyfg_r dt{ width:100%; height:auto; position:relative; overflow:hidden;}

.tyfg_r dt img{ display:block; width:100%; height:auto;}

.gyfg font.ghn{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:125px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

}

@media(max-width:320px){

.tab2 ul.menu li{ position:relative; display:inline-block; float:left; width:33.33%; text-align:center; color:#666666; margin-right:0px; font-size:16px; line-height:90px;}

.tyfg_l{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.tyfg_l img{ display:block; width:100%; height:auto;}

.gyfg font{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:140px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

.tyfg_r{ float:left; width:100%; height:auto; overflow:hidden;}

.tyfg_r dl{ float:left; width:100%; height:auto;}

.tyfg_r dt{ width:100%; height:auto; position:relative; overflow:hidden;}

.tyfg_r dt img{ display:block; width:100%; height:auto;}

.gyfg font.ghn{ display:block; background:url(../images/bg4.jpg) no-repeat center bottom; padding-top:115px; color:#fff; font-size:18px; line-height:28px; text-align:center; padding-bottom:5px;transition: all 0.5s ease;opacity:0}

}



.box6{ clear:both; width:100%; height:auto; overflow:hidden; padding-top:50px;}

.anli_t{ text-align:center; color:#333333; font-size:28px; line-height:28px; font-weight:bold; margin-bottom:30px;}

.anli_b{ clear:both; height:auto; overflow:hidden;}

.tab3{width:auto;}

.tab3 ul.menu{height:auto;background:#fff;position:relative; min-height:40px; text-align:center; margin-bottom:45px;}

.tab3 ul.menu li{ position:relative; display:inline-block; text-align:center; color:#333333;font-size:14px; line-height:40px; cursor:pointer; padding:0 27px;}

.tab3 ul.menu li.active{ background:#188345; border-radius:50px; color:#fff}

.tab3 ul.menu li.qcbj{ margin-right:0px;}

.con4,.con5{height:auto; clear:both; overflow:hidden;}

.con5{display:none;}

.sjzp{ clear:both; height:auto; overflow:hidden;}

.sjzp_t{ height:auto; overflow:hidden;}

.sjzp_tl{ float:left; width:25%; height:auto; overflow:hidden; position:relative;}

.sjzp_tl img{ display:block; width:100%; height:400px;}

.xyone{ width:100%; height:100%; position:absolute; left:0; top:0; background:#188345; padding:195px 10px 0 10px;opacity:0;transition: all 0.5s ease;}

.sjzp_tl:hover .xyone{opacity:1;}

.xyone h1{ text-align:center; color:#fff; font-size:18px;line-height:26px;}

.xyone p{ text-align:center; color:#fff; font-size:12px; line-height:26px;}

.sjzp_tc{ float:left; width:25%; height:auto; min-height:400px; background:#f5f5f5; padding:135px 45px 0 45px;}

.sjzp_tc h1{ text-align:center; color:#333333; font-size:16px; line-height:28px; font-weight:bold; margin-bottom:25px;}

.sjzp_tc p{ line-height:22px; font-size:14px; color:#888888; text-align:center; background:url(../images/bg4.png) no-repeat center bottom; padding-bottom:60px;}

.sjzp_tr{ float:left; width:50%; height:auto; overflow:hidden; position:relative;}

.sjzp_tr img{ display:block; width:100%; height:400px;}

.sjzp_tr:hover .xyone{opacity:1;}

.sjzp_tc1{ background:#292d32; position:relative;}

.sjzp_tc1 a{ display:block; width:100%; height:100%; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; left:0; top:0; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

@media(max-width:1680px){

.xyone{ width:100%; height:100%; position:absolute; left:0; top:0; background:#188345; padding:175px 10px 0 10px;opacity:0;transition: all 0.5s ease;}

.sjzp_tc{ float:left; width:25%; height:auto; min-height:400px; background:#f5f5f5; padding:105px 45px 0 45px;}

.sjzp_tc1{ background:#292d32; position:relative;}	

}

@media(max-width:1024px){

.xyone{ width:100%; height:100%; position:absolute; left:0; top:0; background:#188345; padding:195px 10px 0 10px;opacity:0;transition: all 0.5s ease;}

.sjzp_tc{ float:left; width:25%; height:auto; min-height:400px; background:#f5f5f5; padding:105px 45px 0 45px;}

.sjzp_tc1{ background:#292d32; position:relative;}	

.sjzp_tl{ float:left; width:50%; height:auto; overflow:hidden; position:relative;}

.sjzp_tl img{ display:block; width:100%; height:426px;}

.sjzp_tc{ float:left; width:50%; height:auto; min-height:426px; background:#f5f5f5; padding:135px 45px 0 45px;}

.sjzp_tc1{ background:#292d32; position:relative;}

.sjzp_tr img{ display:block; width:100%; height:426px;}

}

@media(max-width:768px){

.xyone{ width:100%; height:100%; position:absolute; left:0; top:0; background:#188345; padding:145px 10px 0 10px;opacity:0;transition: all 0.5s ease;}

.sjzp_tc{ float:left; width:50%; height:auto; min-height:320px; background:#f5f5f5; padding:65px 15px 0 15px;}

.sjzp_tc1{ background:#292d32; position:relative;}	

.sjzp_tl{ float:left; width:50%; height:auto; overflow:hidden; position:relative;}

.sjzp_tl img{ display:block; width:100%; height:320px;}

.sjzp_tc1{ background:#292d32; position:relative;}

.sjzp_tr img{ display:block; width:100%; height:320px;}

}

@media(max-width:414px){

.box6{ clear:both; width:100%; height:auto; overflow:hidden; padding-top:30px;}

.xyone{ width:100%; height:100%; position:absolute; left:0; top:0; background:#188345; padding:145px 10px 0 10px;opacity:0;transition: all 0.5s ease;}

.sjzp_tc{ float:left; width:100%; height:auto; min-height:320px; background:#f5f5f5; padding:65px 15px 0 15px;}

.sjzp_tc1{ background:#292d32; position:relative;}	

.sjzp_tl{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.sjzp_tl img{ display:block; width:100%; height:auto;}

.sjzp_tc1{ background:#292d32; position:relative;}

.sjzp_tr img{ display:block; width:100%; height:345px;}

.sjzp_tr{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.anli_t{ text-align:center; color:#333333; font-size:17px; line-height:28px; font-weight:bold; margin-bottom:20px;}

.tab3 ul.menu{height:auto;background:#fff;position:relative; min-height:40px; text-align:center; margin-bottom:25px;}

}

.box7{ clear:both; width:100%; height:auto; overflow:hidden; overflow:hidden;}

.xiw_l{ float:left; width:50%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center top; padding-top:50px;}

.xiw_l img{ display:block; width:100%; height:580px;}

.xiw_r{ float:right; width:50%; height:auto; overflow:hidden; padding:105px 120px 0 120px;}

.xiw_rt{ height:auto; overflow:hidden; color:#188345; font-size:24px; line-height:24px; font-weight:bold; margin-bottom:20px;}

.tab4{width:auto;}

.tab4 ul.menu{height:auto;background:#fff;position:relative; min-height:40px; text-align:left; margin-bottom:45px;}

.tab4 ul.menu li{ float:left; text-align:center; color:#333333;font-size:14px; line-height:40px; cursor:pointer; padding:0 27px;}

.tab4 ul.menu li.active{ background:#188345; border-radius:50px; color:#fff}

.tab4 ul.menu li.qcbj{ margin-right:0px;}

.con6,.con7{height:auto; clear:both; overflow:hidden;}

.con7{display:none;}

.jtxw{ height:auto; overflow:hidden;}

.jtxw li{ clear:both; height:auto; overflow:hidden; line-height:26px; background:url(../images/bg6.jpg) no-repeat left center; padding-left:22px; margin-bottom:18px;}

.jtxw li span{ float:left; display:block; width:80%; color:#777777; font-size:14px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.jtxw li font{ float:right; color:#777777; font-size:14px;}

.jtxw li:hover{ background:url(../images/bg7.jpg) no-repeat left center;}

.jtxw li:hover span,.jtxw li:hover font{ color:#188345;}

.jtxw p{ text-align:right;}

.jtxw p a{ color:#188345; line-height:26px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

@media(max-width:1440px){

.xiw_r{ float:right; width:50%; height:auto; overflow:hidden; padding:105px 60px 0 60px;}	

}

@media(max-width:1024px){

.xiw_r{ float:right; width:100%; height:auto; overflow:hidden; padding:30px;}	

.xiw_l{ float:left; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center top; padding-top:50px;}

.xiw_l img{ display:block; width:100%; height:auto;}

.tab4 ul.menu{height:auto;background:#fff;position:relative; min-height:40px; text-align:left; margin-bottom:20px;}

}

@media(max-width:414px){

.xiw_r{ float:right; width:100%; height:auto; overflow:hidden; padding:30px 15px;}	

.xiw_l{ float:left; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center top; padding-top:50px;}

.xiw_l img{ display:block; width:100%; height:auto;}

.tab4 ul.menu{height:auto;background:#fff;position:relative; min-height:40px; text-align:left; margin-bottom:20px;}

.jtxw li span{ float:left; display:block; width:70%; color:#777777; font-size:14px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xiw_rt{ height:auto; overflow:hidden; color:#188345; font-size:17px; line-height:24px; font-weight:bold; margin-bottom:20px;}

}



.box8{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-40px;}

.gy_l{ float:left; width:50%; height:auto; overflow:hidden; padding:195px 142px 30px 122px;}

.gy_l h1{ color:#188345; line-height:26px; font-size:26px; font-weight:bold; position:relative; padding-bottom:20px; margin-bottom:50px;}

.gy_l h1:after{ content:'';position:absolute;left:0; bottom:0px; height:4px;width:75px;background:#188345;}

.gy_l p{ color:#777777; font-size:14px; line-height:26px;}

.gy_l p a{ display:block; text-align:right; color:#188345; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.gy_r{ float:right; width:50%; height:auto; overflow:hidden;}

.gy_r img{ display:block; width:100%; height:670px;}

@media(max-width:1440px){

.gy_l{ float:left; width:50%; height:auto; overflow:hidden; padding:145px 80px 30px 80px;}

}

@media(max-width:1024px){

.box8{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:0px;}

.gy_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px;}

.gy_r{ float:right; width:100%; height:auto; overflow:hidden;}

.gy_r img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.box8{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:0px;}

.gy_l{ float:left; width:100%; height:auto; overflow:hidden; padding:0 15px 30px 15px;}

.gy_r{ float:right; width:100%; height:auto; overflow:hidden;}

.gy_r img{ display:block; width:100%; height:auto;}

.gy_l h1{ color:#188345; line-height:26px; font-size:17px; font-weight:bold; position:relative; padding-bottom:15px; margin-bottom:20px;}



}

/*main end*/



/*关于我们 begin*/

.box1_1{ position:inherit; background:#fff;}

.pc_nav1 li a{ display:block; color:#000000; font-size:16px;transition: all 0.5s ease;}

.pc_nav1 li a i{ display:block; color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;transition: all 0.5s ease;}



.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) repeat-y; padding:40px 0;}

.gy_box1{ clear:both; position:relative; height:auto; overflow:hidden;}

.gy_box1 img{ display:block; max-width:100%;}

.dgon{ width:100%; height:auto; position:absolute; left:0; bottom:96px;}

.dgon img{ display:block; max-width:100%; margin:0 auto;}

.daoh{ position:absolute; right:105px; top:110px; width:18%; height:auto; overflow:hidden; background:#031f35; padding:28px 0;}

.daoh ul{ float:right; width:97px;}

.daoh li{ line-height:32px; text-align:left;}

.daoh li a{ color:#acb1b5; font-size:14px;}

.daoh li a:hover{color:#2f7553;}

.daoh li.red a{ color:#2f7553;}

@media(max-width:1680px){

.daoh{ position:absolute; right:0px; top:110px; width:18%; height:auto; overflow:hidden; background:#031f35; padding:28px 0;}	

}

@media(max-width:1366px){

.daoh{ position:absolute; right:0px; top:80px; width:18%; height:auto; overflow:hidden; background:#031f35; padding:28px 0;}	

}

@media(max-width:1024px){

.daoh{ position:absolute; right:0px; top:0px; width:18%; height:100%; overflow:hidden; background:#031f35; padding:28px 0;}	

}

@media(max-width:768px){

.daoh{ position:inherit; right:0px; top:0px; width:100%; height:100%; overflow:hidden; background:#031f35; padding:28px 0;}	

.daoh ul{ float:right; width:100%; padding:0 30px;}

.daoh li{ line-height:32px; text-align:left; width:33.33%; float:left; text-align:center;}

}

@media(max-width:414px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) repeat-y; padding:20px 0;}

.daoh{ position:inherit; right:0px; top:0px; width:100%; height:100%; overflow:hidden; background:#031f35; padding:28px 0;}	

.daoh ul{ float:right; width:100%; padding:0 15px;}

.daoh li{ line-height:32px; text-align:left; width:33.33%; float:left; text-align:center;}

}



.gy_box2{ width:100%; height:auto; overflow:hidden; padding:124px 0 10px 0;}

.gsjj{ width:48%; height:auto; overflow:hidden; margin:0 auto;}

.gsjj_t{ height:auto; overflow:hidden; text-align:center; color:#000000; font-size:18px; line-height:28px; margin-bottom:75px; background:url(../images/bg4.png) no-repeat center bottom; padding-bottom:50px;}

.gsjj_t i{ display:block; color:#188345; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; letter-spacing:2px; font-size:18px;}

.gsjj_b{ clear:both; height:auto; overflow:hidden;}

.gsjj_b p{ text-align:center; color:#768989; font-size:14px; line-height:28px;}

.gy_box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg9.jpg) no-repeat center center;background-size:cover; padding:55px 0 100px 0;}

.gsji{ width:48%; height:auto; margin:0 auto; overflow:hidden;}

.gsji p{ text-align:center; color:#cee2d5; font-size:14px; line-height:28px;}

@media(max-width:1680px){

.gsjj{ width:54%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:54%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1600px){

.gsjj{ width:58%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:58%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1440px){

.gsjj{ width:64%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:64%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1400px){

.gsjj{ width:66%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:66%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1366px){

.gsjj{ width:68%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:68%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1360px){

.gsjj{ width:68%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:68%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1280px){

.gsjj{ width:72%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:72%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1024px){

.gy_box2{ width:100%; height:auto; overflow:hidden; padding:40px 30px 10px 30px;}

.gsjj_t{ height:auto; overflow:hidden; text-align:center; color:#000000; font-size:18px; line-height:28px; margin-bottom:30px; background:url(../images/bg4.png) no-repeat center bottom; padding-bottom:20px;}

.gsjj{ width:100%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

.gy_box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg9.jpg) no-repeat center center;background-size:cover; padding:40px 30px;}

}

@media(max-width:414px){

.gy_box2{ width:100%; height:auto; overflow:hidden; padding:20px 15px 10px 15px;}

.gsjj_t{ height:auto; overflow:hidden; text-align:center; color:#000000; font-size:18px; line-height:28px; margin-bottom:30px; background:url(../images/bg4.png) no-repeat center bottom; padding-bottom:20px;}

.gsjj{ width:100%; height:auto; overflow:hidden; margin:0 auto;}	

.gsji{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

.gy_box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg9.jpg) no-repeat center center;background-size:cover; padding:40px 15px;}

}

.gy_box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:52px 0 38px 0; background:url(../images/bg10.jpg) no-repeat left center; margin-top:-52px;}

.qywh{ width:73%; height:auto; overflow:hidden; margin:0 auto;}

.gywh_t{ height:auto; overflow:hidden; margin-bottom:30px;}

.gywh_t1{ float:right; width:55%; height:auto; min-height:360px; background:url(../images/bg5.png) no-repeat right center #f5f5f5; padding:145px 280px 0 70px;}

.gywh_t1 h1{ color:#188345; font-weight:bold; font-size:16px; line-height:36px;} 

.gywh_t1 p{ color:#888888; font-size:14px; line-height:36px;}

.gywh_b{ position:relative; clear:both; height:auto; overflow:hidden;}

.gywh_bl{ float:left; position:absolute; left:0; top:0; width:55%; height:auto; min-height:360px; background:url(../images/bg6.png) no-repeat right center #f5f5f5; padding:145px 70px 0 70px; z-index:9999}

.gywh_bl h1{ color:#188345; font-weight:bold; font-size:16px; line-height:36px;} 

.gywh_bl p{ color:#888888; font-size:14px; line-height:36px;}

.gywh_br{ float:right; width:50%; height:auto; overflow:hidden;}

.gywh_br img{ display:block; width:100%; height:360px;}

@media(max-width:1680px){

.qywh{ width:93%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1024px){

.gy_box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 30px; background:url(../images/bg10.jpg) no-repeat left center; background-size:cover; margin-top:0px;}

.qywh{ width:100%; height:auto; overflow:hidden; margin:0 auto;}	

.gywh_t1{ float:right; width:100%; height:auto; min-height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat right center #f5f5f5; padding:30px 30px;}

.gywh_bl{ float:left; position:inherit; left:0; top:0; width:100%; height:auto; min-height:auto; overflow:hidden; background:url(../images/bg6.png) no-repeat right center #f5f5f5; padding:40px 30px; z-index:9999}

.gywh_br{ float:right; width:100%; height:auto; overflow:hidden;}

.gywh_br img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.gy_box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 15px; background:url(../images/bg10.jpg) no-repeat left center; background-size:cover; margin-top:0px;}

.qywh{ width:100%; height:auto; overflow:hidden; margin:0 auto;}	

.gywh_t1{ float:right; width:100%; height:auto; min-height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat right center #f5f5f5; padding:30px 15px;}

.gywh_bl{ float:left; position:inherit; left:0; top:0; width:100%; height:auto; min-height:auto; overflow:hidden; background:url(../images/bg6.png) no-repeat right center #f5f5f5; padding:30px 15px; z-index:9999}

.gywh_br{ float:right; width:100%; height:auto; overflow:hidden;}

.gywh_br img{ display:block; width:100%; height:auto;}

}

.gy_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:90px 0;}

.qyjs_l{ float:left; width:50%; height:auto; overflow:hidden;}

.qyjs_l img{ display:block; width:100%; height:420px;}

.gyjs_r{ float:right; width:50%; height:auto; overflow:hidden; padding:15px 52px 0 52px;}

.gyjs_r h1{ line-height:36px; font-size:16px; color:#188345; font-weight:bold;}

.gyjs_r h6{ color:#888888; line-height:36px; font-size:14px; margin-bottom:30px;}

.gyjs_r p{ line-height:30px; color:#999999; font-size:14px;}

@media(max-width:1440px){

.gyjs_r{ float:right; width:50%; height:auto; overflow:hidden; padding:15px 30px 0 30px;}

.gyjs_r h6{ color:#888888; line-height:36px; font-size:14px; margin-bottom:20px;}

}

@media(max-width:1400px){

.gyjs_r{ float:right; width:50%; height:auto; overflow:hidden; padding:0px 30px 0 30px;}

.gyjs_r h6{ color:#888888; line-height:36px; font-size:14px; margin-bottom:10px;}

}

@media(max-width:1024px){

.gy_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 30px;}

.gyjs_r{ float:right; width:100%; height:auto; overflow:hidden; padding:20px 0px 0 0px;}

.gyjs_r h6{ color:#888888; line-height:36px; font-size:14px; margin-bottom:10px;}

.qyjs_l{ float:left; width:100%; height:auto; overflow:hidden;}

.qyjs_l img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.gy_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0px;}

.gyjs_r{ float:right; width:100%; height:auto; overflow:hidden; padding:20px 15px 0 15px;}

.gyjs_r h6{ color:#888888; line-height:36px; font-size:14px; margin-bottom:10px;}

.qyjs_l{ float:left; width:100%; height:auto; overflow:hidden;}

.qyjs_l img{ display:block; width:100%; height:auto;}

}

.gy_box6{ clear:both; width:100%; height:auto; overflow:hidden;}

.gywh_bl1{ float:left; position:absolute; left:0; bottom:0; width:55%; height:auto; min-height:360px; background:url(../images/bg7.png) no-repeat right center #f5f5f5; padding:100px 163px 0 70px; z-index:9999}

.gywh_bl1 h1{ color:#188345; font-weight:bold; font-size:16px; line-height:36px;} 

.gywh_bl1 p{ color:#888888; font-size:14px; line-height:36px;}

.gywh_br1{ float:right; width:50%; height:auto; overflow:hidden;}

.gywh_br1 img{ display:block; width:100%; height:400px;}

@media(max-width:1024px){

.gywh_bl1{ float:left; position:inherit; left:0; bottom:0; width:100%; height:auto; min-height:auto; overflow:hidden; background:url(../images/bg7.png) no-repeat right center #f5f5f5; padding:40px 30px; z-index:9999}

.gywh_br1{ float:right; width:100%; height:auto; overflow:hidden;}

.gywh_br1 img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.gywh_bl1{ float:left; position:inherit; left:0; bottom:0; width:100%; height:auto; min-height:auto; overflow:hidden; background:url(../images/bg7.png) no-repeat right center #f5f5f5; padding:30px 15px; z-index:9999}

.gywh_br1{ float:right; width:100%; height:auto; overflow:hidden;}

.gywh_br1 img{ display:block; width:100%; height:auto;}

}

.gy_box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center;background-size:cover; padding:115px 0 75px 0;}

.jytd{ width:65%; height:auto; overflow:hidden; margin:0 auto;}

.jytd_t{ text-align:center; color:#000000; line-height:28px; font-size:18px; margin-bottom:70px;}

.jytd_t i{ display:block; color:#188345; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight:bold; letter-spacing:2px; line-height:28px; margin-bottom:5px;}

.jytd_b{ clear:both; height:auto; overflow:hidden;}

.jytd_b dl{ float:left; width:19%; height:auto; margin-right:1.2%;transition: all 0.5s ease; cursor:pointer;margin-bottom:20px;}

.jytd_b dl.qcbj{ margin-right:0%;}

.jytd_b dt{ width:100%; height:auto; position:relative; margin-bottom:18px;}

.jytd_b dt img{ display:block; width:100%; height:240px;}

.jytd_b dt span{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0;transition: all 0.5s ease;}

.jytd_b dd{ text-align:center; height:auto; overflow:hidden;}

.jytd_b dd h1{ color:#083e3e; line-height:24px; font-size:14px;}

.jytd_b dd p{ color:#888888; line-height:24px;}

.jytd_b dl:hover dt span{ opacity:0;}

@media(max-width:1680px){

.jytd{ width:85%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1440px){

.jytd{ width:90%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1024px){

.gy_box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center;background-size:cover; padding:40px 30px;}

.jytd{ width:100%; height:auto; overflow:hidden; margin:0 auto;}	

.jytd_b dt img{ display:block; width:100%; height:183px;}

.jytd_t{ text-align:center; color:#000000; line-height:28px; font-size:18px; margin-bottom:20px;}

}

@media(max-width:768px){

.gy_box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center;background-size:cover; padding:40px 30px;}

.jytd{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.jytd_b dl{ float:left; width:32%; height:auto; margin-right:1%;transition: all 0.5s ease; cursor:pointer;}	

.jytd_b dt img{ display:block; width:100%; height:226px;}

}

@media(max-width:414px){

.gy_box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center;background-size:cover; padding:40px 15px;}

.jytd{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.jytd_b dl{ float:left; width:100%; height:auto; margin-right:0%; margin-bottom:15px;transition: all 0.5s ease; cursor:pointer;}	

.jytd_b dt img{ display:block; width:100%; height:auto;}

}



.gy_box8{ clear:both; width:100%; height:auto; overflow:hidden; padding:120px 0;}

.tab5{width:auto;}

.tab5 ul.menu{height:auto;background:#fff; text-align:center;  margin-bottom:45px;}

.tab5 ul.menu li{ display:inline-block; text-align:center; color:#666666;font-size:22px; line-height:40px; cursor:pointer; margin-right:106px;font-family: "ITCEDSCR"; font-size:22px;}

.tab5 ul.menu li img{ display:block; margin:0 auto;}

.tab5 ul.menu li.active{ background:url(../images/bg8.png) no-repeat center bottom; color:#666666}

.tab5 ul.menu li.qcbj{ margin-right:0px;}

.con8,.con9,.con10,.con11,.con12{height:auto; clear:both; overflow:hidden; background:#eaeaec; padding:60px 0;}

.con9,.con10,.con11,.con12{display:none;}

.shiu{ width:41%; height:auto; overflow:hidden; margin:0 auto;}

.shiu h1{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:80px; line-height:80px; margin-bottom:20px;}

.shiu p{ line-height:28px; font-size:14px; color:#666666; padding-left:50px;}

@media(max-width:1680px){

.shiu{ width:51%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1440px){

.shiu{ width:81%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1024px){

.gy_box8{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0;}

.con8,.con9,.con10,.con11,.con12{height:auto; clear:both; overflow:hidden; background:#eaeaec; padding:30px 0;}

.shiu{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 30px;}	

.shiu h1{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:30px; line-height:30px; margin-bottom:20px;}

.tab5 ul.menu li{ display:inline-block; text-align:center; color:#666666;font-size:22px; line-height:40px; cursor:pointer; margin-right:30px;font-family: "ITCEDSCR"; font-size:22px;}

}

@media(max-width:414px){

.gy_box8{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0;}

.con8,.con9,.con10,.con11,.con12{height:auto; clear:both; overflow:hidden; background:#eaeaec; padding:30px 0;}

.shiu{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}	

.shiu h1{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:30px; line-height:30px; margin-bottom:20px;}

.tab5 ul.menu li{ display:inline-block; text-align:center; color:#666666;font-size:22px; line-height:40px; cursor:pointer; margin-right:0px; float:left; width:20%;font-family: "ITCEDSCR"; font-size:22px;}

.tab5 ul.menu li img{ display:block; margin:0 auto; display:none;}

.tab5 ul.menu{height:auto;background:#fff; text-align:center;  margin-bottom:45px; overflow:hidden;}

.shiu p{ line-height:28px; font-size:14px; color:#666666; padding-left:0px;}

}

.gy_box9{ clear:both; width:100%; height:auto; overflow:hidden; padding-bottom:130px;}

.zzjg{ width:73%; height:auto; overflow:hidden; margin:0 auto;}

.zzjg_l{ float:left; width:33%; height:auto; overflow:hidden; color:#000000; font-size:18px; line-height:28px;}

.zzjg_l i{ display:block; color:#188345; line-height:28px; font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif;}

.zzjg_r{ float:right; width:67%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat left top; padding-top:}

.zzjg_rl{ float:left; width:25%; height:auto; overflow:hidden; line-height:80px; color:#333; font-size:18px; font-weight:bold;}

.zzjg_rr{ float:right; width:75%; height:auto; overflow:hidden;}

.zzjg_rr li{ clear:both; line-height:80px; border-bottom:1px solid #f5f5f5; overflow:hidden;}

.zzjg_rr li span{ float:left; display:block; width:25%; font-size:16px; color:#666666;}

.zzjg_rr li font{ float:left; display:block; width:25%; font-size:14px; color:#666666;}

@media(max-width:1680px){

.zzjg{ width:93%; height:auto; overflow:hidden; margin:0 auto;}

}

@media(max-width:1024px){

.gy_box9{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 30px 30px 30px;}

.zzjg{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

}

@media(max-width:414px){

.gy_box9{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 15px 30px 15px;}

.zzjg{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.zzjg_l{ float:left; width:100%; height:auto; overflow:hidden; color:#000000; font-size:18px; line-height:28px; margin-bottom:20px;}

.zzjg_r{ float:right; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat left top; padding-top:}

.zzjg_rl{ float:left; width:100%; height:auto; overflow:hidden; line-height:45px; color:#333; font-size:18px; font-weight:bold;}

.zzjg_rr{ float:right; width:100%; height:auto; overflow:hidden;}

.zzjg_rr li{ clear:both; line-height:45px; border-bottom:1px solid #f5f5f5; overflow:hidden;}





}

.gy_box10{ clear:both; width:100%; height:auto; overflow:hidden;}

.gy_box10 img{ display:block; width:100%; height:auto;}

.gy_box11{ clear:both; height:auto; overflow:hidden;}

.gyo_l{ float:left; width:74%; height:auto; overflow:hidden; padding:118px 364px 0 261px;}

.gyo_lt{ height:auto; overflow:hidden; color:#000000; line-height:28px; font-size:18px; margin-bottom:80px;}

.gyo_lt i{ display:block; color:#188345; font-size:18px; font-weight:bold; line-height:28px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:2px;}

.gyo_lb{ height:auto; overflow:hidden;}

.gyo_lb ul{ float:left; width:44%; height:auto;}

.gyo_lb li{ background:url(../images/bg13.jpg) no-repeat left 10px; padding-left:14px; line-height:28px; font-size:14px; color:#666666; margin-bottom:25px}

.gyo_lb li a{ color:#666; font-size:14px;}

.gyo_lb ul.you{ float:right;}

.gyo_r{ float:right; width:26%; height:auto;}

.gyo_r img{ display:block; width:100%; height:800px;}

@media(max-width:1680px){

.gyo_l{ float:left; width:74%; height:auto; overflow:hidden; padding:100px 120px 0 120px;}	

}

@media(max-width:1024px){

.gyo_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px 30px;}	

.gyo_r{ float:right; width:100%; height:auto;}

.gyo_r img{ display:block; width:100%; height:auto;}

.gyo_lt{ height:auto; overflow:hidden; color:#000000; line-height:28px; font-size:18px; margin-bottom:20px;}

}

@media(max-width:414px){

.gyo_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px 15px;}	

.gyo_r{ float:right; width:100%; height:auto;}

.gyo_r img{ display:block; width:100%; height:auto;}

.gyo_lt{ height:auto; overflow:hidden; color:#000000; line-height:28px; font-size:18px; margin-bottom:20px;}

.gyo_lb ul{ float:left; width:100%; height:auto;}

.gyo_lb li{ background:url(../images/bg13.jpg) no-repeat left 10px; padding-left:14px; line-height:28px; font-size:14px; color:#666666; margin-bottom:15px}



}



/*关于我们 end*/





/*新闻中心 beign*/

.xw_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:0px 0 60px 0;}

.news{ width:60%; height:auto; overflow:hidden; margin:0 auto;}

.news dl{ clear:both; height:auto; overflow:hidden; margin-bottom:20px;}

.news dt{ float:left; width:46%; height:auto; overflow:hidden;}

.news dt img{ display:block; width:100%;transition: all 0.5s ease;}

.news dd{ float:right; width:52%; height:auto; overflow:hidden;}

.news dd span{ display:block; width:80px; height:70px; background:#188345; text-align:center; padding-top:0px; margin-bottom:28px; color:#fff; line-height:50px; font-family:Arial, Helvetica, sans-serif; font-size:50px;}

.news dd span i{ display:block; color:#fff; font-size:14px; line-height:14px;}

.news dd h1{ color:#333333 ; font-size:18px; line-height:28px; min-height:66px; border-bottom:2px solid #f5f5f5; margin-bottom:15px;transition: all 0.5s ease;}

.news dd p{ line-height:24px; color:#666666; font-size:14px;}

.news dd font{ color:#999999; font-size:14px; display:block; margin-top:25px;}

.news dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.news dl:hover dd h1{ color:#188345}



.fy{ clear:both; height:auto; overflow:hidden; text-align:center; margin-top:20px;}

.fy div{ text-align:center; line-height:42px;}

.fy div span{ color:#fad13e; font-size:14px; padding:6px 10px; border:1px solid #179419; color:#179419; font-weight:bold; margin-right:5px;}

.fy div a{ font-size:14px; color:#333;padding:6px 10px; margin-right:5px;}

.fy div a.prve{ border:1px solid #cccccc; color:#333; font-size:14px; margin-right:5px;}

.fy div a.next{ border:1px solid #cccccc; color:#333; font-size:14px;}

@media(max-width:1680px){

.news{ width:70%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1440px){

.news{ width:85%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:1024px){

.xw_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:0px 30px 60px 30px;}

.news{ width:100%; height:auto; overflow:hidden; margin:0 auto;}	

}

@media(max-width:768px){

.xw_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:0px 30px 60px 30px;}

.news{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.news dt{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.news dt img{ display:block; width:100%;transition: all 0.5s ease;}

.news dd{ float:right; width:100%; height:auto; overflow:hidden;}

.news dd h1{ color:#333333 ; font-size:18px; line-height:28px; min-height:auto; overflow:hidden; padding-bottom:10px; border-bottom:2px solid #f5f5f5; margin-bottom:15px;transition: all 0.5s ease;}



	

}



.box1_2{ position:inherit; background:#292d32;}

.pc_nav2 li a{ display:block; color:#fff; font-size:16px;transition: all 0.5s ease;}

.pc_nav2 li a i{ display:block; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;transition: all 0.5s ease;}

.xw_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg15.jpg) no-repeat center top; padding:80px 0 0px 0;}

.nws_t{ height:auto; overflow:hidden; margin-bottom:20px;}

.nws_t h1{ text-align:center; color:#fff; font-size:20px; line-height:28px; font-weight:bold; margin-bottom:5px;}

.nws_t h2{ text-align:center; line-height:28px; color:#fff; font-size:14px;}

.nws_b{ width:100%; height:auto; overflow:hidden; background:#fff; border-radius:10px; padding:85px 200px;}

.nws_b p{ line-height:24px; color:#666666; font-size:14px;}

.nws_b p img{ display:block; max-width:100%; margin:0 auto;}

.xw_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:70px 0;}

.fy1{ width:auto; height:auto; text-align:center;}

.fy1 p{ text-align:center; line-height:32px; margin-bottom:15px;}

.fy1 p img{ display:block; margin:0 auto;}

.fy1 p a{ color:#666666; font-size:14px;}

@media(max-width:1024px){

.xw_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg15.jpg) no-repeat center top; padding:40px 0 0px 0;}

.xw_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:30px 0;}	

.nws_b{ width:100%; height:auto; overflow:hidden; background:#fff; border-radius:10px; padding:30px 30px;}

}

@media(max-width:414px){

.xw_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg15.jpg) no-repeat center top; padding:40px 0 0px 0;}

.xw_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:30px 0;}	

.nws_b{ width:100%; height:auto; overflow:hidden; background:#fff; border-radius:10px; padding:30px 15px;}

}

/*新闻中心 end*/



/*案例展示 begin*/

.al_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:125px 0 60px 0;}

.sgzp{ height:auto; overflow:hidden;}

.sgzp dl{ float:left; width:49%; height:auto; overflow:hidden;transition: all 0.5s ease; margin-bottom:20px;}

.sgzp dt{ width:100%; height:auto; overflow:hidden;}

.sgzp dt img{ display:block; width:100%; height:330px;max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px);-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.sgzp dd{ height:auto; overflow:hidden; padding:35px 30px; background:#f5f5f5;}

.sgzp dd h1{ color:#000000; font-size:16px; line-height:28px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;transition: all 0.5s ease;}

.sgzp dd span{ display:block; color:#888; line-height:28px; margin-bottom:10px;}

.sgzp dd p{ background:url(../images/bg9.png) no-repeat right center; padding-right:60px; color:#666666; font-size:14px; line-height:28px; height:56px; overflow:hidden;transition: all 0.5s ease;}

.sgzp dl:hover dt img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}

.sgzp dl:hover dd h1{ color:#188345;}

.sgzp dl:hover dd p{ background:url(../images/bg10.png) no-repeat right center;}

.sgzp dl.you{ float:right;}

@media(max-width:1024px){

.al_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:40px 0 60px 0;}	

}

@media(max-width:768px){

.al_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:40px 0 60px 0;}	

.sgzp dt img{ display:block; width:100%; height:208px;max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px);-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

}

@media(max-width:414px){

.al_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:40px 0 60px 0;}	

.sgzp dt img{ display:block; width:100%; height:auto;max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px);-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.sgzp dl{ float:left; width:100%; height:auto; overflow:hidden;transition: all 0.5s ease; margin-bottom:20px;}



}

/*案例展示 end*/



/**/

.ty_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:120px 0 0 0;}

.zhongs{ width:49%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:110px;}

.zhon_l{ float:left; width:50%; height:auto; overflow:hidden; padding:50px 73px 0 11px;}

.zhon_lt{ height:auto; min-height:44px; position:relative; color:#333333; font-size:16px; font-weight:bold; margin-bottom:25px;}

.zhon_lt:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:28px;background:#cccccc;transition:400ms ease all;}

.zhon_lb{ clear:both; height:auto; overflow:hidden;}

.zhon_lb p{ line-height:24px; font-size:14px; color:#999999;}

.zhon_lb p img{ display:block; max-width:100%; margin-top:65px;}

.zhon_r{ float:right; width:50%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat right 50px; padding:0 32px 52px 0;}

.zhon_r img{ display:block; width:100%; height:520px;}

.zhon_l1{ float:right; padding-left:70px;}

.zhon_r1{ background:url(../images/bg16.jpg) no-repeat left 50px; padding:0 0px 52px 32px;}

@media(max-width:1680px){

.zhongs{ width:59%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:110px;}

}

@media(max-width:1440px){

.zhongs{ width:69%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:110px;}

}

@media(max-width:1366px){

.zhongs{ width:70%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:110px;}

}

@media(max-width:1024px){

.ty_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 0 0;}

.zhongs{ width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:30px; padding:0 30px;}

.zhon_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px 0;}

.zhon_lb p img{ display:block; max-width:100%; margin-top:20px;}

.zhon_r{ float:right; width:100%; height:auto; overflow:hidden; background:none; padding:0px;}

.zhon_r img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.ty_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:30px 0 0 0;}

.zhongs{ width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:30px; padding:0 15px;}

.zhon_l{ float:left; width:100%; height:auto; overflow:hidden; padding:0px 0; margin-bottom:30px;}

.zhon_lb p img{ display:block; max-width:100%; margin-top:20px;}

.zhon_r{ float:right; width:100%; height:auto; overflow:hidden; background:none; padding:0px;}

.zhon_r img{ display:block; width:100%; height:auto;}

}



.ty_box1{ clear:both; overflow:hidden; background:url(../images/bg17.jpg) no-repeat center center;background-size:cover; padding:283px 0 230px 0 ; margin-bottom:110px;}

.doni{ width:537px; height:auto; overflow:hidden; margin:0 auto;}

.doni p{ text-align:center; color:#fff; line-height:28px; font-size:14px; color:#efefef;}

.doni p img{ display:block; margin:0 auto; margin-bottom:15px;}

@media(max-width:1600px){

.doni{ width:38%; height:auto; overflow:hidden; margin:0 auto;}

}

@media(max-width:1024px){

.ty_box1{ clear:both; overflow:hidden; background:url(../images/bg17.jpg) no-repeat center center;background-size:cover; padding:120px 0 120px 0 ; margin-bottom:30px;}

.doni{ width:537px; height:auto; overflow:hidden; margin:0 auto;}

}

@media(max-width:414px){

.ty_box1{ clear:both; overflow:hidden; background:url(../images/bg17.jpg) no-repeat center center;background-size:cover; padding:120px 0 120px 0 ;margin-bottom:30px;}

.doni{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}

}

.gy_box_l{ padding-bottom:0px;}

.yl_box{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; padding:75px 0 98px 0;}

.gince{ width:932px; height:auto; overflow:hidden; margin:0 auto;}

.gince p{ line-height:32px; font-size:14px; color:#666666;}

@media(max-width:1024px){

.yl_box{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 40px 0;}

.gince{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 30px;}

}

@media(max-width:414px){

.yl_box{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 40px 0;}

.gince{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}



}

.yl_box1{ clear:both; height:auto; overflow:hidden; padding:128px 0 60px 0; margin-top:-7px; background:url(../tu/tu4.png) no-repeat center top;}

.zhon{ width:921px; height:auto; margin:0 auto;}

.zhon_l{ float:left; width:42%; height:auto; overflow:hidden; padding:50px 0 0 0;}

.zhoe_r{ float:right; width:43%; height:auto; overflow:hidden;}

.zhoe_r img{ display:block; width:100%; height:380px;}

@media(max-width:1024px){

.yl_box1{ clear:both; height:auto; overflow:hidden; padding:40px 0 40px 0; margin-top:-7px; background:url(../tu/tu4.png) no-repeat center top;}

.zhon{ width:100%; height:auto; margin:0 auto; padding:0 30px;}

.zhon_l{ float:left; width:100%; height:auto; overflow:hidden; padding:0px 0 0 0;}

.zhoe_r{ float:right; width:100%; height:auto; overflow:hidden;}

.zhoe_r img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.yl_box1{ clear:both; height:auto; overflow:hidden; padding:40px 0 40px 0; margin-top:-7px; background:url(../tu/tu4.png) no-repeat center top;}

.zhon{ width:100%; height:auto; margin:0 auto; padding:0 15px;}

.zhon_l{ float:left; width:100%; height:auto; overflow:hidden; padding:0px 0 0 0;}

.zhoe_r{ float:right; width:100%; height:auto; overflow:hidden;}

.zhoe_r img{ display:block; width:100%; height:auto;}

}



.yl_box2{ padding:130px 0 60px; clear:both; background:#f5f5f5; overflow:hidden;}

.yl_box2 h1{ color:#333333; line-height:36px; font-size:18px; font-weight:bold; margin-bottom:40px;}

.yl_box2 dl{ float:left; width:29%; height:auto; margin-right:6.5%;}

.yl_box2 dt{ width:100%; height:auto; overflow:hidden;}

.yl_box2 dt img{ display:block; width:100%;transition: all 0.5s ease;}

.yl_box2 dd{ background:#292d32; padding:20px 0; line-height:36px; text-align:center;}

.yl_box2 dd p{ color:#fff; line-height:24px; color:#fff; font-size:14px;}

.yl_box2 dd p i{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#bdbebf;}

.yl_box2 dl.qcbj{ margin-right:0%;}



.yl_box2 dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

@media(max-width:1024px){

.yl_box2{ padding:40px 0 40px; clear:both; background:#f5f5f5; overflow:hidden;}

.yl_box2 h1{ color:#333333; line-height:36px; font-size:18px; font-weight:bold; margin-bottom:20px;}	

}

@media(max-width:414px){

.yl_box2{ padding:40px 0 40px; clear:both; background:#f5f5f5; overflow:hidden;}

.yl_box2 h1{ color:#333333; line-height:36px; font-size:18px; font-weight:bold; margin-bottom:20px;}	

.yl_box2 dl{ float:left; width:100%; height:auto; margin-right:0%; margin-bottom:10px;}

.yl_box2 dd{ background:#292d32; padding:10px 0; line-height:36px; text-align:center;}

}



.yl_box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:120px 0;}

.xince{ width:73%; height:auto; margin:0 auto; overflow:hidden;}

.xince_l{ float:left; width:41%; height:auto; overflow:hidden;}

.xince_l p{ line-height:26px; font-size:14px; color:#999999;}

.xince_r{ float:right; width:50%; height:auto; overflow:hidden;}

.xince_r img{ display:block; width:100%; height:514px;}

@media(max-width:1680px){

.xince{ width:93%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1024px){

.xince{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}

.yl_box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0;}

.xince_l{ float:left; width:100%; height:auto; overflow:hidden; padding-bottom:20px;}

.xince_r{ float:right; width:100%; height:auto; overflow:hidden;}

.xince_r img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.xince{ width:100%; padding:0 15px; height:auto; margin:0 auto; overflow:hidden;}

.yl_box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0;}

.xince_l{ float:left; width:100%; height:auto; overflow:hidden; padding-bottom:20px;}

.xince_r{ float:right; width:100%; height:auto; overflow:hidden;}

.xince_r img{ display:block; width:100%; height:auto;}

}



.hy_box{ clear:both; height:auto; overflow:hidden;}

.tyzw_l{ float:left; width:50%; height:auto; overflow:hidden;}

.tyzw_l img{ display:block; width:100%; height:1000px;}

.tyzw_r{ float:right; width:50%; height:auto; overflow:hidden; padding:380px 145px 100px 130px;}

.tyzw_r h1{ text-align:center; color:#188345; font-size:20px; line-height:33px; font-weight:bold; margin-bottom:25px;}

.tyzw_r h1 i{ display:block; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold;}

.tyzw_r p img{ display:block; margin:0 auto; max-width:100%; margin-bottom:50px;}

.tyzw_r p{ line-height:36px; font-size:14px; color:#999999;}

@media(max-width:1680px){

.tyzw_r{ float:right; width:50%; height:auto; overflow:hidden; padding:280px 145px 100px 130px;}

}

@media(max-width:1440px){

.tyzw_r{ float:right; width:50%; height:auto; overflow:hidden; padding:280px 100px 100px 100px;}

}

@media(max-width:1024px){

.tyzw_r{ float:right; width:100%; height:auto; overflow:hidden; padding:40px 30px;}

.tyzw_l{ float:left; width:100%; height:auto; overflow:hidden;}

.tyzw_l img{ display:block; width:100%; height:auto;}

.tyzw_r p img{ display:block; margin:0 auto; max-width:100%; margin-bottom:10px;}

}

@media(max-width:414px){

.tyzw_r{ float:right; width:100%; height:auto; overflow:hidden; padding:40px 15px;}

.tyzw_l{ float:left; width:100%; height:auto; overflow:hidden;}

.tyzw_l img{ display:block; width:100%; height:auto;}

.tyzw_r p img{ display:block; margin:0 auto; max-width:100%; margin-bottom:10px;}

}

.hy_box1{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-368px;}

.tyzw_l1{ float:right; padding-top:368px}

.tyzw_r1{ background:url(../images/bg18.jpg) no-repeat;}

@media(max-width:1680px){

.hy_box1{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-378px;}	

}

@media(max-width:1600px){

.hy_box1{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-488px;}	

.tyzw_l1{ float:right; padding-top:448px}

}

@media(max-width:1366px){

.hy_box1{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-522px;}	

.tyzw_l1{ float:right; padding-top:488px}

}

@media(max-width:1280px){

.hy_box1{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-558px;}	

.tyzw_l1{ float:right; padding-top:488px}

}

@media(max-width:1024px){

.hy_box1{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:0px;}

.tyzw_l1{ float:right; padding-top:0px}

}

@media(max-width:414px){

.tyzw_r1{ background:none}

}



.hy_box2{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-700px;}

.tyzw_l2{ float:right; padding-top:650px}

.tyzw_r2{ background:url(../images/bg19.jpg) no-repeat; padding-top:619px;}

@media(max-width:1680px){

.hy_box2{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-710px;}

.tyzw_l2{ float:right; padding-top:650px}

}

@media(max-width:1600px){

.hy_box2{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-780px;}

.tyzw_l2{ float:right; padding-top:710px}

}

@media(max-width:1440px){

.hy_box2{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-780px;}

.tyzw_l2{ float:right; padding-top:710px}

}

@media(max-width:1366px){

.hy_box2{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:-930px;}

.tyzw_l2{ float:right; padding-top:910px}

}

@media(max-width:1024px){

.hy_box2{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:0px;}

.tyzw_l2{ float:right; padding-top:0px}

.tyzw_r2{ background:none; padding-top:0px;}

}

.tyzw_l3{ float:right;}

.tyzw_r3{ padding-top:200px;}

.hy_box3{ clear:both;}

@media(max-width:1024px){

.tyzw_r3{ padding-top:20px;}

}



.fw_box{ clear:both; height:auto; overflow:hidden; position:relative;}

.wdli{ float:left; width:42%; height:auto; min-height:798px; background:#292d32; padding-top:120px;}

.gcni{ width:88%; height:auto; position:absolute; right:0; bottom:0; padding-left:68px;}

.gcni_t{ position:absolute; left:0; top:266px;}

.gcni_t h1{ position:relative; min-height:41px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:30px; font-weight:bold;}

.gcni_t h1:after{ content:'';position:absolute;left:0; bottom:0px; height:4px;width:70px;background:#41ce6c;transition:400ms ease all;-moz-transition:400ms ease all;}

.gcni_t p{ color:#fff; font-weight:bold; font-size:28px; line-height:28px; margin-top:28px;}

@media(max-width:1024px){

.wdli{ float:left; width:42%; height:auto; min-height:798px; background:#292d32; padding-top:120px; display:none}

.gcni{ width:100%; height:auto; position:inherit; right:0; bottom:0; padding-left:0px;}

.gcni_t{ position:absolute; left:0; top:20px;}

}

@media(max-width:414px){

.wdli{ float:left; width:42%; height:auto; min-height:798px; background:#292d32; padding-top:120px; display:none}

.gcni{ width:100%; height:auto; position:inherit; right:0; bottom:0; padding-left:0px;}

.gcni_t{ position:absolute; left:15px; top:30px;}

.gcni_t h1{ position:relative; min-height:30px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; font-weight:bold;}

.gcni_t p{ color:#fff; font-weight:bold; font-size:18px; line-height:28px; margin-top:18px;}



}



.fw_box1{ clear:both; width:100%; height:auto; overflow:hidden;}

.gtyu_l{ float:left; width:42%; height:auto; overflow:hidden; position:relative; background:#292d32; padding-top:50px;}

.gtyu_r{ float:right; width:58%; height:auto; overflow:hidden; padding:320px 260px 0 160px }

.gtyu_r p{ line-height:32px; font-size:14px; color:#999999;}

@media(max-width:1680px){

.gtyu_r{ float:right; width:58%; height:auto; overflow:hidden; padding:220px 140px 0 140px }

}

@media(max-width:1440px){

.gtyu_r{ float:right; width:58%; height:auto; overflow:hidden; padding:150px 100px 0 100px }

}

@media(max-width:1024px){

.gtyu_l{ float:left; width:100%; height:auto; overflow:hidden; position:relative; background:#292d32; padding-top:50px;}

.gtyu_r{ float:right; width:100%; height:auto; overflow:hidden; padding:40px 30px; }

}

@media(max-width:414px){

.gtyu_l{ float:left; width:100%; height:auto; overflow:hidden; position:relative; background:#292d32; padding-top:50px;}

.gtyu_r{ float:right; width:100%; height:auto; overflow:hidden; padding:40px 15px; }

}



.lxinw{ width:494px; height:580px; background:#031f35; position:absolute; right:0; top:0; padding:105px 28px 0 77px;}

.lxinw p{ line-height:36px; font-size:14px; color:#ffffff;}

.lxinw p i{ color:#50b56f; font-size:14px; font-weight:bold;}

@media(max-width:1440px){

.lxinw{ width:494px; height:580px; background:#031f35; position:absolute; right:0; top:0; padding:60px 28px 0 77px;}

}

@media(max-width:1366px){

.lxinw{ width:404px; height:580px; background:#031f35; position:absolute; right:0; top:0; padding:30px 28px 0 28px;}

}

@media(max-width:1280px){

.lxinw{ width:404px; height:580px; background:#031f35; position:absolute; right:0; top:0; padding:20px 28px 0 28px;}

}

@media(max-width:1024px){

.lxinw{ width:100%; height:auto; background:#031f35; position:inherit; right:0; top:0; padding:20px 28px 30px 28px;}

}



.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:115px 0;}

.lx_box h1{ text-align:center; color:#2e2e2e; font-size:24px; line-height:28px; margin-bottom:15px;}

.lx_box h6{ text-align:center; color:#757575; line-height:24px; margin-bottom:90px;}

.lx_box p img{ display:block; max-width:100%; margin:0 auto;}



@media(max-width:1024px){

.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0;}

.lx_box h6{ text-align:center; color:#757575; line-height:24px; margin-bottom:20px;}

}



.rz_box{ width:100%; height:auto; overflow:hidden; padding:162px 0 0 0; position:relative; z-index:11111;}

.rzin{ width:78%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:100px;}

.tuno{ clear:both; height:auto; overflow:hidden;}

.tuno li{ float:left; width:50%;}

.tuno li img{ display:block; width:100%;}



@media(max-width:1024px){

.rz_box{ width:100%; height:auto; overflow:hidden; padding:40px 0 0 0; position:relative; z-index:11111;}

.rzin{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:30px;}

}

@media(max-width:414px){

.rz_box{ width:100%; height:auto; overflow:hidden; padding:40px 0 0 0; position:relative; z-index:11111;}

.rzin{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:30px;}

.tuno li{ float:left; width:100%;}

}

.rz_box1{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; margin-top:-150px; padding:268px 0 101px 0;}

.zus_l{ float:left; width:50%; height:auto; overflow:hidden; padding:22px 78px 0 261px;}

.zus_l h1{ position:relative; min-height:31px; color:#333333; font-size:16px; font-weight:bold; margin-bottom:20px;}

.zus_l h1:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:28px;background:#41ce6c;transition:400ms ease all;-moz-transition:400ms ease all;}

.zus_l p{ line-height:24px; color:#999; font-size:14px;}

.zus_r{ width:50%; float:right; background:#fff; padding:25px 261px 25px 25px;}

.zus_r img{ display:block; width:100%; height:500px;}

.zus_l1{ float:right; padding:195px 261px 0 83px;}

.zus_r1{ padding:25px 25px 25px 261px;}

.zus_l2{ padding:195px 83px 0 261px;}

.zus_r2{ padding:25px 261px 25px 25px;}

.rz_box2{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; padding-bottom:95px;}

@media(max-width:1680px){

.zus_l{ float:left; width:50%; height:auto; overflow:hidden; padding:22px 78px 0 161px;}

.zus_r{ width:50%; float:right; background:#fff; padding:25px 161px 25px 25px;}

.zus_l1{ float:right; padding:195px 161px 0 83px;}

.zus_r1{ padding:25px 25px 25px 161px;}

.zus_l2{ padding:195px 83px 0 161px;}

.zus_r2{ padding:25px 161px 25px 25px;}

}

@media(max-width:1440px){

.zus_l{ float:left; width:50%; height:auto; overflow:hidden; padding:22px 78px 0 50px;}

.zus_r{ width:50%; float:right; background:#fff; padding:25px 50px 25px 25px;}

.zus_l1{ float:right; padding:195px 78px 0 83px;}

.zus_r1{ padding:25px 25px 25px 50px;}

.zus_l2{ padding:195px 83px 0 50px;}

.zus_r2{ padding:25px 50px 25px 25px;}

}

@media(max-width:1024px){

.rz_box1{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; margin-top:0px; padding:40px 30px;}

.zus_l{ float:left; width:100%; height:auto; overflow:hidden; padding:20px 0;}

.zus_r{ width:100%; float:right; background:#fff; padding:0;}

.zus_r img{ display:block; width:100%; height:auto;}

.rz_box2{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; margin-top:0px; padding:40px 30px;}

}

@media(max-width:414px){

.rz_box1{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; margin-top:0px; padding:20px 15px;}

.zus_l{ float:left; width:100%; height:auto; overflow:hidden; padding:20px 0;}

.zus_r{ width:100%; float:right; background:#fff; padding:0;}

.zus_r img{ display:block; width:100%; height:auto;}

.rz_box2{ clear:both; height:auto; overflow:hidden; background:#f5f5f5; margin-top:0px; padding:20px 15px;}

}

















@keyframes xshd {

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

-ms-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.xshd {animation:xshd 2s;-mzoanimation:xshd 2s;-webkit-animation:xshd 2s;-o-animation:xshd 2s;}

.xshd1 {animation:xshd1 2s;-mzoanimation:xshd1 2s;-webkit-animation:xshd1 2s;-o-animation:xshd1 2s;}



@keyframes xshd1 {

0% {

opacity:0;

transform: translateX(200px);

}

100% {

opacity:1;

transform: translateX(0px);

}

}



.xshd2 {animation:xshd2 2s;-mzoanimation:xshd2 2s;-webkit-animation:xshd2 2s;-o-animation:xshd2 2s;}



@keyframes xshd2 {

0% {

opacity:0;

transform: translateX(-200px);

}

100% {

opacity:1;

transform: translateX(0px);

}

}