﻿@media only screen and (max-width: 1920px) {
	/* 大屏幕 大桌面显示器     */
}

@media only screen and (max-width: 1360px) {
	.header-left .logo img{
		height: 48px;
	}
	.header-left .logo span {
	    margin: 21px 0 0 10px;
	    font-size: 24px;
	}
	.header-right {
	    margin-top: 8px;
	}
	body{
		padding-top: 72px;
	}
}

@media only screen and (max-width: 1500px){
	
	.container{
		padding: 0 16px;
	}
	.daoyin .text{
		text-align: center;
	}
}

@media only screen and (max-width: 992px){
	.index-jianjie .content .text .inner {
	    padding: 36px;
	}
	.index-jianjie .content .text::before {
	    left: -10px;
	    top: 40px;
    }
    .index-jianjie .content .text .link{
    	width: 160px;
    }
    .banner .swiper-slide a{
    	height: 600px;
    }
    .jianjie .content .img{
    	float: none;
    	width: auto;
    }
    .jianjie .content .text{
    	position: relative;
    	float: none;
    	width: auto;
    	height: auto;
    	left: 0;
    	right: 0;
    	margin: 0;
    }
    .jianjie .content .text::before{
    	display: none;
    }
    .imgList2{
    	margin-bottom: 0;
    }
}

@media only screen and (max-width: 1200px) {
	/* 中等屏幕 桌面显示器     */
	.body,
	.header-right{
		padding-top: 72px;
	}
	.header-right .search .lang{
		width: 36px;
	}
	.header-right{
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		top: 0;
		right: -264px;
		width: 240px;
		height: 100%;
		background: #fff;
		-webkit-box-shadow: 0 0 24px rgba(125,125,125,.6);
		-moz-box-shadow: 0 0 24px rgba(125,125,125,.6);
		box-shadow: 0 0 24px rgba(125,125,125,.6);
		padding-top: 72px;
		z-index: 998;
		opacity: 0;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	.header-active .header-right{
		opacity: 1;
		right: 0;
		overflow: scroll;
		margin-top: 0;
	}
	.header .nav-btn{
		display: block;
	}
	.header-right .search{
		padding: 30px 12px 0;
		border-top: 1px solid #eee;
		/*display: none;*/
	}
	.header-right .search-inner{
		float: none;
		width: 160px;
	}
	.header-right .search-inner input{
		width: 114px;
	}
	.header-right .link .shopBtn{
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.header-right .link .nav,
	.header-right .link .nav li{
		float: none;
		margin: 0;
	}
	.header-right .link .nav li a{
		width: auto;
		height: 56px;
		line-height: 56px;
		font-size: 18px;
		border-bottom: 1px solid #f3f3f3;
	}
	.header-pc{
		display: none;
	}	
	.header-mobile{
		display: block;
	}	
	.header-left{
		margin-top: 0;
	}
	.header-right .search-inner{
		position: absolute;
	    float: none;
	    width: 145px;
	    top: 21px;
	    left: 12px;
	}
	.header-right .search .lang{
		float: none;
		display: block;
		width: 150px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		margin: 0 auto;
	}
	.header-right .search{
		padding-top: 20px;
	}
}

@media only screen and (max-width: 768px) {
	/* 超小屏幕 手机     */
	.header .inner {
	    padding: 10px 20px;
	}
	.header-mobile{
		background: #fff;
	}
	.body,
	.header-right{
		padding-top: 66px;
	}
	.header{
		border-bottom: 2px solid #ff7600 !important;
	}
	.header-left .logo img {
	    height: 44px;
	}
	.header-left .logo span{
	    /*font-weight: normal;*/
	    font-size: 22px;
	    margin: 20px 0 0 5px;
	}
	.nav-btn .navbar {
	    width: 32px;
	    height: 3px;
	}
	.nav-btn .navbar2 {
	    top: 9px;
	}
	.nav-btn .navbar3 {
	    top: 18px;
	}
	.nav-btn {
	    width: 32px;
	    height: 22px;
	    margin-top: -11px;
	}
	.nav-btn-active .navbar3{
		top: 9px;
	}
	.nav-btn-active .navbar1{
		top: 9px;
	}
	.header-right .link .shopBtn{
	    margin-bottom: 12px;
	}
	body{
		padding-top: 66px;
	}
	.banner{
		margin-bottom: 36px;
	}
	.banner .swiper-slide a{
		height: 240px;
	}
	.banner .swiper-pagination-switch {
	    width: 8px;
	    height: 8px;
	    margin: 0 3px;
    }
    .banner .pagination{
    	bottom: 10px;
    }
    .index-jianjie{
    	margin-bottom: 48px;
    }
    .index-jianjie-title{
    	padding-bottom: 16px;
    	margin-bottom: 24px;
    }
     .index-jianjie-title::after{
     	width: 36px;
     	margin-left: -18px;
     }
    .index-jianjie-title .cn{
    	font-size: 20px;
    	margin-bottom: 6px;
    	font-weight: bold;
    }
    .index-jianjie-title .en{
    	font-size: 14px;
    }
    .index-jianjie .content .img{
    	float: none;
    	width: auto;
    	height: 200px;
    }
    .index-jianjie .content .text{
    	float: none;
    	width: auto;
    	height: auto;
    }
    .index-jianjie .content .text .inner{
    	padding: 24px 20px 30px; 
    }
    .index-jianjie .content .text .title{
    	height: auto;
    	margin-bottom: 12px;
    }
    /* .index-jianjie .content .text .title::after, */
    .index-jianjie .content .text::before{
    	display: none;
    }
    .index-jianjie .content .text .desc{
    	margin-bottom: 32px;
    }
    .box-title{
    	margin-bottom: 30px;
    }
    .box-title .inner{
    	width: 172px;
    }
    .box-title .cn{
    	font-size: 20px;
    	margin-bottom: 6px;
    	font-weight: bold;
    }
    .box-title .en{
    	font-size: 14px;
    }
    .index-shengchan .list li{
    	width: 100%;
    }
    .index-shengchan {
    	margin-bottom: 36px;
    }
    .index-jiagong .content .img{
    	height: 492px;
    }
    .index-jiagong{
    	margin-bottom: 36px;
    }
    .footer{
    	padding: 48px 0 44px;
    }
    .footer .copyright{
    	font-size: 22px;
    }
     .footer .contact{
     	font-size: 16px;
     	margin-bottom: 36px;
     }
     .sanji .box-title .en{
     	font-weight: bold;
     	font-size: 18px;
     }
     .sanji .box-title .inner{
     	width: 64%;
     }
     .sanji{
     	padding: 36px 0;
     }
     .small-banner{
     	height: 240px;
     }
     .shengchan{
     	padding-top: 36px;
     	margin-bottom: 20px;
     }
	
	.shengchan .list ul{
		margin-left: -16px;
	}
	
	.shengchan .list ul li{
		margin-bottom: 16px;
		width: 100%;
	}
	
	.shengchan .list ul li a{
		margin-left: 16px;
	}
	.introduction{
		padding: 30px 20px;
	}
	.introduction .left,
	.introduction .right{
		float: none;
		width: auto;
	}
	.introduction .left{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.imgList{
		margin-bottom: 16px;
	}
	.imgList li{
		width: 100%;
	}
	.contact-box .title {
	    margin: 20px 0 12px;
	} 
	.contact-box .qrcode{
		margin-top: 20px;
	}
	.contact-main{
		padding-top: 16px;
	}
	.jianjie{
	    margin-bottom: 12px;
	    padding-top: 36px;
	}
	.block1{
		display: none;
	}
	.daoyin-footer{
		background: transparent;
		top: 100px;
		left: 0;
		padding: 0;
	}
	.daoyin-footer img{
		display: block;
		height: 48px;
		margin: 0 auto;
	}
	.daoyin .text {
		padding-top: 200px;
		margin-bottom: 40px;
	}
	.daoyin .text .title{
		font-size: 24px;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}
	.daoyin .text .desc{
		letter-spacing: 1px;
	}
	.daoyin .lang{
		position: static;
		padding-top: 24px;
	}
	.daoyin .lang ul{
		text-align: center;
	}
	.daoyin .lang li{
		display: inline-block;
		vertical-align: top;
		float: none;
		margin: 0 20px;
	}
	.daoyin .lang p{
		padding-top: 10px;
	}
.imgList2{
margin-top: 16px;}
.introduction .left .bgImg{
		margin: 20px 0;
	}

}

@media only screen and (max-width: 640px){

}

@media only screen and (max-width: 376px) {
	
	
}