@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*#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;}

/*第一*/
.service-wrap1 .fp-tableCell{ vertical-align:top;}
.i_one{ position:absolute; width:100%; bottom:50px; left:0; z-index:7;}
.i_one ul li{ float:left; width:25%; overflow:hidden;}
.i_one ul li .imgs{ overflow:hidden; position:relative;}
.i_one ul li .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_one ul li: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_one ul li .txts{ position:absolute; width:92%; max-width:296px; top:50%; left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);color:#fff;}
.i_one ul li .txts .h3{ font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.i_one ul li .txts .p{ font-family:Arial; font-size:14px;opacity:0.22;filter:Alpha(opacity=22);height:20px; line-height:20px; overflow:hidden; display:block;}
/*第二*/
.service-wrap2{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_bg1.jpg);}
.service-wrap2 .txts{ max-width:674px; overflow:hidden;color:#fff;}
.service-wrap2 .txts h2{ font-weight:normal;  overflow:hidden; line-height:84px; position:relative;}
.service-wrap2 .txts h2:after{ content:""; position:absolute; bottom:0; left:0; width:36px; height:2px; background:#98b6d7;}
.service-wrap2 .txts .desc{  overflow:hidden; margin-top:15px; line-height:30px;}
.service-wrap2 .txts .p{font-size:15px; line-height:28px;  margin-top:6%;margin-bottom:4%; overflow:hidden;}
.service-wrap2 .txts .p p{ margin-bottom:12px;}
.service-wrap2 .txts .a{ display:block;  height:48px; line-height:48px; width:166px; background:#006dfe; text-align:center; overflow:hidden; color:#fff; font-size:15px; position:relative; z-index:0;}
.service-wrap2 .txts .a:after{ content:""; position:absolute; left:50%; top:0%; height:100%; width:0;background:#5491e2;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:-1; }
.service-wrap2 .txts .a:hover:after{width:100%; left:0; }
.service-wrap2 .counter{ text-align:center; line-height:1.5; overflow:hidden; max-width:620px; margin-top:10%;}
.service-wrap2 .counter ul li{ float:left; width:23%; overflow:hidden; margin-top:2%; margin-bottom:2%;transition:all 0.3s; position:relative;color:#fff; }
.service-wrap2 .counter ul li:nth-child(2){ width:31%;}

.service-wrap2 .counter ul li:after{ content:""; position:absolute; right:0; top:0%; height:100%; width:1px; background:rgba(255,255,255,0.2);}
.service-wrap2 .counter ul li:nth-child(4n+0):after{ width:0;}
.service-wrap2 .counter ul li .txts2{ overflow:hidden;padding-left:1%; padding-right:4%;}
.service-wrap2 .counter span { padding-right:5px; display:inline-block; font-size: 47px; font-family:Arial; line-height:50px; height:50px; overflow:hidden; vertical-align:middle; }
.service-wrap2 .counter label{  display:inline-block;font-size:15px;  line-height:18px; height:36px; overflow:hidden; vertical-align:middle;}
.service-wrap2 .counter h6{ font-weight: normal; font-size:15px; overflow:hidden; line-height:30px; height:30px;}
.service-wrap2 .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

/*第三*/
.service-wrap3{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_bg2.jpg);}
.i_three_t{ overflow:hidden; margin-bottom:26px;}
.i_three_t .h2{height:40px; line-height:40px; float:left; overflow:hidden; color:#333; font-weight:normal;}
.i_three_t .h2 label{ padding-left:12px;opacity:0.2;filter:Alpha(opacity=20); font-family:Arial;}
.i_three_t .imore{ float:right;height:40px; line-height:40px; width:160px; background:#006dfe; text-align:center; overflow:hidden; color:#fff; font-size:15px; position:relative; z-index:0;}
.i_three_t .imore:after{ content:""; position:absolute; left:50%; top:0%; height:100%; width:0;background:#5491e2;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:-1; }
.i_three_t .imore:hover:after{width:100%; left:0; }

/*第四*/
.service-wrap4{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_bg3.jpg);}
.service-wrap4 .i_three_t .h2{ color:#333333;}
.service-wrap4 .i_news{ overflow:hidden;}
.service-wrap4 .i_news .i_news_l{ float:left; width:630px; overflow:hidden; margin-right:4%;}
.service-wrap4 .i_news .i_news_l .imgs{ overflow:hidden;}
.service-wrap4 .i_news .i_news_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;}
.service-wrap4 .i_news .i_news_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);}
.service-wrap4 .i_news .i_news_l .h3{font-weight:normal; color:#333333;height:26px; line-height:26px;  font-size:20px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-top:27px; margin-bottom:13px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.service-wrap4 .i_news .i_news_l:Hover .h3{ color:#006dfe;}
.service-wrap4 .i_news .i_news_l .p{color:#777777;height:52px; line-height:26px;  font-size:15px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.service-wrap4 .i_news .i_news_r{overflow:hidden;}
.service-wrap4 .i_news .i_news_r ul li{ display:block; overflow:hidden; padding-bottom:23px; margin-bottom:25px; border-bottom:1px solid #e7e7e8;}
.service-wrap4 .i_news .i_news_r ul li span{ display:block; height:29px; line-height:29px; width:74px; color:#fff; background:#d7d8db; font-size:14px; text-align:center;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.service-wrap4 .i_news .i_news_r ul li:hover span{ background:#006dfe;}
.service-wrap4 .i_news .i_news_r ul li .h3{font-weight:normal; color:#333333;height:26px; line-height:26px;  font-size:20px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-top:18px; margin-bottom:14px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.service-wrap4 .i_news .i_news_r ul li:hover .h3{ color:#006dfe;}
.service-wrap4 .i_news .i_news_r ul li .p{color:#777777;height:52px; line-height:26px;  font-size:15px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

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


}

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

}
@media screen and (max-width:1440px) {
/*第一*/
.i_one{ bottom:30px;}
.i_one ul li .txts .h3{ font-size:17px;}
.i_one ul li .txts .p{ font-size:13px;}
/*第二*/
.service-wrap2 .txts h2{ line-height:74px;}
.service-wrap2 .txts .desc{ margin-top:12px;}
.service-wrap2 .txts .p{ margin-top:5%;}
.service-wrap2 .txts .a{ width:150px; height:42px; line-height:42px;}
.service-wrap2 .counter{ margin-top:6%;}
.service-wrap2 .counter span{ font-size:42px;}
/*第三*/
.i_three_t .imore{ width:150px;}

/*第四*/
.service-wrap4 .i_news .i_news_l{ width:550px;}
.service-wrap4 .i_news .i_news_l .h3{ font-size:18px; margin-top:20px; margin-bottom:10px;}
.service-wrap4 .i_news .i_news_l .p{ line-height:22px; height:44px; font-size:14px;}
.service-wrap4 .i_news .i_news_r ul li{ padding-bottom:18px; margin-bottom:20px;}
.service-wrap4 .i_news .i_news_r ul li span{ font-size:13px;}
.service-wrap4 .i_news .i_news_r ul li .h3{ font-size:18px; margin-top:12px; margin-bottom:10px;}
.service-wrap4 .i_news .i_news_r ul li .p{ line-height:22px; height:44px; font-size:14px;}

}
@media screen and (max-width:1360px) {
/*首页*/
/*#fp-nav.right{ left:0.5%;}*/
/*第二*/
.service-wrap2 .txts .p{ font-size:14px; line-height:26px;}
.service-wrap2 .txts .p p{ margin-bottom:10px;}
.service-wrap2 .txts .a{ width:140px; height:40px; line-height:40px; font-size:14px;}
/*第四*/

}
@media screen and (max-width:1200px) {
/*第一*/
.i_one{ bottom:25px;}
/*第四*/
.service-wrap4 .i_news .i_news_l{ width:450px;}
.service-wrap4 .i_news .i_news_r ul li{ margin-bottom:12px; padding-bottom:12px;}
.service-wrap4 .i_news .i_news_r ul li span{ font-size:12px; height:24px; line-height:24px;}
.service-wrap4 .i_news .i_news_r ul li .h3{ margin-bottom:5px;}

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

/*第二*/
.service-wrap2 .txts{ margin-top:5%; margin-bottom:5%;}

/*第三*/
.i_three_t{ margin-top:5%;}

/*第四*/
.service-wrap4 .i_news{ margin-bottom:6%;}

}
@media screen and (max-width:960px) {
/*第一*/
.i_one{ display:none;}
/*第三*/
.i_three_t{ margin-bottom:20px;}
.i_three_t .imore{ width:140px; font-size:14px;}
/*第四*/
.service-wrap4 .i_news .i_news_l{ width:400px; margin-right:2%;}

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

}


@media screen and (max-width: 780px) {
/*第二*/
.service-wrap2 .txts h2{ font-size:20px; line-height:60px;}
.service-wrap2 .txts .desc{ font-size:16px;}
.service-wrap2 .txts .p{ margin-top:4%;}
.service-wrap2 .counter{ margin-top:4%;}
.service-wrap2 .txts .p p{ margin-bottom:8px;}

.service-wrap2 .counter span{ font-size:36px;height:40px; line-height:40px;}
.service-wrap2 .counter label{ font-size:14px;}
.service-wrap2 .counter h6{ font-size:14px; height:26px; line-height:26px;}
/*第四*/
.service-wrap4 .i_news{ margin-bottom:13%;}
.service-wrap4 .i_news .i_news_l{ float:none; width:100%; margin-right:0; margin-bottom:3%;padding-bottom:3%;border-bottom:1px solid #e7e7e8; }
.service-wrap4 .i_news .i_news_r ul li{margin-bottom:3%;padding-bottom:3%;}
.service-wrap4 .i_news .i_news_r ul li:last-child{ border-bottom:0;}

}
@media screen and (max-width: 640px) {
/*第三*/
.i_three_t{ margin-top:7%;}
.i_three_t .h2{ font-size:18px; height:36px; line-height:36px;}
.i_three_t .imore{ width:120px; font-size:13px; height:36px; line-height:36px;}
/*第四*/
.service-wrap4 .i_news .i_news_l .h3{ font-size:16px; margin-top:2%; margin-bottom:1%;}
.service-wrap4 .i_news .i_news_r ul li .h3{ font-size:16px; margin-top:2%; margin-bottom:1%;}
.service-wrap4 .i_news .i_news_r ul li span{ height:26px; line-height:26px;}

}

@media screen and (max-width: 480px) {
/*第二*/
.service-wrap2 .txts h2{ font-size:18px; line-height:56px;}
.service-wrap2 .txts h2:after{ width:30px;}
.service-wrap2 .txts .desc{ font-size:15px;}
.service-wrap2 .txts .p{ font-size:13px; line-height:24px;}
.service-wrap2 .txts .a{ width:130px; font-size:13px;}
.service-wrap2 .counter{ margin-bottom:1%;}
.service-wrap2 .counter span{ font-size:30px;}
.service-wrap2 .counter label{ font-size:13px;}
.service-wrap2 .counter h6{ font-size:13px; height:22px; line-height:22px;}
/*第三*/
.i_three_t{ margin-top:9%;}
.i_three_t .h2{ font-size:17px; height:32px; line-height:32px;}
.i_three_t .imore{ width:100px; font-size:12px; height:32px; line-height:32px;}
/*第四*/
.service-wrap4 .i_news{ margin-bottom:15%;}
.service-wrap4 .i_news .i_news_l .h3{ font-size:15px;}
.service-wrap4 .i_news .i_news_l .p{ font-size:13px;}
.service-wrap4 .i_news .i_news_r ul li .h3{ font-size:15px;}
.service-wrap4 .i_news .i_news_r ul li .p{ font-size:13px;}

}

@media screen and (max-width: 360px) {
/*第二*/
.service-wrap2 .counter span{ font-size:26px;}
.service-wrap2 .counter label{ font-size:12px;}
.service-wrap2 .counter h6{ font-size:12px;height:20px; line-height:20px;}
/*第四*/
.service-wrap4 .i_news .i_news_l .h3{ font-size:14px;}
.service-wrap4 .i_news .i_news_l .p{ font-size:12px; line-height:20px; height:40px;}
.service-wrap4 .i_news .i_news_r ul li .h3{ font-size:14px;}
.service-wrap4 .i_news .i_news_r ul li .p{ font-size:12px; line-height:20px; height:40px;}
}