/*
title #000
txt #4A4A4A
strongTxt #222
hover #296DC0
strong #123566
*/
@charset "utf-8";
body,div,ul,ol,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,select,textarea,blockquote,th,td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
body{text-align:left;font-family: PingFangSC-Regular,Helvetica, Arial, "微软雅黑", Verdana, sans-serif;font-size:14px;line-height:1.5; color:#262626}
a{text-decoration:none;outline:none; color:#4A4A4A}
a:hover{ color:#296DC0}
ul,ol{list-style:none;}
img{border:0;vertical-align:middle;max-width:100%;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
*::after, *::before{box-sizing: border-box;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix{*zoom:1;}

*{box-sizing: border-box}

body.navopen{overflow: hidden;}

.btn{border: 1px solid #4A4A4A;text-align: center;color: #4A4A4A;text-align: center}
.btn_on{background: #123566;border:1px solid #123566;color: #fff;text-align: center}
.btn:hover{background: #f9f9f9}
.btn_on:hover{color:#63aaff}

.wrap{position: relative;margin: 0 auto;padding: 0 20px;}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.flex-wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap}
.v-align-center{ display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}

.text-overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}


/*单箭头*/
.arrows-top,
.arrows-right,
.arrows-bottom,
.arrows-left{position: relative; display:inline-block;width:17px;height:17px;vertical-align: middle}
.arrows-right,.arrows-bottom,.arrows-top{right: 0;top: 0}
.arrows-left{left: 0;top: 0}
.arrows-top:after,
.arrows-right:after,
.arrows-bottom:after,
.arrows-left:after{content:"";position:absolute;width:13px;height:13px;left:50%;top:50%;border:1px solid #b1b1b1;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);border-left:0;border-bottom:0}

/*单箭头向左*/
.arrows-left:after{border:1px solid #b1b1b1;border-right:0;border-top:0}
/*单箭头向上*/
.arrows-top:after{border:1px solid #b1b1b1;border-right:0;border-bottom:0}
/*单箭头向下*/
.arrows-bottom:after{border:1px solid #b1b1b1;border-left:0;border-top:0;top:30%;}

/*三角*/
.triangle-top,.triangle-right,.triangle-bottom,.triangle-left{ width:0; height:0;border: 5px solid #000;}

.triangle-top{border-color:#000 transparent transparent transparent}
.triangle-right{border-color:transparent #000 transparent transparent}
.triangle-bottom{border-color:transparent transparent #000 transparent}
.triangle-left{border-color:transparent transparent transparent #000}

.video-back::after{
	content:"";
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.3;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.bounceIn{
    animation-duration: .75s
}
@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

/*header*/
.header .wrap{height: 180px;display: flex;justify-content: space-between;align-items: center;}
/* .header .logo{float: left;margin-top: 60px;} */
.header .hd-txt{float: right;margin-top: 10.83%;font-size: 30px;line-height: 30px;color: #123566}

.mobi-menu{display: none}
.mobi-menu{float: right;}
.mobi-menu a{float: left;}
.mobi-menu .lan{height: 50px;line-height: 50px;margin-right:40px;}
.mobi-menu .nav-btn{position: relative;height: 50px;min-width: 100px;padding: 16px 18px 16px 46px;line-height: 1;font-size: 16px;cursor: pointer;border: 1px solid #123566;}
.mobi-menu .nav-btn:hover,
.mobi-menu .nav-btn.open{color: #123566;}
.mobi-menu .nav-btn.open{z-index: 3;color: #fff}
.mobi-menu .nav-btn::after{
	background-color: #123566;
	display: block;
	width: 20px;
	height: 1px;
	position: absolute;
	top: auto;
	right: auto;
	left: 14px;
	bottom: 16px;
	box-shadow: 0 -7px 0 #123566;
	content: '';
	margin:0;
	transform-origin: center;
	transition: box-shadow .25s linear .5s,transform .5s cubic-bezier(.5,-.5,.5,1.5);
}
.mobi-menu .nav-btn::before{
    background-color: #123566;
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    right: auto;
    left: 14px;
    top: 17px;
    content: "";
    margin: 0;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: box-shadow .25s linear .5s,transform .5s cubic-bezier(.5,-.5,.5,1.5);
}
.mobi-menu .nav-btn.open:after{
	bottom: 17px;
	box-shadow: 0 -7px 0 transparent;
	-ms-transform: translateY(-7px) rotate(-135deg);
	transform: translateY(-7px) rotate(-135deg);
	transition: box-shadow .25s,transform .5s cubic-bezier(.5,-.5,.5,1.5) .25s;
	background: #fff;
}
.mobi-menu .nav-btn.open:before{
	top: 16px;
	-ms-transform: translateY(7px) rotate(135deg);
	transform: translateY(7px) rotate(135deg);
	transition: box-shadow .25s,transform .5s cubic-bezier(.5,-.5,.5,1.5) .25s;
	background-color: #fff;
}

.nav-wrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background:#00356b;z-index: 9;padding: 150px 0;visibility: hidden;transition: transform .5s cubic-bezier(.635,-.08,.735,.045),visibility 1ms linear .8s;transform: translate3d(0,-100%,0);    overflow-y: auto;}
.nav-wrap.on{visibility: visible;transform: translate3d(0,0,0);transition: transform .5s cubic-bezier(.175,.885,.24,1.11) .3s,visibility 1ms;}
.navgation{width: 100%;}

.navgation a{display: block;color: #fff;border-bottom: 1px solid #2b5177;padding: 3% 10%;font-size: 18px;margin: 0 20px;}
.navgation a:hover{background-color: #2b5177}

.navgation div ul{display: none}
.navgation div ul a{font-size: 14px;padding-left: 15%}

.navgation .hasSubMenu>a span{position: relative;margin-left: 4%;display: inline-block;width: 12px;padding-top: 12px;text-align: center;vertical-align: sub;}

.navgation .hasSubMenu>a span:after{content: "";position: absolute;left: 0;top: 0; width: 100%; height: 2px;background: #fff}
.navgation .hasSubMenu>a span:before{content: "";position: absolute;left: 0;top: 0; width: 100%; height: 2px;background: #fff;transform: rotate(90deg)}
.navgation .hasSubMenu.on>a span:before{display: none}

.navgation .hasSubMenu.on ul{display: block}


.top-menu{position: absolute;right: 0;text-align: right}
.top-menu .menu2{margin-top: 20px}
.top-menu .menu2 div{float: left;position: relative;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 16px}
.top-menu .menu2 div>a{position: relative;display: block;color: #123566;font-size: 22px;padding:18px 20px;line-height: 1;background: #fff;}
.top-menu .menu2{margin-right: -20px;}
.top-menu .menu2 div.hasSubMenu:hover>a{z-index: 3;box-shadow: inset 4px 0 0 #00356b, inset 0 1px 0 #ddd, inset -1px 0 0 #ddd;}
.top-menu .menu2 div ul{position: absolute;display: none;left:0;top:57px;padding-bottom: 10px;background: #fff;width: 160px;text-align: left;box-shadow: inset 4px 0 0 #00356b, inset 0 1px 0 #ddd, inset -1px 0 0 #ddd, inset 0 -1px 0 #ddd;z-index: 5;margin-top: -1px;}
.top-menu .menu2 div ul a{display:block;margin: 0 20px;line-height: 2.8;font-size: 20px;border-bottom: 1px solid #ddd;}
.top-menu .menu2 div ul a:hover{color: #296DC0}
.top-menu .menu2 div ul li:last-child a{
	border-bottom: 0
}
.top-menu .menu2 div:hover ul{display: block}
.top-menu .menu2 a:hover{ color:#296DC0}

.top-menu .menu2 div:nth-child(2) ul{width: 202px;}

.top-menu .menu1{color: #9B9B9B}
.top-menu .menu1 b{margin: 0 18px}
.top-menu .menu1 a{color: #9B9B9B;font-size: 16px;display: inline-block;}
.top-menu .menu1 .btn{margin-left: 50px}
.top-menu .menu1 .btn,
.top-menu .menu1 .btn_on{width: 104px;height: 43px;line-height: 43px;color: #123566;margin-right: 20px}
.top-menu .menu1 .btn_on{color: #fff;margin-right: 0}
.top-menu .menu1 .btn_on:hover{color:#63aaff}

.page{overflow: hidden;max-width: 1440px;margin: 0 auto}
/*banner*/
.home-video,
.main-banner{position: relative;}
.main-banner .banner-txt{color: #fff}
.main-banner .banner-txt{position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);z-index: 2;}
.main-banner .banner-pic{ position: relative; }
.banner-content{float: right;}
.title{line-height: 1;}

.img-back{display: none;position: relative;width: 100%;padding-bottom: 113.5%}
#video1{position: absolute;left: 0;top: 0;right: 0;bottom: 0}
#video1::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}

.main3{padding:6.9% 0 0 0;}
.main3 .desc{margin-top: 1%;}
.main3 ul{padding: 8.3% 0 0 0}
.main3 ul li{float: left;width: 33.33%;font-size: 40px;text-align: center;margin-bottom: 8.6%}
.main3 ul li div{padding: 0 34%;width: 100%}
.main3 ul li p{margin-top:10%;color: #4A4A4A;line-height: 1}

.main4{overflow: hidden;}
.main4-wp{background: #123566;}
.main4 a{color: #fff}
.m4title{margin: 10.1% auto 5.4% auto}

.aboutUs{position: relative;padding-top: 6.5%}
.aboutUs .pblock{position: relative; overflow: hidden;background: #123566;}
.aboutUs .pblock a{display:block;width: 100%;height: 100%;}

.aboutUs .pblock .pic{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index:1}
.aboutUs .pblock .pic img{width: 100%;height: 100%}
.aboutUs .block-new .pic img{width:auto;height: 100%;max-width: 1200px;margin-left: 50%;transform: translateX(-50%);}
.aboutUs .pblock .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;padding: 11.81%;}
.aboutUs .pblock .txt h4{font-size: 26px;margin-top: 60%;line-height: 1;margin-bottom:7.8% }
.aboutUs .pblock .txt h4,
.aboutUs .pblock .txt span{transition: margin .35s,transform .35s;}

.aboutUs .pblock .txt .link{font-size: 16px;display: inline-block}
.aboutUs .pblock .txt:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #AD4E1C; z-index: -1;opacity: .8;transition: all linear .2s}
.aboutUs .pblock a:hover .txt:after{opacity: .9;}
.aboutUs .pblock a:hover .txt h4,
.aboutUs .pblock a:hover .txt span{transform: translateY(-15px)}
.aboutUs .block-new a:hover .txt h4{transform: translateY(0)}

.aboutUs .block1 .txt:after{background: #296DC0;}
.aboutUs .block2 .txt:after{background: #123566;}
.aboutUs .block3 .txt:after{background: rgba(0,0,0,.5);}
.aboutUs .block5 .txt:after{background: #59692C;}
.aboutUs .block6 .txt:after{background: #123566;}
.aboutUs .block7 .txt:after{background: none;}
.aboutUs .block-new .txt:after{background: #296DC0}
.aboutUs .block-calendar .txt:after{background: #000;opacity: .6;}
.aboutUs .block-calendar a:hover .txt:after{opacity: .6;}

.aboutUs .block1 .txt h4{border: 1px solid #fff;margin-top: 36%;text-align: center;padding: 10% 0}
.aboutUs .block-new .txt h3,
.aboutUs .block-calendar .txt h3{font-size: 20px;position: relative;padding-bottom: 2%;margin-bottom: 4%}
.aboutUs .block-new .txt h3:after,
.aboutUs .block-calendar .txt h3:after{content: ""; position: absolute; height: 1px;width: 12%;background: #fff;left: 0;bottom: 0;}
.aboutUs .block-calendar .txt h3:after{width: 49px}
.aboutUs .block-new .txt h4{margin: 0;font-size: 34px;line-height: 49px;}
.aboutUs .block-new .new-txt{font-size:14px;line-height: 20px;margin-top: 15px;height: 60px;overflow: hidden;}
.aboutUs .block-new .time{margin:9.8% 0;font-size: 18px}
.aboutUs .block-new .more-btn,
.block-calendar .more-btn{border:1px solid #fff;width: 110px;line-height: 42px;font-size:18px ;text-align: center}

.aboutUs .block-new .more-btn:hover,
.block-calendar .more-btn:hover{
	background-color:#00356b;
	box-shadow:inset 0 0 0 1px transparent;
	border-color: #00356b
}

.block-calendar .canledr-wp>div{margin:4.5% 0 7.6% 0;align-items: flex-end}
.block-calendar .canledr-wp .date{float: left;width: 30%;font-size: 24px;line-height: 1}
.block-calendar .canledr-wp .date b{ display: block; font-size:40px;line-height: 1;font-weight: normal;margin-bottom: 8px;}
.block-calendar .canledr-wp .desc{float: left;font-size:40px;line-height: 1;}

.aboutUs .swiper-pagination{position: relative;}
.aboutUs .swiper-pagination-bullet{background: #fff;opacity: 1;margin: 0 3px 10px;}
.aboutUs .swiper-pagination-bullet-active{background: #286dc0}

.footer .wrap{padding:8%}
.footer h4{font-size: 24px;color: #296DC0;line-height: 33px}
.footer .connect{float: left;margin-right:23%;width: 29%}
.footer .connect h4{margin-bottom: 2.3%;}
.footer .connect p{font-size: 20px;color: #222;margin-bottom: 4%;line-height: 1;}
.footer .connect .copyright p{font-size:14px;line-height: 24px; }
.footer .ft-menu{overflow: hidden;width: 48%;float: right;}
.footer .social{margin:16% 0  14.8% 0}
.footer .social div{width: 56px;height: 56px;float: left;margin-right:14.8% }
.footer .ft-menu h4{margin-bottom: 7.4%}
.footer .ft-menu ul{margin-right: -4%}
.footer .ft-menu li{float: left;width:46% ;margin-right: 4%;margin-bottom: 4%}
.footer .ft-menu li a{display: block;text-align: center;border: 1px solid #4A4A4A;font-size: 20px;height: 56px;line-height: 56px;}
.footer .ft-menu li a img{width: 36px;margin-right: 5%;}
.footer .ft-menu li a img.on{display: none}
.footer .ft-menu li a:hover img{display: none}
.footer .ft-menu li a:hover{background: #296DC0;color: #fff;border-color: #296DC0}
.footer .ft-menu li a:hover img.on{display: inline-block}


/* Extra Small Devices, Phones 480 */ 
@media only screen and (min-width: 500px) and (max-width: 739px) {
	.wrap{width: 480px}

	/* .main-banner .banner-txt{
		position: relative;
		z-index: 1;
		margin-top: -70px;
	} */

	.swiper-container{overflow: initial}
	.aboutUs .pblock {
        width:235px;
        height: 235px;
        padding:0 11.81%;
	}
}

/* Small Devices, Tablets 720 */
@media only screen and (min-width: 740px) and (max-width:979px) {
	.wrap{width: 720px}
	.header .logo{width: 30%;margin-top: 44px;}
	.top-menu{display: none}

	/* .main-banner .banner-txt{
		width: 595px;
		position: absolute;
		bottom: 0;
		left: 0;
		margin-top: 0;
		padding-left: 0;
		padding: 50px 60px;
		box-shadow: -140px 0 0 #f9f9f9;
		z-index:1;
	} */
	
	.main-banner .banner-pic{
		margin-right: -138px;
    	margin-left: -138px;
    	overflow: hidden;
	}

	.top-menu .menu2 div>a{padding: 15px 15px;font-size: 18px}
	.header .wrap{height: 150px}
	.top-menu .menu2{margin-right: -15px;}
	
}

@media only screen and (min-width: 740px){
	.aboutUs .swiper-container{height: 100%;overflow: initial}
	.aboutUs .swiper-slide{width: auto}
	.aboutUs .pblock {
        position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
    }
	
	.aboutUs{height: 1065px;}
	.aboutUs .pblock {
        width:235px;
        height: 235px;
        padding:0 11.81%;
	}
	
	.block1{left: 0;top: 0}
	.block2{transform: translate3d(0,235px,0);}
	.block3{transform: translate3d(0,470px,0);}
	.block4{transform: translate3d(235px,470px,0);}
	.block5{transform: translate3d(470px,470px,0);}
	.block6{transform: translate3d(235px,705px,0);}
	.block7{transform: translate3d(0,705px,0);}
	.block8{transform: translate3d(470px,705px,0);}
	.aboutUs .block-new{ display: none; transform: translate3d(0,470px,0);width: 470px;height: 470px}
	.aboutUs .block-calendar{transform: translate3d(235px,0,0);width: 470px;height: 470px;z-index: 0;}
}

/* Medium Devices, Desktops 960 */
@media only screen and (min-width : 980px) {
	.wrap{width: 960px}
	.header .logo{width: 38%;}
	
	/* .main-banner .banner-txt{width: 380px;height: 478px;position: relative;z-index: 1;box-shadow: -140px 0 0 #f9f9f9;margin-top:80px;padding: 60px 50px 30px 0;float: left;} */
	.main-banner .banner-txt h1{font-size: 50px;line-height: 1.2;margin-bottom: 4%}
	.main-banner .banner-txt p{font-size: 18px;line-height: 1.5}
	.main-banner .banner-txt h3{font-size: 20px;line-height: 1;margin-top: 8%}
	.home-video{height: 800px}
	.main-banner .banner-pic {
		width: 840px;
		float: right;
		margin: 0 -160px 0 -170px;
		overflow: hidden;
	}
	
	.top-menu .menu2 div>a{padding: 15px 15px;}
	.top-menu .menu2 div ul{top: 51px;}
	.top-menu .menu2{margin-right: -15px;}

	.main3 .title,
	.main4 .title{font-size: 48px;color: #123566}
	.main3 .desc{font-size:24px }

	.aboutUs{height: 1156px;padding-left: 4.1%}
	
	.block1{left: 0;top: 0}
	.block2{transform: translate3d(0,235px,0);}
	.block3{transform: translate3d(235px,0,0);}
	.block4{transform: translate3d(235px,235px,0);}
	.block5{transform: translate3d(470px,470px,0);}
	.block6{transform: translate3d(470px,705px,0);}
	.block7{transform: translate3d(705px,470px,0);}
	.block8{transform: translate3d(705px,705px,0);}
	.aboutUs .block-new{ display: block;transform: translate3d(0,470px,0);width: 471px;height: 471px}
	.aboutUs .block-calendar{transform: translate3d(470px,0,0);width: 705px;height: 705px;z-index: 0;margin: -117.5px 0 0 -117.5px;}
	.aboutUs .block-calendar .txt{padding:16% 0 0 30.6% }
}

/* Large Devices, Wide Screens 1440*/
@media only screen and (min-width : 1440px) {
	.wrap{width: 1440px}

	/* .main-banner .banner-txt{width: 495px;height: 559px;box-shadow: -63px 0 0 #f9f9f9;margin-top:144px;padding-top: 80px;padding-right: 63px;} */
	.main-banner .banner-txt h1{font-size: 70px;line-height: 80px;}
	.main-banner .banner-txt p{font-size: 25px;line-height: 30px}
	.main-banner .banner-pic {
		float: right;
		width: 1062px;
		margin: 0 -60px 0 -300px;
	}
	.main-banner .banner-txt h3{font-size: 27px;}

	.aboutUs{height: 1242px;}
	.aboutUs .pblock {
        width:254px;
        height: 254px;
	}
	
	.block1{left: 0;top: 0}
	.block2{transform: translate3d(0,254px,0);}
	.block3{transform: translate3d(254px,0,0);}
	.block4{transform: translate3d(254px,254px,0);}
	.block5{transform: translate3d(508px,508px,0);}
	.block6{transform: translate3d(508px,762px,0);}
	.block7{transform: translate3d(762px,508px,0);}
	.block8{transform: translate3d(762px,762px,0);}
	.aboutUs .block-new{display:block;transform: translate3d(0,508px,0);width: 508px;height: 508px}
	.aboutUs .block-calendar{transform: translate3d(508px,0,0);width: 800px;height: 800px;z-index: 0;margin: -127px 0 0 -30px;}

}

@media only screen and (max-width : 979px) {
	.top-menu{display: none}
	.mobi-menu{display:block}

	.banner-pic {
		margin-right: -138px;
		margin-left: -138px;
		overflow: hidden;
	}
	.main-banner .banner-txt h1{font-size: 50px;line-height: 1.2;margin-bottom: 6%}
	.main-banner .banner-txt p{font-size: 18px;line-height: 1.5}
	.main-banner .banner-txt h3{font-size: 20px;line-height: 1;margin-top: 8%}
	.home-video{height: 560px}
	.main3 .title,
	.main4 .title{font-size: 40px;color: #123566}
	.main3 .desc{font-size:20px }
	.main3 ul li{font-size: 26px}

	.footer h4{font-size: 18px}
	.footer .ft-menu li a{font-size: 16px}
	.footer .connect{margin-right: 15%;width: 35%}
	.footer .connect p{font-size: 14px}
	.footer .ft-menu{width: 50%}

	.block-calendar .canledr-wp .date{font-size: 20px;}
	.block-calendar .canledr-wp .date b{font-size:36px;}
	.block-calendar .canledr-wp .desc{font-size:36px;}
}

@media only screen and (max-width: 739px){
	/* .main-banner .banner-txt {
		position: relative;
		z-index: 1;
	} */
	.header .wrap{height: 100px}
	.header .logo{width: 45%;}
	.mobi-menu{position: absolute;right: 10px;z-index: 10;}
	.mobi-menu .lan{display: none;margin-right: 15px}
	.navopen .mobi-menu .lan{display: block;color: #fff}
	.main-banner .banner-txt h1{font-size: 40px;}
	.main-banner .banner-txt p{font-size: 18px;}

	.main3 .title,
	.main4 .title{font-size: 30px;color: #123566}
	.main3 .desc{font-size:20px }
	.main3 ul li{font-size: 20px}
	.main3 ul li:nth-child(4),
	.main3 ul li:nth-child(5),
	.main3 ul li:nth-child(6){margin-bottom: 0}

	.footer .connect{float: none;width: 100%;margin-right: 0}
	.footer .ft-menu{float: none;overflow: hidden;width: 100%}

	.aboutUs .block-new .txt h4{font-size: 14px}
	.aboutUs .block-new .new-txt{display: none}
	.block-calendar .canledr-wp{display: none}
	.block-calendar .txt h3{margin-top:60%;line-height: 1;font-size: 26px}
	.block-calendar .txt h3:after{display: none}
	.block-calendar .more-btn{border: 0;text-align: left;font-size: 16px;}
	.aboutUs{padding-bottom: 6.5%}
	.aboutUs .swiper-container{overflow: initial;}
}

/* Custom, iPhone Retina 320 */ 
@media only screen and (max-width : 499px) {
	.wrap{width: 90%;min-width: 320px;}
	.header .logo{width:65%;margin-left: -10px;}
	
	.mobi-menu .nav-btn{min-width: 40px;padding-right:4px}
	.mobi-menu .nav-btn span{display: none;}
	.main-banner .banner-txt h1{font-size: 30px;}
	.main-banner .banner-txt p{font-size: 16px;}
	 .img-back{display: block}
	 .video-back{display: none}
	.main3 .title,
	.main4 .title{font-size: 24px;color: #123566}
	.main4 .title {
		margin-top: 15%;
	}
	.main3 .desc{font-size:14px }
	.main3 ul li{font-size: 12px;width: 50%}
	.main3 ul li div{padding: 0 25%}
	.main3 ul li:nth-child(4){margin-bottom: 8.6%}
	.main3 ul li:nth-child(5),
	.main3 ul li:nth-child(6){margin-bottom: 0}
	.main3 ul li p{font-size: 18px}
	.footer .wrap{padding: 8% 4%}
	.footer .ft-menu li a{font-size: 12px}
	.footer .social{margin: 6% 0}
	.footer .connect .copyright p{font-size: 12px}
	.aboutUs .swiper-pagination{width: 320px}
	.aboutUs{width: 235px;padding: 12% 0}
	.aboutUs .pblock {
        width:235px;
        height: 235px;
        padding:0 11.81%;
	}
	.aboutUs .block-new .txt h4{line-height: 1.5}

}

.footer .social .weixin{position: relative;float: none;cursor: pointer;}
.footer .social .weixin .qr{ position: absolute;width: 130px;height:130px;right:-10px;top: 0;margin: 0; opacity: 0; transition: all .2s linear; border: 1px solid #286dc0;transform: scale(.5) translate(80%,-30%);}
.footer .social .weixin .qr.on{transform:scale(1) translate(100%,-30%); opacity: 1;}


/* 入学申请表单弹窗 */
.Application-enrol-box {
    display: none;
}

.Application-visit-box {
    display: none;
}

.Application-box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 550px;
    margin-left: -400px;
    margin-top: -210px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #777;
    z-index: 999;
    
}

.Application-box li {
    float: left;
    width: 38%;
    border: 1px #dfdfdf solid;
    list-style-type: none;
    margin: 2%;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.Application-box li a {
    color: #3c3737;
}

.Application-box h1 {
    text-align: center;
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
}

.Application-box span a {
    position: relative;
    top: 10px;
    right: 20px;
    float: right;
    color: #3c3737;
    width: 20px;
    height: 20px;
    text-align: center;
}

.visit_form {
    padding: 0 40px;
}

.visit_form ul {
    padding: 0;
}

.Application-box .visit_form ul li {
    list-style-type: none;
    border: none;
    height: auto;
    line-height: 100%;
}

.visit_form .half {
    width: 46%;
    float: left;
    margin: 2%;
}

.visit_form .form-title {
    width: 100%;
    text-align: left;
    padding-right: 5px;
    margin-bottom: 10px;
}

.visit_form .input {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    line-height: 0;
    font-size: 0;

}

.visit_form .input-text {
    border: 1px solid #c6c6c6;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px #ccc solid;
    font-size: 14px;
    transition: border 0.2s ease-in-out;
    vertical-align: middle;
    border-radius: 3px;
}
.visit_form .inportantTips {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    margin-top: 4px;
    vertical-align: top;
    border-radius: 100%;
    color: #d30013;
}
.btnbox {
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.btnbox .btn-submit {
    max-width: 140px;
    padding: 5px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #5B8AF9;
    border: 1px #5B8AF9 solid;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 20px;
}
@media screen and (max-width: 800px) {
    .Application-box .visit_form ul li {
        width: 96%;
        float: none;
    }
    .Application-box {
        width: 90%;
        left: 0;
        margin-left: 5%;
		padding-bottom: 20px;
        margin-top: -290px;
        overflow-y: scroll;
    }
    .Application-box h1 {
        font-size: 1.125rem;
    }
}

#nb_icon_inner_wrap{
  display: none !important;
}

.ys_cont1720 {
	max-width: 1920px;
  }
.video {
	position: absolute;
	right: 0;
	bottom: 5%;
  }
  .videolist {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 100px;
  margin-top: 15px;
  margin-bottom: 50px;
  }
  .videolist:hover{ cursor: pointer; }
  .videoed { display:block; width:50px; height:50px; position: absolute;  z-index:99; border-radius:100%; }
  .videos{ display:none;  position:fixed; left:50%; top:50%; margin-left:-480px; margin-top:-270px; z-index:100; width:960px;max-width: 100%;  }
  .vclose { position:absolute;right: -34px;margin-top: 0; border-radius:100%; cursor: pointer; }
  .videos::before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
  }
  .videos #video {
  position: absolute;;
  max-width: 100%;
  }
  
  @media (max-width: 960px) {
	.video{display: none;}
  }