@import url(style.css);

@import url(pscroll.css);

#fp-nav{ display:none;}

.page .blank_h{ height:0;}

.blank_h{ height:0;}

footer .gotop.actives{ display:none!important;}

/*轮显*/

.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 27px;}

.c-banner1 .swiper-pagination-bullet {position: relative; margin: 0 8px !important; width: 12px; height: 12px;display: inline-block;border-radius: 100%; background: transparent;opacity: 1;}

.c-banner1 .swiper-pagination-bullet::before {content: ""; position: absolute; z-index: -1;top: 3px;left: 3px; width: 6px; height: 6px; border-radius: 50%;background: #fff;

 transition: all 0s;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { top: 1px; left: 1px;width: 10px; height: 10px;  border: 2px solid rgba(255, 255, 255, .5); background: transparent;}

.c-banner1 .swiper-pagination-bullet svg {vertical-align: top;}

.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #2f62b6; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39;stroke-dashoffset: 39; -webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear; transition: stroke-dashoffset 0s linear, opacity 0s linear;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { opacity: 1;stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear; transition: stroke-dashoffset 5s linear, opacity 0s linear;}

.c-banner1 .bnts_c .a{ color:#fff;}

.c-banner1 .bnts_c .a i{border: solid 2px #fff;}

.c-banner1 .bnts_c .a:hover{ color:#fff;}

.c-banner1 .bnts_c .a:hover i{background:#0079d5;border: solid 2px #0079d5;}

.c-banner1 .bnts_c .a:hover i:after{ color:#fff;}

.bnts_c{  margin-top:6%; height:34px;}

.bnts_c .a{ display:inline-block; vertical-align:top; line-height:28px; height:28px; color:#242933; font-size:20px; text-align:left;-webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);

    transition: all .5s cubic-bezier(0.33,0,.67,1);

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -ms-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;}

.bnts_c .a:hover{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04); color:#5a5a5a;}

.bnts_c .a span{display: inline-block; vertical-align:top;-webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -ms-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

    -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);

    transition: all .5s cubic-bezier(0.33,0,.67,1);}

.bnts_c .a:hover span{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04);}

.bnts_c .a i{position: relative; display: inline-block; vertical-align:middle;margin-left: 7px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1); -o-transition: all .5s cubic-bezier(0.33,0,.67,1);

 -moz-transition: all .5s cubic-bezier(0.33,0,.67,1); transition: all .5s cubic-bezier(0.33,0,.67,1);width: 40px;height: 26px;border: solid 2px #2a2933;}

.bnts_c .a:hover i{border-color:#2a2933;-webkit-transform:scale(1.2) translateX(6px);-moz-transform:scale(1.2) translateX(6px);-ms-transform:scale(1.2) translateX(6px);-o-transform:scale(1.2) translateX(6px);transform:scale(1.2) translateX(6px); background:#2a2933;}

.bnts_c .a i:before{ content:">"; font-style:normal; position:absolute; left:50%; margin-left:-4px; top:0; height:24px; line-height:24px;  text-align:center;-webkit-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -o-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -moz-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; transition: all .33s; font-family:"宋体"; font-weight:bold; }

.bnts_c .a:hover i:before{opacity:0;color:#415fff;-webkit-transform:translateX(7px) scale(0.3);-moz-transform:translateX(7px) scale(0.3);-ms-transform:translateX(7px) scale(0.3);-o-transform:translateX(7px) scale(0.3);transform:translateX(7px) scale(0.3);-webkit-transition:all .33s cubic-bezier(0.33,0,.67,1);-o-transition:all .33s cubic-bezier(0.33,0,.67,1);-moz-transition:all .33s cubic-bezier(0.33,0,.67,1);transition:all .33s cubic-bezier(0.33,0,.67,1)}

.bnts_c .a i:after{opacity: 0;content:">"; font-style:normal; position:absolute; left:50%; margin-left:-2px; top:0; height:22px; line-height:22px;  text-align:center;-webkit-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -o-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -moz-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; transition: all .33s; font-family:"宋体"; font-weight:bold; }

.bnts_c .a:hover i:after{opacity:1;color:#fff;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;-o-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;-moz-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;transition:all .33s cubic-bezier(0.33,0,.67,1) .17s; left:55%;}

/*首页*/

/*#fp-nav.right{ display:none;}*/

#fp-nav ul li{ width:auto; height:28px; margin:0; -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:#ed7700;opacity:0.41;filter:Alpha(opacity=41); font-size:14px;line-height:28px;}

#fp-nav ul li:hover a{ 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-left:50px; text-align:left;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:rgba(255,255,255,0.25); height:1px;  width:25px; text-align:left; left:0; left:auto;transition:all 0.3s; margin:0;}

.fp-viewing-section2 #fp-nav ul li a span{ background:rgba(34,34,34,0.25);}

.fp-viewing-section4 #fp-nav ul li a span{ background:rgba(34,34,34,0.25);}

.fp-viewing-section6 #fp-nav ul li a span{ background:rgba(34,34,34,0.25);}

.fp-viewing-section8 #fp-nav ul li a span{ background:rgba(34,34,34,0.25);}

#fp-nav ul li:hover a span{ width:38px; background:#ed7700; height:1px; margin:0;}

/*#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:38px; background:#ed7700; height:1px; margin:0;}

/*.fp-viewing-section4 #fp-nav ul li a{ color:#555;}*/

.fp-viewing-footer #fp-nav.left{ display:none;}

.fp-viewing-footer .header{ display:none;}

.adicon{ width:28px; height:45px; position:absolute; left:50%; bottom:40px;transform: translate(-50%, 0%); background:url(../images/i_bg2.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;}

.slide_num{ position:absolute; left:3%; bottom:30px; color:#fff; font-style:italic; font-size:16px; font-family:Arial; letter-spacing:4px;}

.slide_num span{ color:#ed7700; font-size:28px; letter-spacing:2px;}


.fp-tableCell .wrap{ overflow:hidden; position:relative; max-height:100vh;}

.fp-viewing-section4 .header .logo #logo2{ display:block;}

.fp-viewing-section4 .header .logo #logo1{ display:none;}

.fp-viewing-section4 .header .nav > ul > li > a { color:#333;}

.fp-viewing-section4 .header .nav > ul > li.on > a{color:#0079d5;}
.fp-viewing-section4 .header .search-box .search-btn{ background-image:url(../images/search_on.png);}
.fp-viewing-section4 .header .language .btn:after{background-image:url(../images/top_bg3_on.png);}
/*第一*/

.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_one{ overflow:hidden;}



/*第三*/

.service-wrap3{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../img/i_img1.jpg); overflow:hidden;}

/*.service-wrap3 .wrap{ overflow:visible;}*/

.service-wrap3 .i_two .h3{ color:#fff; line-height:1.3; overflow:hidden;}

.service-wrap3 .i_two .p{ color:rgba(255,255,255,0.6); margin-top:5%; overflow:hidden; line-height:1.6; font-size:20px;}

.service-wrap3 .i_two{ overflow:hidden; max-width:780px;}

.service-wrap3 .i_two .bnts_c{ margin-top:10%;}

.service-wrap3 .i_two .bnts_c .a{ color:#fff;}

.service-wrap3 .i_two .bnts_c .a i{border: solid 2px #fff;}

.service-wrap3 .i_two .bnts_c .a:hover{ color:#fff;}

.service-wrap3 .i_two .bnts_c .a:hover i{background:#0079d5;border: solid 2px #0079d5;}

.service-wrap3 .i_two .bnts_c .a:hover i:after{ color:#fff;}

/*第四*/

.service-wrap4{ display:none; overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;}

.service-wrap4 .fp-tableCell{ vertical-align:middle;}

.i_title{ overflow:hidden; color:#222; margin-top:6%;}

.i_title .h3{ font-weight:normal; overflow:hidden; line-height:1.3;color:#222;}

.i_title .p{ overflow:hidden; font-size:16px; line-height:1.6; margin-top:0.5%;}





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

/*首页*/

.adicon{ bottom:30px;}

.slide_num{ bottom:25px;}

/*第三*/

.service-wrap3 .i_two .p{ font-size:18px;}



}



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

/*轮显*/

.bnts_c .a{ font-size:18px;}

/*首页*/

#fp-nav.left{ display:none;}

.section,

.section1,

.fp-section,

#dowebok .fp-slides,

#dowebok .fp-slide,

#dowebok .fp-slidesContaine,

.fp-tableCell{

	/*height: auto !important;*/

}

.slide_num{ bottom:15px; left:2%;}

/*.fp-tableCell .wrap{ max-height:none;}*/

.fp-viewing-section4 .header .search-box .search-btn{ background-image:url(../images/search_on2.png);}

.fp-viewing-section4 .header .language .btn:after{background-image:url(../images/top_bg3_on3.png);}

.fp-viewing-section4 .header .menu-btn span{ background:#333;}



/*第三*/

.service-wrap3 .i_two{ margin-top:10%; margin-bottom:10%;}

.service-wrap3 .i_two .p{ font-size:16px;}

/*第四*/

.i_title{ margin-top:8%;}









}



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





/*第四*/











}



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

/*轮显*/

.main .banner .swiper-slide .txt{ font-size:40px;}

/*第二*/



/*第三*/



/*第四*/









}

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

/*轮显*/

.main .banner .swiper-slide .txt{font-size:32px;}

.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px;}

.main .banner .swiper-slide .desc{ font-size:15px;}

/*第二*/



}

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

/*轮显*/

.bnts_c .a{ font-size:16px;}

/*第二*/



/*第四*/







}

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

/*轮显*/

.main .banner .swiper-slide .txt{font-size:28px;}

.main .banner .swiper-slide .rbtn span{ height:40px; line-height:40px;}

.main .banner .swiper-slide .desc{ font-size:14px;}

.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}

.main .banner .swiper-slide .rbtn{ font-size:14px;}

/*首页*/

.adicon{ width:22px; height:35px;margin-left:-7px; bottom:20px; /*display:none;*/}

.slide_num{ bottom:10px; font-size:14px;}

.slide_num span{ font-size:22px;}

/*第三*/

.service-wrap3 .i_two .p{ font-size:14px; margin-top:4%;}

.service-wrap3 .i_two .bnts_c{ margin-top:8%;}

/*第四*/

.i_title .p{ font-size:14px;}







}



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

/*轮显*/

.main .banner .swiper-slide .txt{font-size:24px; }

.main .banner .swiper-slide .txt:after{ height:3px;}

.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}

.main .banner .swiper-slide .rbtn{ min-width:120px; padding:0 20px; font-size:13px;}

.main .banner .swiper-slide .desc{ font-size:13px;}

.c-banner1 .swiper-pagination{ bottom:20px;}

.bnts_c .a{ font-size:14px;}

/*首页*/

.adicon{ bottom:15px; width:18px; height:29px;}





/*第三*/

.service-wrap3 .i_two .p{ font-size:13px;}





/*第四*/

.i_title .p{ font-size:13px;}









}

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

/*轮显*/

.main .banner .swiper-slide .txt{font-size:20px;}

.main .banner .swiper-slide .desc{ font-size:12px;}

.c-banner1 .swiper-pagination{ bottom:15px;}

.main .banner .swiper-slide .rbtn{ font-size:12px; min-width:110px;}







}

/*@media screen and (min-width: 1200px) {*/

.service-wrap .bleftto{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .bleftto{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0s;

	

	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0s;}

.service-wrap .brightto{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .brightto{animation:mymove7 0.5s; -webkit-animation:mymove7 0.5s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.5s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.5s;}

.service-wrap .banim-1{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.2s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.2s;}

.service-wrap .banim-2{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.4s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.4s;

}

.service-wrap .banim-3{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-3{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.6s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.6s;

}

.service-wrap .banim-4{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.8s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.8s;

}

/*}*/



/*@media screen and (min-width: 1200px) {*/

/*.fp-viewing-section2 .header .logo #logo2{ display:block;}

.fp-viewing-section2 .header .logo #logo1{ display:none;}

.fp-viewing-section2 .header .nav > ul > li > a { color:#3e3a39;}

.fp-viewing-section2 .header .nav > ul > li.on > a{color:#ed7700;}*/






/*.fp-viewing-section6 .header .logo #logo2{ display:block;}

.fp-viewing-section6 .header .logo #logo1{ display:none;}

.fp-viewing-section6 .header .nav > ul > li > a { color:#3e3a39;}

.fp-viewing-section6 .header .nav > ul > li.on > a{color:#ed7700;}



.fp-viewing-section8 .header .logo #logo2{ display:block;}

.fp-viewing-section8 .header .logo #logo1{ display:none;}

.fp-viewing-section8 .header .nav > ul > li > a { color:#3e3a39;}

.fp-viewing-section8 .header .nav > ul > li.on > a{color:#ed7700;}*/



/*轮显*/

.swiper-container{ height:100%!important;}

.main .banner .swiper-slide {position: relative; height:100%;}

/*}*/



@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(100px) translateX(0);

  transform: translateY(100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(100px) translateX(0);

  transform: translateY(100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}