@import url(style.css);
@import url(lib2.css);
@import url(style.5486.css);
@import url(pscroll.css);
/*首页*/
.f_div3{ background:none;}
/*#fp-nav.right{ display:none;}*/
#fp-nav.right{ right:auto; left:3%;position: fixed;top:25%; opacity: 1; -webkit-transform: translate3d(0,0,0); z-index: 100;}
#fp-nav ul li{ display:inline;}
#fp-nav ul li a span{ background:none;}
#fp-nav ul li a{display: none; opacity:0;filter:Alpha(opacity=0);z-index: 1;width:15px; height:auto; cursor: pointer; text-decoration: none; position:relative; color:#333333;  padding-top:20px; font-family:Arial; font-size:14px; padding-bottom:60px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s; }
#fp-nav ul li a label{writing-mode:tb-rl; letter-spacing:0.5px;transform: rotate(-180deg); cursor:pointer;}
#fp-nav ul li a.active{ display:block;opacity:1.0;filter:Alpha(opacity=100);}
#fp-nav ul li:first-child a,#fp-nav ul li:last-child a{ color:#fff;}
#fp-nav ul li a:before{ position:absolute; top:0; left: 50%; margin-left: -3px; width: 6px;height: 6px; border-radius: 50%;background:#333333;  cursor: pointer;content:"";transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
#fp-nav ul li a:after{ content:""; position:absolute; bottom:0; width:1px; height:50px; background:#333333; left:50%;}
#fp-nav ul li:first-child a.active:before,#fp-nav ul li:last-child a.active:before{ background:#fff;}
#fp-nav ul li:first-child a.active:after,#fp-nav ul li:last-child a.active:after{ background:#fff;}
#fp-nav ul li a:hover{ padding-top:0;}
#fp-nav ul li a:hover:before{ top:calc(100% - 50px);top:-webkit-calc(100% - 50px);top:-webkit-calc(100% - 50px);}
/*第一*/
.service-wrap1 .fp-tableCell{ vertical-align:top;}
/*第二*/
.service-wrap2{ display:none;}
.service-wrap2 .service_wrap2_box{ position:absolute; width:100%; left:0; top:70px; height:calc(100% - 70px);height:-webkit-calc(100% - 70px);height:-moz-calc(100% - 70px);}
.service-wrap2 .service_wrap2_box2{position:absolute; height:89%; top:5.5%; left:0; width:100%;}
.service-wrap2 .wrap{ height:100%; position:relative;}
.service-wrap2 .txts{ position:absolute;transform: translate(0%, -50%); top:50%; left:0;/*width:25.8%;*/width:32%; max-width:315px; overflow:hidden;}
.service-wrap2 .txts h2{ font-weight:normal; color:#000; overflow:hidden; line-height:58px;}
.service-wrap2 .txts h2 b{ font-weight:bold; float:left; margin-right:10px;}
.service-wrap2 .txts h2 span{ float:left; font-size:14px; font-family:"微软雅黑";}
.service-wrap2 .txts h2 span label{ display:inline-block; margin-right:6px; padding-right:38px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:0;}
.service-wrap2 .txts h2 span label:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:32px; background:url(../images/i_bg1.jpg) repeat-x;transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s; z-index:-1;}
.service-wrap2 .txts h2:hover span label{ padding-right:0; padding-left:28px;}
.service-wrap2 .txts h2:hover span label:after{ left:0; width:20px;}
.service-wrap2 .txts .desc{ color:#000000; overflow:hidden; margin-top:20%; line-height:42px;}
.service-wrap2 .txts .p{ color:#333333; font-size:18px; line-height:27px;  margin-top:7%;margin-bottom:20%;}
.service-wrap2 .txts .a{  height:20px; line-height:20px; overflow:hidden; color:#333; font-size:14px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; font-family:Arial;}
.service-wrap2 .txts .a a{ color:#333;}
.service-wrap2 .txts .a:after{ content:""; position:absolute; left:0; top:50%; height:2px; width:0; margin-top:-1px;background:url(../images/i_bg2.jpg) repeat-x;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{padding-left:26px;color:#c5b598;}
.service-wrap2 .txts .a:hover a{color:#c5b598;}
.service-wrap2 .txts .a:hover:after{width:19px;}
.service-wrap2 .r_img{ position:absolute; width:62%; overflow:hidden; height:100%; top:0; right:0;}
.service-wrap2 .r_img:after{ content:""; position:absolute; left:0; top:0; height:100%; width:61%; background:#efefef; z-index:-1;}
.service-wrap2 .r_img .imgs{ position:absolute; width:93%; max-width:1046px; right:0; height:86%; top:7%; overflow:hidden;}
.service-wrap2 .r_img .imgs img{ height:100%; display:block; width:100%;opacity:0;filter:Alpha(opacity=0);}
/*第三*/
.service-wrap3{ display:none;}
.service-wrap3 .service_wrap3_box{ position:absolute; width:100%; left:0; top:70px; height:calc(100% - 70px);height:-webkit-calc(100% - 70px);height:-moz-calc(100% - 70px);}
.service-wrap3 .service_wrap3_box2{position:absolute; height:89%; top:5.5%; left:0; width:100%;}
.service-wrap3 .wrap{ height:100%; position:relative;}
.service-wrap3 .cons{ overflow:hidden;}
.service-wrap3 .txts{ position:absolute;transform: translate(0%, -50%); top:50%; right:0;/*width:25.8%;*/width:38%; max-width:442px; overflow:hidden;}
.service-wrap3 .txts h2{ font-weight:normal; color:#000; overflow:hidden; line-height:58px;}
.service-wrap3 .txts h2 b{ font-weight:bold; float:left; margin-right:10px;}
.service-wrap3 .txts h2 span{ float:left; font-size:14px; font-family:"微软雅黑";}
.service-wrap3 .txts h2 span label{ display:inline-block; margin-right:6px; padding-right:38px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:0;}
.service-wrap3 .txts h2 span label:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:32px; background:url(../images/i_bg1.jpg) repeat-x;transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s; z-index:-1;}
.service-wrap3 .txts h2:hover span label{ padding-right:0; padding-left:28px;}
.service-wrap3 .txts h2:hover span label:after{ left:0; width:20px;}
.service-wrap3 .txts .desc{ color:#bd904c; overflow:hidden; margin-top:6%; line-height:42px;}
.service-wrap3 .txts .p{ color:#333333; font-size:18px; line-height:27px;  margin-top:3%;margin-bottom:14%;}
.service-wrap3 .txts .a{  height:20px; line-height:20px; overflow:hidden; color:#333; font-size:14px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; font-family:Arial;}
.service-wrap3 .txts .a a{ color:#333;}
.service-wrap3 .txts .a:after{ content:""; position:absolute; left:0; top:50%; height:2px; width:0; margin-top:-1px;background:url(../images/i_bg2.jpg) repeat-x;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:-1;}
.service-wrap3 .txts .a:hover{padding-left:26px;color:#c5b598;}
.service-wrap3 .txts .a:hover a{color:#c5b598;}
.service-wrap3 .txts .a:hover:after{width:19px;}
.service-wrap3 .txts .service-wrap3_a{ margin-top:5%;}
.service-wrap3 .txts .service-wrap3_a ul li{ float:left; width:16.8%; text-align:center; margin-right:4%; overflow:hidden; color:#000000; font-size:16px; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.service-wrap3 .txts .service-wrap3_a ul li:last-child{ margin-right:0;}
/*.service-wrap3 .txts .service-wrap3_a ul li:hover{ margin-top:-5px; margin-bottom:5px;}*/
.service-wrap3 .txts .service-wrap3_a ul li i{ display:block; width:100%; background-repeat:no-repeat; background-size:100% 100%; margin-bottom:5px;transition:all 0.3s;}
/*.service-wrap3 .txts .service-wrap3_a ul li:hover i{transform: rotate(360deg);}*/
.service-wrap3 .txts .service-wrap3_a ul li i img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.service-wrap3 .txts .service-wrap3_a ul li i.bgs1{ background-image:url(../images/i_pic1.png);}
.service-wrap3 .txts .service-wrap3_a ul li i.bgs2{ background-image:url(../images/i_pic2.png);}
.service-wrap3 .txts .service-wrap3_a ul li i.bgs3{ background-image:url(../images/i_pic3.png);}
.service-wrap3 .txts .service-wrap3_a ul li i.bgs4{ background-image:url(../images/i_pic4.png);}
.service-wrap3 .txts .service-wrap3_a ul li i.bgs5{ background-image:url(../images/i_pic5.png);}
.service-wrap3 .txts .service-wrap3_a ul li.isel{ color:#bd904c;}
.service-wrap3 .r_img{ position:absolute; width:56%; overflow:hidden; height:100%; top:0; left:0;}
.service-wrap3 .r_img:after{ content:""; position:absolute; left:0; top:0; height:100%; width:61%; background:#efefef; z-index:-1;}
.service-wrap3 .r_img .imgs{ position:absolute; width:100%;  right:0; height:86%; top:7%; overflow:hidden;}
.service-wrap3 .r_img .imgs img{ height:100%; display:block; width:100%;opacity:0;filter:Alpha(opacity=0);}

/*第四*/
.service-wrap4{ display:none; /*background-repeat:no-repeat; background-position:center center; background-size:cover;*/ background:url(../images/i_bg3.jpg) repeat-x; background-position:left center; color:#000; text-align:center;}
.service-wrap4 .boxs{ overflow:hidden; margin:0 auto; width:96%; max-width:1316px; background:#fff; text-align:left; margin-top:70px;}
.service-wrap4 .boxs h2{ font-weight:normal; color:#000; overflow:hidden; line-height:58px;}
.service-wrap4 .boxs h2 b{ font-weight:bold; float:left; margin-right:10px;}
.service-wrap4 .boxs h2 span{ float:left; font-size:14px; font-family:"微软雅黑";}
.service-wrap4 .boxs h2 span label{ display:inline-block; margin-right:6px; padding-right:38px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:0;}
.service-wrap4 .boxs h2 span label:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:32px; background:url(../images/i_bg1.jpg) repeat-x;transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s; z-index:-1;}
.service-wrap4 .boxs h2:hover span label{ padding-right:0; padding-left:28px;}
.service-wrap4 .boxs h2:hover span label:after{ left:0; width:20px;}
.service-wrap4 .boxs .service-wrap4_a{ margin-top:2%; overflow:hidden;}
.service-wrap4 .boxs .service-wrap4_a a{ float:left; margin-right:28px; overflow:hidden; color:#000; font-size:18px;}
.service-wrap4 .boxs .service-wrap4_a a.isel{ color:#bd904c;}
.service-wrap4 .boxs .news_ul{ overflow:hidden; margin-top:6%;}
.service-wrap4 .a2{ display:inline-block;height:20px; line-height:20px; overflow:hidden; color:#333; font-size:14px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; font-family:Arial; margin-top:5%;}
.service-wrap4 .a2 a{ color:#333;}
.service-wrap4 .a2:after{ content:""; position:absolute; left:0; top:50%; height:2px; width:0; margin-top:-1px;background:url(../images/i_bg2.jpg) repeat-x;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.service-wrap4 .a2:hover{padding-left:26px;color:#c5b598;}
.service-wrap4 .a2:hover a{color:#c5b598;}
.service-wrap4 .a2:hover:after{width:19px;}

/*第五屏*/
.service-wrap5{ display:none;background-repeat:no-repeat; background-position:center bottom;background-image:url(../images/i_bg4.jpg); background-color:#101010; }
.service-wrap5 .fp-tableCell{ vertical-align:bottom;}
.service-wrap5 h2{ font-weight:normal; color:#6a6a6a; overflow:hidden; line-height:58px;}
.service-wrap5 h2 b{ font-weight:bold; float:left; margin-right:10px;}
.service-wrap5 h2 span{ float:left; font-size:14px; font-family:"微软雅黑";}
.service-wrap5 h2 span label{ display:inline-block; margin-right:6px; padding-right:38px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:0;}
.service-wrap5 h2 span label:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:32px; background:url(../images/i_bg5.jpg) repeat-x;transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s; z-index:-1;}
.service-wrap5 h2:hover span label{ padding-right:0; padding-left:28px;}
.service-wrap5 h2:hover span label:after{ left:0; width:20px;}
.i_foot{ border-top:1px solid #383838; /*overflow:hidden;*/ margin-top:9%; padding-top:6%; padding-bottom:6%;}
.i_foot .ul{ float:left; margin-right:60px;}
.i_foot .ul.bgs1{ width:310px;}
.i_foot .ul.bgs2{ width:230px; margin-right:0;}
.i_foot .ul ul li{ display:block; padding-bottom:35px;}
.i_foot .ul ul li:last-child{ padding-bottom:0;}
.i_foot .ul .h3{ font-weight:normal; color:#666; font-size:18px; height:26px; line-height:26px; overflow:hidden;}
.i_foot .ul .p{ color:#696969; font-size:16px; line-height:23px; margin-top:15px;}
.i_foot .ul .p a{color:#696969;}
.i_foot .ul .p a:hover{color:#bd904c;}
.i_foot .ul ul li:last-child .p{ font-size:14px;}
.i_foot .rtxt{ float:right; width:330px; overflow:hidden; margin-top:39px;}
.i_foot .rtxt img{ width:70%; max-width:178px; display:block;}
.i_foot .rtxt .desc{ color:#6a6a6a; font-size:14px; line-height:24px; overflow:hidden; margin-top:12px;}
@media screen and (max-width:1760px) {

}

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

}
@media screen and (max-width:1440px) {
/*第三*/
.service-wrap3 .txts .desc{ line-height:36px;}
.service-wrap3 .txts .p{ font-size:16px; line-height:26px; margin-top:3%; margin-bottom:10%;}
/*第四*/
.service-wrap4 .boxs .news_ul{ margin-top:3%;}
.service-wrap4 .a2{ margin-top:3%;}
/*第五屏*/
.i_foot{ margin-top:5%; padding-bottom:4%; padding-top:4%;}
}
@media screen and (max-width:1360px) {
/*首页*/
#fp-nav.right{ left:0.5%;}
/*第四*/
.service-wrap4 .boxs .service-wrap4_a{ margin-top:1%;}
.service-wrap4 .boxs .news_ul{ margin-top:2%;}
.service-wrap4 .a2{ margin-top:2%;}
}
@media screen and (max-width:1200px) {
/*第五屏*/
.i_foot{ margin-top:4%; padding-bottom:1%; padding-top:3%;}
}
@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;
}
/*第二*/
.service-wrap2 .service_wrap2_box{ position:static;}
.service-wrap2 .service_wrap2_box2{ position:static;}
.service-wrap2 .r_img{ position:relative; padding-top:4%; padding-bottom:4%;width:100%; margin-top:4%;}
.service-wrap2 .txts{ position:static;transform: translate(0%, 0%); max-width:none; padding-left:7%; width:90%; padding-top:6%;}
.service-wrap2 .txts .desc{ margin-top:5px; line-height:36px;}
.service-wrap2 .txts .desc br{ display:none;}
.service-wrap2 .txts h2{ font-size:40px; line-height:50px;}
.service-wrap2 .txts .p{ display:none;}
.service-wrap2 .txts .a{ display:none;}
.service-wrap2 .r_img .imgs{ position:static; float:right;}
/*第三*/
.service-wrap3 .service_wrap3_box{ position:static;}
.service-wrap3 .service_wrap3_box2{ position:static;}
.service-wrap3 .r_img{ position:relative; padding-top:4%; padding-bottom:4%;width:100%; margin-top:4%;}
.service-wrap3 .txts{ position:static;transform: translate(0%, 0%); padding-left:7%; width:90%; padding-top:6%;}
.service-wrap3 .txts .desc{ margin-top:5%; line-height:36px;}
.service-wrap3 .txts .desc br{ display:none;}
.service-wrap3 .txts .p{ font-size:15px; margin-top:2%; margin-bottom:0;}
.service-wrap3 .txts h2{ font-size:40px; line-height:50px;}
.service-wrap3 .txts .a{ display:none;}
.service-wrap3 .r_img .imgs{ position:static; float:right; width:93%;}
/*第四*/
.service-wrap4 .boxs{ margin-top:6%;}
.service-wrap4 .boxs h2{ font-size:40px; line-height:50px;}
.service-wrap4 .a2{ margin-bottom:4%; margin-top:3%;}
/*第五屏*/
.service-wrap5 h2{ font-size:40px; line-height:50px; margin-top:6%;}
.i_foot .ul{ margin-right:4%;}
}
@media screen and (max-width:960px) {
/*第三*/
.service-wrap3 .txts .service-wrap3_a ul li{ font-size:14px;}
/*第四*/
.service-wrap4 .boxs .service-wrap4_a a{ font-size:16px;}
.service-wrap4 .boxs .service-wrap4_a{ margin-top:2%;}
.service-wrap4 .boxs .news_ul{ margin-top:3%;}
/*第五屏*/
.i_foot .rtxt{ display:none;}
.i_foot .ul{ margin-right:6%;}
.i_foot .ul.bgs1{ width:47%;}
.i_foot .ul.bgs2{ width:47%;}
.i_foot .ul ul li{ padding-bottom:5%;}
.i_foot .ul .p{ margin-top:2%;}
}
@media screen and (max-width:830px) {

}


@media screen and (max-width: 780px) {
.f_div3{ text-align:left;}
.f_div3 span{ padding-left:0;}
}
@media screen and (max-width: 640px) {
/*第三*/
.service-wrap3 .txts .desc{ font-size:16px;}
/*第五屏*/
.i_foot .ul .p{ font-size:20px;}
.i_foot .ul ul li:last-child .p{ font-size:14px;}
}

@media screen and (max-width: 480px) {
/*第二*/
.service-wrap2 .txts h2{ font-size:34px; line-height:44px;}
.service-wrap2 .txts h2 b{ margin-right:5px;}
.service-wrap2 .txts h2 span{ font-size:13px;}
.service-wrap2 .txts .desc{ line-height:26px;}
.service-wrap2 .txts .p{ font-size:14px; line-height:24px;}
/*第三*/
.service-wrap3 .txts .service-wrap3_a ul li{ font-size:13px;}
.service-wrap3 .txts h2{ font-size:34px; line-height:44px;}
.service-wrap3 .txts h2 b{ margin-right:5px;}
.service-wrap3 .txts h2 span{ font-size:13px;}
.service-wrap3 .txts .desc{ line-height:26px;}
.service-wrap3 .txts .p{ font-size:14px; line-height:24px;}
/*第四*/
.service-wrap4 .boxs h2{ font-size:34px; line-height:44px;}
.service-wrap4 .boxs h2 b{ margin-right:5px;}
.service-wrap4 .txts h2 span{ font-size:13px;}
.service-wrap4 .boxs .service-wrap4_a a{ font-size:15px;}
.service-wrap4 .a2{ font-size:13px;}
/*第五屏*/
.service-wrap5 h2{ font-size:34px; line-height:44px;}
.service-wrap5 h2 b{ margin-right:5px;}
.service-wrap5 h2 span{ font-size:13px;}
.i_foot .ul .h3{ font-size:16px; height:22px; line-height:22px;}
.i_foot .ul .p{ font-size:18px;}
.i_foot .ul ul li:last-child .p{ font-size:13px;}
}

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

}