/* page ---------------*/
#pages {
	font-family: Arial, 微软雅黑, 宋体;
	padding: 20px 0 25px;
}
#pages:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.bottom_pages {
	width: 100%;
	float: left;
}
.pages_center {
	margin: 0px auto;
	text-align: center;
}

#pages a.hover {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #133982;
	border: 1px solid #e3e3e3;
	color: #FFF;
	text-align: center;
	padding: 4px 10px;
}

#pages a:hover {
	background:#0f4e7c !important;
	color: #FFF;
	text-decoration: none;
}
#pages span,#pages a  {
	display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 3px 6px;
    border-radius: 50px;
    background: #fff;
}
#pages span{background: #0f4e7c;
    color: #fff;}
@media (min-width:1441px){/* DESKTOPS */
.banner{position:relative;background:#333;}
		.banner .swiper-container{height:100%;}
		.banner .swiper-wrapper{height:100%;}
		.banner .swiper-slide{height:100%;}
			.banner .bannerinfo{display:block;position:relative;}
				.banner .bannerinfo .mask{background:rgba(0,0,0,0.3);position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;}
				.banner .bannerinfo video{position:relative;width:100%;height:720px;object-fit:cover;display:block;position:relative;}
                .banner .bannerinfo img{position:relative;width:100%;height:720px;object-fit:cover;display:block;position:relative;}
				.banner .bannerinfo h2{position:absolute;z-index:2;top:50%;width:100%; max-width: 1440px;left:calc(50% - 720px);
                  font-size:36px;line-height:40px;color:#fff;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.5);}
				.banner .bannerinfo h2 span{color:#4d8ac7;display:inline-block;margin:0 10px 0 0;}
		.banner .iconfont{font-size:60px;}
			.banner .swiper-button-prev{left:5%;}
			.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;bottom:20px;}
			.banner .swiper-pagination span{width:15px;border-radius:20px;height:10px;margin:0 5px;transition:all 0.3s ease-out 0s;border:2px solid #4d8ac7;background:none;}
			.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.about{padding:80px 0;background:url(../images/bgabout.jpg) no-repeat center center;}
	.aboutinfo{margin:0 0 80px;}
		.aboutinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.aboutinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.aboutinfo h2{font-size:36px;line-height:40px;margin:0 0 30px;text-transform:uppercase;}
		.aboutinfo p{font-size:17px;letter-spacing:.5px;width:60%;line-height:30px;margin:0 0 30px;}
		.aboutinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;}
			.aboutinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.aboutinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.aboutinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	
	.news{position:relative;}
		.news .swiper-container{padding:0 0 40px;}
		.news .swiper-button-prev{left:-25px;z-index:2;}
			.news .swiper-button-prev span{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;background:#4d8ac7;border-radius:50px;color:#fff;}
		.news .swiper-button-next{right:-25px;z-index:2;}
			.news .swiper-button-next span{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;background:#4d8ac7;border-radius:50px;color:#fff;}
		.news .swiper-pagination{left:50%;transform:translateX(-50%);bottom:0;}
		.news .swiper-pagination span{margin:0 5px;}
		.news a{display:block;background:#f9f9f9;padding:50px;box-sizing:border-box;border-right:1px solid #f2f2f2;}
			.news a div{margin:0 0 20px;color:#4d8ac7;}
				.news a div time{display:inline-block;margin:0 20px 0 0;}
			.news a h3{font-size:20px;line-height:30px;margin:0 0 20px;overflow: hidden;
                white-space: nowrap; 
                text-overflow: ellipsis; }
			.news a p{line-height:25px;color:#666;margin:0 0 40px; overflow:hidden; 
                display:-webkit-box;       
                -webkit-box-orient:vertical; 
                -webkit-line-clamp:2;      
                text-overflow:ellipsis;}
			.news a>span{}
			.news a>span i{float:left;font-size:20px;margin:0 10px 0 0;}

.service{padding:80px 0;background:url(../images/bgservice.jpg) no-repeat center center;}
	.serviceinfo{width:50%;}
		.serviceinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;}
			.serviceinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.serviceinfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.serviceinfo p{font-size:17px;letter-spacing:.5px;line-height:30px;}
		.serviceinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.serviceinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.serviceinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.serviceinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	.serviceclass{margin:40px 0 0;}
		.serviceclass .hd{display:none;overflow:hidden;}
			.serviceclass .hd h3{float:left;font-weight:normal;margin:0 20px 0 0;}
			.serviceclass .hd h3 a{display:inline-block;border:1px solid #fff;line-height:38px;border-radius:40px;padding:0 20px;color:#fff;}
			.serviceclass .hd h3.on a{background:#fff;color:#4d8ac7;}
		.serviceclass .bd{margin:40px 0 0;margin:0 -1%;}
			.serviceclass .bd div{float:left;padding:45px;background:#fff;border-radius:10px;position:relative;width:31.33%;box-sizing:border-box;margin:0 1%;}
				.serviceclass .bd div i{position:absolute;top:30px;right:30px;font-size:80px;line-height:80px;color:#4d8ac7;}
				.serviceclass .bd div h3{font-size:30px;font-weight:normal;line-height:40px;margin:0 0 10px;}
				.serviceclass .bd div figure{background:url(../images/bgserviceclass.png) no-repeat 0 center;background-size:auto 100%;padding:5px 20px;height:100px;}
				.serviceclass .bd div figure img{width:50px;}
				.serviceclass .bd div span{text-transform:uppercase;color:#666;}
				.serviceclass .bd div ul{margin:-40px 0 0 80px;}
				.serviceclass .bd div li{}
				.serviceclass .bd div li a{font-size:16px;line-height:34px;color:#666; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; float:left; width:100%;}
                .serviceclass .bd div li a:hover{color:#4d8ac7;}
	.servicemore{margin:40px 0 0;}
		.servicemore a{display:inline-block;font-size:16px;border:1px solid #4d8ac7;color:#4d8ac7;line-height:38px;padding:0 20px;border-radius:40px;}
			.servicemore a i{float:left;font-size:18px;margin:0 10px 0 0;}
		.servicemore a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.servicemore a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.slogen{padding:80px 0;}
	.slogeninfo{background:url(../images/bgslogen.jpg) no-repeat center center;text-align:right;padding:100px 50px 100px 50%;border-radius:10px;}
		.slogeninfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.slogeninfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.slogeninfo h2{font-size:36px;line-height:40px;margin:0 0 30px;text-transform:uppercase;}
		.slogeninfo p{font-size:17px;letter-spacing:.5px;line-height:30px;}
		.slogeninfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.slogeninfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.slogeninfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.slogeninfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.link{margin:0 0 80px;}
	.linklist{}
		.linklist ul{display:flex;margin:0 -40px;}
		.linklist li{flex:1;padding:0 40px;}
		.linklist li a{display:block;height:200px;background:#f2f2f2;overflow:hidden;border-radius:10px;position:relative;}
			.linklist li a figure{overflow:hidden;}
			.linklist li a figure img{width:100%;}
			.linklist li a div{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;padding:40px;}
				.linklist li a h3{font-size:22px;line-height:30px;font-weight:normal;margin:0 0 10px;color:#ecf0f1;}
				.linklist li a span{display:inline-block;font-size:12px;color:#ecf0f1}
				.linklist li a span i{float:right;margin:0 0 0 5px;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.banner{position:relative;background:#333;}
		.banner .swiper-container{height:100%;}
		.banner .swiper-wrapper{height:100%;}
		.banner .swiper-slide{height:100%;}
			.banner .bannerinfo{display:block;position:relative;}
				.banner .bannerinfo .mask{background:rgba(0,0,0,0.3);position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;}
				.banner .bannerinfo video{position:relative;width:100%;height:540px;object-fit:cover;display:block;position:relative;}
				.banner .bannerinfo h2{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;line-height:40px;color:#fff;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.5);}
				.banner .bannerinfo h2 span{color:#4d8ac7;display:inline-block;margin:0 10px 0 0;}
		.banner .iconfont{font-size:60px;}
			.banner .swiper-button-prev{left:5%;}
			.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;bottom:20px;}
			.banner .swiper-pagination span{width:15px;border-radius:20px;height:10px;margin:0 5px;transition:all 0.3s ease-out 0s;border:2px solid #4d8ac7;background:none;}
			.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.about{padding:80px 0;background:url(../images/bgabout.jpg) no-repeat center center;}
	.aboutinfo{margin:0 0 80px;}
		.aboutinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.aboutinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.aboutinfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.aboutinfo p{font-size:17px;letter-spacing:.5px;width:60%;line-height:30px;margin:0 0 30px;}
		.aboutinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;}
			.aboutinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.aboutinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.aboutinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	
	.news{position:relative;}
		.news .swiper-button-prev{left:-20px;z-index:2;}
			.news .swiper-button-prev span{display:block;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;background:#4d8ac7;border-radius:40px;color:#fff;}
		.news .swiper-button-next{right:-20px;z-index:2;}
			.news .swiper-button-next span{display:block;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;background:#4d8ac7;border-radius:40px;color:#fff;}
		.news a{display:block;background:#fff;padding:50px;box-sizing:border-box;border-right:1px solid #f2f2f2;}
			.news a div{margin:0 0 20px;color:#4d8ac7;}
				.news a div time{display:inline-block;margin:0 20px 0 0;}
			.news a h3{font-size:20px;line-height:30px;margin:0 0 20px;}
			.news a p{line-height:25px;color:#666;margin:0 0 40px;
               }
			.news a>span{}
			.news a>span i{float:left;font-size:20px;margin:0 10px 0 0;}

.service{padding:80px 0;background:url(../images/bgservice.jpg) no-repeat center center;}
	.serviceinfo{color:#fff;width:50%;}
		.serviceinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;}
			.serviceinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.serviceinfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.serviceinfo p{font-size:17px;letter-spacing:.5px;line-height:30px;}
		.serviceinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.serviceinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.serviceinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.serviceinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	.serviceclass{margin:40px 0 0;width:50%;}
		.serviceclass .hd{overflow:hidden;}
			.serviceclass .hd h3{float:left;font-weight:normal;margin:0 20px 0 0;}
			.serviceclass .hd h3 a{display:inline-block;border:1px solid #fff;line-height:38px;border-radius:40px;padding:0 20px;color:#fff;}
			.serviceclass .hd h3.on a{background:#fff;color:#4d8ac7;}
		.serviceclass .bd{margin:40px 0 0;}
			.serviceclass .bd div{padding:45px;background:#fff;border-radius:10px;position:relative;width:60%;}
				.serviceclass .bd div i{position:absolute;top:45px;right:45px;font-size:60px;line-height:60px;color:#4d8ac7;}
				.serviceclass .bd div h3{font-size:30px;font-weight:normal;line-height:40px;}
				.serviceclass .bd div span{text-transform:uppercase;color:#666;}
				.serviceclass .bd div ul{margin:20px 0 0;}
				.serviceclass .bd div li{}
				.serviceclass .bd div li a{font-size:16px;line-height:30px;color:#666;}
	.servicemore{margin:40px 0 0;}
		.servicemore a{display:inline-block;color:#fff;font-size:16px;border:1px solid #fff;line-height:38px;padding:0 20px;border-radius:40px;}
			.servicemore a i{float:left;font-size:18px;margin:0 10px 0 0;}
		.servicemore a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.servicemore a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.slogen{padding:80px 0;}
	.slogeninfo{background:url(../images/bgslogen.jpg) no-repeat center center;text-align:right;padding:100px 50px 100px 50%;border-radius:10px;}
		.slogeninfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.slogeninfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.slogeninfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.slogeninfo p{font-size:17px;letter-spacing:.5px;line-height:30px;}
		.slogeninfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.slogeninfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.slogeninfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.slogeninfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.link{margin:0 0 80px;}
	.linklist{}
		.linklist ul{display:flex;}
		.linklist li{flex:1;}
		.linklist li:nth-of-type(2){margin:0 60px;}
		.linklist li a{display:block;background:#f2f2f2;overflow:hidden;border-radius:10px;position:relative;}
			.linklist li a figure{overflow:hidden;}
			.linklist li a figure img{width:100%;}
			.linklist li a div{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;padding:30px;}
				.linklist li a h3{font-size:22px;line-height:30px;font-weight:normal;margin:0 0 10px;color:#4d8ac7;}
				.linklist li a span{display:inline-block;font-size:12px;}
				.linklist li a span i{float:right;margin:0 0 0 5px;}
}
@media (min-width:768px) and (max-width:1024px){/* TABLET */
.banner{position:relative;background:#333;}
		.banner .swiper-container{height:100%;}
		.banner .swiper-wrapper{height:100%;}
		.banner .swiper-slide{height:100%;}
			.banner .bannerinfo{display:block;position:relative;}
				.banner .bannerinfo .mask{background:rgba(0,0,0,0.3);position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;}
				.banner .bannerinfo video{position:relative;width:100%;height:360px;object-fit:cover;display:block;position:relative;}
				.banner .bannerinfo h2{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;line-height:40px;color:#fff;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.5);}
				.banner .bannerinfo h2 span{color:#4d8ac7;display:inline-block;margin:0 10px 0 0;}
		.banner .iconfont{font-size:60px;}
			.banner .swiper-button-prev{left:5%;}
			.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;bottom:20px;}
			.banner .swiper-pagination span{width:15px;border-radius:20px;height:10px;margin:0 5px;transition:all 0.3s ease-out 0s;border:2px solid #4d8ac7;background:none;}
			.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.about{padding:40px;background:url(../images/bgabout.jpg) no-repeat center center;}
	.aboutinfo{margin:0 0 40px;}
		.aboutinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.aboutinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.aboutinfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.aboutinfo p{font-size:17px;letter-spacing:.5px;width:60%;line-height:30px;margin:0 0 30px;}
		.aboutinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;}
			.aboutinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.aboutinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.aboutinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	
	.news{position:relative;}
		.news .swiper-button-prev{left:-25px;z-index:2;}
			.news .swiper-button-prev span{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;background:#4d8ac7;border-radius:50px;color:#fff;}
		.news .swiper-button-next{right:-25px;z-index:2;}
			.news .swiper-button-next span{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;background:#4d8ac7;border-radius:50px;color:#fff;}
		.news a{display:block;background:#fff;padding:50px;box-sizing:border-box;border-right:1px solid #f2f2f2;}
			.news a div{margin:0 0 20px;color:#4d8ac7;}
				.news a div time{display:inline-block;margin:0 20px 0 0;}
			.news a h3{font-size:20px;line-height:30px;margin:0 0 20px;}
			.news a p{line-height:25px;color:#666;margin:0 0 40px;}
			.news a>span{}
			.news a>span i{float:left;font-size:20px;margin:0 10px 0 0;}

.service{padding:40px;background:url(../images/bgservice.jpg) no-repeat center center;background-size:auto 100%;}
	.serviceinfo{color:#fff;width:80%;}
		.serviceinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;}
			.serviceinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.serviceinfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.serviceinfo p{font-size:17px;letter-spacing:.5px;line-height:30px;}
		.serviceinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.serviceinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.serviceinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.serviceinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	.serviceclass{margin:40px 0 0;width:80%;}
		.serviceclass .hd{overflow:hidden;}
			.serviceclass .hd h3{float:left;font-weight:normal;margin:0 20px 0 0;}
			.serviceclass .hd h3 a{display:inline-block;border:1px solid #fff;line-height:38px;border-radius:40px;padding:0 20px;color:#fff;}
			.serviceclass .hd h3.on a{background:#fff;color:#4d8ac7;}
		.serviceclass .bd{margin:40px 0 0;}
			.serviceclass .bd div{padding:45px;background:#fff;border-radius:10px;position:relative;width:60%;}
				.serviceclass .bd div i{position:absolute;top:45px;right:45px;font-size:60px;line-height:60px;color:#4d8ac7;}
				.serviceclass .bd div h3{font-size:30px;font-weight:normal;line-height:40px;}
				.serviceclass .bd div span{text-transform:uppercase;color:#666;}
				.serviceclass .bd div ul{margin:20px 0 0;}
				.serviceclass .bd div li{}
				.serviceclass .bd div li a{font-size:16px;line-height:30px;color:#666;}
	.servicemore{margin:40px 0 0;}
		.servicemore a{display:inline-block;color:#fff;font-size:16px;border:1px solid #fff;line-height:38px;padding:0 20px;border-radius:40px;}
			.servicemore a i{float:left;font-size:18px;margin:0 10px 0 0;}
		.servicemore a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.servicemore a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.slogen{padding:40px 40px 0;}
	.slogeninfo{background:url(../images/bgslogen.jpg) no-repeat center center;text-align:right;padding:50px 50px 50px 20%;border-radius:10px;}
		.slogeninfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.slogeninfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.slogeninfo h2{font-size:36px;line-height:40px;margin:0 0 30px;}
		.slogeninfo p{font-size:17px;letter-spacing:.5px;line-height:30px;}
		.slogeninfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.slogeninfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.slogeninfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.slogeninfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.link{padding:40px;}
	.linklist{}
		.linklist ul{display:flex;}
		.linklist li{flex:1;}
		.linklist li:nth-of-type(2){margin:0 20px;}
		.linklist li a{display:block;background:#f2f2f2;overflow:hidden;border-radius:10px;position:relative;}
			.linklist li a figure{overflow:hidden;}
			.linklist li a figure img{width:100%;}
			.linklist li a div{padding:20px;}
				.linklist li a h3{font-size:22px;line-height:30px;font-weight:normal;margin:0 0 10px;color:#4d8ac7;}
				.linklist li a span{display:inline-block;font-size:12px;}
				.linklist li a span i{float:right;margin:0 0 0 5px;}
}
@media (max-width:767px){/* MOBILE */
.banner{position:relative;background:#333; margin-top:80px;}
		.banner .swiper-container{height:100%;}
		.banner .swiper-wrapper{height:100%;}
		.banner .swiper-slide{height:100%;}
			.banner .bannerinfo{display:block;position:relative;}
				.banner .bannerinfo .mask{background:rgba(0,0,0,0.3);position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;}
				.banner .bannerinfo video{position:relative;width:100%;height:240px;object-fit:cover;display:block;position:relative;}
				.banner .bannerinfo h2{position:absolute;z-index:2;top:50%;left:10%;right:10%;transform:translateY(-50%);font-size:17px;color:#fff;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.5);}
				.banner .bannerinfo h2 span{color:#4d8ac7;display:inline-block;margin:0 10px 0 0;}
		.banner .iconfont{font-size:60px;}
			.banner .swiper-button-prev{left:5%;}
			.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;bottom:20px;}
			.banner .swiper-pagination span{width:15px;border-radius:20px;height:10px;margin:0 5px;transition:all 0.3s ease-out 0s;border:2px solid #4d8ac7;background:none;}
			.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.about{padding:20px;background:url(../images/bgabout.jpg) no-repeat center right; background-size: 120%;}
	.aboutinfo{margin:0 0 40px;}
		.aboutinfo span{display:block;text-transform:uppercase;font-size:12px;position:relative;margin:0 0 30px;color:#4d8ac7;}
			.aboutinfo span:after{content:'';display:block;position:absolute;top:30px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.aboutinfo h2{font-size:17px;margin:0 0 10px;}
		.aboutinfo p{font-size:13px;letter-spacing:.5px;margin:0 0 10px;}
		.aboutinfo a{display:inline-block;line-height:28px;border-radius:40px;padding:0 20px;border:1px solid #333;}
			.aboutinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.aboutinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.aboutinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	
	.news{position:relative;}
		.news .swiper-button-prev{left:-10px;z-index:2;}
			.news .swiper-button-prev span{display:block;width:30px;height:30px;font-size:20px;line-height:30px;text-align:center;background:#4d8ac7;border-radius:30px;color:#fff;}
		.news .swiper-button-next{right:-10px;z-index:2;}
			.news .swiper-button-next span{display:block;width:30px;height:30px;font-size:20px;line-height:30px;text-align:center;background:#4d8ac7;border-radius:30px;color:#fff;}
		.news a{display:block;background:#f9f9f9;padding:20px;box-sizing:border-box;border-right:1px solid #f2f2f2;}
			.news a div{margin:0 0 10px;color:#4d8ac7;}
				.news a div time{display:inline-block;margin:0 10px 0 0;}
			.news a h3{font-size:15px;margin:0 0 10px;}
			.news a p{color:#666;margin:0 0 20px;}
			.news a>span{}
			.news a>span i{float:left;font-size:20px;margin:0 10px 0 0;}

.service{padding:20px;background:url(../images/bgservice.jpg) no-repeat center center;background-size:auto 100%;}
	/* .serviceinfo{color:#fff;} */
		.serviceinfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;}
			.serviceinfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.serviceinfo h2{font-size:17px;margin:0 0 10px;}
		.serviceinfo p{font-size:13px;letter-spacing:.5px;}
		.serviceinfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.serviceinfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.serviceinfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.serviceinfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
	.serviceclass{margin:20px 0 0;}
		.serviceclass .hd{overflow:hidden;}
			.serviceclass .hd h3{float:left;font-weight:normal;margin:0 10px 0 0;}
			.serviceclass .hd h3 a{display:inline-block;border:1px solid #fff;line-height:28px;border-radius:40px;padding:0 20px;color:#fff;}
			.serviceclass .hd h3.on a{background:#fff;color:#4d8ac7;}
		.serviceclass .bd{margin:20px 0 0;}
			.serviceclass .bd div{padding:20px;background:#fff;border-radius:10px;position:relative;width:100%; box-sizing: border-box; margin-bottom: 20px;}
				.serviceclass .bd div i{position:absolute;top:20px;right:20px;font-size:40px;line-height:40px;color:#4d8ac7;}
				.serviceclass .bd div h3{font-size:18px;font-weight:normal; margin-bottom: 10px;}
                .serviceclass .bd div figure {
                    background: url(../images/bgserviceclass.png) no-repeat 0 center;
                    background-size: auto 100%;
                    padding: 5px 20px;
                    height: 100px;
                }
                .serviceclass .bd div figure img {
                    width: 50px;
                }
				.serviceclass .bd div span{text-transform:uppercase;color:#666;}
				.serviceclass .bd div ul{margin:-40px 0 0 80px;}
				.serviceclass .bd div li{}
				.serviceclass .bd div li a{font-size:13px;color:#666;}
	.servicemore{margin:20px 0 0;}
		.servicemore a{display:inline-block;color:#fff;font-size:13px;border:1px solid #fff;line-height:28px;padding:0 20px;border-radius:40px;
        
            border: 1px solid #4d8ac7;
            color: #4d8ac7;
          
        }
			.servicemore a i{float:left;font-size:18px;margin:0 10px 0 0;}
		.servicemore a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.servicemore a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.slogen{padding:20px 20px 0;}
	.slogeninfo{background:url(../images/bgslogen.jpg) no-repeat bottom left;text-align:right;padding:20px 20px 20px 20%;border-radius:10px; background-size: 100%; background-color: #ecf0f1;}
		.slogeninfo span{display:block;text-transform:uppercase;font-size:18px;position:relative;line-height:30px;margin:0 0 30px;color:#4d8ac7;}
			.slogeninfo span:after{content:'';display:block;position:absolute;top:40px;left:0;width:50px;height:2px;background-image:linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);}
		.slogeninfo h2{font-size:17px;margin:0 0 10px;}
		.slogeninfo p{font-size:13px;letter-spacing:.5px;}
		.slogeninfo a{display:inline-block;line-height:38px;border-radius:40px;padding:0 20px;border:1px solid #333;margin:30px 0 0;}
			.slogeninfo a i{float:left;margin:0 10px 0 0;font-size:20px;}
		.slogeninfo a:hover{background:#4d8ac7;border:1px solid #4d8ac7;color:#fff;}
			.slogeninfo a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}

.link{padding:20px;}
	.linklist{}
		.linklist ul{display:flex;}
		.linklist li{flex:1;}
		.linklist li:nth-of-type(2){margin:0 10px;}
		.linklist li a{display:block;background:#f2f2f2;overflow:hidden;border-radius:10px;position:relative;}
			.linklist li a figure{overflow:hidden;}
			.linklist li a figure img{width:100%;}
			.linklist li a div{padding:10px;}
				.linklist li a h3{font-size:15px;font-weight:normal;color:#4d8ac7;margin:0 0 5px;}
				.linklist li a span{display:inline-block;font-size:12px;}
				.linklist li a span i{float:right;margin:0 0 0 5px;}
}