﻿
.body-box { overflow:hidden; }
.menu-bon { display:none;}

/* 内页导航部分End */
@media only screen and (max-width:1600px) {

}


@media only screen and (max-width:1340px) {

.wrap { width:auto; margin:0px 20px; }

.in_banner { *+height:auto; }
.in_banner .swiper-slide  .auto-img { height:auto; }
.in_banner .swiper-slide  .auto-img img { width:100%; }

}


@media only screen and (max-width:1240px) {

.in_bk_05 ul { margin:40px -30px 0px; }
.in_bk_05 ul li .con { padding:0px 30px; }


}

@media only screen and (max-width:1200px) {

.header .menu ul li { padding:0px 30px;  }

}


@media only screen and (max-width:1100px) {

.header .menu ul li { padding:0px 15px;  }


.con_map {  width:500px; }

.video_list ul li .text { padding:15px 30px 0px 20px; }


}

@media only screen and (max-width:1024px) {



.video_nr .vid_video { width:90%; }

.ab_bk_03 .china_anthenlb a { width:50%;   }
 

.f-14 { font-size:13px; }
.f-15 { font-size:14px; }
.f-16 { font-size:15px; }
.f-17 { font-size:16px; }
.f-18 { font-size:17px; }
.f-19 { font-size:18px; }
.f-20 { font-size:19px; }
.f-21 { font-size:20px; }
.f-22 { font-size:21px; }
.f-23 { font-size:22px; }
.f-24 { font-size:23px; }
.f-25 { font-size:24px; }
.f-26 { font-size:25px; }
.f-27 { font-size:26px; }
.f-28 { font-size:26px; }
.f-30 { font-size:28px; }
.f-32 { font-size:30px; }
.f-34 { font-size:32px; }
.f-35 { font-size:33px; }
.f-36 { font-size:34px; }
.f-38 { font-size:36px; }
.f-40 { font-size:38px; }
.f-42 { font-size:40px; }
.f-46 { font-size:44px; }
.f-50 { font-size:48px; }
.f-54 { font-size:52px; }
.f-60 { font-size:58px; }
.f-70 { font-size:68px; }




}

@media only screen and (max-width:970px) {


.header .menu { padding-right:50px; }
.header .menu ul li { padding:0px 10px; }

.in_bk_01 ul li .con { width:90%; }

.video_list ul li .img  { width:165px; }
.video_list ul li .text { padding:7px 20px 0px 10px; }

}

@media only screen and (max-width:900px) {

.header .in_search { top:7px; }
.header .menu  { margin-top:20px; }
.header .menu ul li { padding:0px 40px; }
 
.con_map {  width:400px; }

}

@media only screen and (max-width:840px) {



}

@media only screen and (max-width:767px) {
 
 .phone_hide { display:none; }
 .phone_show { display:block; }
 


	/***************header*****************************/

        .menu-bon { cursor: pointer; transition: 0.3s all; z-index:10; transition:0.5s all; -webkit-transition:0.5s all; border: none; width: 40px; height: 30px; padding: 0; outline: none; position: absolute;  top:50%; right:6em;  margin-top:-26px; padding: 12px; border-radius: 1px; display: block; }
        .menu_h { width: 40px; height: 30px; box-sizing: padding-box; position: absolute; border-radius: 0; vertical-align: top; background: none; border: 0; -webkit-transition: 0.25s all; transition: 0.25s all; }
        .menu_h::before,
        .menu_h::after,
        .menu_h span { background:#000; }
        .menu_h::before,
        .menu_h::after { content: ''; position: absolute; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
        .menu_h span { position: absolute; width: 100%; height: 4px; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
        .menu_h::before { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
        .menu_h::after { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); }
		.menu-open .menu-bon { right:250px; }
        .menu-open .menu_h { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
        .menu-open .menu_h span { opacity: 0; }
        .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
        .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg); }
        .ph-mask { opacity:0; display:none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index:8; transition: 0.5s all; -webkit-transition: 0.5s all; cursor: pointer; }
		.menu-open .ph-mask { opacity:0.1; display:block;}
        .header .menu { text-align:left; border-top:0; position:fixed; width:230px; top:0px; padding-top:0px; padding-right:0px; right:0; background:rgba(0,0,0,0.8); transform:translateX(100%); -webkit-transform:translateX(100%);  transition:0.5s all; -webkit-transition:0.5s all; z-index:9;  bottom:0; overflow:auto;}
        .menu-open .header .menu { transform:translateX(0%); -webkit-transform:translateX(0%);} 


		.header .menu {  padding-left:0px; line-height:1.8; }
		.header .menu ul { padding:20px 10px 20px; }
		.header .menu ul li { float:left; width:100%; padding:0px; }
		.header .menu ul li a { padding-bottom:0px; line-height:2.5; color:#fff; }
		.header .menu ul li > a { border-bottom:1px solid #6a6a6a; }
		.header .menu ul li a i {  background:#0f0e0c; height:1px; }
		.header .menu ul li > a:hover,.header .menu ul li.on > a,.header .menu li.hover01 > a { color:#fff!important; }
		.header .menu ul li a:hover i,.header .menu ul li.on a i,.header .menu li.hover01 a i { background:#0f0e0c; }
		

		.header { position:fixed; background:#fff; padding:0.1rem 0px; left:0px; top:0px; right:0px; z-index:10; box-shadow:0px 0px 3px rgba(0,0,0,0.2); }
		.header .logo { width:3.26rem; } 
		
		.header .menu { margin-top:0px;}
		.header .menu ul li > a { font-size:16px; font-weight:bold; }
				
		.header .in_search { position:fixed; right:8px; top:10px; z-index:9;  transform:translateX(130%); -webkit-transform:translateX(130%);  transition:0.5s all; -webkit-transition:0.5s all; }
		.header .in_search .search { width:210px; }
		.header .in_search .search:hover { width:210px; }
		.header .in_search .search  .inp { right:36px; width:170px; border:none; }
		.header .in_search .search  .inp input {   height: 36px; line-height:36px; }
		.header .in_search .search .bon {  width: 36px; height: 36px; }
		
		.menu-open .header .in_search { transform:translateX(0%); -webkit-transform:translateX(0%);} 
		
		.menu-bon { right:0.4rem; }
		.header .menu ul li a { line-height:3; }
		.header .menu ul { padding:60px 0.4rem 0px; }



.main { margin-top:0.78rem; }

/*************in_banner***************/
.in_banner {  height:auto; }
.in_banner .swiper-slide  .auto-img { height:auto; }
.in_banner .swiper-slide  .auto-img img {height:auto; width:100%;}

.in_banner .arrow-left { left:0.2rem; margin-top:-0.265rem; width:0.2rem; height:0.53rem; background-size:200% 100%; }
.in_banner .arrow-right { right:0.2rem; margin-top:-0.265rem; width:0.2rem; height:0.53rem; background-size:200% 100%;  }


.in_bk_01 ul li { width:33.33%;}
.in_bk_01 ul li .con { width:90%; }
.in_bk_01 ul li .img {  margin-bottom:0.36rem;  }
.in_bk_01 ul li p.ellipsis-3 { height:auto; max-height:auto; }


.in_bk_02  { padding:0.95rem 0px 0.73rem; }
.in_bk_02 .kuang {  padding:0.39rem 0.41rem 0.34rem 0px; margin:0px; }
.in_bk_02 .title {width:100%; }
.in_bk_02 .title dl { padding:0.32rem 0.4rem 0.2rem; }
.in_bk_02 .title dl dt { padding-bottom:0.23rem; }
.in_bk_02 .title dl dt i { width:0.38rem; }
.in_bk_02 .title h2 { margin:0.23rem 0px 0.1rem;  }
.in_bk_02 .title .more { padding-top:0.25rem; }
.in_bk_02 .title .more a { width:28px; height:28px; background-size:100% 100%; }
.in_bk_02 .title .img { padding-left:0.5rem; padding-bottom:0.2rem; }
.in_bk_02 .title .img img { margin-top:-0.2rem; }

.in_bk_02 .list {  width:100%; margin-right:0px; }
.in_bk_02 .list ul li p {  line-height:2.5;  padding:0px 0.4rem 0px 0.2rem; }
.in_bk_02 .list ul li p i { background-size:100% 100%; width:6px; height:10px;  margin-top:-5px; right:0.2rem;}


.in_bk_03 .text {  width:100%;}
.in_bk_03 .text h2 { padding-bottom:0.23rem;}
.in_bk_03 .text ul { padding:0.2rem 0.11rem; }
.in_bk_03 .text ul li { padding-left:32px; margin-top:0.24rem; }
.in_bk_03 .text ul li label { width:20px; height:20px;line-height:20px;top:0.02rem; }


.in_bk_03 .img {  margin-top:0.2rem; padding:1.06rem 0px; padding-left:0px; width:100%; margin-right:0px; }



.in_bk_04 .text {  width:80%; padding-top:0.9rem; }
.in_bk_04 .text h2 {  padding-bottom:0.23rem; margin-bottom:0.24rem; }
.in_bk_04 .text .more { padding-top:0.35rem; padding-bottom:0.56rem; }
.in_bk_04 .text .more a { width:28px; height:28px; background-size:100% 100%; }
.in_bk_04 .in_video { margin-bottom:1.47rem; }
.in_bk_04 .video_button .play {  width:40px; height:40px;  background-size:100% 100%; margin:-20px 0px 0px -20px; }
.inbktext .mCSB_container{padding-right:10px;}

.in_bk_05 h2 {  padding-bottom:0.23rem; margin-bottom:0.24rem; }

.in_bk_05 ul { margin:0.24rem 0px 0px; }
.in_bk_05 ul li {width:100%; margin:0.2rem 0px;  }
.in_bk_05 ul li .con { padding:0px; }
.in_bk_05 ul li .img .play {  width:40px; height:40px;  background-size:100% 100%; margin:-20px 0px 0px -20px; }
.in_bk_05 ul li dl { padding:0.15rem 0.2rem; }


.footer {  padding:0.3rem 0px 0.3rem;  }
.footer .by { display:none; }
.footer .copy { width:auto; padding-right:0.2rem; overflow:hidden; float:none;  }
.footer .copy span {  padding-right:1em;  }



.hd_tit { padding:0.5rem 0px 0.32rem; }
.hd_tit .tit {  padding-right:0.2rem; padding-bottom:0.23rem; }
.hd_tit .current {  padding-top:0.1rem; display:none; }

.pro_con { padding-bottom:0.78rem; }
.pro_con .text { width:100%; }
.pro_con .text h2 { margin-bottom:0.25rem; }
.pro_con .text dl dt span { width:auto; min-width:2rem; line-height:2;}
.pro_con .text dl dt span i { width:12px; height:8px; background-size:100% 100%; bottom:-8px; margin-left:-6px; }
.pro_con .text dl dd { padding:0.28rem 0px 0.34rem; }

.pro_con .img { width:100%; padding:1.06rem 0px; margin-top:0.2rem; }


.pro_list { padding-bottom:0.8rem; }
.pro_list ul { margin:0px -0.05rem; padding-bottom:0.03rem; }
.pro_list ul li { width:50%; margin-bottom:0.46rem; }
.pro_list ul li .con { padding:0.05rem; }
.pro_list ul li p { padding:0px 0.2rem; margin-top:0.15rem; }



/*************contact******************/
.con_wrap {  padding:0.5rem 0px 1rem; }
.con_map { height:3.6rem; margin-top:0px; width:100%; }
.con_text { float:left; width:100%; margin-top:0.3rem; padding-right:0px; }
.con_text .tit {  padding-bottom:0.23rem; margin-bottom:0.28rem; }
.con_text ul li { padding:0.095rem 0px; padding-left:37px; }
.con_text ul li i { top:0.1rem; }
.con_text ul li i img { height:22px; }


/**************video*********************/
.video_list { padding-bottom:0.6rem; }
.video_list ul { padding-bottom:0.08rem; }
.video_list ul li {  width:100%; margin:0.08rem 0px 0.52rem; }
.video_list ul li .img  { width:215px; }
.video_list ul li .img .play {  width:32px; height:32px; background-size:100% 100%; margin:-16px 0px 0px -16px; }
.video_list ul li .img .tit { min-width:0.54rem; padding:0px 0.1rem;}
.video_list ul li .text {  padding:0.15rem 0px 0px 0.2rem; }
.video_list ul li .text h2 { margin-bottom:0.09rem; }


.video_nr { padding-bottom:0.5rem;  }
.video_nr .basic {  padding:0.15rem 0px 0.16rem; }
.video_nr .basic span {  padding:0px 0.4rem 0px 25px; }
 
.video_nr .con { padding:0.23rem 3%;  }

.video_nr .vid_video { padding:0.44rem 0px; }
.video_nr .vid_video .vid_con.ind_5 .bon-play { background-size:100% 100%; }


.ab_bk_03 { padding-bottom:0.06rem; }
.ab_bk_03 h2 {  margin-top:0.36rem;  padding-bottom:0.23rem; margin-bottom:0.09rem; }

.ab_bk_03 .china_anthenlb a {  margin-top:0.18rem;  }
.ab_bk_03 .china_anthenlb a .img {padding:0.1rem;  }
.ab_bk_03 .con {left:0.1rem; right:0.1rem;  top:0.1rem; bottom:0.1rem; }

.ab_bk_03 figure { margin:0.17rem 0.2rem 0.26rem; }



.ab_bk_04 { padding-bottom:0.89rem;  }

.ab_bk_01 .wrap { padding:5.25% 0px 4.8%; }



.search-nr { padding-bottom:0.9rem; }
.search-nr .s-top dt { padding-right:0.1rem; }
.search-nr .s-top dd { width:auto; }
.search-nr .s-top dd .inp-bon { width:52px; height:33px; line-height:33px; }

.search-list{ margin-top:0.1rem; }

.footer .copy span.phone_show { display:inline-block; }



    .f-12 { font-size:12px; }
    .f-14 { font-size:14px; }
    .f-16 { font-size:16px; }
    .f-18 { font-size:18px; }
    .f-20 { font-size:20px; }
    .f-22 { font-size:22px; }
    .f-24 { font-size:0.24rem; }
    .f-25 { font-size:0.25rem; }
    .f-26 { font-size:0.26rem; }
    .f-28 { font-size:0.28rem; }
    .f-30 { font-size:0.3rem; }
    .f-32 { font-size:0.32rem; }
    .f-34 { font-size:0.34rem; }
    .f-35 { font-size:0.35rem; }
    .f-36 { font-size:0.36rem; }
    .f-38 { font-size:0.38rem; }
    .f-40 { font-size:0.4rem; }
    .f-42 { font-size:0.42rem; }
    .f-46 { font-size:0.46rem; }
    .f-50 { font-size:0.5rem; }
    .f-54 { font-size:0.54rem; }
    .f-60 { font-size:0.6rem; }
    .f-70 { font-size:0.7rem; }
    .f-72 { font-size:0.72rem; }
    .f-80 { font-size:0.8rem; }
    .f-102 { font-size:1.02rem; }
	.f-122 { font-size:1.22rem; }
    body, input, select, button, textarea { font-size:0.18rem;}

  
	
	.wrap { margin:0px 0.2rem; }

}
@media only screen and (max-width:640px) {


 input, select, button, textarea { font-size:16px;}
}

@media only screen and (max-width:540px) {


}

@media only screen and (max-width: 480px) {

	
    .menu-bon { width: 30px; height: 20px;right:0.3rem; margin-top:-0.26rem; padding:0.12rem; }
	.menu_h { width: 30px; height: 20px;  }
    .menu_h span {  height:3px;  }
    .menu_h::before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    .menu_h::after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
	.menu_h::before, .menu_h::after { height: 3px; }

    .video_list ul li .img  { width:165px; }
    .video_list ul li .text {  padding:0.07rem 0px 0px 0.2rem; }
	
    .f-24 { font-size:20px; }
	


}

@media only screen and (max-width: 414px) {
	
	
    .menu-bon { margin-top:-0.32rem; }
	
    .in_bk_02 .title .more a  { width:20px; height:20px; }	
	.in_bk_04 .text .more a {width:20px; height:20px; }
	.in_bk_04 .video_button .play { width:30px; height:30px; }
	.in_bk_05 ul li .img .play {width:30px; height:30px; }
	
	.pro_con .text dl dt span i { width:10px; height:6px; bottom:-6px; margin-left:-5px; }

	.con_text ul li { padding-left:30px; }
	.con_text ul li i img { height:18px; }

	.in_bk_01 ul li { width:100%; margin:0.3rem 0px;}
	.in_bk_01 ul li .con { width:90%; }
	
	
 input, select, button, textarea { font-size:15px;}

.hd_tit .current small { font-size:13px; }

    .f-14 { font-size:13px; }
    .f-16 { font-size:14px; }
    .f-18 { font-size:15px; }
    .f-20 { font-size:16px; }
    .f-22 { font-size:17px; }
    .f-24 { font-size:18px; }
	.f-28 { font-size:20px; }
    .f-30 { font-size:22px; }

}

@media only screen and (max-width: 375px) { 

	
    .menu-bon { margin-top:-0.34rem; }
	
    .con_text ul li i { top:0.11rem; }
	
    .video_list ul li .img  { width:120px; }
    .video_list ul li .text {  padding:0px 0px 0px 0.2rem; }
    .video_list ul li .img .play {  width:20px; height:20px; margin:-10px 0px 0px -10px; }
	
	
 input, select, button, textarea { font-size:14px;}
	
    .f-14 { font-size:13px; }
    .f-16 { font-size:13px; }
    .f-18 { font-size:14px; }
    .f-22 { font-size:15px; }
    .f-24 { font-size:16px; }
    .f-26 { font-size:17px; }
	.f-28 { font-size:18px; }
    .f-30 { font-size:20px; }
}


@media only screen and (max-width: 340px) { 

    .menu-bon { margin-top:-0.36rem; }
	
.hd_tit .current small { font-size:12px; }

    .f-14 { font-size:12px; }
    .f-22 { font-size:14px; }
    .f-24 { font-size:15px; }
    .f-26 { font-size:16px; }
	.f-28 { font-size:17px; }
    .f-30 { font-size:18px; }
}


