@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
.page .blank_h{ height:0;}
.blank_h{ height:0;}
/*首页*/
#fp-nav.right{ display:none;}
#fp-nav ul li{ width:auto; height:28px; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
#fp-nav ul li:hover{ margin-right:0;}
#fp-nav ul li a{ color:#fff;opacity:0.41;filter:Alpha(opacity=41); font-size:15px;line-height:28px;}
#fp-nav ul li:hover a{ font-weight:bold;opacity:1;filter:Alpha(opacity=100);}
#fp-nav ul li a.active{opacity:1;filter:Alpha(opacity=100); font-weight:bold;}
#fp-nav ul li a label{ margin-right:30px; text-align:right;opacity:0;filter:Alpha(opacity=0);-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; display:block;}
#fp-nav ul li a.active label{ opacity:1.0;filter:Alpha(opacity=100);}
#fp-nav ul li:hover a label{  opacity:1.0;filter:Alpha(opacity=100);}
#fp-nav ul li a span{ background:none; height:28px;  width:30px; text-align:right; right:0; top:0; left:auto;}
#fp-nav ul li:hover a span{ margin: -2px 0 0 -2px;width:30px; height:28px;}
#fp-nav ul li:nth-child(1) a span:after{ content:"01"}
#fp-nav ul li:nth-child(2) a span:after{ content:"02"}
#fp-nav ul li:nth-child(3) a span:after{ content:"03"}
#fp-nav ul li:nth-child(4) a span:after{ content:"04"}
#fp-nav ul li:nth-child(5) a span:after{ content:"05"}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{ width:28px; height:28px; margin:0;}
.fp-viewing-section4 #fp-nav ul li a{ color:#555;}
.fp-viewing-footer #fp-nav.right{ display:none;}
.adicon{ width:29px; height:112px; position:absolute; left:0%; bottom:-20px;background:url(../images/i_pic1.png) no-repeat; background-size:100% 100%; z-index:10; cursor:pointer;animation: ani-svg 0.85s linear 0s alternate infinite;
-webkit-animation: ani-svg 0.85s linear 0s alternate infinite;margin-left:-12px;}
/*第一*/
.service-wrap1 .fp-tableCell{ vertical-align:top;}

/*第二*/
.service-wrap2 .fp-tableCell{ vertical-align:middle;}
.service-wrap2{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_bg1.jpg); overflow:hidden;}
.i_t{  text-align:center; color:#333333; overflow:hidden; margin-top:88px;}
.i_t .p{ color:#999999;  overflow:hidden; line-height:1.2; font-size:16px; margin-top:0.8%;}
.i_t .h3{ font-weight:bold; overflow:hidden; line-height:1;}
.i_a{ text-align:center; overflow:hidden; margin-top:4%;}
.i_a a{ display:inline-block; vertical-align:top; padding-left:19px; padding-right:19px; height:38px; line-height:38px; border:1px solid #dddddd; border-radius:20px; min-width:40px; color:#333333; font-size:18px; margin-left:2px; margin-right:2px;}
.i_a a:hover{background:#229e38; color:#fff; border-color:#229e38;}
.i_a a.isel{ background:#229e38; color:#fff; border-color:#229e38;}
.i_two_ul{}
/*第三*/
.service-wrap3{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_bg2.jpg);}
.service-wrap3 .i_t{ color:#fff; position:absolute; top:15%; width:100%; left:0;}
.service-wrap3 .i_t .p{ color:#fff;}
.i_three_pos{ position:absolute; bottom:260px; left:0; width:100%;}
.i_three{ margin:0 auto; overflow:hidden; padding-left:6.5%; padding-right:6.5%; position:relative; max-width:892px; color:#fff; text-align:center; padding-bottom:15px;}
.i_three .h3{ font-weight:normal; overflow:hidden; line-height:1;}
.i_three .p{ overflow:hidden; line-height:26px; font-size:16px; margin-top:2%;}
.i_three:before{ content:""; width:34px; height:22px;position:absolute; left:0; top:4px; background:url(../images/i_pic2.png) no-repeat; background-size:100% 100%;}
.i_three:after{ content:""; width:34px; height:22px;position:absolute; right:0; bottom:0; background:url(../images/i_pic3.png) no-repeat;background-size:100% 100%;}
.i_three_pos2{ position:absolute; bottom:88px; left:0; width:100%;}

/*第四*/
.service-wrap4{ display:none;}
.i_four{ margin-top:88px; position:relative;}
.i_four .imgs{ position:absolute; right:0; width:44.58%;transform: translate(0%, -50%); top:50%; overflow:hidden;}
.i_four .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_four .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_four .i_four_l{ float:left; width:50%; max-width:686px; overflow:hidden;}
.i_four .i_four_l .h3{ color:#229e38; font-weight:bold; overflow:hidden; margin-top:1%;}
.i_four .i_four_l .label{ display:block; overflow:hidden; color:#999999; font-size:16px; line-height:1.1;}
.i_four .i_four_l .p{ overflow:hidden; line-height:26px; color:#333333; font-size:16px; margin-top:8%;}
.i_four .i_four_l .ul{ overflow:hidden; margin-top:4%;}
.i_four .i_four_l .ul li{ padding-left:28px; overflow:hidden; display:block; line-height:26px; margin-bottom:8px; background:url(../images/i_pic4.png) 1px 4px no-repeat; background-size:19px 19px; color:#666666; font-size:14px;}
.i_four .i_four_l .a{ display:block; overflow:hidden; border:1px solid #229e38; height:43px; line-height:43px; width:114px; text-align:center; color:#229e38; font-size:16px; border-radius:30px; margin-top:8%;transition:all 0.3s;}
.i_four .i_four_l .a:hover{ background:#229e38; color:#fff;}
/*第五*/
.service-wrap5{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_bg3.jpg); overflow:hidden;}
.service-wrap5 .i_t{ color:#fff; }
.service-wrap5 .i_t .p{ color:#fff;}
.i_five{ overflow:hidden; margin-top:3%; position:relative;}
.i_five .i_five_l{ float:left; width:49%; max-width:684px; overflow:hidden;}
.i_five .i_five_l .imgs{ overflow:hidden;}
.i_five .i_five_l .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_five .i_five_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_five .i_five_l .txts{ background:#fff; overflow:hidden; padding:20px;}
.i_five .i_five_l .txts .date{ width:62px; text-align:center; float:left; margin-right:20px;color:#229e38;}
.i_five .i_five_l .txts .date b{ display:block;overflow:hidden; font-weight:normal; line-height:1; }
.i_five .i_five_l .txts .date span{ margin-top:7px; display:block; overflow:hidden; line-height:1;  font-size:14px;}
.i_five .i_five_l .txts .cons{ overflow:hidden; padding-left:24px; position:relative; padding-bottom:3px; margin-top:4px;}
.i_five .i_five_l .txts .cons:after{ position:absolute; content:""; width:1px; height:100%; background:#dddddd; top:0; left:0;}
.i_five .i_five_l .txts .cons .h3{ height:30px; line-height:30px; overflow:hidden; color:#333333; font-size:18px;white-space:nowrap;text-overflow:ellipsis;}
.i_five .i_five_l .txts .cons .p{ height:26px; line-height:26px; overflow:hidden; color:#999999; font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.i_five .i_five_l:hover .txts .cons .h3{ color:#229e38;}
.i_five .i_five_r{ position:absolute; right:0; top:0; height:100%; max-width:684px; width:49%; background:#fff;}
.i_five .i_five_r ul{margin:0 auto; max-width:610px; width:94%; overflow:hidden; height:100%; position:relative;}
.i_five .i_five_r ul li{ height:33.33%; overflow:hidden; border-bottom:1px solid #eeeeee;display: flex; align-items: center; justify-content: center;}
.i_five .i_five_r ul li:last-child{ border-bottom:0;}
.i_five .i_five_r ul li .cons{ text-align:left; overflow:hidden; width:100%;}
.i_five .i_five_r ul li .h3{ font-weight:normal; font-size:18px; color:#333333; overflow:hidden; height:30px; line-height:30px;white-space:nowrap;text-overflow:ellipsis;}
.i_five .i_five_r ul li .h3:hover{ color:#229e38;}
.i_five .i_five_r ul li .p{ height:26px; line-height:26px; overflow:hidden; color:#999999; font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.i_five .i_five_r ul li .date{  overflow:hidden;  margin-top:3%;}
.i_five .i_five_r ul li .date .label{ float:left; color:#229e38; font-size:14px;height:32px;line-height:32px; overflow:hidden; padding-left:26px; background:url(../images/i_pic5.png) left 7px no-repeat; background-size:16px 15px;}
.i_five .i_five_r ul li .date .a{ float:right; overflow:hidden; border:1px solid #229e38; height:30px; line-height:30px; width:80px; text-align:center; color:#229e38; font-size:14px; border-radius:20px;transition:all 0.3s;}
.i_five .i_five_r ul li .date .a:hover{ background:#229e38; color:#fff;}

@media screen and (max-width:1760px) {
.adicon{ bottom:-40px;}

}

@media screen and (max-width:1560px) {

}
@media screen and (max-width:1440px) {


/*第二*/

/*第三*/


/*第四*/


}
@media screen and (max-width:1360px) {
/*首页*/
/*#fp-nav.right{ left:0.5%;}*/
/*第二*/
.i_a{ margin-top:3%;}
/*第四*/

}
@media screen and (max-width:1200px) {
/*第二*/
.i_a a{ font-size:16px;}

/*第四*/


}
@media screen and (max-width:1100px) {
.page .blank_h{ height:70px;}
.blank_h{ height:70px;}
.adicon{ display:none;}
/*首页*/
#fp-nav.right{ display:none;}
.section,
.section1,
.fp-section,
#dowebok .fp-slides,
#dowebok .fp-slide,
#dowebok .fp-slidesContaine,
.fp-tableCell{
	height: auto !important;
}


/*第二*/
.i_t{ margin-top:6%;}
.i_t .p{ font-size:15px;}

/*第三*/
.i_three_pos{ position:static;}
.i_three_pos2{ position:static; margin-top:4%; margin-bottom:7%;}
.service-wrap3 .i_t{ position:static;}
.i_three{ padding-left:40px; padding-right:40px; margin-top:10%;}
.i_three:before{ width:26px; height:17px;}
.i_three:after{ width:26px; height:17px;}
.i_three .p{ font-size:15px; line-height:24px;}
/*第四*/
.i_four{ margin-top:6%; margin-bottom:6%;}
.i_four .imgs{ width:47%;}
/*第五*/
.i_five{ margin-bottom:6%;}
.i_five .i_five_l .txts .cons{ margin-top:0; padding-bottom:0;}
.i_five .i_five_l .txts .date b{ font-size:27px;}
.i_five .i_five_l .txts .cons .h3{ font-size:17px;}
.i_five .i_five_l .txts .cons .p{ font-size:13px;}
.i_five .i_five_r ul li .h3{ font-size:17px;}
.i_five .i_five_r ul li .p{ font-size:13px; height:22px; line-height:22px;}
.i_five .i_five_r ul li .date .label{ font-size:13px; height:30px; line-height:30px;}
.i_five .i_five_r ul li .date .a{ height:28px; line-height:28px; font-size:13px;}
}
@media screen and (max-width:960px) {
/*第二*/
.i_t .p{ font-size:14px;}
/*第三*/

/*第四*/
.i_four .imgs{ width:48%;}
.i_four .i_four_l .label{ font-size:15px;}
.i_four .i_four_l .p{ font-size:15px;}
.i_four .i_four_l .a{ height:40px; line-height:40px; font-size:15px;}
/*第五*/
.i_five .i_five_l{ float:none; max-width:none; width:100%; margin-bottom:2%;}
.i_five .i_five_r{ position:static; max-width:none; width:100%; padding-top:3%; padding-bottom:1%;}
.i_five .i_five_r ul{ max-width:none;}
.i_five .i_five_r ul li{ height:auto; padding-bottom:3%; margin-bottom:3%;}
.i_five .i_five_r ul li:last-child{ margin-bottom:0;}
}
@media screen and (max-width:830px) {
/*第四*/
.i_four{ margin-bottom:0;}
.i_four .imgs{ position:static; width:100%;transform: translate(0%, 0%);}
.i_four .i_four_l{ float:none; width:100%; max-width:none;}
.i_four .i_four_l .p{ margin-top:3%;}
.i_four .i_four_l .ul{ margin-top:3%;}
.i_four .i_four_l .ul li{ line-height:24px; font-size:13px; margin-bottom:4px; background-position:left 2px; padding-left:24px;}
.i_four .i_four_l .a{ margin-top:3%; margin-bottom:6%;}
}


@media screen and (max-width: 780px) {
/*第二*/

/*第四*/


}
@media screen and (max-width: 640px) {
/*第二*/
.i_a{ margin-top:4%;}
.i_a a{ font-size:15px; height:32px; line-height:32px; min-width:36px; padding-left:14px; padding-right:14px;}
/*第三*/
.i_three .p{ font-size:14px; line-height:22px;}
/*第四*/
.i_four .i_four_l .label{ font-size:13px;}
.i_four .i_four_l .p{ font-size:14px;}
.i_four .i_four_l .a{ font-size:14px; height:36px; line-height:36px; width:110px;}
/*第五*/
.i_five .i_five_l .txts{ padding:15px;}
.i_five .i_five_l .txts .cons .h3{ font-size:16px;}
.i_five .i_five_r ul li .h3{ font-size:16px; height:26px; line-height:26px;}
.i_five .i_five_r ul li .p{ margin-top:6px;}
}

@media screen and (max-width: 480px) {
.page .blank_h{ height:60px;}
.blank_h{ height:60px;}
/*第二*/
.i_a a{ font-size:14px;}
.i_t .p{ font-size:13px;}
/*第三*/
.i_three_pos2{ margin-top:5%;}
.i_three .h3{ font-size:17px;}
.i_three .p{ margin-top:3%; font-size:13px;}
.i_three:before{ width:22px; height:14px;}
.i_three:after{ width:22px; height:14px;}
.i_three{ padding-left:36px; padding-right:36px;}


/*第五*/
.i_five .i_five_l .txts{ padding:12px;}
.i_five .i_five_l .txts .cons{ padding-left:15px;}
.i_five .i_five_l .txts .cons .h3{ height:26px; line-height:26px;}
.i_five .i_five_l .txts .cons .p{ font-size:12px; height:22px; line-height:22px;}
.i_five .i_five_l .txts .date{ margin-right:12px;}
.i_five .i_five_l .txts .date b{ font-size:24px;}
.i_five .i_five_l .txts .date span{ font-size:13px;}
.i_five .i_five_r ul li .p{ margin-top:4px;}



}

@media screen and (max-width: 360px) {

/*第四*/

}