@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:45px; padding-top:15px;}
	.sw2{ margin:50px auto 0;}
	.title h1{ font-size:22px; line-height:22px;}
	.title span{ font-size:10px;}
	.title .list_nav{ margin:20px auto 20px;}
	
	
	.news_in{ padding:40px 0 80px;}
	.about_in{ padding:40px 0 80px; background:none; border-top:1px solid #e6e6e6;}
	.about_in .info .text{ top:50px;background: url(/Templates/cn2014/images/about_right800.jpg) no-repeat center; background-size:cover; height:550px;}
	.about_in .title .head h1{ color:#111;}
	.about_in .info .text p{ margin-top:320px; margin-right:30px; width:calc(100% - 60px);}
	.about_in .info .text .more{ margin: 35px 30px 0 0; float:right;}
	.about_in .info>img{ width:45%; top:120px;}
		
	.product_in{ padding:35px 0 40px; margin:550px 0 0;}
	.product_in .info .list{ width:calc(100% - 2px); margin-bottom:20px;}
	.product_in .info .list a{height:300px;}
	.product_in .info .list .see img{ margin:20px auto 0;}
	.product_in .info .more{margin-top:50px;}
	
	.video_in{ padding:40px 0 0;}
	.video_in .more{margin-top:50px;}
	.video_in .info{ padding-top:40px;}
	.video_in .info .list{ width:100%; padding-top:20px;}
	.product_in .info .list:hover .see h1{
		padding-top:30px;}
	
	.team_in{ padding:80px 0 0; background: url(/Templates/cn2014/images/team_bg.png) no-repeat center 125px;}
	.team_in .info .list li{
	width:100%;
	float:left;
	margin-bottom:40px;
	}
	.team_in .info .list{ margin:50px 0 20px;}
	.team_in .info .list li .right{
		margin-top:0;
		}
	.wz {
    margin-top: 30px;}
	
	/*内页 */
	.nei_banner{margin-top:70px;}
	.list .center .content{ margin-top:20px;}
	.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;}
	.news li{ width:100%;}
	.news li .img{ width:100%; float:none;}
	.news li .right p{ margin-top:25px;}
	.news li:hover{ padding:0 0 20px 0; background:none;}
	.news li:hover .right span{ color:#858585;}
	.news li:hover .right p {
    background-color: #0081c8;
	color: #fff;
    border:1px solid #0081c8;
}
.news li:hover .text h1{
    color: #1d1d1d;
}
.news li:hover .text p{
    color: #9c9c9c;
	}
	
	.team .list li .right {
    margin-top: 0;
	}
	.team .list li {
    width: calc(100% - 32px);
    float: left;
    margin-bottom: 20px;
	}
	.news li .right{ width:25%;}
	#pian{ margin:50px auto 20px;}
	.nei_nav li{ width:calc(100% / 3);}
	.pro .nei_nav li{ width:20%;}
	.nei_nav{ margin-bottom:20px; margin-top:20px;}
	.team .list{ margin:20px 0 0;}
	.contact{ margin-top:30px;}
	.title .list_nav li{ margin:0 6px 10px;}
	.product_in .title .list_nav{
		margin:25px auto 0;}
	.video_in .info .list{
		height:auto;}
}     

/* 平板 */
@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;}
	.title h1{ font-size:24px; line-height:24px;}
	.title span{ font-size:10px;}
	
	.product_in .info .list{ width:calc(100%/2 - 2px); margin-bottom:20px;}
	.product_in .info .list a{height:350px;}
	.product_in .info .list:hover .see h1{ padding-top:50px;}
	.product_in .info .list .see p{ margin:20px auto 0;}
	.product_in .info .list .see img{ margin:40px auto 0;}
	.product_in .info .more{margin-top:50px;}
	
	.video_in .info .list{ width:calc(100% / 2);}
	.team_in .info .list li .right{
		margin-top:0;
		}
	/*内页 */
	.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 li{ width:46%; float:left; margin-right:6%;}
	.news li:nth-child(even){ margin-right:0;}
	.news li .img{ width:100%; float:none;}
	.news li .right p{ margin-top:25px;}
	.news li:hover{ padding:0 0 20px 0; background:none;}
	.news li:hover .right span{ color:#858585;}
	.news li:hover .right p {
    background-color: #0081c8;
	color: #fff;
    border:1px solid #0081c8;
}
.news li:hover .text h1{
    color: #1d1d1d;
}
.news li:hover .text p{
    color: #9c9c9c;
	}
	.team .list li .right {
    margin-top: 0;
	}
}


@media screen and (max-width: 992px){
	td{ width:100%; padding-right:0!important;}
	.qiehuan{ background-color:#fff;}
	.qiehuan p{ display:none;}
	.material-icons{ color:#0081c8;}
	.logo_wap992{ display: none;}
	.news_in .info .list:hover .img{ 
	display:none;
	}
	.news_in .info .list .left{
		width:45%;
		margin-left:0;
		}
	.news_in .info .list .left img{
		float:right;
		}
	.news_in .info .list:hover .left{
	margin-left:0;
	}
	.news_in .info .list:nth-child(even) .left{
	margin-right:0;
	}
	.news_in .info .list:nth-child(even) .left span{
		text-align:left;
		float:left;
	}
	.news_in .info .list:nth-child(even) .left img{
		float:left;
	}
	.news_in .info .list:nth-child(even):hover .left{
	margin-left:0;
	margin-right:0;
	}
	
	.about_in .info .text{ width:100%;}
	.about_in .info>img{ left:2%;}
	
	
	.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;}
	.footer	.top .img{ display:none;}
	#box .center>img{ width:100%; float:none;}
	#box .center .right{ width:100%; margin-left:0; float:none;}
	
	.news_in .info .list:first-child .img{ display:none;}
}


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


@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:35px; padding-top:7px;}
	.title h1{ font-size:26px; line-height:26px;}
	.title span{ font-size:12px;}
	.video_in .info .list{ width:calc(100% / 2);}
	
	/*内页 */
	.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 li{ width:46%; float:left; margin-right:6%;}
	.news li:nth-child(even){ margin-right:0;}
	.news li .img{ width:100%; float:none;}
	.news li .right p{ margin-top:25px;}
	.news li:hover{ padding:0 0 20px 0; background:none;}
	.news li:hover .right span{ color:#858585;}
	.news li:hover .right p {
    background-color: #0081c8;
	color: #fff;
    border:1px solid #0081c8;
}
.news li:hover .text h1{
    color: #1d1d1d;
}
.news li:hover .text p{
    color: #9c9c9c;
	}
	#box .center .right{
		margin-top:0;}
}


@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%;}
	
}

          
/* 台式电脑,笔记本  */
@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:25px; padding-right:25px; 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;}
}