@media screen and (max-width: 1601px) {
	.banner_info{max-width: 1300px;}
	.ind_box .banner .bx-wrapper .bx-prev{left: auto;right: 100%;}
	.ind_box .banner .bx-wrapper .bx-next{right: auto;left: 100%;}
}
@media screen and (max-width: 1444px) {
	.banner_info{max-width: 1100px;}
	
	.header .nav li.navitem{ padding:0 15px;}
}
@media screen and (max-width: 1280px) {
	.header .nav li.navitem{ padding:0 12px;}
}

@media screen and (max-width: 1024px) {
	.banner_info{padding: 0 50px;}
	.ind_box .banner_info{padding: 0;}
	.ind_box .banner .txt{margin: 0 auto; text-align: center;}
	.bx-wrapper .txt img{display: inline-block;}
}
@media screen and (max-width: 900px) {
	.banner_info{padding: 0 15px;}
	.ind_box .banner .txt{margin-top: 50px !important;}
	.ind_box .banner .bx-controls{ height:50px; right:0; top:auto; bottom:5%;}
	.ind_box .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .ind_box .banner .bx-wrapper .bx-pager.bx-default-pager a.active{width: 25px;height: 10px;}
}
@media screen and (max-width: 768px) {
	.bx-wrapper .txt img{ width: 70%;}
	.banner h4{ margin:10px 0;}
	.inner_banner{ height: 350px;}
	.inner_banner:after{height: 80px;}
	
	.ind_box .banner .imgs{ display: none;}
	.ind_box .banner .m_imgs{display: block;}
	
	.ind_box .banner .bxslider .tb,.ind_box .banner .bxslider .tb_c{}
	.ind_box .banner .bx-controls{ bottom:5%;}
	.ind_box .banner .m_imgs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
}


/***************** 自适应代码部份 *****************/

@media screen and (min-width:0px) and (max-width:1199px){
	
	/***************** insidepage *****************/
	.i_title{ width:100%; height:auto; padding:0 15px; box-sizing:border-box;}
	.i_title .sub_nav ul li a{ display:block; height:68px; line-height:68px; color:#666; padding:0 15px;}
	
	.i_box .con{ width:100%; padding:0 15px; box-sizing:border-box;}
	.i_case .con{ width:100%;}
	.i_contact .con{ padding:0;}
	.i_case .con ul li:nth-child(2n){ float:right;}
	.i_case .con ul li:nth-child(2n+1){ float:left;}
	
	.case_box img{ width:100%;}
	
	.concept_box{ height:auto;}
	.concept_box .concept_pic{ width:60%;}
	.concept_box .concept_pic img{ width:100%;}
	.concept_box .concept_info{ width:40%; padding:40px 40px 0 40px; box-sizing:border-box;}
	
	.products_box .con{ width:100%; padding:0;}
	.pro_box{ width:100%; margin:0 auto; padding:60px 15px; box-sizing:border-box;}
	.pro_box .pic{ width:40%;}
	.pro_box .pic img{ width:100%;}
	.pro_box .info{ width:55%; float:right; padding:10px 0;}
	.pro_box .info h3{ font-size:40px; margin-bottom:20px;}
	.pro_box .info p{ font-size:16px; line-height:30px;}

	.pro_box .info .detail{  margin:20px 0 0;}
	
	.pro_box_bg{ background:#f8f9fb;}
	.pro_box_bg .pic{ float:right;}
	.pro_box_bg .info{ float:left;}

	.pro_info{ margin-top:50px;}
	.i_pro_pic{ width:100%;}
	.i_pro_pic img{ max-width:100%; width:100%;}
	.pro_about{ width:100%; margin-top:30px;}
	.pro_about .i_pro_name{ text-align:center;}
	
	.pro_con img{ width:100%;}
	
	.feature_list li{ width:33.33%; height:230px; padding:0 20px; text-align:center; box-sizing:border-box; margin:30px 0; float:left; color:#999;}
	.feature_list li .pic{ width:120px; height:120px; margin:0 auto; display:block; float:none;}
	.feature_list li .info{ width:100%; float:none;}
	.feature_list li h3{ line-height:60px;}
	
	.event_year{ width:15%;}
	.event_year li.current{ width:100%; background:#fdad28 url('../images/jian_01.png') no-repeat right 0; padding-right:10px;}
	
	.event_list{ width:80%; float:right; background:url('../images/dian3.png') repeat-y 120px 0;}
	.event_list h3{ margin:20px 0 10px 114px;}

	.event_list li{ width:100%;}
	.event_list li span{ width:100px;}
	.event_list li p{ width:80%;}
	.event_list li p span{ width:100%; box-sizing:border-box;}
	
	.event_list li.li2 span{ width:100px; float:left; text-align:right;}
	.event_list li.li2 p{ width:80%; float:right; padding:0 0 0 10px; background:url('../images/jian1.png') no-repeat 0 20px;}
	.event_list li.li2 p span{ width:100%; text-align:left; box-sizing:border-box;}
	
	.zizhi_block{ width:100%;}
	.zizhi_block ul li{ float:left; width:33.33%; background:url(../images/honor_qiye_bg.jpg) no-repeat center 0; background-size:auto 100%; margin:0 0 30px; padding-top:60px; box-sizing:border-box;}
}

@media screen and (min-width:0px) and (max-width:1199px){
	.block_home_slider .slide{ height:auto;}
}

@media screen and (max-width:769px){
	
	/***************** insidepage *****************/
	.i_title{ width:100%; padding:0 15px; box-sizing:border-box;}
	.i_title .sub_nav ul li a{ padding:0 10px;}
	
	.jobs_box{ width:100%; margin:20px auto 50px;}
	
	.concept_box{ width:100%; height:auto; margin:0 auto 20px; background:#19a5ff;}
	.concept_box .concept_pic{ width:100%;}
	.concept_box .concept_pic img{ width:100%;}
	.concept_box .concept_info{ width:100%; color:#fff; line-height:24px; padding:20px 0 20px 20px;}
	.concept_box .concept_info h3{ font-size:24px; margin-bottom:30px;}
	
	.event_list li p{ width:75%;}
	
	.event_list li.li2 p{ width:75%;}
	
	.zizhi_block ul li{ float:left; width:31.33%; background:url(../images/honor_qiye_bg.jpg) no-repeat center 0; background-size:100% auto; margin:0 1% 30px; padding-top:60px; box-sizing:border-box;}
}

@media screen and (max-width:751px){
	
	/*.block_home_slider .slide img.pc_banner{ display:none;}
	.block_home_slider .slide img.mobile_banner{ display:block;}*/
	
	/***************** insidepage *****************/
	.i_title_bg{ border-bottom:none;}
	.i_title{ width:100%; height:auto; padding:0 15px; box-sizing:border-box;}
	
	.i_title .crumb{ float:none; line-height:40px;}
	
	.i_title .sub_nav ul li{ width:33.33%; padding:0; font-size:14px;}
	.i_title .sub_nav ul li a{ text-align:center; padding:0; height:auto; line-height:40px; box-sizing:border-box;}
	.i_title .sub_nav ul li a:hover,.i_title .sub_nav ul li a.current{ height:auto; line-height:37px; color:#f90; border-bottom:3px #f90 solid; text-decoration:none;}
	
	#f_link dl{ width:50%; padding:0; text-align:center; box-sizing:border-box;}
	#f_link dl.contact{ width:100%; padding:0 30px;}
	
	#f_link .two_wm{ width:100%; text-align:center; float:none; padding-right:0;}
	#f_link .two_wm .pic{ width:30%; margin:0 auto 20px;}
	
	.products{ padding:15px;}
	.products ul li{ width:100%; padding:0; margin-bottom:20px;}
	.products ul li .pic{ width:100%;}
	.products ul li .pic img{ width:100%;}
	.products ul li h3{ font-size:18px; line-height:40px;}
	.products ul li p{ font-size:12px;}
	
	.case .title{ text-align:center;}
	.case .title h3{ font-size:24px; float:none;}
	.case .title span{ font-size:16px;}
	.case .title .detail{ width:100px; text-align:left; float:none; margin:20px auto 0; color:#333; padding:0 10px 0 20px; font-size:14px; border-radius:40px; background:#fff url(../images/arrow.gif) no-repeat 90px center;}
	
	.case .con ul li{ width:49%; margin:0 0 10px; padding-bottom:10px; font-size:12px; line-height:18px;}
	.case .con ul li .info{ height:95px; padding:10px; overflow:hidden;}
	.case .con ul li .pic{ width:100%; display:block; text-align:center;}
	.case .con ul li .pic img{ width:100%;}
	
	.case .con ul li.first{ width:100%; height:auto; padding-bottom:0; margin-bottom:10px; font-size:12px; position:relative;}
	.case .con ul li.first .info{ height:70px; overflow:hidden; color:#fff; line-height:18px; padding:0 15px; margin-bottom:10px;}
	.case .con ul li h3{ font-size:16px;}
	.case .con ul li.first .info h3 a{ color:#fff;}
	.case .con ul li.first p{ color:#fff;}

	.about{ width:100%; height:auto; padding-bottom:50px; }
	.about .title{ padding:30px 0;}
	.about .title h3{ font-size:24px; margin-bottom:10px;}
	.about .title span{ font-size:16px;}
	.about ul li{ display:inline-block; margin:0 20px 20px;}
	.about .con{ padding:0 5%; font-size:12px; line-height:20px; margin-top:20px;}
	.about .con .detail{ width:100px; text-align:left; float:none; margin:20px auto 0; color:#333; padding:0 10px 0 20px; font-size:14px; border-radius:40px; background:#fff url(../images/arrow.gif) no-repeat 90px center;}
	
	
	.i_box .title h3{ font-size:24px; margin-top:20px;}
	.i_case .con{ padding:0;}
	
	.pro_box{ width:100%; margin:0 auto; padding:20px 15px; box-sizing:border-box;}
	.pro_box .pic{ width:100%; float:none;}
	.pro_box .info{ width:100%; float:none; padding:20px 0;}
	.pro_box .info h3{ font-size:24px; color:#000; margin-bottom:20px;}
	.pro_box .info p{ font-size:16px; line-height:30px;}
	
	.pro_box .info .detail{ margin:20px 0 0;}
	
	.pro_box_bg{ background:#f8f9fb;}
	.pro_box_bg .pic{ float:right;}
	.pro_box_bg .info{ float:left;}
	
	.feature_list li{ width:50%; height:230px; padding:0 10px; text-align:center; box-sizing:border-box; margin:20px 0; float:left; color:#999; font-size:14px;}
	.feature_list li .pic{ width:80px; height:80px; margin:0 auto; display:block; float:none;}
	.feature_list li .pic img{ width:100%;}
	.feature_list li .info{ width:100%; float:none;}
	.feature_list li h3{ font-size:18px; line-height:40px;}
	
	.pro_about .i_pro_name{ font-size:24px; color:#000; padding:0 0 20px;}
	.pro_about .info{ padding:0 0 20px;}
	
	.tab_title{ height:56px; margin-top:0;}
	
	.tab_title ul#tab_btn li{ width:100px; font-size:18px;}
	
	.event_year{ width:20%;}
	.event_year li{ height:40px; line-height:40px; background:#f2f4f7; margin-bottom:1px; font-size:14px; color:#828282; cursor:pointer;}
	.event_year li.current{ width:100%; background:#fdad28 url('../images/jian_01.png') no-repeat right 0 / auto 40px; padding-right:6px;}
	
	.event_list{ width:75%; float:right; background:url('../images/dian3.png') repeat-y 40px 0;}
	.event_list h3{ font-size:24px; margin:0 0 0 34px; padding-left:25px;}
	.event_list li{ width:100%;}
	.event_list li span{ width:30px; font-size:14px; margin-top:25px;}
	.event_list li p{ width:75%; background:url('../images/jian1.png') no-repeat 3px 10px;}
	.event_list li p span{ width:100%; box-sizing:border-box; font-size:12px; padding:8px; line-height:16px;}
	
	.event_list li.li2 span{ width:30px; float:left; text-align:right;}
	.event_list li.li2 p{ width:75%; float:right; padding:0 0 0 10px; background:url('../images/jian1.png') no-repeat 3px 10px;}
	.event_list li.li2 p span{ width:100%; text-align:left; box-sizing:border-box;}
	
	.zizhi_block{ width:100%; margin:20px auto 0;}
	.zizhi_block ul li{ float:left; width:50%; height:180px; background:url(../images/honor_qiye_bg.jpg) no-repeat center 0; background-size:auto 100%; margin:0 0 30px; padding:20px 0; box-sizing:border-box;}
	.zizhi_block ul li p{ font-size:16px; line-height:20px;}
	

}


@media screen and (max-width:321px){
	.event_list li p{ width:70%; background:url('../images/jian1.png') no-repeat 3px 10px;}
	.event_list li.li2 p{ width:70%; float:right; padding:0 0 0 10px; background:url('../images/jian1.png') no-repeat 3px 10px;}
	
	.zizhi_block ul li{ float:left; width:48%; height:180px; background:url(../images/honor_qiye_bg.jpg) no-repeat center 0; background-size:100% auto; margin:0 0 20px; padding:20px 0; box-sizing:border-box;}
	.zizhi_block ul li:nth-child(2n){ float:right;}
	.zizhi_block ul li p{ font-size:14px; line-height:20px;}
}

@media screen and (max-width: 1024px) {
  .i_contact .us-tab {
    display: none;
  }
  .i_contact .us-txt h2 {
    font-size: 26px;
    margin: 20px 0 20px 0;
  }
  .i_contact .us-txt{
    padding-bottom: 20px;
  }
  .i_contact .us-fs{
    padding: 20px 0;
  }
  .i_contact .us-friend-link .us-f-l-tit h3 {
    font-size: 26px;
  }
  .i_contact .us-map .us-map-con .us-map-txt {
    position: initial;
    width: 90%;
    padding: 20px 5%;
  }
  .i_contact .us-map .us-map-con .us-map-txt h4 {
    font-size: 22px;
  }
  .i_contact .us-map .us-map-con .us-map-txt h5 {
    font-size: 20px;
  }
  .i_contact .us-field .us-field-con {
    padding: 40px 10px;
  }
  .i_contact .us-field .us-field-con ul li {
    width: 46%;
    padding-right: 4%;
    margin: 0 0 20px 0;
  }
  .i_contact .us-field .us-field-con ul li h5 {
    width: 100%;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
  }
  .i_contact .us-field .us-field-con ul li p {
    width: 100%;
  }
  .i_contact .us-friend-link .us-l-list {
    width: 100%;
  }
  .i_contact .us-friend-link .us-l-list a {
    width: 41.5%;
    float: left;
    padding: 10px 2%;
    margin: 10px 2%;
  }
  .i_contact .us-friend-link .us-l-list a img {
    width: 100%;
  }
	.i_contact .us-fs ul li .t02 {
	  font-size: 14px;
	  color: #f90;
	}
	.i_contact .us-fs p {
	  font-size: 14px;
	  color: #666;
	  line-height: 24px;
	}
}
@media screen and (max-width: 768px) {
  .i_contact .us-field .us-field-con ul li {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .i_contact .us-friend-link .us-l-list a {
    width: 91.5%;
    float: left;
    padding: 10px 2%;
    margin: 10px 2%;
  }
}