@media (min-width:1441px)/* DESKTOPS */{
	.banner{position:relative;}
	.banner img {width: 100%;}
	.banner .bd{position:relative;z-index:0;width:100%;height:540px;}
	.banner .bd ul{width:100%;height:540px;}
	.banner .bd li{width:100%;height:540px;position:relative;background-position:center center;background-size:auto 100%;}
	.banner .bd li section{position:absolute;left:50%;width:800px;margin-left:-400px;text-align:center;background-clip:padding-box;padding:30px 0;color:#fff;}
	.banner .bd li section h3{font-size:50px;line-height:60px;}
	.banner .bd li section h4{font-size:14px;text-transform:uppercase;font-weight:normal;line-height:30px;margin:0 50px 20px;padding-bottom:10px;}
	.banner .bd li section a{color:#fff;display:inline-block;background:#115ec5;line-height:50px;border-radius:25px;padding:0 50px;}
	.banner .hd{width:100%;position:absolute;z-index:1;bottom:12px;left:0;text-align:center;}
	.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:4px;background:#115ec5;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
	.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}
	.prev{left:10px;background-position:-126px -137px;}
	.next{right:10px;background-position:-6px -137px;}
	
	.title{text-align:center;margin-bottom:30px;}
		.title h3{font-size:20px;line-height:50px;text-transform:uppercase;color:#999;font-weight:normal;}
		.title h2{text-transform:uppercase;font-size:36px;line-height:50px;position:relative;font-weight:normal;}
	
	.searchbox{padding:10px 0;line-height:30px;border-bottom:1px solid #eee;}
		.search{}
			.search-hotkey{float:left;}
				.search-hotkey strong{color:#115ec5;}
				.search-hotkey a{margin-right:20px;color:#666;}
			.search-form{float:right;}
				.search-form input{font-size:12px;}
				.search-form .txt{border:1px solid #115ec5;height:30px;padding:0 10px 0 20px;}
				.search-form .btn{background:#115ec5;height:30px;padding:0 30px 0 20px;color:#fff;}
	
	.productbox{padding:60px 0;overflow: hidden;}
		.product{}
			.productlide{}
				.product-class{margin-bottom:30px;}
					.product-class ul{text-align:center;}
					.product-class li{display:inline-block;margin:0 10px;}
					.product-class a{display:block;padding:0 20px;line-height:38px;background:#fff;color:#115ec5;border:1px solid #115ec5;}
					.product-class li a:hover,.product-class li.on a{background:#115ec5;border:1px solid #115ec5;color:#fff;}
				.product-list{}
					.product-list ul{}
					.product-list li{position:relative;float:left;width:250px;margin-right:45px;transition:all ease-out 0.3s;border:1px solid #eee;background:#fff;border-bottom:2px solid #115ec5;margin-bottom:45px;}
					/* .product-list li:nth-of-type(6){margin-right:0;} */
					.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
					.product-list li section{}
					.product-list li figure{overflow:hidden;}
						.product-list li figure img{width:100%;}
					.product-list li dl{border-top:1px solid #eee;padding:10px;text-align: center;}
						.product-list li dt{font-size:16px;}
						.product-list li dd{color:#666;font-size:12px;}
					.product-list li i{display:none;font-style:normal;line-height:40px;padding:0 10px;}
					.product-list li:hover{}
					.product-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
					.product-list li:hover h3{background:#115ec5;color:#fff;}
	
	.applicationbox{background:#f4f4f4;padding:60px 0;overflow:hidden;}
		.application{}
			.application-slide{position:relative;}
				.application-slide .bd{transform: translateZ(0);}
				.application-slide .bd ul{}
				.application-slide .bd li{
					width: 50%;
					float: left;
					padding: 20px 0;
					border-bottom: solid 1px #fff;
				}
				.application-slide .bd .pic {
					width: 29%;
					float: left;
					position: relative;
				}
				.application-slide .bd li img{width:100%;}
				.application-slide .bd li .wenzi{
					width: 67%;
                    float: right;
				}
				.application-slide .bd li .wenzi h3{
					height: 30px;
                    margin: 10px 0;
                    font-size: 16px;
                    line-height: 30px;
                    overflow: hidden;
                    padding-right: 50px;
				}
				.wenzi p {
					color: #6666;
					padding-right: 50px;
				}
			.application .more {
				text-align: center;
				margin-top: 20px;
			}
			.application .more a {
				display: inline-block;
				padding: 10px;
				background: #115ec5;
				color: #fff;
			}
	
	.aboutbox{background:url(../images/aboutus.jpg) no-repeat center center;color:#fff;padding:60px 0;position:relative;}
		.aboutbox:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.about{position:relative;z-index:1;}
			.about-info{text-align:center;margin:0 10% 70px;}
			.about-nav{}
				.about-nav ul{}
				.about-nav li{float:left;width:25%;position:relative;}
				.about-nav li a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
				.about-nav li section{text-align:center;}
					.about-nav li i{display:block;width:60px;height:60px;line-height:60px;font-size:40px;text-align:center;margin:0 auto;border:1px solid #fff;border-radius:60px;}
					.about-nav li dl{padding:10px 0;}
					.about-nav li dt{font-size:18px;line-height:30px;}
					.about-nav li dd{}
	
	.newsbox{padding:60px 0;}
		.news{}
			.news-list{margin:0 -10px;}
				.news-list section{float:left;width:380px;margin:0 10px;position:relative;}
				.news-list section h3{position:absolute;top:0;left:20px;background:rgba(68, 114, 200,0.8);color:#fff;width:40px;height:40px;padding:20px 20px 10px;font-size:18px;font-weight:normal;text-align:center;}
				.news-list section h3:after{}
				.news-list section h3:before{content:'';display:block;position:absolute;top:70px;left:0;width:70px;height:10px;background:rgba(68, 114, 200,0.8);border-right:10px solid rgba(68, 114, 200,0.8);border-bottom:10px solid transparent;background-clip:padding-box;}
				.news-list section h3 a{color:#fff;}
				.news-list section figure{margin-top:20px;margin-bottom:20px;height:240px;}
				.news-list section figure img{width:100%;height:100%;}
				.news-list section ul{}
				.news-list section li{line-height:39px;border-bottom:1px solid #eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.news-list section li:after{content:'';display:block;clear:both;}
				.news-list section li span{float:right;font-size:12px;color:#999;}
				.news-list section li a{color:#666;}
	}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.banner{position:relative;}
.banner img {width: 100%;}
.banner .bd{position:relative;z-index:0;width:100%;height:540px;}
.banner .bd ul{width:100%;height:540px;}
.banner .bd li{width:100%;height:540px;position:relative;background-position:center center;background-size:auto 100%;}
.banner .bd li section{position:absolute;left:50%;width:800px;margin-left:-400px;text-align:center;background-clip:padding-box;padding:30px 0;color:#fff;}
.banner .bd li section h3{font-size:50px;line-height:60px;}
.banner .bd li section h4{font-size:14px;text-transform:uppercase;font-weight:normal;line-height:30px;margin:0 50px 20px;padding-bottom:10px;}
.banner .bd li section a{color:#fff;display:inline-block;background:#115ec5;line-height:50px;border-radius:25px;padding:0 50px;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:12px;left:0;text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:4px;background:#115ec5;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}
.prev{left:10px;background-position:-126px -137px;}
.next{right:10px;background-position:-6px -137px;}

.title{text-align:center;margin-bottom:30px;}
    .title h3{font-size:20px;line-height:50px;text-transform:uppercase;color:#999;font-weight:normal;}
	.title h2{text-transform:uppercase;font-size:36px;line-height:50px;position:relative;font-weight:normal;}

.searchbox{padding:10px 0;line-height:30px;border-bottom:1px solid #eee;}
	.search{}
		.search-hotkey{float:left;}
			.search-hotkey strong{color:#115ec5;}
			.search-hotkey a{margin-right:20px;color:#666;}
		.search-form{float:right;}
			.search-form input{font-size:12px;}
			.search-form .txt{border:1px solid #115ec5;height:30px;padding:0 10px 0 20px;}
			.search-form .btn{background:#115ec5;height:30px;padding:0 30px 0 20px;color:#fff;}

.productbox{padding:60px 0;}
	.product{}
		.productlide{}
			.product-class{margin-bottom:30px;}
				.product-class ul{text-align:center;}
				.product-class li{display:inline-block;margin:0 10px;}
				.product-class a{display:block;padding:0 20px;line-height:38px;background:#fff;color:#115ec5;border:1px solid #115ec5;}
				.product-class li a:hover,.product-class li.on a{background:#115ec5;border:1px solid #115ec5;color:#fff;}
			.product-list{}
				.product-list ul{}
				.product-list li{position:relative;float:left;width:250px;margin-right:45px;transition:all ease-out 0.3s;border:1px solid #eee;background:#fff;border-bottom:2px solid #115ec5;margin-bottom:45px;}
				/* .product-list li:nth-of-type(6){margin-right:0;} */
				.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
				.product-list li section{}
				.product-list li figure{overflow:hidden;}
					.product-list li figure img{width:100%;}
				.product-list li dl{border-top:1px solid #eee;padding:10px;text-align: center;}
					.product-list li dt{font-size:16px;}
					.product-list li dd{color:#666;font-size:12px;}
				.product-list li i{display:none;font-style:normal;line-height:40px;padding:0 10px;}
				.product-list li:hover{}
				.product-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
				.product-list li:hover h3{background:#115ec5;color:#fff;}

.applicationbox{background:#f4f4f4;padding:60px 0;overflow:hidden;}
	.application{}
		.application-slide{position:relative;}
			.application-slide .bd{transform: translateZ(0);}
			.application-slide .bd ul{}
			.application-slide .bd li{
				width: 50%;
				float: left;
				padding: 20px 0;
				border-bottom: solid 1px #fff;
			}
			.application-slide .bd .pic {
				width: 29%;
				float: left;
				position: relative;
			}
			.application-slide .bd li img{width:100%;}
			.application-slide .bd li .wenzi{
				width: 67%;
				float: right;
			}
			.application-slide .bd li .wenzi h3{
				height: 30px;
				margin: 10px 0;
				font-size: 16px;
				line-height: 30px;
				overflow: hidden;
				padding-right: 50px;
			}
			.wenzi p {
				color: #6666;
				padding-right: 50px;
			}
			.application .more {
				text-align: center;
				margin-top: 20px;
			}
			.application .more a {
				display: inline-block;
				padding: 10px;
				background: #115ec5;
				color: #fff;
			}
.aboutbox{background:url(../images/aboutus.jpg) no-repeat center center;color:#fff;padding:60px 0;position:relative;}
	.aboutbox:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
	.about{position:relative;z-index:1;}
		.about-info{text-align:center;margin:0 10% 70px;}
		.about-nav{}
			.about-nav ul{}
			.about-nav li{float:left;width:25%;position:relative;}
			.about-nav li a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.about-nav li section{text-align:center;}
				.about-nav li i{display:block;width:60px;height:60px;line-height:60px;font-size:40px;text-align:center;margin:0 auto;border:1px solid #fff;border-radius:60px;}
				.about-nav li dl{padding:10px 0;}
				.about-nav li dt{font-size:18px;line-height:30px;}
				.about-nav li dd{}
.newsbox{padding:60px 0;}
	.news{}
		.news-list{margin:0 -10px;}
			.news-list section{float:left;width:380px;margin:0 10px;position:relative;}
			.news-list section h3{position:absolute;top:0;left:20px;background:rgba(68, 114, 200,0.8);color:#fff;width:40px;height:40px;padding:20px 20px 10px;font-size:18px;font-weight:normal;text-align:center;}
			.news-list section h3:after{}
			.news-list section h3:before{content:'';display:block;position:absolute;top:70px;left:0;width:70px;height:10px;background:rgba(68, 114, 200,0.8);border-right:10px solid rgba(68, 114, 200,0.8);border-bottom:10px solid transparent;background-clip:padding-box;}
			.news-list section h3 a{color:#fff;}
			.news-list section figure{margin-top:20px;margin-bottom:20px;height:240px;}
			.news-list section figure img{width:100%;height:100%;}
			.news-list section ul{}
			.news-list section li{line-height:39px;border-bottom:1px solid #eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.news-list section li:after{content:'';display:block;clear:both;}
			.news-list section li span{float:right;font-size:12px;color:#999;}
			.news-list section li a{color:#666;}
}

@media (max-width:1024px)/* MOBILE */{
	.banner{position:relative;}
	.banner figure{}
	.banner img{width: 100%;}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:200px;padding:0 5%;}
		.banner section dl{width:60%;text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:40px;line-height:50px;margin-bottom:20px;}
		.banner section dd{color:#fff;font-size:22px;line-height:30px;margin-bottom:60px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.title{text-align:center;margin-bottom:20px;}
	.title h3{font-size:14px;text-transform:uppercase;color:#999;font-weight:normal;}
	.title h2{text-transform:uppercase;font-size:18px;position:relative;}

.searchbox{padding:20px 0;line-height:30px;border-bottom:1px solid #eee;}
	.search{text-align:center;}
		.search-hotkey{display:inline-block;}
			.search-hotkey strong{color:#115ec5;}
			.search-hotkey a{margin-right:20px;color:#666;}
		.search-form{display:inline-block;}
			.search-form input{font-size:12px;}
			.search-form .txt{border:1px solid #115ec5;border-radius:15px 0 0 15px;height:30px;padding:0 10px 0 20px;}
			.search-form .btn{background:#115ec5;border-radius:0 15px 15px 0;height:30px;padding:0 30px 0 20px;color:#fff;}

.productbox{padding:30px;overflow: hidden;}
	.product{}
		.productlide{}
			.product-class{margin-bottom:10px;}
				.product-class ul{text-align:center;}
				.product-class li{display:inline-block;margin:0 5px 10px;}
				.product-class a{display:block;padding:0 20px;line-height:38px;background:#115ec5;border:1px solid #115ec5;color:#fff;}
				.product-class a:hover{background:#fff;color:#115ec5;}
			.product-list{}
				.product-list ul{}
				.product-list li{position:relative;float:left;width:48%;margin:0 1% 20px;transition:all ease-out 0.3s;border-bottom:2px solid #115ec5;}
				.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
				.product-list li section{border:1px solid #eee;}
				.product-list li figure{overflow:hidden;margin-bottom:5px;}
					.product-list li figure img{width:100%;}
				.product-list li dl{padding:10px;text-align: center;}
					.product-list li dt{font-size:14px;}
					.product-list li dd{color:#666;}
				.product-list li:hover{}
				.product-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
				.product-list li:hover h3{background:#115ec5;color:#fff;}

.applicationbox{background:#f4f4f4;padding:30px;}
	.application{overflow: hidden;}
		.application-slide{position:relative;}
			.application-slide .bd{}
			.application-slide .bd ul{text-align: center;}
			.application-slide .bd li{float:left;width:100%;margin-right:10px;position:relative;border-radius:5px;overflow:hidden;}
			.application-slide .bd li img{width:100%;}
			.application-slide .bd li h3{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;text-align:center;font-weight:normal;padding:10px 0;}
			.more {display: none;}


	.aboutbox{background:url(../images/aboutus.jpg) no-repeat center center;color:#fff;padding:30px;position:relative;}
	.aboutbox:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
	.about{position:relative;z-index:1;color:#fff;}
		.about-info{text-align:center;margin-bottom:20px;}
		.about-nav{}
			.about-nav ul{}
			.about-nav li{float:left;width:25%;position:relative;text-align:center;}
			.about-nav li a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.about-nav li section{text-align:center;}
				.about-nav li i{display:block;width:60px;height:60px;line-height:60px;font-size:40px;text-align:center;margin:0 auto;border:1px solid #fff;border-radius:60px;}
				.about-nav li dl{padding:10px 0;}
				.about-nav li dt{font-size:14px;}
				.about-nav li dd{line-height:14px;}

.newsbox{padding:30px;}
	.news{}
		.news-list{}
			.news-list section{position:relative;margin-bottom:20px;}
			.news-list section h3{position:absolute;top:0;left:20px;background:rgba(68, 114, 200,0.8);color:#fff;width:40px;height:40px;padding:20px 20px 10px;font-size:14px;font-weight:normal;text-align:center;}
			.news-list section h3:after{}
			.news-list section h3:before{content:'';display:block;position:absolute;top:70px;left:0;width:70px;height:10px;background:rgba(68, 114, 200,0.8);border-right:10px solid rgba(68, 114, 200,0.8);border-bottom:10px solid transparent;background-clip:padding-box;}
			.news-list section h3 a{color:#fff;}
			.news-list section figure{margin-bottom:10px;}
			.news-list section figure img{width:100%;}
			.news-list section ul{}
			.news-list section li{line-height:39px;border-bottom:1px solid #eee;}
			.news-list section li:after{content:'';display:block;clear:both;}
			.news-list section li span{float:right;font-size:12px;color:#999;}
			.news-list section li a{}
}