body{font-size: 15px !important;}



.page1 .fp-slidesNav{display: none;}

#dowebok .section:nth-child(2),#dowebok .section:nth-child(3),#dowebok .section:nth-child(4),#dowebok .section:nth-child(5){margin-top: 1px;}

.page1-left{width:260px; background: #fff; height: 100%; position: absolute; left: 0; top: 0;}

.page1-left-bottomlogo{padding-left: 50px; padding-right: 10px; position: absolute;bottom: 10px; left: 0; line-height: 30px;}

.page1-left-bottomlogo img{ width: 185px;}

.page1-right{ height: 100%; width: calc(100% - 260px); position: absolute; right: 0; top: 0;}

.page1-banner .slide{ background-size: cover; background-position: center center ; background-repeat: no-repeat;}

.page1-banner .fp-controlArrow{ display: none;}

.index-buycar,.index-linkout{position: fixed; z-index: 999;}

.index-buycar{ bottom: 40%;left: 25px;}

.index-linkout{ right: 20px; bottom: 10px;}



.pagenum{ width: 10px; position: fixed; left: 15px; top: 50%; transform: translateY(-50%); z-index: 998;}

.pagenum>span{ display: block;}

.pagenum .pageline { height: 100px; background: #DFF0D8; width: 1px; border-radius: 1px; overflow: hidden; margin-left: 4px;}

.pagenum .pageline span{display: block; height: 20px; background: #000;}

/*page2*/

.page2-right{width: 60%; position: absolute; height: 100%; background: url(../img/page2-bg.jpg) bottom  center no-repeat; right: 0; top: 0; z-index: 999; display: flex;}

.page2-newsimgbox{ width: 100%;  background-size: cover;   display: flex; align-items: center;  padding: 40px 0;}

.page2-right ul{display: flex; justify-content: center;align-items: center;flex-wrap: wrap;width: calc(84vh + 60px); margin: 0 auto; z-index: 999;}

.page2-right ul>li{ width: 31.33%;  margin: 5px;}

.page2-right ul>li>div>a>img{ width: 100%; display: block;}

.page2-right ul li .newsimg{ background-size: cover;width: 100%; height: 100%;}

.page2-right ul li .newsimg a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; color: #fff; background: rgba(0,0,0,.2); letter-spacing: normal; }

.page2-right ul li .newsimg a:hover{ background: rgba(0,71,187,0.6);}

.index-newstime{padding: 0 0 0 20px;  position: absolute; bottom: 10px; left: 0; }

.index-newstime .spn-newstime{ display: inline-block; font-size: 14px; line-height: 16px;}

.index-newstime .spn-newstime2{ font-size: 37px;display: inline-block; height: 30px;}

.page2-right ul li .newsimg a:hover .index-newstime{ bottom: calc(100% - 85px);}



.index-newstitle{ position: absolute; bottom: 0; left: 0; padding:0 10%; font-size: 14px;transform: translateY(100%); height: calc(100% - 100px); line-height: 20px; width: 100%;}

.index-newstitle p{ background: url(../img/more.png) bottom right no-repeat; text-align: right; padding-right: 15px; position: absolute; bottom: 10px; right: 10px;}

.page2-right ul li .newsimg a:hover .index-newstitle{transform: translateY(0);}



.page2-left,.page4-left{ bottom: 40px; left: 50px; position: absolute; width: calc(40% - 50px); z-index: 1000;}

.page2-left-text p,.page4-left-text p{ font-size: 36px; margin-bottom: 0;}

.page2-left-text span,.page4-left-text span{  color: #848484;}

.page2-left-line{ font-weight: bold; margin-top: 15px; font-size: 16px;}

.page2-left-line .hr{ height: 1px; background: #000; width: calc(100% - 95px); display: block; position: absolute; right: -30px; bottom: 10px;}

.page2-left-line .hr:before{content: ""; display: block; width: 5px; height: 6px; background: #000000; border-radius: 100%; margin-top: -3px;}

.blue-link{ background: url(../img/more2.png) center 12px no-repeat; background-color: #0047BB; color: #fff; border: 1px solid #0047BB;font-size: 12px; padding: 3px 25px 5px; letter-spacing: 0px; right: 25px; bottom: 25px;}

/*page3*/

.page3{ background:url(../img/page3-bg.jpg) right center no-repeat; background-size: auto 100%;}

.page3-left{bottom: 0; position: absolute; left: 0; z-index: 999; width: 100%;}

.page3-ul{  padding-left: 50px;}

.page3-ul li{background: #fff; width:368px; padding: 30px 20px; position: relative; height: 403px; float: left;transition: all 1.8s ease-in-out; opacity: 0; transform: translate(-20px,0);}

.page3-ul li .page3-num{ position: absolute; right: 54px; top: 30px;}

.page3-ul li .page3-text1 {margin-top: 46px;}

.page3-ul li .page3-text1 span{ display: block;}

.page3-ul li .page3-text1 span.s-title{ font-size: 17px; color: #0047BB;}

.page3-ul li .page3-text1 span.c-title{font-size: 29px; letter-spacing: 10px;}

.page3-ul li .page3-text1 span.b-content{font-size: 14px; color: #848484;}

.page3-ul li a.v-more,.newsmore a{ background: url(../img/more2.png) center 12px no-repeat; background-color: #0047BB; color: #fff; border: 1px solid #0047BB;font-size: 12px; padding: 3px 25px 5px; letter-spacing: 0px;position: absolute; right: 25px; bottom: 25px;}

.page3-ul li a.v-more:hover,.newsmore a:hover, .blue-link:hover{background-image: url(../img/more-blue.png); background-color: #fff;border: 1px solid #0047BB; color: #0047BB;}

.page3-ul li a svg{width: 80px; display: block;}

.page3-liimg{ position: absolute;bottom: 15px; left: 50%; margin-left: -125px;}

.open.page3-ul li:nth-child(1){transform: translate(0,0);opacity: 1;}

.open.page3-ul li:nth-child(2){transform: translate(0,-100px);opacity: 1; }

.open.page3-ul li:nth-child(3){transform: translate(0,-190px);opacity: 1;}

.open.page3-ul li:nth-child(4){transform: translate(0,-280px); opacity: 1;}

.page3-right{  background-size: cover;width: 49%; position: absolute; right: 3%;bottom:0px;height: 100%; z-index: 998;}

.boxcolor{width: 300px; height: 80px; position: absolute; right: 20px; bottom: 80px;}

.boxcolor .boxcolorin{width: 1px; height: 80px; background: #0047BB; position: absolute; left: 0; bottom: 0;}

.open.boxcolor .boxcolorin{width: 300px;transition: all 0.5s;}

/*page4*/



.page4 .page4-left{width: calc(48% - 50px); bottom: 12%}

.page4-left-list ul{margin-top: 30px; margin-bottom: 30px;}

.page4-left-list ul li {margin-top: 10px;}

.page4-left-list ul li .newsoutbox{ background: #fff; width: 100%; box-shadow:0 4px 3px 0px #ebebeb; font-weight: bold;}

.page4-left-list ul li .newsoutbox a{padding:15px 10px; display: block; width: calc(100% + 60px); background: #fff;}

.page4-left-list ul li .newsoutbox a em{ display: inline-block; width: 30px;height: 1px; background: #000; margin-left: 15px; margin-top: -15px; margin-right: 15px; vertical-align: 3px;}

.newsmore{float:right;width: 124px; margin-right: -75px;}

.newsmore a{display: block; position: static; padding:3px 0 5px; text-align: center;}

.page4-right{position: absolute; right: 0; top: 0; height: 100%;width: 52%; }

.page4-bgimg{ position: relative; display: flex; margin: 10% auto;background: url(../img/page4-bg.jpg) bottom left no-repeat; background-size: cover; height: 80%;}

.page4-bgcolor{ width: 130px; height: 130px; background: #0047BB; left: 40%; top: 38%; position: absolute;transform: scale(0);}

.open.page4-bgcolor{transform: scale(1);}

.page4-black-white{ background: rgba(255,255,255,0.4); position: absolute; z-index: 10; left: 0; bottom: -3px; width: 150px; height: 80px;}

/*page5*/

.fp-scrollable{ height: 100%; width: 100%; position: relative; overflow: hidden;}



.page4-left-list .page5text{margin-top: 20px; color: #848484; display: block; width: 60%;}



.page5.page4-right{background-image: url(../img/page5-bg.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover;}

.page5banner{position: absolute; left: 0; bottom: 70px; height: 450px;width: 800px; margin-left: 42%; z-index: 1; }

.page5banner .fp-tableCell{ height: 450px !important;position: relative; }

.page5banner .fp-controlArrow{ display: none !important;}

.page5.newsmore{z-index: 10; margin-right: 0;}

.page5-black-wihte{ background: rgba(255,255,255,0.4); position: absolute; left: 0; bottom: -2px; z-index: 0;width: 150px; height: 80px;}

.fill img{width: 300px;}

.slideimg{ background: #fff; width: 410px;}

.slideimg img{width: auto;/*  height: 450px; */  height: 325px; display: block }

.page05 .fp-slidesNav.bottom{ left: 191px;bottom: 0;}

#fp-nav ul li, .fp-slidesNav ul li{width: 6px;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{border: 1px solid #fff; border-radius: 0; background: #fff;width: 5px; height: 5px;}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background: #0047BB; border-color: #0047BB;}

.slideimg,.sidetext{ /* float: left; */}

.sidetext{/* width: 280px; */ width: 530px; /* position: absolute; left: 425px; bottom: 20%; */}

.sidetext .stime{font-size: 12px; color: #0047BB; display: inline-block;}

.sidetext .stitle{font-size: 16px; color: #000; /* display: inline-block; */}

.sidetext .scontent{font-size: 14px; color: #848484; line-height: 20px; display: inline-block;}

.page5block1{position: absolute; bottom: 0; right: 0; width: 80px; height: 300px; background: #0047BB;}

.page5block2{position: absolute; bottom: 20px; right: 30px; width: 300px; height: 120px; border:3px solid #fff}



.bottom-sell{ position: fixed; bottom: 0; background: #0047BB; color: #FFF; text-align: center; height: 55px; line-height: 55px; width: 100%;}

.bottom-sell a{ display: block; color: #fff;}

/*.page5banner{overflow: hidden;}

.bannerimg{float: left;}

.bannertext{width:280px;float: left; top:0;height: 100%; }

.bannertextin { position: absolute; bottom: 30px; padding-left: 20px;}

#items{overflow: hidden;}

#items li{ height: 371px; float: left;}*/



.mlslide{ height: 100%; width: 100%; overflow: hidden; position: relative;}

.mlslide .slidebar{ position: absolute; left: 184px; bottom: 10px; transform: translateX(-50%); z-index: 1;}

.mlslide .slidebar ul li{ width:7px; height: 7px; background: #fff; float: left; margin: 0 5px; cursor: pointer;}

.mlslide .slidebar ul li.active{ background: #0047BB;}

.mlslideinner{ position: relative; width: 100%; overflow: hidden; height: 100%;}

.mlslide-item{ position: absolute; left: 0; top: 0; width: 100%; transform: translateX(100%);}



.mlslide-item.active{ display: block;transform: translateX(0);transition:all .6s }

.mlslide-item.leave{transform: translateX(-100%);transition:all .6s }

@media screen and (min-width: 1211px) {

    .page3-ul li{ width: 290px;}

    /* .open.page3-ul li:nth-child(1){transform: translate(0,0);opacity: 1;}

	.open.page3-ul li:nth-child(2){transform: translate(0,-50px);opacity: 1; }

	.open.page3-ul li:nth-child(3){transform: translate(0,-100px);opacity: 1;}

	.open.page3-ul li:nth-child(4){transform: translate(0,-150px); opacity: 1;} */

	.boxcolor{bottom: 30px;}

	.page5banner{width: 100%; position: absolute; left: 0; bottom: 150px; /* height: 325px; */ height: 386px; }

	.page5banner .fp-tableCell{ height: 325px !important; }

	.slideimg{width: 250px;}

	.slideimg img{width: auto; height: 325px;}

	.page5banner{/* bottom: 80px; */ }

	.page05 .fp-slidesNav.bottom{ left: 135px;bottom: 0;}

	.index-newstitle{height: calc(100% - 75px)}

	.sidetext{/* left: 290px; */ }

	.page5block2{ height: 90px;}

	.mlslide .slidebar{left: 128px; bottom: 10px; }

}



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

	.page3-ul li{width: 23%;}

}



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

	.page1{background: #fff !important;}

	.page1-right{ width: 100%; height: calc(100% - 185px);}

	.page1-left{width: 100%;padding-top: 20px; position: absolute; bottom: 45px; top: inherit; background: none;}

	.page1-left-bottomlogo{padding-left: 10px;}

	.page1-left-bottomlogo img,.page1-left-bottomlogo p{font-size: 12px; line-height: 22px; }

	.page1-left-bottomlogo img{ vertical-align: -8px;}

	.page3-liimg{ left: 20px;}

	.sidetext{width: 250px;}

	.page3-left,.page2-left,.page2-right,.page1-left-bottomlogo,.page4-left,.page5banner,.sidetext{position: static;}

	.boxcolor,.page2-left-line .hr,.index-buycar,.pagenum,.open.page4-bgcolor,.page5block1,.page5block2,.page5-black-wihte{ display: none;}

	.page2-right,.page2-left,.page1-banner,.page4-left,.page4-left-list ul li .newsoutbox a,.page4-left-list .page5text,.page4-right,.slideimg,.sidetext{width: 100%;}

	.slideimg img{ height: auto; width: 100%;}

	.page4-left{position: relative; z-index: 999; left: 0; padding-left: 10px; width: calc(100% - 10px);}

	/*.page1-banner{ height: calc(100% - 120px);}*/

	.section.page2,.section.page3,.section.page4,.section.page05,.section.page6,.page1-left,.page2-right,.fp-tableCell{ height: auto !important;}

	.page2-left{ margin: 0 0 20px 0; padding-left: 10px;}

	.page2-left-text>p,.page4-left-text>p{margin-bottom: 0;}

	.page2-left-text span, .page4-left-text span{font-size: 14px;}

	.page2-left-line{ text-align: center; padding-right: 10px;}

	.page1-left-white{position: absolute; bottom: 0; left: 20px; z-index: 10; width: 207px; color: #fff;font-size: 0.1em; }

	.page1-left-white p{line-height: 15px; font-size: 10px;}

	.page1-left-white img{width: 100%;}

	.section{margin-bottom: 30px;}

	.section:last-child{margin-bottom: 0;}

	/*.page1-banner{ height: 500px;}*/

	.page2 .fp-tableCell{padding-top: 0;}

	.page1-left-bottomlogo{z-index: 999;}

	.page3-ul{ margin: 0 auto; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}

	.page3-ul li{width: 100%; margin: 20px 0; padding-left: 35px; padding-right: 35px; height: 350px;}

	.page3-ul li:nth-child(2n){margin-right: 0;}

	.open.page3-ul li:nth-child(1){transform: translate(0,0);opacity: 1;transition-delay: 0s; -webkit-transition-delay:0s ;}

	.open.page3-ul li:nth-child(2){transform: translate(0,0);opacity: 1;transition-delay: 1s;-webkit-transition-delay:1s ;}

	.open.page3-ul li:nth-child(3){transform: translate(0,0);opacity: 1;transition-delay: 2.5s;-webkit-transition-delay:2.5s ;}

	.open.page3-ul li:nth-child(4){transform: translate(0,0);opacity: 1;transition-delay: 3.5s;-webkit-transition-delay:3.5s ;}

	.page3-ul li .page3-num{right: 15px; top: -14px;}

	.page3-ul li .page3-text1{margin-top: 20px;}

	.page3{ background-size: cover; background-position: center center}

	.page2-newsimgbox{ display: block; width: 100%; overflow-x: scroll; height: 365px;}



	.page2-newsimgbox::-webkit-scrollbar {

             /*width: 5px;  */

            height: 4px;

        }

    .page2-newsimgbox::-webkit-scrollbar-thumb {

            border-radius: 10px;

            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

            background: rgba(0,0,0,0.2);

        }

    .page2-newsimgbox::-webkit-scrollbar-track {

               -webkit-box-shadow: inset 0 0 5px rgba(127,207,244,1);

            border-radius: 3px;

            background: rgba(127,207,244,1);



        }

	.page2-right ul{ display: block;width: 2671px;}

	.page2-right ul li{ float: left;width: 280px; height: 280px;margin: 0 0 0 15px;}

	.newsmore{margin:0; float: none;}

	.page5banner{ margin-left: 0; height: auto; position: relative; z-index: 1; bottom: 0;width:100%;}

	.sidetext{padding: 10px; padding-bottom: 50px;}

	.page05 .fp-slidesNav.bottom{ left: 50%; bottom: auto; padding-top: 111%;}

	.page5.newsmore{margin-right: auto; margin-bottom: 15px;bottom: 0;left: 0; transform: none;}

	.page4-bgimg{ background: none;}

	.page4 .page4-left{width: 100%; padding-right: 10px;}

	.sidetext .stitle{ display: block;}

	.page3-liimg{left: 0; margin-left: 35px;}

	.page3-ul li a.v-more{ right: 35px; }

	.page05 .page4-left{ bottom: 0;}

	.page4-left-list ul li .newsoutbox>a>span:first-child{ font-size: 12px;}

	.mlslide .slidebar{ left:50%}

	.blue-link-div{ text-align: left;}

}

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

	body{ padding-bottom: 45px !important;}

	.page5.newsmore{ left: 0; transform: translateX(0);}

}

@media screen and (min-width: 768px) {



	.bottom-sell{ display: none;}

}

.page2-right .page6-newsimgbox ul > li {
	width: 40%;
	margin: 20px;
}
.page6 .page2-right ul {width: 100%;}
.videoitem .videoli .videotime {
    padding: 15px 0 5px;
    margin: 0;
}
.videoitem .videoli .videotitle {
    font-weight: bold;
    font-size: 18px;
}
.page6 .page2-right {background-image: url(../img/bg5.jpg);background-size: cover;}
.page6 .page6-newsimgbox {
	width: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 0;
}
.page6 .page5.newsmore {margin-right: 50px;}
.page6 .page4-left {bottom: 80px;}
@media screen and (max-width: 1650px) {
	.page2-right .page6-newsimgbox ul > li {
	    width: 45%;
	    margin: 0px 5px 20px;
	}
}
@media screen and (max-width: 1025px) {
	.page6 .page2-right ul li {float: none;height: auto;}
	.page2-right .page6-newsimgbox ul > li {
	    width: calc(80% - 10px);
	    margin: 0px 5px 40px;
	}
	.page6 .page5.newsmore {margin-right: auto;}
	.page6 .page4-left {top: 0;}
	.page2-right ul {
		display: flex;
		flex-wrap: nowrap;
	    overflow-x: scroll;
	    justify-content: flex-start;
	    align-items: center;
	    height: 100%;
	}
	.page1-left {bottom: 100px;}
	.page1-left-bottomlogo p {
		display: inline-block;
		float: right;
	}
}
@media screen and (max-width: 767px) {
	.videoitem .videoli .videotime {
	    font-size: 13px;
	}
	.page2 {margin-top: 0!important;}
}
@media screen and (max-width: 500px) {
	.section.page1.fp-section.fp-table {height: 400px!important;}
	.page1-right {height: 100%!important;}
	.lb-item > a {
	    background-size: contain;
	    background-position: center top;
	    background-repeat: no-repeat;
	}
	.page1-left {bottom: 0px;}
}
@media screen and (max-height: 700px) {
	.open.page3-ul li:nth-child(2){transform: translate(0,-15px);}
	.open.page3-ul li:nth-child(3){transform: translate(0,-30px);}
	.open.page3-ul li:nth-child(4){transform: translate(0,-45px);}
}