/* CSS Document */





.section{ position:relative; }
#fp-nav ul .cn1 span{ background:url(../image/home-icon.png) no-repeat;}
#fp-nav ul .cn2 span{  background: url(../image/user.png) no-repeat; text-align:center;}
#fp-nav ul .cn3 span{  background: url(../image/vidoe-icon.png) no-repeat;}
#fp-nav ul .cn4 span{  background: url(../image/move-icon.png) no-repeat;}
#fp-nav ul .cn5 span{  background: url(../image/page3-icon.png) center center no-repeat;}
#fp-nav ul .cn6 span{  background: url(../image/pos-icon.png) no-repeat;}

#fp-nav ul .cn1 .active .cnq{ background: url(../image/home-icon_1.png) no-repeat;}
#fp-nav ul .cn2 .active .cnq{ background: url(../image/user_1.png) no-repeat;}
#fp-nav ul .cn3 .active .cnq{ background: url(../image/vidoe-icon_1.png) no-repeat;}
#fp-nav ul .cn4 .active .cnq{ background: url(../image/move-icon_1.png) no-repeat;}
#fp-nav ul .cn5 .active .cnq{ background: url(../image/page3-icon-active.png) center center no-repeat; background-color:#DD1A20;}
#fp-nav ul .cn6 .active .cnq{ background: url(../image/pos-icon_1.png) no-repeat;}


.navbar{ display:none; width:100%; position:fixed; right:0; z-index:999; border:0; color:#fff;background: rgba(0,0,0,0.5);}
.nav-menu, .nav-menu1{right:0px;}

/*
.nav-menu1{position:fixed; top:53px; right:15px; z-index:1; cursor:pointer;  }
.nav-menu1 img{ width:100%; z-index:999;display:none;}*/

.lan-tab{position:fixed; top:15%; right:10px; z-index:999;}
.lan-tab li a{ display:block; width:30px; height:30px; line-height:30px; border:1px solid #d6191f; text-align:center; font-size:12px; color:#dd1a20;}
.lan-tab li a:hover{ background:#dd1a20; color:#fff; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -o-transition:all linear 0.3s;}
.lan-tab .lan-on a{background:#dd1a20; color:#fff; }

.section1{position:relative;background: url(../image/page1-bg.jpg) no-repeat; background-size: cover; }
.section1 video{ position: absolute; z-index: 0; left: 0px; text-align:left; width:1920px; height:940px;
  box-sizing:border-box;
  object-fit:contain;

}




.page-footer{ width:100%; position:absolute; bottom:20px; z-index:999; }
.page-footer p{ display:block; float:left; position:absolute; left:50px; top:0;transition:all 1s;}
.page-footer p img{ float:left;}
.page-footer p:hover{animation: msl 0.8s linear infinite alternate; -webkit-animation: msl 0.8s linear infinite alternate; -moz-animation: msl 0.8s linear infinite alternate; -o-animation: msl 0.8s linear infinite alternate;}
@keyframes msl {0% { top:0px;} 100% { top:15px;}}
@-webkit-keyframes msl {0% { top:0px;} 100% { top:15px;}}
@-moz-keyframes msl {0% { top:0px;} 100% { top:15px;}}
@-o-keyframes msl {0% { top:0px;} 100% { top:15px;}}


.page-footer p span{ display:block; float:left; margin:10px; color:#d6191f;}
.page-footer p span.p2-txt{ color:#fff;}
.page-footer a{ display:block; float:left; position: relative; left:50%; margin-left:-20px;}
.page-footer a img{ width:100%;}





.section2{background:#dd1a20;}
.page2-con{width:100%; height:100%; position:relative; display:table; }
.page2-center{position:absolute; top:50%; left:50%; margin-top:-200px;margin-left:-585px;}
.page2-title{  position:absolute;top:170px;width:310px;  border-bottom:1px solid #fff; display:table;color:#fff;text-transform: uppercase; padding:10px 0 0 50px; text-align:right; z-index:999; 
opacity:0;
transform: scale(0.5, 0.5);
-webkit-transform: scale(0.5, 0.5);
-moz-transform: scale(0.5, 0.5);
-o-transform: scale(0.5, 0.5);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;

}

.page2-title h1{ font-size:28px;  font-weight:bold; float:left;margin:0 10px 20px 0;}
.page2-title p{ float:left;display:block; font-size:12px; font-weight:normal; margin-top:3px; }

.page2-left{ width:554px; color:#fff; margin-top:73px;
margin-left: -100%;
opacity:0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.page2-left h2{ font-size:29px; margin-bottom:20px;}
.page2-left p{ width:100%; display:table; height:300px;}
.page2-left p span{ display:block; margin:15px 0; line-height:25px; font-size:12px;}
.page2-left .p2-btn{ display:block; width:98px; height:30px; line-height:30px; text-align:center; color:#dd1a20; font-size:14px; background:#fff;}
.page2-left .p2-btn:hover{ font-weight:bold;}


.page2-right{ width:382px; position:relative; margin:0 auto;
margin-right:-200%;
opacity:0;
transition:all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.page2-right img{ width:100%;}
.page2-right a{ color:#fff;}
.page2-right .p2-txt1{ position:absolute; top:50%; margin-top:-25px; right:87px; color:#dd1a20; font-size:15px;}
.page2-right .p2-txt1:hover{ font-size:17px;  transition:all linear 0.3s;right:82px;transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s;}
.page2-right .p2-txt2{position:absolute; top:50%; left:50%; font-size:24px; margin-top:60px; margin-left:-106px;}
.page2-right .p2-txt2:hover{ font-size:26px;  transition:all linear 0.3s;right:82px;transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s;}


.section3{background:fff; overflow:hidden;}
.page3-title{position:absolute;top:170px;width:335px;  border-bottom:1px solid #fff; display:table;color:#fff;text-transform: uppercase; padding:10px 0 0 50px; text-align:right; z-index:999;
opacity:0;
transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-o-transform:scale(0.5,0.5);
transition:all 1s ease 0s;
-webkit-transition:all 1s ease 0s;
-moz-transition:all 1s ease 0s;
-o-transition:all 1s ease 0s;


}
.page3-title h1{ font-size:28px;  font-weight:bold; float:left;margin:0 10px 20px 0;}
.page3-title p{ float:left;display:block; font-size:12px; font-weight:normal; margin-top:13px; margin-left:10px; }

.page3-con{width:100%; height:100%; position:relative; display:table; }
.page3-center{width:100%; height:100%;position:absolute; top:0; left:0;}
.p3-img{height:100%;background: url(../image/img2.jpg) no-repeat; background-size:cover; padding:0; margin:0;}
/*.p3-img img{ width:100%;}*/
.page3-txt{ width:27%;margin: 10% 0 0 5%;}


.p3-txt{
	display:table;
	opacity:0;
	padding-left:28px;
	margin-top:-200%;
	transition:all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	}

.p3-txt h1{font-size:56px; color:#242424; text-transform:uppercase; font-weight:bold; }
.p3-txt h1 p{font-size:44px; color:#242424; font-weight:normal; margin-top:10px;}
.p3-txt span{ display:block; font-size:25px; color:#dd1a20;margin:10px 0 35px 0; }
.p3-txt p{ display:block; width:100%; color:#7f7f7f; font-size:14px;line-height:25px;}

.p3-tab{
	opacity:0;
transition:all .3s ease-out .3s;
-moz-transition:all .3s ease-out .3s;
-o-transition:all .3s ease-out .3s;
-webkit-transition:all .3s ease-out .3s;
transform:translate3d(100px,-100px,0);
-moz-transform:translate3d(100px,-100px,0);
-o-transform:translate3d(100px,-100px,0);
-webkit-transform:translate3d(100px,-100px,0);
	}
 {width: 440px;height: 125px; margin-top:35px;}
.swiper-slide { width:88px;height: 125px; border:1px solid #e7e7e7; float:left; text-align: center;font-size: 14px;background: #fff; color:#242424;/* Center slide text vertically */display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide-active{ background:#FFFFFF; color:#242424;}


.section4{background:#dd1a20; position:relative;}
.page4-con{width:100%; height:100%; position:relative; }
.page4-title{position:absolute;top:170px;width:325px;  border-bottom:1px solid #fff; display:table;color:#fff;text-transform: uppercase; padding:10px 0 0 50px; text-align:right; z-index:999;
opacity:0;
transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-o-transform:scale(0.5,0.5);
transition:all 1s ease 0s;
-webkit-transition:all 1s ease 0s;
-moz-transition:all 1s ease 0s;
-o-transition:all 1s ease 0s;


}
.page4-title h1{ font-size:28px;  font-weight:bold; float:left;margin:0 10px 20px 0;}
.page4-title p{ float:left;display:block; font-size:12px; font-weight:normal;margin-left: 10px; margin-top: 13px; }

.page4-center{position:absolute; top:50%; left:50%; margin-top:-280px;margin-left:-585px;
opacity:0;
transition:all .5s ease 0s;
-moz-transition:all .5s ease .0s;
-o-transition:all .5s ease 0s;
-webkit-transition:all .5s ease 0s;
transform:translate3d(0,-100px,0);
-moz-transform:translate3d(0,-100px,0);
-o-transform:translate3d(0,-100px,0);
-webkit-transform:translate3d(0,-100px,0);
}


.imgtab-top{ float:left; border:0; margin:0 60px 42px 0;}
.imgtab-top li a{ color:#fff;}

.students{margin:0 auto;width:1200px;height:480px;position:relative; float:left;}
/* p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}*/

#four_flash{position:relative;width:1200px;height:480px; margin:0 auto; overflow:hidden;}

.flashBg{width:960px;height:480px; margin:0 auto;position:relative;overflow:hidden;}
.flashBg ul.mobile{width:2000%;height:480px; position:absolute;top:15; left:0;}
.flashBg ul.mobile li{float:left;width:240px;height:480px;color:#6C6E85;}
.flashBg ul.mobile li:hover{color:#fff;}
.flashBg ul.mobile li img{ width:100%;display:block; margin:0 auto;}
.flashBg ul.mobile li dl{ width:100%; height:110px; background:#f4f4f4; padding:20px;}
.flashBg ul.mobile li dl dt{ font-size:16px; color:#000000; padding-bottom:15px;}
.flashBg ul.mobile li dl dd{font-size:12px; color:#7e7e7e;width:250px; padding-bottom:5px;}
.flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;}
.but_left{width:21px;height:69px;position:absolute; top:136px; left:0px;}
.but_right{width:21px;height:69px; position:absolute; top:136px; right:0px;}
.but_left:hover{ opacity:0.8;}
.but_right:hover{opacity:0.8;}



.section5{background:#f1f1f1; }
.page5-title{position:absolute;top:170px;width:335px;  border-bottom:1px solid #dd1a20; display:table;color:#dd1a20;text-transform: uppercase; padding:10px 0 0 50px; text-align:right; z-index:999;
opacity:0;
transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-o-transform:scale(0.5,0.5);
transition:all 1s ease 0s;
-webkit-transition:all 1s ease 0s;
-moz-transition:all 1s ease 0s;
-o-transition:all 1s ease 0s;
}
.page5-title h1{ font-size:28px;  font-weight:bold; float:left;margin:0 10px 20px 0;}
.page5-title p{ float:left;display:block; font-size:12px; font-weight:normal;margin-left: 10px; margin-top:3px; }

.page5-con{width:100%; height:100%; position:relative; top:0px; left:0; }
.page5-center{position:absolute; top:50%; left:50%; margin-top:-280px;margin-left:-585px;
opacity:0;
transition:all .5s ease 0s;
-moz-transition:all .5s ease 0s;
-o-transition:all .5s ease 0s;
-webkit-transition:all .5s eease 0s;
transform:translate3d(0,-100px,0);
-moz-transform:translate3d(0,-100px,0);
-o-transform:translate3d(0,-100px,0);
-webkit-transform:translate3d(0,-100px,0);
}
.imgtab-top1{ float:right; border:0; margin-bottom:30px;}
.imgtab-top1 li a{ color:#d6191f;}

.newcon-all{margin:0 auto;width:1200px;height:500px;position:relative; float:left; overflow:hidden;}
#p5new{position:relative;width:1200px;height:500px; margin:0 auto;position:absolute;}
.p5Bg{width:755px;height:480px; margin:0 auto;position:relative;overflow:hidden;}
.p5Bg ul.p5new-list{width:2000%;height:500px; position:absolute;top:15; left:0;}
.p5Bg ul.p5new-list li{float:left;width:365px;height:365px;color:#6C6E85; margin-right:35px;}
.p5Bg ul.p5new-list li:hover{color:#fff;}
.p5Bg ul.p5new-list li img{ width:100%;display:block; margin:0 auto;}
.p5Bg ul.p5new-list li dl{ width:100%; height:140px; display:table;}
.p5Bg ul.p5new-list li dl dt{float:left; width:105px; display:table; color:#464646; margin-top:10px; text-align:center; }
.p5Bg ul.p5new-list li dl dt p{ width:100%;font-size:54px;}
.p5Bg ul.p5new-list li dl dt p span{ display:block; font-size:13px;padding-top:15px;}
.p5Bg ul.p5new-list li dl dd{float:left; width:260px; text-align:left; color:#464646;}
.p5Bg ul.p5new-list li dl dd p{ width:100%; border-bottom:1px solid #464646; line-height:23px; font-size:15px; text-align:left; padding-bottom:10px;}
.p5Bg ul.p5new-list li dl dd span{ display:block; width:210px; font-size:12px;line-height:23px; padding:30px 0;}
.p5Bg ul.p5new-list li dl dd a{ display:block; width:22px; height:22px; line-height:18px; border:1px solid #818181; color:#464646; text-align:center;}
.p5Bg ul.p5new-list li dl dd a:hover{ border:0; background:#dc1b20; color:#fff;}
.p5_left, .p5_right{position:absolute; bottom:6px; width:100px;height:38px; border:1px solid #dc1b20; color:#dc1b20; text-align:center; cursor:pointer; font-size:15px; line-height:35px;}
.p5_left{left:220px;}
.p5_right{left:319px;}
.p5_left:hover, .p5_right:hover{ background:#dc1b20; color:#fff;}
.p5-more{ width:105px; height:38px; border:1px solid #dc1b20; color:#fff; text-align:center; position:absolute; bottom:6px; left:413px;}
.p5-more p{ display:block; width:63px; font-size:12px; height:36px;line-height:35px;background:#dc1b20; color:#fff;  border-right:1px solid #dc1b20; text-align:center; float:left;}
.p5-more p:hover{font-size:14px; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -o-transition:all linear 0.3s;}
.p5-more span{ display:block; width:40px;height:38px;line-height:33px; float:left;}


.section6{background:#525252; }
.page6-title{position:absolute;top:170px;width:305px;  border-bottom:1px solid #FFF; display:table;color:#FFF;text-transform: uppercase; padding:10px 0 0 50px; text-align:right; z-index:999;
/*opacity:0;*/
transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-o-transform:scale(0.5,0.5);
transition:all 1s ease 0s;
-webkit-transition:all 1s ease 0s;
-moz-transition:all 1s ease 0s;
-o-transition:all 1s ease 0s;
}
.page6-title h1{ font-size:28px;  font-weight:bold; float:left;margin:0 10px 20px 0;}
.page6-title p{ float:left;display:block; font-size:12px; font-weight:normal;margin-left: 10px; margin-top:3px; }

.page6-con{width:100%; height:100%; position:relative; }
.page6-center{position:absolute; top:50%; left:50%; margin-top:-180px;margin-left:-585px;}
.p6-list{ color:#fff;}
.p6-list li{ font-size:23px; padding-bottom:35px;}
.p6-list li dl{ margin-left:35px;}
.p6-list li dl dd{width:95%; border-bottom:1px solid #868686;font-size:14px; color:#dcdcdc; display:table; padding:15px 0;}
.p6-list li dl dd p{  float:left; margin-right:20px; color:#dcdcdc;}
.p6-list li dl dd p span{ color:#898989;}
.p6-list li p{ font-size:12px; color:#838383;}

.p6list-01{
	margin-left: -100%;
	opacity:0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
	}
.p6list-02{
	margin-top: -100%;
	opacity:0;
transition: all 2s ease 0s;
-webkit-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
	}
.p6list-03{
	float:left;
	margin-right: 100%;
		opacity:0;
transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-o-transform:scale(0.5,0.5);
transition: all 3s ease 0s;
-webkit-transition: all 3s ease 0s;
-moz-transition: all 3s ease 0s;
-o-transition: all 3s ease 0s;
	}


.p6-right{ width:210px; display:table; float:left; background:#dd1a20; border:7px solid #d0d0d0; padding:15px;}
.p6-right p{ text-align:center; color:#fff; padding-bottom:25px;}
.p6-right p img{ width:100%; font-size:14px;}
.p6-share li{ float:left; margin:0 12px;}
.p6-share li:hover{ opacity:0.7;}

@media (min-width:320px){
    .page2-right .p2-txt1{  right:53px !important; }
	.page2-right .p2-txt2{margin-left:-92px !important;}
	#four_flash{ width:292px !important;}
	.imgtab-top>li{ width:50%; text-align:center;}
	.flashBg ul.mobile>li>a{ width:100%; height:200px; overflow:hidden; display:block;}
	.newcon-all{width:365px !important;  overflow:hidden !important;margin:0 auto !important;}
	.p5Bg ul.p5new-list li{width:365px !important;margin-right:0 !important; margin:0 auto !important;}
	.p5Bg ul.p5new-list li dt{ width:80px !important;}
	.p5Bg ul.p5new-list li dd{ width:200px !important;}
	.p5_left, .p5_right{ bottom:66px!important;}
	.p5-more{ bottom:66px!important;}
	.page5-center{ top:100px !important; }
	.p3-tab{ width:265px !important; margin-top:30px;}
	.p3-txt h1{ margin-top:-15px !important;}
	.imgtab-top{ margin:0 auto 20px !important;}
	.p5_left, .p5_right{ bottom:180px !important;}
	.p5_left{ left:0;}
	.p5_right{ left:101px;}
	#p5new{ width:100% !important;}
	.page2-right img{ width:90%; margin:0 auto;}
	}
	
@media (min-width:375px){
	.page2-right .p2-txt1{margin-top:-25px; right:70px !important; }
    .page2-right .p2-txt2{ margin-left:-95px;}
	
	
	#four_flash{ width:346px !important;}
	.flashBg{ width:240px !important;}
	.flashBg ul.mobile li{ width:240px;}
	.flashBg ul.mobile>li>a{ width:100%; height:250px; overflow:hidden; display:block;}
	.imgtab-top>li{ width:50%; text-align:center;}
	
	.newcon-all{width:365px !important;  overflow:hidden !important; margin:0 auto !important;}
	.p5Bg ul.p5new-list li{width:365px !important;margin-right:0 !important; margin:0 auto !important;}
	.p5Bg ul.p5new-list li dt{ width:100px !important;}
	.p5Bg ul.p5new-list li dd{ width:220px !important;}
	.p5_left, .p5_right{ bottom:100px!important;}
	.p5-more{ bottom:40px!important;}
	.page5-center{ top:100px !important; }
	
	}
	
@media (min-width:414px) {
	.page2-right .p2-txt1{right:88px !important; }
    .page2-right .p2-txt2{ margin-left:-106px !important;}
	
	#four_flash{ width:380px !important;}
	.imgtab-top>li{ width:25%; text-align:center;}
	.flashBg ul.mobile>li>a{ width:100%; height:310px; overflow:hidden; display:block;}
	
    .page4-title{ top:60px !important;}
	.page4-center{ top:0px !important;}
	
	.newcon-all{width:365px !important;  overflow:hidden !important; margin:0 auto !important;}
	.p5Bg ul.p5new-list li{width:365px !important;margin-right:0 !important; margin:0 auto !important;}
	.p5Bg ul.p5new-list li dt{ width:100px !important;}
	.p5Bg ul.p5new-list li dd{ width:265px !important;}
	.p5_left, .p5_right{ bottom:40px!important;}
	.p5-more{ bottom:40px!important;}
	.page5-center{ top:100px; }
	

	}
 
@media (max-width:768px) {
	.logo{ top:4px; left:10px;}
	.logo img{ width:50%;}
	#fp-nav{ display:none;}
	.nav-menu{ display:none !important;}
	.lan-tab{ display:none;}
	.navbar{ display:block;}

	.nav-col{ background-color:#d6191f; color:#fff;}
	.bar-color{ background-color:#fff !important;}
	.navbar-bg{ margin-top:10px; border:0;}
	.navbar-list li a{ color:#fff !important;}
	.navbar-list li.active a{ background-color:rgba(0,0,0,0.5) !important;}
	.nav-col:hover{background-color:#d6191f !important;}
	
	
	
	.page-footer p{ display:none;}
 
	.section1 video{ display:none;}
	
	.page2-title{top:60px; text-align:right;}
	.page2-title h1{font-size:23px; }
	.page2-center{top:0;left:0; margin-left:0; margin-top:75px;}
	.page2-left{display:none; width:100%; margin-top:55px;}
	.page2-left h2{ font-size:20px;margin-bottom:6px;}
	.page2-left p span{ line-height:20px; margin:6px 0;}
	.page2-right{ width:100%; margin-top:55px;}
    .page2-right .p2-txt1{  right:133px; }
	.page2-right .p2-txt2{margin-left:-126px;}
	
	
	.p3-img{ display:none;}
    .page3-txt{ width:100%; margin:43% 0 0 0;}
	
	

	.page3-title{ top:60px; color:#dd1a20;border-color:#dd1a20;}
	.page3-title h1{font-size:23px; }
	.p3-txt{ padding-left:0;}
	.p3-txt h1{font-size:24px;  }
    .p3-txt h1 p{font-size:18px; margin-top:5px;}
    .p3-txt span{ font-size:16px; margin:3px 0 5px 0; }
    .p3-txt p{ display:block; width:100%; color:#7f7f7f; font-size:14px;line-height:25px;}
	
	
	
	
	.page-footer{   bottom:25px; }
	
    .imgtab-top1{ float:left;}
	.page5-title{ top:60px;color:#dd1a20;border-color:#dd1a20; padding-left:30px;}
	.page5-title h1{font-size:23px; }
	.page5-center{ top:230px; left:0; margin-top:30px; margin-left:0;}
	
	.page4-title{ top:60px;}
	.page4-title h1{font-size:23px; }
	.page4-center{ top:0px;left:0; margin-left:0; margin-top:125px;}
	

	.imgtab-top{ float:left; margin:20px auto;}
    #four_flash{ width:400px;}
	.flashBg{ width:240px;}
	.flashBg ul.mobile li{ width:240px;}
	.flashBg ul.mobile li dl dt{ padding-bottom:5px;}
	.flashBg ul.mobile li dl{ height:85px; padding:10px 30px;}
	

	
	.page6-title{ top:60px;}
	.page6-title h1{font-size:23px; }
	.page6-center{ top:0; margin-top:0; left:0; margin-left:0; margin-top:75px;}
	.p6list-01{ display:none;}
	.p6list-02{ margin-top:75px !important;}
	.p6list-03{display:none;}
	.p6-list li{font-size:20px; text-align:left;}
	.p6-list li dl{ margin-left:0;}
	.p6-list p.p-txt{ width:85%; text-align:left; margin-right:0;}
	.p6-list li p{text-align:left;}
	.imgtab-top{ width:414px !important;}
	.page4-center{ width:100%; position:absolute; left:50%; margin-left:-50%;}
	.students{ width:100%;}
	.imgtab-top>li{ margin-top:16px;}
	.imgtab-top{ width:100% !important;}
	
	
	
	}
	
	
@media (min-width:768px) and (max-width:1052px) {
	.logo{ top:50px; left:50px;}
	.logo img{ width:100%;}
	#fp-nav{ display:block;}
	.navbar{ display:none;}
	.nav-menu{ display:block !important;}
	.lan-tab{ display:block;}
	#fp-nav.right{ padding-top:30%;}
	.nav-con{ margin-left:-375px;}
	
	.page2-title{ top:155px; }
	.page2-center{top:50%;left:50%; margin-left:-485px; margin-top:-175px;}
	.p3-txt{ margin-top:150px !important;}
	.page2-left{ display:block;padding-left:240px;}
	.page2-left h2{ font-size:26px;}
	.page2-left p span{ line-height:20px; margin:6px 0;}
	.page2-right img{ width:80%;}
    .page2-right .p2-txt1{right:72px !important; }
    .page2-right .p2-txt2{ margin-left:-106px !important;}
	
	.nav-tabs>li{ width:auto;}
	
	
	.page3-title{ top:155px; color:#dd1a20;border-color:#dd1a20;}
	.page3-title h1{font-size:23px; }
	.page3-right{ width:100%; top:15%;}
	.p3-right{left:0; margin-left:0; margin-top:0; }
	
	.page3-txt{ width:88%;}
	.p3-tab{ width:704px !important;}
	.p3-txt h1{font-size:56px;  }
    .p3-txt h1 p{font-size:40px;}
    .p3-txt span{ font-size:25px; margin:10px 0 15px 0; }
    .p3-txt p{ display:block; color:#7f7f7f; font-size:14px;line-height:25px;}
    .p3-txt p.sells-products{line-height:52px;}

	
	
	.page4-title{ top:140px !important;}
	.page4-title h1{font-size:23px; }
	.page4-center{ top:117px !important;left:0; margin-left:0; margin-top:125px !important;}
	
	
	
	.imgtab-top{ float:left; margin-bottom:40px;}
    #four_flash{ width:700px !important;}
	.flashBg{ width:480px !important;}
	.flashBg ul.mobile li{ width:240px;}
	
	
	
	
	
	.page5-title{ top:155px;color:#dd1a20;border-color:#dd1a20;}
    .page5-center{ top:230px !important;}
	.page5-title h1{font-size:23px; }
	.newcon-all{width:715px !important;  overflow:hidden !important;}
	.p5Bg ul.p5new-list li{width:340px !important;margin-right:20px !important;}
	.p5_left, .p5_right{ bottom:70px !important;}
	.p5-more{ bottom:70px !important;}
	.p5Bg ul.p5new-list li dl dt{width:100px;}
    .p5Bg ul.p5new-list li dl dd{width:240px !important;}
	
	
	
	
	.page6-title{ top:155px;}
	.page6-title h1{font-size:23px; }
	.p6list-02{ width:37%; margin-left:20px;}
	.p6list-03{display:block; margin:80px 0 0 20px;}
	.page6-center{top:415px; left:560px; width:100%; }
	.p6-list{ width:100%;}
	.p6-list li{font-size:23px; text-align:left;}
	/*.imgtab-top{ width:100% !important;}*/
	.page5-con{ position:relative !important; top:278px; left:66px;}
	.page6-con .row{ width:100% !important;}

	
	
	
	}
	
@media (min-width:992px) {
	.nav-con{ margin-left:-485px;}
	#fp-nav.right{ padding-top:10%;}
}

	
@media (min-width:1366px) {
	.nav-con{ margin-left:-350px; margin-top:-100px;}
	#fp-nav.right{ padding-top:10%;}
	.page2-title{ top:170px;}
	.page2-center{position:absolute; top:50%; left:50%; margin-top:-200px;margin-left:-585px;}
	.page2-right img{ width:100%;}
	.page2-right .p2-txt1{  right:87px; }
	.page2-right .p2-txt2{ margin-left:-106px;}	
	
	.p3-con3{ width:50%;}
	
	.page3-title{ top:170px;color:#fff;border-color:#fff; }
	.page3-title h1{font-size:28px; margin:10px 0 20px 0;}
	.p3-txt h1 p{ padding:10px 0;}
	.page3-right{ width:50%;}
	.p3-right{left:50%; margin-left:-350px; margin-top:150px;  }

	.page4-title{ top:170px;color:#fff;border-color:#fff; }
	.page4-title h1{font-size:28px; margin:10px 0 20px 0;}
	
	
	.page5-title{ top:170px;color:#dd1a20;border-color:#dd1a20;}
	.page5-title h1{font-size:23px; }
	.page4-center{top:50% !important; left:50% !important; margin-top:-280px !important;margin-left:-585px !important;}
	.page5-center{top:50% !important; left:50% !important; margin-top:-280px !important;margin-left:-585px !important;}
	
	.page6-title{ top:170px;}
	.page6-title h1{font-size:23px; }
	
	.p6list-02{ width:41%;}
	.p6list-03{ margin:0;}
	.newcon-all{width:1200px !important;}
	.imgtab-top{ float:right;}
	{width:800px !important;margin-left:210px;}
	#four_flash{ width:800px !important;}
	#p5new{width:100% !important;left:40px;}
	.flashBg{ width:720px !important;}
	
	.page6-center{top:50%; left:50%; margin-top:-180px;margin-left:-450px; overflow:hidden;}
	.p5Bg ul.p5new-list li{ width:245px !important;  margin-right:10px !important;}

	.p5_left, .p5_right, .p5-more{ bottom:6px !important;}
	
	
	.page3-txt{ width:27%;}
	
	}
	.sells-products{line-height:1.5;}
	.swiper-slide{
		cursor:pointer;
		transition:background 0.3s,color 0.3s;
		-ms-transition:background 0.3s,color 0.3s;
		-moz-transition:background 0.3s,color 0.3s;
		-webkit-transition:background 0.3s,color 0.3s;
	}
	.swiper-slide:hover{
		background:#DD1A20;
		color:#FFFFFF;
	}
.page3-rows{height:100%;}
.swiper-slide a:hover{color:#242424;}