@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/
.fullSlide { position: relative; z-index: 1; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #009148;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
/**/
.seabox{overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.2); height: 118px; width: 1200px; margin: -53px auto 96px; position: relative; z-index: 66; background: #fff;}
.seabox h3{ padding: 33px 0 0 101px; float: left;font-size: 16px; color: #000000; font-weight: normal; line-height: 100%;background:url(../inimages/s_ico.jpg) no-repeat 40px 37px;}
.seabox h3 i{ display: block; font-weight: bold; line-height: 100%; font-size: 20px; padding-top: 10px;}
.s_r{ float: right; padding-left: 38px; background: #009148; height:78px; padding-top: 50px;width: 800px; }
.seabox p{ float: left; color: #d0e5d8; font-size: 14px;  overflow: hidden;}
.seabox p i{ display: inline-block; float: left; font-size: 13px;}
.seabox p a{ display: inline-block; color: #d0e5d8; font-size: 14px; padding: 0 6px;}
.seabox p a:hover{ color: #fff; text-decoration: underline;}
.sea_inp{ height: 34px;overflow: hidden; margin-right: 40px;/*border-bottom: 1px solid #fff;*/ margin-right: 40px; margin-top: -6px; position: relative;}
.sea_inp .serach{width:246px;height:34px;color:#fff;float:left;outline: none;display: block;position: relative;background:none;border: 0;font-size: 13px;outline: none; line-height: 100%; float: left;}
.sea_inp .sub{ width:35px; height:34px;border:0;float:right;cursor: pointer;display: block;outline: none;background:url(../inimages/seach.jpg) no-repeat;}
.serach::-webkit-input-placeholder{color:#fff; font-size:14px;line-height: 100%;}
��������.serach:-moz-placeholder{��������color:#fff;font-size:14px;line-height: 100%;}
��������.serach::moz-placeholder{color:#fff;font-size:14px;line-height: 100%;}
��������.serach:-ms-input-placeholder{��������color:#fff;font-size:14px;line-height: 100%;}
/**/
.tils{ height: 623px;}
.tils dl{}
.tils dl dt{ float: left; margin-left: -91px; padding-left:91px;background:url(../inimages/tils_bg.jpg) no-repeat; width: 600px; margin-bottom: 60px;}
.tils dl dd{ float: right; width: 555px;}
.tils dl dd h3{ line-height: 100%; color: #333333; font-size: 46px; padding-top: 37px;background:url(../inimages/t_h.png) no-repeat 0 4px; padding-bottom: 36px;}
.tils dl dd h3 i{ color: #009148;}
.tils dl dd p{ height: 153px; color: #333333; font-size: 16px; line-height: 33px;}
.tils dl dd em{ display: block; text-align: right;}
.tils ul{ overflow: hidden;}
.tils ul li{ float: left; width: 25%; text-align: center; position: relative; padding-top: 113px; color: #1a1a1a; font-size: 16px;background:url(../inimages/t_io11.jpg) no-repeat center 0;}
.tils ul li:before{ content:""; position:absolute;height:120px;width:1px;left:0;top:14px; background:#ccc;}
.tils ul li:last-of-type:after{ content:""; position:absolute;height:120px;width:1px;right:0;top:14px; background:#ccc;}
.tils ul li i{ display: block; line-height: 100%; font-size: 24px; padding-bottom: 13px;}
.tils ul li:nth-of-type(2){background:url(../inimages/t_io12.jpg) no-repeat center 0;}
.tils ul li:nth-of-type(3){background:url(../inimages/t_io13.jpg) no-repeat center 0;}
.tils ul li:nth-of-type(4){background:url(../inimages/t_io14.jpg) no-repeat center 0;}
.tils ul li:hover{background:url(../inimages/t_io1a.jpg) no-repeat center 0;}
.tils ul li:nth-of-type(2):hover{background:url(../inimages/t_io2a.jpg) no-repeat center 0;}
.tils ul li:nth-of-type(3):hover{background:url(../inimages/t_io3a.jpg) no-repeat center 0;}
.tils ul li:nth-of-type(4):hover{background:url(../inimages/t_io4a.jpg) no-repeat center 0;}
    /**/
/**/
/**/
.pro1{ background:#f5f5f5;/*background: url(../inimages/p_bg3.jpg) no-repeat center bottom #f5f5f5;*/ border-top: 1px solid #f0f0f0; height:1600px; overflow: hidden; box-sizing: border-box; padding-top:50px; margin-bottom: 80px;}
.pro1 h2{ padding-bottom: 60px;}
.pro_l{ width: 515px;}
.pro_l h3{ font-size: 0; line-height: 0; overflow: hidden; height: 627px; margin-bottom: 48px;}
.pro_l h4 a{ line-height: 100%;font-weight: normal; display: block; padding-bottom: 14px;color: #333333; font-size: 24px;}
.pro_l ul{ overflow: hidden; padding: 21px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 39px;}
.pro_l ul li{ float: left; width: 33.33%; box-sizing: border-box; }
.pro_l ul li a{ display: block;line-height: 38px; font-size: 16px; color: #333;background: url(../inimages/p_li1.jpg) no-repeat 0 17px; padding-left: 24px;}
.pro_l ul li a:hover{ color: #000;text-decoration: underline;}
.pro_l em{ display: block;}
.pro_l em a{ display: inline-block; width: 128px; height: 39px; line-height: 39px; text-align: center; border-radius: 39px; border: 1px solid #008225;  color: #009148; font-size: 16px; font-weight: bold;}
.pro_l em a:hover{ background: #009148; color: #fff;}
/**/
.pro_r{ width: 634px;}
.pro_r h3{ height: 72px; padding-left: 27px;background: url(../inimages/p_h1.jpg) no-repeat;}
.pro_r h3 a{ display: inline-block; line-height: 100%; color: #1a1a1a; font-size: 38px;}
.pro_r p{ height: 137px; font-size: 16px; color: #333333; line-height: 30px; letter-spacing:2px;}
.pro_r ul li{ float: left; width: 310px; height:310px; position: relative; overflow: hidden; margin-bottom: 30px; box-shadow: 0 0 9px rgba(0,0,0,0.05)}
.pro_r ul li:nth-of-type(2n){ float: right;}
.pro_r ul li em{ display: inline-block; position: absolute; left: 30px; top: 39px;}
.pro_r ul li em i{ display: block; line-height: 100%; color: #1a1a1a; font-size: 22px;}
.pro_r ul li em span{ display: block; line-height: 100%; padding: 10px 0 35px 0; font-size: 15px; color: #c6c6c6; font-family: Century Gothic;/*background: url(../inimages/p_li2.png) no-repeat 0 bottom;*/}
/**/
.pro2{background: url(../inimages/p_bg2.jpg) no-repeat center bottom; border-top: none; padding-top: 0; height: 792px; margin-bottom: 0;}
.pro2 .pro_l{ float: right;}
.pro2 .pro_l ul{ padding: 0; border: none; margin-bottom: 0;}
.pro2 .pro_l_on ul li{ width:100%; margin-bottom: 12px;}
.pro2 .pro_l_on ul li a{ padding-left: 0; background: none;}
.pro2 .pro_l_on ul li img{ width: 515px; height: 687px;}
.pro_l_li{ margin-left: 228px;}
.pro_l_li ul{ padding: 0; border: none;}
.pro2 .pro_l_li ul li{ float: left; cursor: pointer; width: 15px; height: 15px; border-radius: 9px; border: 3px solid #009148; margin-right: 18px; box-sizing: border-box; margin-bottom: 0;}
.pro_l_li ul li.on{ background: #009148;}

.pro_r em{ display: block; margin-bottom: 90px;}
.pro_r em a{ display: inline-block; width: 128px; height: 39px; line-height: 39px; text-align: center; border-radius: 39px; border: 1px solid #008225;  color: #009148; font-size: 16px; font-weight: bold;}
.pro_r em a:hover{ background: #009148; color: #fff;}
.pro2 .pro_r p{ height: 123px;}
.pro2 .pro_r ul li{ box-shadow:none;}
/**/
.pro3{ overflow: hidden;background: url(../inimages/p_bg3.jpg) no-repeat center bottom #f5f5f5; padding-top: 98px; height: 252px; margin-bottom: 93px;}
.pro3 .pro_r p{ height: 106px;}
.pro3 .pro_l{ height: 1111px;}
.pro_mt h3{ float: left; margin: 53px 0 0 43px;background: url(../inimages/pro_mt.jpg) no-repeat; line-height: 100%; font-size: 24px; line-height: 100%; color: #fff; padding: 0 0 20px 37px;}
.pro_mt p{ float: right; width: 930px; padding-top: 61px;}
.pro_mt p a{ display: inline-block; font-size: 16px; color: #333; margin-right: 31px;}
.pro_mt p a:hover{ color: #009148;font-weight: bold;}
/**/
.ys{overflow: hidden;}
.ys h2{ padding-bottom: 32px;}
.ys .con{margin-top:0;}
.ys .con li{width:14.5%;overflow: hidden;float: left;position: relative;border-right: 8px solid #fff;box-sizing: border-box;transition: all .25s linear;}
.ys .con li:last-child{border: none; }
.ys .con li > em{display: block;width: 100%;overflow: hidden;}
.ys .con li > em img{opacity: 1;display: block;min-height:792px;}
.ys .con li .hov{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.5);box-sizing: border-box;padding: 57px 0 0 0; right: 0;}
.ys .con li .hov p,.ys .con li .hov h4{ display: none;}
.ys .con li .hov h3{ color: #fff; font-size: 32px; line-height:42px; text-align: center; padding-bottom: 73px; position: relative;font-weight: normal;}
.ys .con li strong{ display: block; font-weight: normal; font-size: 89px; color: #fff; opacity: 0.6; font-family: arial; padding-top: 50%; line-height: 100%;position: absolute; left: 0; width: 100%; bottom: -38px; z-index: 5; text-align: center;}
.ys .con li:nth-child(1) .hov h3{background:url(../inimages/k_ico1.png) no-repeat  center 112px; }
.ys .con li:nth-child(3) .hov h3{background:url(../inimages/k_ico3.png) no-repeat  center 112px; }
.ys .con li .hov h3 span{ display: block;}
.ys .con li .hov h3 i{ display: block; font-size: 14px; color: #fff; font-family: Arial; position: absolute; left: 30%; top: 465px;font-weight: normal; line-height: 150%;}
.ys .con li .hov h3:before{ content:""; position:absolute;height:211px;width:1px;left:50%;top:292px; background:#fff; }
.ys .con li.cur{width:56.5%;}
.ys .con li.cur .hov{width:95%;background:rgba(0,0,0,0.5); left: 0;bottom: 10%; height: 148px; padding-top: 0; top: 75%;}
.ys .con li.cur p{opacity: 1;width: auto;}
.ys .con li.cur p img{ display: inline-block; float: left;}
.ys .con li.cur p em{ display: inline-block; float: right; width: 82%;}
.ys .con li.cur .hov p i{}
.ys .con li.cur strong{ display: none;}
.ys .con li.cur .hov h3{ display: none;}
.ys .con li.cur .hov p i{ display: block; font-weight: bold; color: #fff; font-size: 24px; line-height: 100%; padding: 25px 0 11px 0;}
.ys .con li.cur .hov p em { display: block; font-size: 16px; color: #fff; line-height: 26px; height: 110px;}
.ys .con li.cur .hov p em span{ display: block;}
.ys .con li.cur .hov p,.ys .con li.cur .hov h4{ display: block;}
.ys .con li.cur .hov h3:before{ background: none;}
.ys .con li.cur .hov h4 b{ float: left; width: 210px; color: #fff;font-weight: normal; font-size: 14px; color: #fff; font-weight: normal; line-height: 28px;}
.ys .con li.cur .hov h4 b i{ display: block; font-weight: bold; line-height: 100%; font-size: 18px; padding-bottom: 11px;}
.ys .con li.cur .hov h4 b span{ display: block; padding-left: 13px; position: relative;}
.ys .con li.cur .hov h4 b span:before{ content:""; position:absolute;height:5px;width:5px;left:0;top:11px; background:#a5a5a6; border-radius: 5px; }
/**/
.anl{padding-top: 80px; height:820px;}
.a_menu{ height: 117px;}
.a_menu ul li{ float: left; width: 240px; position: relative; background:url(../inimages/al_i1.jpg) no-repeat 45px 0 #f5f5f5; box-sizing: border-box; border-right: 1px solid #d1d1d1; padding-left: 100px; height: 87px;}
.a_menu ul li:last-of-type{ border-right: none;}
.a_menu ul li i{ display:block; line-height: 100%; font-size: 22px; color: #333333; padding-top: 27px; padding-bottom: 5px;}
.a_menu ul li span{ display: block; line-height: 100%; color: #a6a6a6; font-size: 12px;}
.a_menu ul li:nth-of-type(2){ background:url(../inimages/al_i2.jpg) no-repeat 55px 0 #f5f5f5;}
.a_menu ul li:nth-of-type(3){ background:url(../inimages/al_i3.jpg) no-repeat 55px 0 #f5f5f5;}
.a_menu ul li:nth-of-type(4){ background:url(../inimages/al_i4.jpg) no-repeat 50px 0 #f5f5f5;}
.a_menu ul li:nth-of-type(5){ background:url(../inimages/al_i5.jpg) no-repeat 50px 0 #f5f5f5;}
.a_menu ul li.on{background:url(../inimages/al_i11.jpg) no-repeat 45px 0 #008225;  color: #fff; position: relative;}.a_menu ul li.on i,.a_menu ul li.on span{ color: #fff;}
.a_menu ul li.on:before{ content:""; position:absolute;border-top:8px solid #008225;border-left:8px solid transparent;border-right:8px solid transparent;height: 0;width: 0; left:46.5%; top:100%; }
.a_menu ul li:nth-of-type(2).on{ background:url(../inimages/al_i21.jpg) no-repeat 55px 0 #008225;}
.a_menu ul li:nth-of-type(3).on{ background:url(../inimages/al_i31.jpg) no-repeat 55px 0 #008225;}
.a_menu ul li:nth-of-type(4).on{ background:url(../inimages/al_i41.jpg) no-repeat 50px 0 #008225;}
.a_menu ul li:nth-of-type(5).on{ background:url(../inimages/al_i51.jpg) no-repeat 50px 0 #008225;}

.a_om{ height: 570px; position: relative;}
.a_om ul li{ overflow: hidden; box-shadow: 3px 3px 20px rgba(0,0,0,0.12);}
.a_om ul li b{ display: inline-block; float: left; overflow: hidden; height: 520px;}
.a_om ul li b img{ width: 740px;}
.a_om ul li em{ display: inline-block; float: right; width: 375px; padding: 77px 33px 0 0;}
.a_om ul li em i{ display: block; line-height: 100%; color: #333333; font-size: 26px;font-weight: bold; padding-bottom: 18px;}
.a_om ul li em strong{ display: block; font-weight: normal; font-size: 16px; color: #0d0000; line-height: 30px; height: 227px;}
.a_om ul li em strong span{ display: block;}
.a_om ul li em .amo{ width: 128px; height: 39px; line-height: 39px; text-align: center; border-radius: 39px; border: 1px solid #008225; display: block; color: #009148; font-size: 16px; font-weight: bold;}
.a_om ul li em .amo:hover{ background: #008225; color: #fff;}
.pages{ position: absolute; right: 55px;bottom: 85px; z-index: 55!important;}
.pages .a_ud{ float: left; margin-top: 10px; padding-right: 25px; cursor: pointer;}
.pages .a_dd{ float: left; margin-top: 10px; padding-left: 23px;cursor: pointer;}
.pages em{ float: left; color: #888888; font-size: 14px;}
.pages em span{ color: #313131; font-size: 40px;}

.anl_bom{ position: relative; height: 195px;}
.anl_bom ul li{ float: left; overflow: hidden; border: 1px solid #d2d2d2; margin-right: 11px;}
.al_u{ position: absolute; cursor: pointer; width: 31px; height: 58px; left:-31px;background: url(../inimages/an_d1.jpg) no-repeat; top: 30px;}
.al_u:hover{background: url(../inimages/an_u.jpg) no-repeat;}
.al_d{ position: absolute; cursor: pointer; width: 31px; height: 58px; right:-30px;background: url(../inimages/an_d.jpg) no-repeat; top: 30px;}
.al_d:hover{background: url(../inimages/an_u1.jpg) no-repeat;}

/**/
.liuc{ background: #f5f5f5; padding-top: 79px; height: 498px;}
.liuc h2{ padding-bottom: 36px;}
.liuc ul{ overflow: hidden; height: 249px;}
.liuc ul li{ float: left; text-align: center; padding-right:95px;background: url(../inimages/lc_li.jpg) no-repeat 155px 52px;}
.liuc ul li i{ display: block; line-height: 100%; font-size: 25px; color: #333333; padding-top: 143px;background: url(../inimages/lc1.jpg) no-repeat; min-width: 120px;}
.liuc ul li span{ display: block; line-height: 100%; padding-top: 9px; font-size: 12px; color: #4c4c4c; font-family: Century Gothic;}
.liuc ul li:last-of-type{ padding-right: 0;}
.liuc ul li:nth-of-type(2) i{background: url(../inimages/lc2.jpg) no-repeat;}
.liuc ul li:nth-of-type(3) i{background: url(../inimages/lc3.jpg) no-repeat;}
.liuc ul li:nth-of-type(4) i{background: url(../inimages/lc4.jpg) no-repeat;}
.liuc ul li:nth-of-type(5) i{background: url(../inimages/lc5.jpg) no-repeat;}
.liuc ul li:nth-of-type(6) i{background: url(../inimages/lc6.jpg) no-repeat;}
.liuc ul li:hover i{ color: #008225;background: url(../inimages/lc1a.jpg) no-repeat;}
.liuc ul li:nth-of-type(2):hover i{background: url(../inimages/lc2a.jpg) no-repeat;}
.liuc ul li:nth-of-type(3):hover i{background: url(../inimages/lc3a.jpg) no-repeat;}
.liuc ul li:nth-of-type(4):hover i{background: url(../inimages/lc4a.jpg) no-repeat;}
.liuc ul li:nth-of-type(5):hover i{background: url(../inimages/lc5a.jpg) no-repeat;}
.liuc ul li:nth-of-type(6):hover i{background: url(../inimages/lc6a.jpg) no-repeat;}
.liuc h3{ margin-left: 333px; padding-left: 41px;background: url(../inimages/lc_tel.jpg) no-repeat 0 10px; font-size: 16px; color: #333333;font-weight: normal; overflow: hidden;}
.liuc h3 i{ display: inline-block; float: left; padding-top: 12px;}
.liuc h3 i span{ font-size: 28px;font-weight: bold; padding-right: 17px;}
.liuc h3 em a{ display: inline-block; float: left; padding-left: 32px; width: 135px; background:url(../inimages/lc_m.jpg) no-repeat 112px 16px #008225; height: 43px; line-height: 43px; border-radius: 43px; font-size: 16px; color: #fff;}
    /**/
.xinw{ padding-top: 78px; height: 692px; overflow: hidden;}
.xinw h2{ padding-bottom: 39px;}
.xinw h2 i em{ padding-left: 52px; display: inline-block;background: url(../inimages/n_h.jpg) no-repeat 18px 22px; line-height: 100%;}
.ys h2 i em{ padding-left: 52px; display: inline-block;background: url(../inimages/n_h.jpg) no-repeat 18px 22px; line-height: 100%;}
.company { width:771px }
.xinw h3{ line-height: 100%; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 30px; padding-top: 8px;background: url(../inimages/n_ico1.jpg) no-repeat; padding-left: 33px;}
.xinw h3 span{ display: inline-block; float: right; font-weight: normal; font-size: 16px;padding-top: 7px; display: inline-block; color: #333333;}
.xinw h3 span:hover{ color: #000;}
.xinw h3 i{ color: #333333; font-size: 20px; font-weight: bold; line-height: 100%; }
.xinw h3 i em{ padding-left: 9px; color: #999; font-size: 12px; font-family: Arial;font-weight: normal;}
.company dl { height: 186px; overflow: hidden;}
.company dt { width: 370px; float: left; height: 186px; overflow: hidden }
.company dt img { width: 370px; height: 186px }
.company dd { width: 380px; float: right; padding-top: 10px;}
.company dd h4 { font-size: 16px; font-weight:normal;line-height: 22px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; -o-transition: all .3s ease; transition: all .3s ease }
.company dd h4 a{ color: #222222;font-weight: normal; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.company dd h4 a:hover{ color: #008225;}
.company dd p { font-size: 14px; line-height: 26px; color: #666666; margin: 11px 0 16px }
.company dd p em{display: block;}

.company ul {}
.company ul li { height: 34px; border-bottom: 1px dashed #dadada; padding-top: 22px;}
.company ul li h4 { float: left; width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height:100%; color: #434343; font-weight: 400;  position: relative; -o-transition: all .3s ease; transition: all .3s ease; padding-left: 35px;background: url(../inimages/nl_li2.jpg) no-repeat 13px 6px;}
.company ul li span { float: right; font-size: 12px; line-height:100%;color: #333333; -o-transition: all .3s ease; transition: all .3s ease }
.company ul li:hover h4 { color: #008225;background: url(../inimages/nl_li.jpg) no-repeat 13px 6px;}
.company ul li:hover span { color: #008225 }

.news{ width:375px;}
.news h3{background: url(../inimages/n_ico2.jpg) no-repeat; }
.news ul li a{ display: block; margin-bottom: 6px; width: 370px; height: 78px; line-height: 75px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../inimages/nr_li2.jpg) no-repeat 26px 30px #f5f5f5; padding: 0 55px 0 40px; font-size: 16px; color: #333333;}
.news ul li a:hover{background: url(../inimages/nr_lic.jpg) no-repeat 26px 30px #008225; color: #fff;}
/**/
.zj{background: url(../inimages/zjbg.jpg) no-repeat center 0; height: 1136px; overflow: hidden; box-sizing: border-box; padding-top:552px;}
h2{ text-align: center;font-weight: normal; font-size: 22px; color: #333333; letter-spacing: 2px; padding-bottom: 29px;}
h2 i{ display: block; line-height: 100%; font-size: 50px; color: #1a1a1a; letter-spacing: 3px; padding-bottom: 15px;}
h2 span{color: #333333; }

.zj p{ color: #333; font-size: 16px; line-height: 28px; margin: 0 52px; text-align: center; letter-spacing: 1px;}
.fenc{padding-top:31px; height: 347px; }
.f_tit{height: 66px; overflow: hidden;padding-left:385px;}
.f_tit li {float:left; width:123px; margin-right:27px; height: 36px; line-height: 36px; border-radius: 36px; border: 1px solid #cdcdcd; text-align: center; font-size: 18px; color: #333333; cursor: pointer;}
.f_tit li.on{ background: #008225; color: #fff; border: 1px solid #008225;}
.f_sc{ padding-left: 60px;}
.f_nr li{float:left; width:265px;margin-right:15px; font-size:0; line-height: 0;}
.f_nr li img {width:265px;}
.f_nr li span {display: block;}
.f_nr li span a {font-size:16px; color: #1a1a1a;background: url(../inimages/zj_li.png) no-repeat 217px 26px; line-height: 100%; padding-top: 24px; display: block; height: 41px; border-bottom: 2px solid #e3e3e3; padding-left: 24px;}
.f_nr li span a:hover{border-bottom: 2px solid #008225; }



.feng{padding-top:30px; height: 352px; }
.f_sg{ padding-left:10px;}
.f_ng li{float:left; width:285px;margin-right:15px; font-size:0; line-height: 0;}
.f_ng li img {width:285px; height:285px;}
.f_ng li span {display: block;}
.f_ng li span a {font-size:16px; color: #1a1a1a;background: url(../inimages/zj_li.png) no-repeat 237px 26px; line-height: 100%; padding-top: 24px; display: block; height: 41px; border-bottom: 2px solid #e3e3e3; padding-left: 24px;}
.f_ng li span a:hover{border-bottom: 2px solid #008225; }







    /**/
.links {overflow: hidden ;  font-size: 14px; height: 80px; line-height: 80px; position: relative;background: #232323;}
.links em { width:73px; float: left; display: inline-block; color: #fff; font-weight: bold;}
.links i{ display: inline-block; float: left; width: 1060px;}
.links i a{ display: inline-block;color: #fff; padding: 0 9px;}
.links i a:hover{  text-decoration: underline;}
    /**/
.xl_u img,.xl_d img{transition: all 0.3s linear 0s;}
.xl_u:hover img{transform: translateX(-5px);}
.xl_d:hover img{transform: translateX(5px);}
.aboti em a,.case h4 a,.sli_o h3 a,.mppl dl dd em a,.pexl h4 a,.xl_on h4 a{transition: all 0.2s linear 0s;}
.aboti em a:hover{ background-position:  125px 15px;}
.case h4  a:hover{ background-position: 137px 19px}
.sli_o h3 a:hover{ background-position:118px 11px;}
.xl_on h4 a:hover{ background-position:102px 13px;}
.mppl dl dd em a:hover,.pexl h4 a:hover{transform: translateX(7px);}
/**/
/**/
.al_con ul li:before, .al_con ul li:after,.al_con ul li>em:before, .al_con ul li>em:after{ -o-transition: all .5s ease; transition: all .5s ease; position: absolute; content: ""; background: #cd1616; z-index: 3 }
.al_con ul li:before {width: 0;top:0px;left: 0px;height: 3px; }
.al_con ul li:after {width: 3px;top: 0px;left: -1px;height: 0;}
.al_con ul li>em:before{width: 0px;bottom: 0px;right: -2px;height: 3px; }
.al_con ul li>em:after{width: 3px;bottom: 1px;right: -3px;height: 0; }
.al_con ul li:hover:before { width: 380px }
.al_con ul li:hover:after { height:510px }
.al_con ul li:hover>em:before { width: 380px }
.al_con ul li:hover>em:after { height: 510px }


/**/

/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}