@media screen and (min-width: 1366px) and (max-width: 1919px) {
.side { width:170px; }
.main { margin-left:170px; background-color:#fff; }
.content { margin:0 80px; padding-bottom:100px; }





.nav > ul > li h3 { height:35px; font-size:14px; }
.nav > ul > li h3 a { height:35px; font-size:14px; line-height:35px; }
.nav-mask,
.nav > ul > li .sub,
.nav > ul > li .sub ul { width:140px; }
.nav > ul > li .sub ul li { height:35px; }
.nav > ul > li .sub ul li a { height:35px; font-size:14px; line-height:35px; }
.service { font-size:12px; line-height:20px; }
.service > ul { margin:10px 0 15px; }
.service > ul > li > a { width:28px; height:28px; }
.service > ul > li > a i { width:28px; height:28px; background-size:cover; }

.index-focus .btn { bottom:15px; width:200px; height:10px; margin-left:-100px; }
.index-focus .btn ul li { width:10px; height:10px; }

.index-video ul li a .video-btn { width:60px; height:60px; margin-top:-30px; margin-left:-30px; }

.index-news { width:95%; margin:35px auto 0; }
.qrcode { font-size:14px; }
.qrcode span { font-size:16px; }
.footer { font-size:12px; }
.footer .tel { padding-left:40px; line-height:16px; background-size:30px; }

.news-title { height:32px; }
.news-title h3 { height:32px; margin-top:-16px; }
.news-title h3 span { height:32px; font-size:22px; line-height:32px; }
.news-title h3 em { font-size:16px; }
.news-list { font-size:12px; }
.news-list ul li h5 { height:32px; font-size:12px; line-height:32px; }
.news-list ul li span { height:32px; line-height:32px; }



/* bar */


.index-bar .module { width:214px; margin:0 auto; padding:15px 0 20px; border-top:1px solid #33a6df; }
.index-bar .module-title { margin-bottom:15px; padding-left:20px; font-size:16px; background-size:14px; }
.index-bar .module-title span { font-size:11px; }

/* slide */
.index-slide-1 { width:214px; }
.index-slide-1 .item { width:214px; height:120px; }
.index-slide-1 .item ul li { width:214px; height:120px; }
.index-slide-1 .item ul li a,
.index-slide-1 .item ul li a img { width:auto; height:120px; }
.index-slide-1 .btn { margin-top:10px; text-align:center; overflow:hidden; }
.index-slide-1 .btn ul li { display:inline-block; width:4px; height:4px; margin:0 3px; font-size:0; line-height:0; border-radius:50%; border:1px solid #fff; cursor:pointer; }
.index-slide-1 .btn ul li.on { color:#fff; background-color:#fff; }


.index-slide-2 .item { width:160px; }
.index-slide-2 .item ul li .pic { width:180px; height:160px; }
.index-slide-2 .item ul li .pic img {  width:160px; height:160px; }
.index-slide-2 .item ul li .tit { font-size:14px; line-height:20px; }

.index-slide-2 .prev,
.index-slide-2 .next { background-size:20px; }










}




@media screen and (min-width: 1024px) and (max-width: 1365px) {
.about-us-2 .idea ul li{margin-bottom:10px;}
.about-us-2 .idea ul li h4{font-size:20px;}
.about-us-2 .idea ul li p{font-size:14px;}
}


@media screen and (min-width: 320px) and (max-width: 1023px) {


}


@media screen and (max-width: 1440px){
	.product-intro .link a{height:60px;line-height:60px;font-size:16px;}
	.product-intro .link a img{width:30px;}
.nav ul li h3{height:35px;line-height:35px;}
.nav ul li h3 a{height:35px;line-height:35px;}
.about-us-2 .idea ul li h4 {
font-size: 24px;
line-height: 120%;
}
.about-us-2 .idea ul li{margin-bottom:15px;}
.about-brand .text p{margin:10px 0px;}
.about-brand .text h1{margin-bottom:15px;}
.index-slide-2 .item ul li .pic{width:160px;height:100px;text-align:center;}
.index-slide-2 .item ul li .pic img{width:100px;height:auto;margin:0px auto;}
.index-bar .module-title{margin-bottom:10px;}
.index-slide-2 .prev, .index-slide-2 .next{top:60px;}
	}



@media screen and (max-width: 1368px){
	.contact-info img{display:none;}
	.agent-item li{line-height:150%;}
	}


@media screen and (max-width: 1668px){
	.agent-item li .txt-inner{margin: 10px 25px 0;}
	.agent-item li .txt h3{font-size:20px;}
.agent-item li p{font-size:15px;}
	}













.service ul  li:nth-child(1){position:relative;}
.service ul  li:nth-child(1) img{display:none;}
.service ul  li:nth-child(1):hover img{display:block;position:absolute;bottom:40px;left:-10px;}

.service ul  li:nth-child(4){position:relative;}
.service ul  li:nth-child(4) .fxi{position:relative;display:block;position:absolute;bottom:40px;left:-120px;width:230px;}