@charset "utf-8";
/* CSS Document */

.center{ margin:0 auto; max-width:1680px; width:90%;}
.logo_wap{ margin:0 auto;}
.logo_wap992{ margin:0 auto;}
.swiper-container{margin:0 auto;}
.drwp .tab_wap{ display:none; float:right; margin-top:6px;}


/* 手机 */ 
@media screen and (max-width: 767px) { 
	
	.qiehuan{ height:70px!important; line-height:70px; opacity:1!important;}
	.toggle{ height:70px; width:70px; line-height:70px;}
	.qiehuan .center a {margin: 26px 5px 0; width:24px!important;}
	.material-icons{ font-size:34px;}
	.logo_wap{ display: block; height:40px; padding-top:15px;}
	.sw2{ margin:50px auto 0;}
	.drwp .product_in .content li>a{ width:calc(100%/2 - 10px); margin-right:20px; margin-bottom:40px;}
	.drwp .product_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .product_in .content li>a:nth-child(odd){ margin-right:20px;}
	.title h1{ font-size:22px; line-height:22px;}
	.title span{ font-size:10px;}
	.drwp .product_in .head{margin-top: 40px; margin-bottom:20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
	.drwp .about_in{height: 320px; padding-top: 60px;}
	.drwp .case_in .content li>a{ width:calc(100%/2 - 10px); margin-right:20px; margin-bottom:40px;}
	.drwp .case_in .content li>a .img{ height:auto;}
	.drwp .case_in .content li>a .img img{ width:100%;}
	.drwp .case_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .case_in .content li>a:nth-child(odd){ margin-right:20px;}
	.drwp .case_in .head{ padding-top:230px; margin-bottom:20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
	
	.drwp .news_in .content li{ position:static; width:calc(100%/2 - 10px); margin-right:20px;}
	.drwp .news_in .content li:nth-child(even){ margin-right:0;}
	.drwp .news_in .content li:nth-child(odd){ margin-right:20px;}
	.drwp .news_in .content li:nth-child(1) h1,.drwp .news_in .content li:nth-child(1) p{
		opacity:1;
	}
	.drwp .news_in .content li img{ display:block;opacity:1; position:static; margin-bottom:20px;}
	.drwp .news_in .content li:nth-child(1) span{
	position:static;
	width:auto;
	background-color:#fff;
	font-weight:normal;
	text-align:left;
	}
	.drwp .news_in .content li a{ height:auto; background:none;}
	.drwp .news_in .head {
	padding-top:40px;
	margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
	}
	.drwp .case_in .content li>a:nth-child(4){
	 display:block;
	 }
	.drwp .news_in .content li:nth-child(4){
	 display:block;
	 }
	 .drwp .partner_in .content li{
	width:calc(100%/3 - 2px);
	height:120px;}
	
	/*内页 */
	.nei_banner{margin-top:70px;}
	.list .center .content{ margin-top:40px;}
	.list .center .content li{ width:calc(100%/2 - 10px); margin-right:20px;margin-bottom:40px;}
	.list .center .content li .img{ height:auto;}
	.list .center .content li .img img{ width:100%;}
	.list .center .content li:nth-child(even){ margin-right:0;}
	.list .center .content li:nth-child(odd){ margin-right:20px;}
	.list_p{ padding:40px 0;}
	.list_p .swiper-container{ margin-top:20px;}
	.list_p .gallery-thumbs{ margin-top:0;}
	.pro .bottom .content li{ padding:5%;}
	
	.news .content li{ position:static; width:calc(100%/2 - 10px)!important; margin-right:20px!important;}
	.news .content li:nth-child(even){ margin-right:0!important;}
	.news .content li:nth-child(odd){ margin-right:20px!important;}
	.news .content li:nth-child(1) h1,.news .content li:nth-child(1) p{
		opacity:1;
	}
	.news .content li img{ display:block;opacity:1; position:static; margin-bottom:20px;}
	.news .content li:nth-child(1) span{
	position:static;
	width:auto;
	background-color:#fff;
	font-weight:normal;
	text-align:left;
	}
	.news .content li a{ height:auto; background:none;}
	
}     
@media screen and (max-width: 500px){
	.drwp .about_in{height: 500px; padding-top: 60px;}
	.drwp .case_in .head{ padding-top:180px; margin-bottom:20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
}

/* 平板 */
@media screen and (min-width: 768px) and (max-width: 992px) { 
	.qiehuan{ height:60px!important; line-height:60px; opacity:1!important;}
	.toggle{ height:60px; width:60px; line-height:60px;}
	.qiehuan .center a {margin: 20px 5px 0;}
	.material-icons{ font-size: 30px;}
	.logo_wap{ display: block; height:40px; padding-top:10px;}
	.sw2{ margin:40px auto 0;}
	.drwp .product_in .content li>a{ width:calc(100%/2 - 10px); margin-right:20px; margin-bottom:50px;}
	.drwp .product_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .product_in .content li>a:nth-child(odd){ margin-right:20px;}
	.title h1{ font-size:24px; line-height:24px;}
	.title span{ font-size:10px;}
	.drwp .product_in .head{margin-top: 50px; margin-bottom:30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
	.drwp .case_in .content li>a{ width:calc(100%/2 - 10px); margin-right:20px;}
	.drwp .case_in .content li>a .img{ height:auto;}
	.drwp .case_in .content li>a .img img{ width:100%;}
	.drwp .case_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .case_in .content li>a:nth-child(odd){ margin-right:20px;}
	.drwp .case_in .content li>a:nth-child(4){
	 display:block;
	 }
	 .drwp .case_in .head {
	margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
	} 
	.drwp .news_in .content li{ position:static; width:calc(100%/2 - 30px); margin-right:60px;}
	.drwp .news_in .content li:nth-child(even){ margin-right:0;}
	.drwp .news_in .content li:nth-child(odd){ margin-right:60px;}
	.drwp .news_in .content li:nth-child(1) h1,.drwp .news_in .content li:nth-child(1) p{
		opacity:1;
	}
	.drwp .news_in .content li img{ display:block;opacity:1; position:static; margin-bottom:20px;}
	.drwp .news_in .content li:nth-child(1) span{
	position:static;
	width:auto;
	background-color:#fff;
	font-weight:normal;
	text-align:left;
	}
	.drwp .news_in .content li a{ height:auto; background:none;}
	.drwp .news_in .content li:nth-child(4){
	 display:block;
	 }
	 .drwp .news_in .head {
	padding-top:50px;
	margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
	}
	 .drwp .partner_in .content li{
	width:calc(100%/3 - 2px);
	height:220px;}
	
	/*内页 */
	.nei_banner{margin-top:60px;}
	.list .center .content li{ width:calc(100%/2 - 10px); margin-right:20px;}
	.list .center .content li .img{ height:auto;}
	.list .center .content li .img img{ width:100%;}
	.list .center .content li:nth-child(even){ margin-right:0;}
	.list .center .content li:nth-child(odd){ margin-right:20px;}
	
	.news .content li{ position:static; width:calc(100%/2 - 30px)!important; margin-right:60px!important;}
	.news .content li:nth-child(even){ margin-right:0!important;}
	.news .content li:nth-child(odd){ margin-right:60px!important;}
	.news .content li:nth-child(1) h1,.news .content li:nth-child(1) p{
		opacity:1;
	}
	.news .content li img{ display:block;opacity:1; position:static; margin-bottom:20px;}
	.news .content li:nth-child(1) span{
	position:static;
	width:auto;
	background-color:#fff;
	font-weight:normal;
	text-align:left;
	}
	.news .content li a{ height:auto; background:none;}
	.news .content li:nth-child(4){
	 display:block;
	 }
}


@media screen and (max-width: 992px){
	.qiehuan{ background-color:#fff;}
	.qiehuan p{ display:none;}
	.material-icons{ color:#1d2088;}
	.logo_wap992{ display: none;}
	.drwp .tab{ display:none;}
	.drwp .tab_wap{ display:block;}
	.drwp .about_in .bot{ margin-top:25px;}
	.drwp .news_in .content li img{max-height: 200px;} 
	.footer .top .foot_nav{ display:none;}
	.footer .top .text{ width:100%; float:none;}
	.footer .top form{ display:none; width:100%; float:none; margin-left:0; margin-bottom:40px;}
	.footer	.top .head{ display:none; opacity:1;}
	.footer	.top .share{ display:none;}
	.footer	.top .share .qq{ display:none;}
	.footer	.top .share .qq_wap{ display:block;}
	
	/*内页*/
	.pro .p .top{
		display:block;
		}
	.pro .p .top img{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	.pro .p .top .right{
		float:none;
		margin:0;
		width:100%;
		}
	.news .content li{
		margin-bottom:0!important;
		}
	.map .left{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	#container{
		float:none;
		width:100%;
		}	
	.list .title{
		display:block;
		}
	.list .swiper-container{
		display:none;
		}
}


@media screen and (min-width: 993px){
	.material-icons{ font-size: 24px; color: #fff;}
	.sidenav-link-icon .material-icons{ color:#1d2088;}
}


@media screen and (min-width: 993px) and (max-width: 1199px) {   
	.qiehuan{ height:50px!important; line-height:50px; opacity:1!important;}
	.toggle{ height:50px; width:50px; line-height:50px;}
	.qiehuan .center a {margin: 16px 5px 0;}
	.logo_wap{ display: none;}
	.logo_wap992{ display: block; height:30px; padding-top:10px;}
	.drwp .product_in .content li>a{ width:calc(100%/3 - 15px); margin-right:22.5px;}
	.drwp .product_in .content li>a:nth-child(3n+0){ margin-right:0;}
	.title h1{ font-size:26px; line-height:26px;}
	.title span{ font-size:12px;}
	.drwp .tab{ display:none;}
	.drwp .tab_wap{ display:block;}
	.drwp .product_in .head{margin-top: 60px; margin-bottom:40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
	.drwp .about_in .bot{ margin-top:55px;}
	.drwp .case_in .content li>a{ width:calc(100%/3 - 15px); margin-right:22.5px;}
	.drwp .case_in .content li>a .img{ height:auto;}
	.drwp .case_in .content li>a .img img{ width:100%;}
	.drwp .case_in .content li>a:nth-child(3n+0){ margin-right:0;}
	.drwp .case_in .head {
	margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
	} 
	.sidenav-menu .material-icons { color: #1d2088;  font-size: 28px;}
	.drwp .news_in .content li{ width:calc(100%/3 - 48px); margin-right:72px;}
	.drwp .news_in .content li:nth-child(3n+0){ margin-right:0;}
	.drwp .news_in .content li img{min-height: 205px;}  
	 .drwp .news_in .head {
	padding-top:60px;
	margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
	} 
	
	/*内页 */
	.nei_banner{margin-top:50px;}
	.list .center .content li{ width:calc(100%/3 - 15px); margin-right:22.5px;}
	.list .center .content li .img{ height:auto;}
	.list .center .content li .img img{ width:100%;}
	.list .center .content li:nth-child(3n+0){ margin-right:0;}
	
	.news .content li{ width:calc(100%/3 - 48px)!important; margin-right:72px!important;}
	.news .content li:nth-child(3n+0){ margin-right:0!important;}
	.news .content li img{min-height: 205px!important;}  
}


@media screen and (max-width: 1199px) { 
	::-webkit-scrollbar-track-piece {  /*滚动条里面轨道*/
    background-color:#f5f5f5;  
    border-left:1px solid #d2d2d2;  
	}  
	::-webkit-scrollbar {  /*滚动条整体样式*/
		width:0;   /*高宽分别对应横竖滚动条的尺寸*/
		height:0;  
	}  
	::-webkit-scrollbar-thumb {  /*滚动条里面小方块*/
		background-color:#c2c2c2;  
		background-clip:padding-box;  
		border:1px solid #979797;  
	}  
	::-webkit-scrollbar-thumb:hover {  
		border:1px solid #636363;  
		background-color:#929292;  
	}  
	.sidenav{ display:block;}
	#nav{ display:none;}
	.toggle { display: block;}
	.qiehuan .center{ width:100%;position: fixed;right: 12px;top: 2px;}
	.sw2{ display:block;}
	.sw1{ display:none;}
	.center{ width:95%;}
	.drwp .about_in .center{ width:70%;}
	
	/*内页 */
	.list .tab{ display:none;}
	.list .tab_wap{ display:block;}
	.list .title li{ float:none;}
	.list .title li a{ padding:0;}
	.list .title .box1 li:nth-child(2) a{ padding-top:20px;}
	.list .title .box1{ padding-top:20px;}
	.list_p .tab{ display:none;}
	.list_p .tab_wap{ display:block;}
	.list_p .title li{ float:none;}
	.list_p .title li a{ padding:0;}
	.list_p .title .box1 li:nth-child(2) a{ padding-top:20px;}
	.list_p .title .box1{ padding-top:20px;}
	.list_p .title .left{ margin:0;}
	.pro .title{top:-50px;}
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:2%; opacity: 0.5;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:2%; opacity: 0.5;left:auto;}
	
}

          
/* 台式电脑,笔记本  */
@media screen and (min-width: 1200px) { 
	.sidenav{ display:none;}
	#nav{ display:block;}
	.toggle{ display:none;}
	.sidenav-overlay{ display:none; opacity:0;}
	.logo_wap{ display: none;}
	.logo_wap992{ display: none;}
	.sw2{ display:none;}
	.sw1{ display:block;}
	
}
@media screen and (min-width: 1200px) and (max-width: 1499px){ 
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:6%;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:6%;}
}
@media screen and (min-width: 1500px) and (max-width: 1919px){ 
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:15%;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:15%;}
}
@media screen and (min-width: 1200px) and (max-width: 1919px){ 
	.center{ width:64%; min-width:1100px;}	
	#nav .mainlevel a{ margin-left:20px; padding-right:20px; font-size:14px;}
	.drwp .about_in .center{ width:calc(64% - 80px); min-width:1020px;}
}

@media screen and (min-width: 1920px) { 
	.center{ width:64%; max-width:1200px;}
}