@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-02-20 14:50:56
 * @version $Id$
 */
 
@media(min-width:1340px){
.pro-show-scroll .scroll_btn{position:absolute;top:50%;width:100%;margin-top:-20px;}
.pro-show-scroll .scroll_btn span{position:absolute;margin:0;}
.pro-show-scroll .scroll_btn span.nbs-flexisel-nav-left{left:-72px;}
.pro-show-scroll .scroll_btn span.nbs-flexisel-nav-right{right:-78px;}

 
}


@media screen and (min-width:1200px){
	.wrapper{
		width: 1200px;
	}
	.block-ttl{
		height: 22px;
	}
	
	
}


@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .i-about-inner .img_r img{ width: 800px;}
	.about-us-inner>img { width: 800px;}
}

/*1200以上*/
@media screen and (min-width:992px){
	.main-nav .logo,.case-detail-ttl  .ttl{
		float: left;
	}
	.case-detail-ttl .share01 {
		float: right;
	}
	.link p.prev{
		width: 50%;
		float: left;
	}
	.link p.next{
		width: 50%;
		float: right;
		text-align: right;
	}
	.service-block02 .service-list li img{
		float: left;
	}

	
}



/*992以上pc*/
@media screen and (min-width:992px) and (max-width:1200px){
	.main-nav>ul>li>a{
		margin-right:4px;
	}
	.left-side{
		width: 250px;
	}
	.left-side .side-video ul li .second-nav{
		left: 240px;
	}
	
}
/*992~1200*/
@media screen and (min-width:1065px) and (max-width:1200px){
	.main-nav>ul>li>a{
		padding: 0 1px;
	}

}
@media screen and (min-width:992px) and (max-width:1064px){
	.main-nav>ul>li>a{
		padding: 0 1px;
		font-size: 12px;
	}
	
}
@media screen and (max-width:1200px){
	.wrapper{
		width: 100%;
		padding: 0 20px;
	}
	.contact-us-inner .txt { width:90%; padding:20px 30px 20px;}
	.pro-line-intro ,.pro-lin-nav{
		padding: 20px;
	}
	.video01-contain,.pro-contain,.pro-detail-contain{
		padding: 70px 20px;
	}
	.case-detail-con{
		padding: 40px 20px 100px;
	}
	.block-ttl{
		background: none;
	}
	.block-ttl-inner span,.block-ttl-inner i{
		padding: 0;
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.block-ttl-inner:after{
		display: none;
	}
	.pro_detail_b .pro-nav{
		background: #fff;
		border-left: 0;
	}
	.pro_detail_b .pro-nav li{
		margin-bottom: 10px;
	}
}
/*1200以下*/
@media screen and (max-width:992px) {
	.case-detail-ttl span{
		display: none;
	}
	.case-detail-ttl  .ttl{
		width: 100%;
		text-align: center;
	}
	.case-detail-ttl  .ttl p{
		font-size: 22px;
	}
	.case-detail-ttl .share01 {
		width: 205px;
		margin: 0 auto;
	}
	.service-block02 .service-list li img{
		margin: auto;

	}
	.service-block02 .service-list li .txt{
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.left-side,.pro-lin-t{
		display: none;
	}
	.pro-lin-nav{
		margin-top: 0;
	}
	.video01-contain  .video-list,.pro-contain .pro-list{
		width: 100%;
	}

}

/*992以下*/
@media screen and (min-width:765px) and (max-width:991px){
	.main-nav .logo{
		margin: 0 auto;
	}
	.main-nav ul{
		width: 75%;
	}
	.main-nav>ul>li>a{
		margin:0 0  25px 0;
	}
	.main-nav form{
		float: right;
		margin:0 0  25px 0;
	}
	.detail_t_txt{
		width: 40%;
	}
	.detail_t_banner{
		width: 53%;
	}
	.detail_t_banner .bd{
		width: 60%;
	}
	.i-about-inner .img_r{
		width: 100%;
	}
	.main-banner .flexslider ol li a{
		width: 8px;
		height: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
	
	

}

/*765~992*/
@media screen and (min-width:766px){
	.header01{
		display: none;
	}
	.case-detail-con>div>img{
		float: right;
	}
	.video-list .txt .pic,.video-list .txt .con{
		float: left;
	}
	.i-about-inner .img_r{
		width: 100%;
	}
	
}
@media screen and (max-width:765px){
	.footer{
		margin-bottom: 50px;
	}
	.mobile_footer_btn {
		display: block;
	}
	
	.header,.footer-t .list3,.footer-t .list1,.footer-b-inner .fl{
		display: none;
	}
	.footer-b-inner .fr{
		width: 100%;
		text-align: center;
	}
	.main-nav .logo{
		float: left;
	}
	.lang-set-inner{
		left: 0;
	}
	.line-inner-tabs li,.case-detail-con>div>img{
		width: 33.3%;
		padding-bottom:40px;
	}
	.i-block { padding-top:50px;}
	.i-case-list li { margin-bottom:5px;}
	.block-ttl-inner span { font-size:26px;}
	.block-ttl-inner span, .block-ttl-inner i { padding-bottom:20px; margin-bottom:10px;}
	.block-ttl { margin-bottom:0px;}
	.line-inner-tabs li a p { font-size:16px;}
	.line-inner-tabs li a span img { max-width:80%;}
	.line-inner-tabs li a { padding:0;}
	.i-case-list li{
		width: 49%;
	}
	.footer-t .list2,.case-list {
		width: 100%;
		margin-bottom: 40px;
	}
	.sub-banner,.about-service>div>img,.about-us-inner>img{
		display: none;
	}
	.case-contain-inner ul li,.pro-contain .pro-list li{
		width: 49%;
		float: left;
		margin-right: 1%;
	}
	.case-contain-inner ul li img{
		width:100%;
		margin-bottom: 20px;
	}
	.case-contain-inner ul li .txt,.video-list .txt .con,.video01-contain .video-list .txt .con,.about-us-inner .txt{
		width: 100%;
	}
	.contact-way li,.service-block01 ul li,.pro-lin-nav li{
		width: 50%;
	}
	.service-block03 ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.video-list .txt .pic,.video01-contain  .video-list .txt .pic{
		width: 40%;
		margin: 0 auto 20px;
	}
	.video-list .txt .pic .cover{
		display: none !important;
	}
	.video-list .txt .con .ttl{
		text-align: center;
	}
	.video-list-ttl span,.detail_t_txt,.detail_t_banner,.about-service>div .txt,.about-goal .txt,.about-goal>img{
		width: 100%;
	}
	.i-about-inner .img_r{
		width: 100%;
	}
	.main-banner .flexslider ol li a{
		width: 8px;
		height: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
	
	.detail_t_banner{
		display: none;
	}
	.pro_det_wap_scroll{
		display: block;
	}
	
	
	
	
}	

/*手机上*/
@media screen and (min-width:765px) and (max-width:800px){
	.footer-t .list2 .share a{
		margin-right: 5px;
	}
	.i-about-inner .img_r{
		width: 100%;
	}
	.main-banner .flexslider ol li a{
		width: 8px;
		height: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
}
@media screen and (min-width:915px){
	.i-about-inner img{
		position: absolute;
		top: 0;
		left: 50%;
	}
	.i-about-inner .txt{
		width: 50%;
		text-align: left;
		padding-right: 30px;
	}
	.i-about-inner .txt .more{
		margin: 0;
	}
	.i-about-inner a{
		padding-bottom: 0;
	}
}
@media screen and (max-width:650px){
	.footer{
		margin-bottom: 50px;
	}
	#data table  tr td{
		padding-left:5px;
	}
	.main-banner .flexslider ol li a{
		width: 8px;
		height: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
	.mobile_footer_btn {
		display: block;
	}
}
@media screen and (max-width:545px){
	.footer{
		margin-bottom: 50px;
	}
	.footer-b-inner p{
		line-height: 24px;
		padding: 10px 0;
	}
	.case-contain-inner ul li,.contact-way li,.inquiry-ttl span,.service-block01 ul li{
		width: 100%;
	}
	.inquiry-ttl i{
		display: none;
	}	
	.main-banner .flexslider ol li a{
		width: 8px;
		height: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
	.mobile_footer_btn {
		display: block;
	}
}