@media screen and (min-width: 1200px) {}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	/**笔记本**/
	.wrapper {
		width: 980px;
	}
	/*.logo{
		width: 240px;
	}*/
	.menu{
		width: calc(100% - 405px);
		padding-left: 16px;
	}
	.menu_dl dd{
		/*padding: 0 15px;*/
	}
	.menu_tt a{
		padding: 0 12px;
	}
	.head_search{
		width: 200px;
	}
	/*
	 * index
	 */
	.footer_t .item:nth-child(2){
		margin-left: 70px;
	}
	.ind_box2.index .item{
		margin-right: 20px;
		width: 230px;
	}
	.ind_box3.index .ind_r{
		padding-left: 0;
	}
	
	.ind_box4.about .ind_r{
		padding-top: 0;
	}
	.ind_box5.about .ind_l{
		padding: 30px 20px 0 0;
	}
	.ind_box6.about .item{
		width: 219px;
	}
	.ind_box1.why .ind_r{
		padding: 5px 0px 0 20px;
	}
	.ind_box1.contact .ind_r{
		padding-left: 70px;
	}
	.ind_box1.pro .pro_tab a{
		font-size: 15px;
	}
	.p_det_inf{
		padding: 0 0 0 30px;
	}
	.p_det_contact{
		margin-top: 20px;
	}
	.p_det_btns{
		margin-top: 15px;
	}
	.p_det_btns a{
		width: 175px;
		font-size: 16px;
	}
	.pro_cases dd{
		width: 230px;
	}
	.pro_interest .item{
		width: 306px;
	}
  .slide_r{
  	right:3%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	/*平板*/
	.wrapper {
		width: 750px;
	}
	.h_t_l a{
		font-size: 12px;
	}
	.h_t_tel {
	    margin: 0 20px;
	}
	.header_box{
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999999;
		border-bottom: 1px solid #f3f3f3;
	}
	.header_box .wrapper{
		width: 750px;
	}
	/*.banner_box{
		margin-top: 70px;
	}*/
	.menu_tt a:after{
		display: none;
	}
	.logo{
		margin-left: 0;
	}
	
	/*
	 * index
	 */
	.header_box{
		display: none;
	}
	.mobile_head{
		display: block;
	}
	
	/*footer*/
	
	.footer_t .item:nth-child(2){
		margin-left: 120px;
	}
	.footer_t .item:nth-child(3){
		float: left;
		margin-top: 30px;
	}
	/*
	 * sub_banner
	 */
	.location_nav {
		display: none;
	}
	.ind_box2.index .ind_wrap{
		padding-left: 80px;
	}
	.ind_box2.index .item:nth-child(2n){
		margin-right: 0;
	}
	.ind_box2.index .item:nth-child(2n+1){
		clear: both;
	}
	.ind_box3.index .ind_l,.ind_box3.index .ind_r{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.ind_box3.index .ind_l .ind_video_btn{
		width: 557px;
		max-width: 100%;
	}
	/*.banner_box,.location_wrap{
		margin-top: 161px;
	}*/
	.ind_box2.about .ind_l .prev_btn{
		left: 0;
	} 
	.ind_box2.about .ind_l .next_btn{
		right: 0;
	}
	.ind_box2.about .ind_r{
		padding-top: 52px;
    	padding-left: 30px;
	}
	.ind_box2.about .ind_r .tt{
		font-size: 40px;
	}
	.ind_box1.about .ind_l,.ind_box1.about .ind_r,.ind_box4.about .ind_l,.ind_box4.about .ind_r{
		width: 100%;
		margin-bottom: 20px;
		padding: 0;
	}
	.ind_box3.about .ind_t_l,.ind_box3.about .ind_t_r,.ind_box1.why .ind_l{
		width: 100%;
	}
	.ind_box5.about{
		height: 600px;
	}
	.ind_box5.about .ind_l{
		padding: 40px 20px 0 0;
	}
	.ind_box6.about .item {
	    width: 176px;
	    margin-right: 15px;
	}
	.ind_box6.about .ind_b{
		font-size: 24px;
	}
	.ind_box1.why .ind_r{
		width: 100%;
		margin-top: 50px;
		padding: 0;
	}
	.ind_box2.why .ind_l{
		width: 100%;
		padding: 0;
		margin-bottom: 50px;
	}
	.ind_box2.why .ind_r{
		width: 100%;
		text-align: left;
	}
	.ind_box3.why .item{
		display: block;
	}
	.ind_box3.why .item .pic,.ind_box1.contact .ind_l{
		width: 100%;
	}
	.ind_box3.why .item .con{
		width: 100%;
		margin-top: 30px;
		padding: 0;
	}
	.ind_box3.why .item .con_wrap{
		position: inherit;
		transform: translateY(0);
	}
	
	.ind_box1.contact .ind_r{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.ind_box1.news .item{
		padding: 30px 0;
	}
	.ind_box1.news .item .con{
		padding: 25px 45px;
	}
	.ind_box2.service .ind_wrap{
		padding: 0;
	}
	.ind_box2.service .tipsss{
		font-size: 26px;
	}
	.ind_box1.pro .pro_tab a{
		font-size: 14px;
		width: 33.33%;
	}
	.ind_box1.pro .pro_tab a:nth-child(3){
		border-right: 1px solid #9e9e9e;
	}
	.ind_box1.pro .pro_tab a:nth-child(4), .ind_box1.pro .pro_tab a:nth-child(5){
		width: 50%;
		border-top: none;
	}
	
	.ind_box1.pro .pro_t .con{
		width: 100%;
		padding: 0;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.ind_box1.pro .pro_b .item .con{
		padding: 30px 100px 0px 35px;
	}
	.p_det_inf{
		width: 100%;
		padding: 30px 0 0 ;
	}
	.pro_det_b .item .item_l{
		width: 100%;
		padding: 0;
	}
	.pro_det_b .item .item_r{
		float: left;
	}
	.pro_cases dd{
		width: 172px;
	}
  .ind_box2.about .ind_l{
  		width:700px;
        float:none;
        margin:0 auto 30px;
  }
  .ind_box2.about .ind_r{
  		width:100%;
  		padding:0;
  }
}

@media screen and (max-width:768px) {
	
	/*手机*/
	.wrapper {
		width: 90%;
		margin-left: 5%;
	}
	.header_box,.h_t_w{
		display: none;
	}
	.mobile_head{
		display: block;
	}
	.header_box{
		background: #fff;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99999;
		height: 65px;
		border-bottom: 1px solid #e8e8e8;
	}
	.logo .table{
		height: 65px;
	}
	.mobile_head .head_b{
		height: 65px;
	}
	.header_box .wrapper{
		position: relative;
		z-index: 1;
		width: 100%;
	}
	.footer{
		margin-bottom: 65px;
	}
	.fix_nav {
		display: block;
	}
	/*
	 * index
	 */
	.logo,

	.logo a {
		width: 150px;
	    height: 65px;
	}
	.logo .table{
		height: auto;
	}
	.head_search{
		background: transparent;
		margin: 12px 50px 0;
	}
	.head_search i{
		font-size: 25px;
		font-weight: bold;
	}
	.mobile_head .head_search i{
		font-size: 25px;
	}
	.menu_btn span{
		width: 30px;    
		margin: 0 0 5px 0;
	}
	.mobile_head .search_box{
		position: fixed;
		width: 100%;
		top: 71px;
		box-shadow:none;
		border: none;
		border-bottom: 1px solid #f3f3f3;
		 height: 50px;
	}
	.mobile_head .search_inp {
	    height: 40px;
	}
	.search_box_wrap{
		margin-top: 5px;
		padding: 0 20px;
	}
	.mobile_head .menu {
		display: none;
		position: absolute;
		top: 65px;
		left: 0;
		width: 100%;
		z-index: 999;
		padding: 10px;
		margin: 0;
		background: #fff;
		border-top: 1px solid #F1F1F1;
		border-bottom: 1px solid #F1F1F1;
		overflow-y: auto;
		transition: all 0s;
    	-webkit-transition: all 0s;
	}
	.menu_dl dd {
		width: 100%;
		color: #fff;
		height: auto;
		position: static;
	}
	.menu_dl dd.hover .menu_tt a{
		color: #fff;
	}
	.menu_dl dd.hover{
		background: transparent;
	}
	.menu_dl dd.hover .menu_tt{
		background: #2465C1;
		*zoom: 1;
	}
	.menu_dl dd.hover .menu_tt a:before{
		display: none;
	}
	.menu_dl dd.hover .menu_tt:after{
		display: block;
		content: "";
		height: 0;
		clear: both;
	}
	.menu_two.hover .menu_two_tt a{
		background: #2465C1;
	}
	.menu_tt {
		height: auto!important;
		color: #fff;
		border-top: none;
		border-bottom: 1px solid #eee;
	}
	.menu_tt:before {
		display: none;
	}
	.menu_tt i{
		line-height: 40px;
		display: inline-block;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.menu_dl dd.hover i{
		color: #fff;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.menu_tt a {
		float: left;
		height: 40px;
		line-height: 40px;
		width: 80%;
		padding: 0;
		color: #333;
	}
	.menu_second_box,.menu_three{
		position: static;
	    top: auto;
	    left: auto;
	    width: 100%;
	    border: none;
	    border-top: 1px solid #eee;
	    padding: 10px;
	}
	.menu_two_tt .text{
		width: calc(100% - 70px);
	}
	.menu_two_tt{
		padding-left: 0;
	}
	.menu_two_tt i{
		float: right;
		font-size: 16px;
		width:30px;
		text-align: center;
		display: inline-block;
	}
	
	.menu_dl dd .menu_tt a:after {
		display: none;
	}
	.menu_second_box:before {
		display: none;
	}
	.menu_dl dd:first-child .menu_tt {
		border: none;
	}
	.mobile_head .menu_dl dd.hover .menu_tt {
		background: #00886e;
	}
	.mobile_head .menu_dl dd:hover .menu_tt a{
		background: none;
		color: #333;
	}
	.mobile_head .menu_two.hover .menu_two_tt a{
		background: #00886e;
	}
	.mobile_head .menu_two_tt .text{
		width: 100%;
	}
	.mobile_head .menu_dl dd{
		padding: 0 0px;
	}
	.mobile_head .menu_tt a {
		padding-left: 10px;
		font-size: 15px;
	}
	.mobile_head .head_t{
		display: none;
	}
	.mobile_head .menu_btn {
		display: block;
		top: 13px;
		right: 5px;
	}
	.mobile_head .head_search{
		right: 60px;
		top: 17px;
	}
	.mobile_head .search_box_wrap{
		margin-top: 5px;
		width: 100%;
		margin-left: 0;
		padding: 0 20px;
	}
	.ind_head_scroll{
		display: none;
	}
	.ind_sea_hide .wrapper{
		height: 74px;
		padding: 7px;
	}
	.sub_head.bg{
		display: block;
	}
	.ind_head{
		top: 0!important;
	}
	/*.banner_box{
		margin-top: 65px;
	}*/
	.ind_search{
		margin: 15px 53px 0 0px;
	}
	
	.ind_title1{
		padding: 0 20px 50px;
	}
	.ind_title1 .tt{
		font-size: 32px;
	}
	.ind_title1 .text{
		font-size: 12px;
	}
	/*
	 * sub_banner
	 */
	.location_wrap{
		/*margin-top: 65px;*/
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		padding-left: 0;
	}
	/*
	 * location 
	 */
	
	.footer_t .wrapper{
		padding: 60px 0px;
	}
	.footer_t .item:nth-child(1){
		width: 100%;
	}
	.footer_t .item:nth-child(2){
		margin-left: 0;
		width: 100%;
		margin: 30px 0;
	}
	.footer_t .item:nth-child(3){
		float: left;
	}
	.footer_b{
		font-size: 12px;
		padding: 10px;
	}
	.footer_b_text{
		line-height: 18px;
	}
	.video_window{
		width: 90%;
		margin-left: 5%;
		left: 0;
       height:200px;
      margin-top:-100px;
	}
	.banners .owl-controls{
		bottom: 0;
	}
	.banners.owl-theme .owl-dots .owl-dot span{
		width: 30px;
		margin: 5px 2px;
	}
	.ind_box1.index{
		padding: 50px 0;
	}
	.title .tt{
		font-size: 30px;
	}
	.ind_box1.index .item{
		width: 50%;
		margin-bottom: 30px;
	}
	.ind_box1.index .item:nth-child(2n+1){
		clear: both;
	}
	.ind_box2.index .item,.ind_box2.index .item:nth-child(4n){
		float: none;
		margin: 0 auto 25px; 
	}
	.ind_box3.index .ind_l,.ind_box3.index .ind_r{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.ind_box3.index .ind_r .con{
		padding-right: 0;
	}
	.ind_box1.about .ind_l,.ind_box1.about .ind_r{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.ind_box2.about .ind_l{
		width: 100%;
	}
	.ind_box2.about .ind_l .about_scroll{
		width: 80%;
		margin-left: 10%;
	}
	.ind_box2.about .ind_r{
		width: 100%;
		padding: 0;
		margin-top: 30px;
		padding-left: 40px;
	}
	.ind_box3.about .ind_t_l{
		width: 100%;
		padding-left: 0;
	}
	.ind_box1.about .wrapper{
		padding: 0;
	}
	.ind_box3.about .ind_t_r,.ind_box5.about .ind_l{
		width: 100%;
	}
	.ind_box3.about .ind_b{
		padding: 0;
	}
	.ind_box4.about .ind_l,.ind_box4.about .ind_r{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.ind_box5.about{
		background: #e3edfc;
	}
	.ind_box6.about .item,.ind_box6.about .item:last-child{
		float: none;
		margin: 0 auto 20px;
		max-width: 100%;
	}
	.ind_box6.about .ind_b{
		font-size: 26px;
	}
	.ind_box1.why .wrapper{
		padding: 0;
	}
	.ind_box1.why .ind_l{
		width: 100%;
	}
	.ind_box1.why .ind_r{
		width: 100%;
		margin-top: 50px;
		padding: 0;
	}
	.ind_box2.why .ind_l{
		width: 100%;
		padding: 0;
		margin-bottom: 50px;
	}
	.ind_box2.why .ind_l .item{
		width: 80%;
		margin-left: 10%;
	}
	.ind_box2.why .ind_r{
		width: 100%;
		text-align: left;
	}
	.ind_box3.why .item{
		display: block;
	}
	.ind_box3.why .item .pic{
		width: 100%;
	}
	.ind_box3.why .item .con{
		width: 100%;
		margin-top: 30px;
		padding: 0;
	}
	.ind_box3.why .item .con_wrap{
		position: inherit;
		transform: translateY(0);
		padding-right: 0;
	}
	.ind_box3.why .item:nth-child(2n) .con,.ind_box3.why .item:nth-child(2n) .con_wrap{
		padding-right: 0;
	}
	.ind_box1.contact .ind_l{
		width: 100%;
	}
	.ind_box1.contact .ind_r{
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.faq_list dd{
		width: 100%;
		padding: 0!important;
	}
	.ind_box1.news .title1 .tips{
		float: left;
	}
	.ind_box1.news .title1 .tips a{
		margin-bottom: 5px;
	}
	.ind_box1.news .item{
		padding: 30px 0;
	}
	.ind_box1.news .item .con{
		width: 100%;
		padding: 25px 0;
	}
	.ind_box1.news .item .date{
		float: left;
		margin-top: 0;
	}
	.det_page{
		padding: 20px 0;
	}
	.ind_box1.service .ind_wrap{
		display: block;
	}
	.ind_box1.service .item{
		width: 100%;
		margin-bottom: 20px;
	}
	.title1 .tt{
		font-size: 32px;
	}
	.ind_box2.service .ind_wrap{
		padding: 0;
	}
	.ind_box2.service .item{
		padding: 25px;
	}
	.ind_box2.service .tipsss{
		font-size: 22px;
	}
	.ind_box1.pro .pro_tab a,.ind_box1.pro .pro_tab a:nth-child(4), .ind_box1.pro .pro_tab a:nth-child(5){
		width: 100%;
		border-right: 1px solid #9e9e9e;
		border-bottom: none;
		line-height: 50px;
	}
	.ind_box1.pro .pro_tab a:last-child {
	    border-bottom: 1px solid #9e9e9e;
	}
	.ind_box1.pro .pro_t .con{
		width: 100%;
		padding: 0;
		margin: 30px 0 50px;
	}
	.ind_box1.pro .pro_t .con .tt{
		font-size: 32px;
	}
	.ind_box1.pro .pro_b .item{
		padding: 20px;
	}
	.ind_box1.pro .pro_b .item a{
		display: block;
		position: relative;
		padding-bottom: 50px;
	}
	.ind_box1.pro .pro_b .item .pic{
		width: 100%;
		text-align: center;
	}
	.ind_box1.pro .pro_b .item .pic img{
		display: inline-block;
	}
	.ind_box1.pro .pro_b .item .con{
		width: 100%;
		padding: 25px 5px;
		position: inherit;
	}
	.ind_box1.pro .pro_b .item .con .more{
		bottom: -70px;
		right: -20px;
	}
	.big_pic_show{
		display: none;
	}
	.ind_box1.pro_det .pro_det_wap_scroll{
		display: block;
	}
	.p_det_inf{
		width: 100%;
		padding: 30px 0 0;
	}
	.pro_det_b .item .item_l{
		width: 100%;
		padding:  0;
	}
	.pro_det_b .item .item_r{
		float: left;
		max-width: 100%;
	}
	.pro_cases dd,.pro_cases dd:last-child{
		float: none;
		margin: auto;
		margin-bottom: 10px;
	}
	.pro_inq_l{
		width: 100%;
		padding: 0;
	}
	.pro_inq_r{
		float: left;
		max-width: 100%;
	}
	.pro_interest .item,.pro_interest .item:last-child,.pro_det_b .item:first-child{
		float: none;
		margin: 0 auto ;
		margin-bottom: 15px;
	}
	.pro_det_b .item:first-child{
		margin-top: 30px;
	}
	.ind_box1.index{
		padding-bottom: 10px;
	}
	.ind_box2.index,.ind_box3.index{
		padding: 40px 0;
	}
    .play_btn{
		width: 80px;
    	height: 90px;
        margin: -38px 0 0 -40px;
    }
     .slide_r{
  	right:2%;
  }
  .ind_box1.contact{
  	 padding:30px 0;
  }
  .ind_box1.contact .ind_l .tt{
  	margin-bottom:10px;
   }
  .ind_box1.contact .ind_l .text{
  	margin-bottom:15px;
  }
}

@media screen and (min-width: 568px) and (max-width: 667px){
  .ind_box1.pro_det .pro_det_wap_scroll{
  	  max-height: 181px!important;
  }
}
@media screen and (min-width: 667px){
 .ind_box1.pro_det .pro_det_wap_scroll{
  	  max-height: 199px!important;
  }
}