@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px) {
	
	/*首页*/
	.in_boxA .lt{ width: 27.5vw;}
	.in_boxA .rt .in_p_tit{ margin-top: 60px;}
	.in_boxA .rt .in_more{ margin-top: 100px;}
	.in_boxB .box .in_p_tit{ margin-top: 50px;}
	.in_boxB .box .hx{ margin-top: 25px;}
	.in_boxB .box .info{ margin-top: 25px;}
	.in_boxB .box .in_more{ margin-top: 30px;}	
	.in_btm .lt{ width: 57%;}
	.in_btm .lt .box{ margin-right: 20px;}
	.in_btm .rtbox{ width: 43%;}
	
	/*About Us*/
	.ab_boxD .a_bkg{ right: -17vw;}
	.ab_boxB .box_1 .info_1{ bottom: 285px;}
	.ab_boxB .box_1 .info_2{ bottom: 285px;}
	
	/* products */
	.pro_ban .mouse_box{ bottom: 60px;}
	
	
}

@media screen and (max-width: 1440px) {
	/* width: 1600px; */
	.box_pad_lr{ width: 91.66vw; padding-left: 4.17vw; padding-right: 4.17vw;}
	.box_mag_lr{ width: 91.66vw; margin-left: 4.17vw; margin-right: 4.17vw;}
		
	/*首页*/
	.in_top .box .lt .lg img{ width: 140px;}
	.in_top .box .lt .lang{ width: 150px; font-size: 14px; height: 42px; line-height: 42px; }
	.in_top .box .lt .ft{ font-size: 14px;}
	.in_top .box .rt{ width: 145px; height: 42px; font-size: 16px; margin-top: 10px;}
	.in_top .box .rt i{ height: 2px;}
	.in_top .box .rt i::after{ height: 2px; top: -7px;}
	.in_top .box .rt i::before{ height: 2px; bottom: -7px;}
	.in_top .box .ct{ height: 63px; width: 450px;}
	.in_top .box .ct .shbox .txt{ font-size: 14px;}	
	.in_top .box .ct .fxbkg{ height: 42px; width: 195px; top: 10px; right: -75px;}
	.in_top .box .ct .fxbox{ padding-top: 10px; top: 10px;}
	.in_top .box .ct .fxbox img{ width: 19px;}
	.in_top_nav .box li i{ font-size: 20px;}
	.in_top_nav .box li span{ font-size: 26px;}
	.in_top_nav .box li a{ font-size: 35px;}
	.in_ban .playbtn{ right: 80px;}
	.in_ban .playbtn img{ width: 60px;}
	.in_ban .btn_1{ right: 30px;}
	.in_p_tit{ font-size: 28px; padding: 33px 0 0 33px;}
	.in_boxA .rt .in_p_tit{ margin-top: 40px;}
	.in_boxA .rt .info{ font-size: 18px; line-height: 30px;}
	.in_boxA .rt .info::after{ top: 11px; height: 40px;}
	.in_boxA .rt .list li b{ font-size: 35px;}
	.in_boxA .rt .in_more{ margin-top: 80px;}
	.in_boxB{ margin-top: 90px;}
	.in_boxB .box{ width: 26.1vw; padding: 0 4vw;}
	.in_boxB .box .in_p_tit{ margin-top: 30px;}
	.in_boxB .box .hx{ margin-top: 20px;}
	.in_boxB .box .info{ margin-top: 20px; font-size: 14px; line-height: 27px; max-height: 162px;}
	.in_boxB .box .list li{ font-size: 20px; height: 40px; line-height: 40px;}
	.in_boxC{ margin-top: 70px; margin-bottom: 40px;}
	.in_boxC ul{ margin-top: 10px;}
	.in_boxC ul li{ width: 190px; height: 48px; line-height: 48px; font-size: 19px; margin-right: 25px;}
	.in_boxC ul li:first-child{ margin-left: 15px;}
	.in_boxD{ padding-top: 60px; padding-bottom: 60px;}
	.in_boxD .lt{ width: 8.5%;}
	.in_boxD .lt li{ font-size: 16px;}
	.in_boxD .lt li.on{ font-size: 24px;}
	.in_boxD .lt li.on i{ height: 2px; width: 20px;}
	.in_boxD .ct{ width: 46%;}
	.in_boxD .ct .p_1{ font-size: 38px;}
	.in_boxD .ct .play{ width: 145px;}
	.in_boxD .ct .play p{ margin-top: -50px;}
	.in_boxD .ct .list{ margin-top: 90px;}
	.in_boxE{ margin-top: 80px;}
	.in_boxE .box{ margin-top: 45px;}
	.in_boxE .box .bkg{ font-size: 220px;}
	.in_boxE .lt .info div{ font-size: 18px; line-height: 30px; max-height: 60px;}	
	.in_boxE .ct{ margin-top: 22px;}
	.in_boxE .ct .info{ width: calc(62.5% - 40px); padding: 20px;}
	.in_boxE .ct .info div{ font-size: 16px; line-height: 25px; max-height: 75px;}
	.in_boxE .rt{ padding-top: 22px;}
	.in_boxE .rt li .info div{ font-size: 16px; line-height: 25px; max-height: 75px;}
	.in_boxF{ padding-top: 70px; margin-bottom: 65px;}
	.in_boxF .top{ height: 45px;}
	.in_boxF .box{ margin-top: 50px;}
	.swiper_last .swiper-pagination-bullet{ height: 3px;}
	.in_btm{ padding-top: 80px; padding-bottom: 45px;}
	.in_btm .lt{ width: 60%;}
	.in_btm .lt .box p{ font-size: 18px;}
	.in_btm .lt .box ul{ margin-top: 20px;}	
	.in_btm .rtbox{ width: 40%;}	
	.in_btm .rt dt{ font-size: 18px;}
		
	/*About Us*/
	.ab_top_jg{ height: 156px;}
	.ab_ban .tit p{ font-size: 38px;}
	.ab_ban .tit span{ height: 3px; margin-top: 20px;}
	.mouse_box span{ width: 19px; height: 34px;}
	.ab_boxA .rt .top{ height: 150px;}
	.ab_boxA .rt ul{ padding: 0 30px;}
	.ab_boxA .rt ul li b{ font-size: 35px;}
	.ab_boxA .rt .info{ padding: 40px 0 0 40px;}
	.ab_boxA .rt .info .cont{ font-size: 14px; line-height: 32px; height: 192px;}
	.ab_boxB{ margin-top: 70px; margin-bottom: 70px;}
	.ab_boxB .box_1 .round{ width: 490px;}
	.ab_boxB .box_1 .round .in_p_tit{ left: calc(50% - 134px);}
	.ab_boxB .box_1 .info_1{ width: calc(50% - 245px); bottom: 230px;}
	.ab_boxB .box_1 .info_2{ width: calc(50% - 245px); bottom: 230px;}	
	.ab_boxB .box_1 .info_1 p{ font-size: 18px; line-height: 1.4;}
	.ab_boxB .box_1 .info_3{ bottom: -115px;}
	.ab_boxB .box_1 .info_3 .bkg{ height: 70px;}
	.ab_boxB .box_2 .item{ font-size: 14px;}
	.ab_boxB .box_3{ width: 910px; margin-top: 60px; font-size: 14px;}
	.ab_boxB .box_3 .yh{ left: -55px; top: -10px; width: 35px;}
	.ab_boxB .box_4{ margin-top: 40px;}
	.ab_boxB .box_4 .p_1{ font-size: 18px;}
	.ab_boxB .box_4 .box{ margin-top: 80px;}
	.ab_boxB .box_4 .box li p{ font-size: 22px;}
	.ab_boxC{ margin-top: 50px; margin-bottom: 30px;}
	.ab_boxC .tit{ height: 120px;}
	.ab_boxC .bkg{ font-size: 120px;}
	.ab_boxC .box .btnbox{ margin-top: 40px;}
	.ab_boxC .box .btnbox .hx{ width: calc(100% - 230px);}
	.ab_boxC .box .btnbox .btn p{ width: 40px; height: 40px;}
	.ab_boxC .box .btnbox .btn .prev{ margin-right: 30px;}
	.ab_boxD{ height: 880px;}
	.ab_boxD .info{ top: 60px;}
	.ab_boxD .info div{ font-size: 14px;}
	.ab_boxD .a_bkg{ width: 720px; height: 720px; top: 90px; right: -14vw;}
    .ab_boxD .imgbox { padding-top: 90px; }
    .ab_boxD .imgbox li { width: 115px; right: -250px; top: -50px; }
    .ab_boxD .imgbox .on { width: 300px; top: 305px; transform: translate(-60px, -92px); }
    .ab_boxD .imgbox .on_next { top: 610px; }
    .ab_boxD .imgbox .on_next_1 { top: 660px; right: -250px; }	
	.ab_boxD .cont{ left: 4.17vw; }
	.ab_boxD .cont .item > p{ font-size: 26px;}
	.ab_boxD .cont .item div{ width: calc(100% - 180px); font-size: 24px;}
	.ab_boxD .btnbox{ left: 4.17vw; bottom: 80px;}
	.ab_boxD .btnbox div i{ width: 64px; height: 64px;}
	.ab_boxE{ margin-top: 70px;}
	.ab_boxE .p_1{ margin-top: 60px; font-size: 20px;}
	
	/*news*/
	.news_boxA{ height: 73px;}
	.news_boxA li a{ height: 60px; line-height: 60px;}
	.news_boxA li a::before{ height: 3px; bottom: -3px;}
	.news_boxA li a i{ width: 9px; height: 9px;}
	.news_boxB{ padding-top: 50px; padding-bottom: 40px;}
	.news_boxB .lt ul{ padding-bottom: 30px;}
	.news_boxB .lt li{ padding: 28px 0;}
	.news_boxB .lt li .info .p_tit{ margin-top: 15px; font-size: 22px; line-height: 30px; height: 60px;}
	.news_boxB .lt li .info .cont{ margin-top: 15px;}
	.news_boxB .lt li .info .more{ width: 170px; height: 47px; line-height: 47px; padding: 0 30px; background-position: right 30px center;}
	.news_boxB .lt .load_more{ width: 220px; padding: 13px 0;}
	.news_boxB .rt .shbox{ height: 45px;}
	.news_boxB .rt .shbox .txt{ width: calc(100% - 85px); padding: 9px 20px;}
	.news_boxB .rt .shbox .btn{ width: 45px;}	
	.news_boxB .rt .p_tit{ font-size: 21px; margin-top: 25px;}
	.news_boxB .rt .list{ margin-top: 25px;}
	.news_boxB .rt .list ul{ padding: 10px 20px;}
	.news_boxB .rt .list li p{ font-size: 16px;}
	
	/* products */
	.pro_boxA{ height: 63px;}
	.pro_boxA li{ font-size: 18px; margin: 0 15px;}
	.pro_boxA li a{ height: 60px; line-height: 60px;}
	.pro_boxA li a::before{ height: 3px; bottom: -3px;}
	.pro_boxA li a i{ width: 9px; height: 9px; margin-left: 15px;}
	.pro_boxB{ padding-top: 40px;}
	.pro_boxB .selbox{ height: 45px;}
	.pro_boxB .selbox p{ height: 45px; line-height: 45px;}
	.pro_boxB .selbox ul{ top: 45px;}
	.pro_boxB .shbox{ height: 45px;}
	.pro_boxB .shbox .txt{ padding-top: 10px; padding-bottom: 10px;}
	.pro_boxC{ padding-top: 40px; padding-bottom: 60px;}
    .pro_list li { width: calc(33.33% - 90px); padding: 30px; margin: 0 45px 45px 0; }
	.pro_list li .p_tit{ font-size: 18px; padding-top:30px;}
	.pro_list li .more{ margin-top: 25px; height: 47px; line-height: 47px; padding: 0 30px; background-position: right 30px center;}
	.pro_boxC .load_more{ width: 220px; padding: 13px 0;}
	
	/* products show */
	.pros_boxA .box_1{ padding-top: 40px;}
	.pros_boxA .box_1 .lt .p_tit_1{ font-size: 26px; margin-top: 25px;}
	.pros_boxA .box_1 .lt .p_tit_2{ font-size: 22px;}
	.pros_boxA .box_1 .lt .sm_list{ margin-top: 47px;}
	.pros_boxA .box_1 .rt .tel{ height: 70px;}
	.pros_boxA .box_1 .rt .tel div p{ font-size: 16px;}
	.pros_boxA .box_1 .rt .email{ margin-top: 15px;}
	.pros_boxA .box_1 .rt .vid{ margin-top: 20px;}
	.pros_boxA .box_2{ height: 110px; margin-top: 30px;}
	.pros_boxB{ padding: 30px 0 40px 0;}
	.pros_boxB ul li{ font-size: 18px; height: 35px; line-height: 35px;}
	.pros_boxC{ padding-bottom: 220px;}
	.pros_boxC .bkg_num{ font-size: 250px; top: 40px;}
	.pros_boxC .box{ padding-top: 100px;}
	.pros_boxD{ padding-bottom: 130px;}
	.pros_boxD .bkg_num{ font-size: 250px; top: -80px;}
	.pros_boxE{ margin-top: 50px; padding-bottom:130px;}
	.pros_boxE .bkg_num{ font-size: 250px; top: -20px;}
    .pros_boxE .box .box_1 .btnbox div {  width:60px; height:60px;}
    .pros_boxE .box .box_2 li { margin-bottom: 35px; }
    .pros_boxE .box .box_2 li .imgs { width: 55%; }
    .pros_boxE .box .box_2 li .info { width: calc(45% - 60px); padding: 30px; }
    .pros_boxE .box .box_2 li .info .p_type { font-size: 26px; }
    .pros_boxE .box .box_2 li .info .p_tit { font-size: 16px; }
    .pros_boxE .box .box_2 li .info .cont { margin-top: 20px; }
    .pros_boxE .box .box_2 li .info .more { margin-top: 35px; }
    .pros_boxF { padding-top: 60px; padding-bottom: 30px; }
    .pros_boxF .p_1 { font-size: 110px; }
    .pros_boxF .box .btn { top: calc(50% - 25px); width: 50px; height: 50px; }
    .pros_boxF .box .prev { left: -25px; }
    .pros_boxF .box .next { right: -25px; }

	/* contact */
	.cont_boxA .box{ width: 53%; padding: 50px 4% 70px 4%;}
	.cont_boxA .box .tab{ font-size: 24px; padding-bottom: 25px;}
	.cont_boxA .box .cont{ padding: 20px 0;}
	.cont_boxA .box .cont .info{ width: 75%;}
	.cont_boxA .box .cont .info .p_2{ font-size: 16px;}
	.cont_boxA .box .msg_tit{ padding: 30px 0 25px 0; font-size: 21px; border-bottom: 2px solid #005cac;}
	.cont_boxA .box .msg_box{ margin-top: 30px; padding: 30px;}
	
}

@media screen and (max-width: 1360px) {
	/*首页*/
	.in_boxB .box .info{ max-height: 135px;}	
	.in_btm{ padding-bottom: 25px;}
	.in_btm .lt .box{ margin-right: 80px; margin-bottom: 30px;}
	.in_btm .lt .box:nth-child(4){ clear: left;}
	.in_btm .lt .box:nth-child(4) ul{ height: auto;}
	.in_btm .lt .box_h2{ margin-top: 0;}
	
	/*About Us*/
	.ab_boxD .a_bkg{ right: -16vw;}
	
	
}


@media screen and (max-width: 1280px) {
	/*首页*/
	.in_btm .lt .box{ margin-right: 65px; margin-bottom: 30px;}
	
	/* products */
	.pro_ban .mouse_box{ bottom: 40px;}
	.pro_boxA li{ font-size: 16px;}
	
	
	
}


@media screen and (max-width: 1024px) {
	/* width: 1600px; */ 
	.box_pad_lr{ width: calc(100% - 80px); padding-left: 40px; padding-right: 40px;}
	.box_mag_lr{ width: calc(100% - 80px); margin-left: 40px; margin-right: 40px;}
	
	/*首页*/
	.wap_top{ display: block; background: #FFF; width:100%; height:60px; position:fixed; top: 0; left: 0; z-index:2000; border-bottom: 1px solid #CCC;}
	.wap_top .lt{ float:left; padding:10px 0 0 15px;}
	.wap_top .lt img{ max-height:40px;}
	.wap_top .menu{ position:absolute; top:60px; left:0; width:100%; line-height:40px; z-index:1001; display:none;}
	.wap_top .menu li{ width:100%; background:rgba(255,255,255,0.95); border-top:1px solid #EEE; position:relative;}
	.wap_top .menu li:last-child{ border-bottom:1px solid #EEE;}
	.wap_top .menu li>p a{ display:inline; color:#333; height:40px; line-height:40px; margin-left:10px; text-transform: uppercase;}	
	.wap_top .menu li>p a:hover{ color:#D90000;}
	.wap_top .menu li em{ position:absolute; right:15px; top:15px; width:10px; height:10px; border:1px solid #666; border-left:0px; border-bottom:0px; opacity:1; display:block; transform:rotate(45deg);}
	.wap_top .menu li .ul_2{ width:100%; height:auto; line-height:33px; background:#FFF; display:none; color:#999;}
	.wap_top .menu li .ul_2 .li_2>p{ background:url(../images/t.png) left center no-repeat;}
	.wap_top .menu li .ul_2 .li_2:last-child>p{ background-image:url(../images/t_1.png);}
	.wap_top .menu li .ul_2 .li_2 a{ display:inline-block; height:33px; color:#666; margin-left:25px;}
	.wap_top .menu li .ul_2 .li_2 a:hover{ color:#D90000;}
	.wap_top .menu li .ul_2 span{ margin-left:10px;}
	.wap_top .controlBtn{ height:60px; width:60px; background-color:#005cac; position:relative; cursor:pointer; float:right; z-index:3; transition:all 0.3s;}
	.wap_top .controlBtn i{display:block;height:2px;background: #FFF;width:24px;position:absolute;top:29px;left:18px;transition:all 0.3s;opacity:1;}
	.wap_top .controlBtn i::after{content:"";display:block;height:2px;background: #FFF;width:24px;position:absolute;top:-7px;left:0px;transition:all 0.3s;}
	.wap_top .controlBtn i::before{content:"";display:block;height:2px;background: #FFF;width:24px;position:absolute;bottom:-7px;left:0px;transition:all 0.3s;}
	.wap_top .controlBtn i.on{ background:none; opacity:1;}
	.wap_top .controlBtn i.on::after{ transform:rotate(45deg); top:0px;}
	.wap_top .controlBtn i.on::before{ transform:rotate(-45deg); bottom:0px;}
	.wap_top .shbtn{ float: right;  margin: 11px 20px 0 0;}
	.wap_top .shbtn i{ display: block; width: 37px; height: 37px; border-radius: 37px; background: url(../images/index_02_2.png) center center no-repeat; cursor: pointer;}
	.wap_topjg{ display: block; width: 100%; height: 60px;}
	.in_top{ display: none;}
	.in_top_nav{ display: none;}
	.in_boxA .rt{ width: 63%;}
	.in_p_tit{ font-size: 20px; padding: 25px 0 0 33px;}
	.in_boxA .rt .in_p_tit{ margin-top: 20px;}
	.in_boxA .rt .info{ margin-top: 20px; font-size: 16px; line-height: 25px;}
	.in_boxA .rt .info::after{ height: 35px; top: 5px;}
	.in_boxA .rt .list{ margin-top: 35px;}
	.in_boxA .rt .list li b{ font-size: 28px;}
	.in_boxA .rt .list li p{ font-weight: normal;}
	.in_boxA .rt .in_more{ margin-top: 35px;}
	.in_boxB{ margin-top: 50px;}
	.in_boxB .box{ width: calc(34vw - 50px); padding: 0 25px;}
	.in_boxB .box .in_p_tit{ margin-top: 20px;}
	.in_boxB .box .hx{ margin-top: 10px;}
	.in_boxB .box .info{ margin-top: 10px; max-height: 108px;}
	.in_boxB .box .list li{ font-size: 16px; height: 30px; line-height: 30px; margin-top: 10px;}
	.in_boxB .box .list li.on span::after{ height: 2px;}
	.in_boxB .box .in_more{ margin-top: 20px;}
	.in_boxC{ margin-top: 40px; margin-bottom: 25px;}
	.in_boxC ul li{ width: 160px; font-size: 16px; margin-right: 15px;}
	.in_boxD{ padding-top: 35px; padding-bottom: 35px;}
	.in_boxD .lt{ width: 65px; padding-right: 20px;}
	.in_boxD .lt li{ font-size: 15px; padding-left: 35px; margin-top: 35px;}
	.in_boxD .lt li.on{ font-size: 18px; padding-left: 32px;}
	.in_boxD .ct .item{ padding-top: 15px;}
	.in_boxD .ct .p_1{ font-size: 30px;}
	.in_boxD .ct .in_more{ margin-top: 20px;}
	.in_boxD .ct .play{ width: 110px; top: 75px;}
	.in_boxD .ct .play p{ font-size: 14px; margin-top: -40px;}
	.in_boxD .ct .list{ margin-top: 50px;}
	.in_boxD .swiper_2{ margin: 0 30px;}
	.in_boxE{ margin-top: 40px;}
	.in_boxE .box .bkg{ font-size: 160px;}
	.in_boxE .ct .info div{ max-height: 25px;}
	.in_boxE .rt li .info div{ max-height: 25px;}
	.in_boxF{ padding-top: 40px; margin-bottom:30px}
	.in_boxF .box{ margin-top: 30px; width: 100%;}
	.in_boxF .box li{ margin-bottom: 20px;}
	.in_btm .lt{ width:100%}
	.in_btm .lt .box{ margin-right: 18px;}
	.in_btm .lt .box:nth-child(4){ clear: unset;}
	.in_btm .lt .box:last-child{ margin-right: 0;}
	.in_btm .lt .box p{ font-size: 16px;}
	.in_btm .rtbox{ clear: left; width:100%}
	/*弹出搜索*/
	.sh_bkg { position: fixed; left: 0; top: 0; z-index: 3000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
	.sh_box { position: fixed; left: 10%; top: 40%; z-index: 3001; width: 80%; display: none; }
	.sh_box .txt { float: left; display: block; width: calc(100% - 82px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; }
	.sh_box .btn { float: left; display: block; width: 60px; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #005cac url(../images/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; }
	.sh_box form { margin-top: 35px; }
	.sh_box .close { position: relative; width: 40px; height: 40px; margin: 0 auto 20px auto; cursor: pointer; transition: all 0.3s ease-out; }
	.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 50px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 20px; }
	.sh_box .close:before { transform: rotate(45deg); }
	.sh_box .close:after { transform: rotate(-45deg); }
	/* .sh_box .close:hover{ transform: rotate(180deg);} */
	
	/*About Us*/
	.ab_top_jg{ display: none;}
	.ab_ban .tit p{ font-size: 30px;}
	.ab_ban .tit span{ width: 50px;}
	.mouse_box{ display: none;}
	.ab_boxA{ margin-top: 30px;}
	.ab_boxA .lt{ width: 33%;}
	.ab_boxA .rt{ width: 67%;}
	.ab_boxA .rt .top{ height: 120px;}
	.ab_boxA .rt ul{ padding: 0 10px;}
	.ab_boxA .rt ul li b{ font-size: 28px;}
	.ab_boxA .rt ul li p{ font-weight: normal;}
	.ab_boxA .rt .info{ padding: 30px 0 0 30px;}
	.ab_boxA .rt .info .cont{ height: 160px;}
	.ab_boxB{ margin-top: 40px; margin-bottom: 40px;}
	.ab_boxB .box_1 .round{ width: 380px;}
	.ab_boxB .box_1 .round .in_p_tit{ left: calc(50% - 100px);}
	.ab_boxB .box_1 .info{ opacity: 1;}
	.ab_boxB .box_1 .info p{ font-size: 18px;}
	.ab_boxB .box_1 .info_1{ width: calc(50% - 190px); bottom: 165px;}
	.ab_boxB .box_1 .info_2{ width: calc(50% - 190px); bottom: 165px;}
	.ab_boxB .box_1 .info_3{ bottom: -100px;}
	.ab_boxB .box_1 .info_3 .bkg{ height: 60px;}
	.ab_boxB .box_3{ width: calc(100% - 80px); margin-top: 40px;}
	.ab_boxB .box_3 .yh{ width: 28px; left: -40px; top: -7px;}
	.ab_boxB .box_4 .box{ margin-top: 40px;}
	.ab_boxB .box_4 .box li .info{ padding-bottom: 30px;}
	.ab_boxB .box_4 .box li p{ font-size: 20px;}
	.ab_boxC{ margin-top: 30px;}
	.ab_boxC .bkg{ font-size: 90px;}
	.ab_boxC .tit{ height: 90px;}
	.ab_boxC .box .btnbox{ margin-top: 25px;}
	.ab_boxD{ height: auto; padding-top: 30px; padding-bottom: 30px;}
	.ab_boxD .info{ position: unset; width: 100%;}
	.ab_boxD .a_bkg{ display: none;}
	.ab_boxD .imgbox{ display: none;}
	.ab_boxD .cont{ display: none;}
	.ab_boxD .btnbox{ display: none;}
	.ab_boxD .wap_box{ display: block; padding-bottom: 40px; margin-top: 30px; position: relative; overflow: hidden;}
	.ab_boxD .wap_box li{ overflow: hidden;}
	.ab_boxD .wap_box li img{ float: left; width: 100px;}
	.ab_boxD .wap_box li div{ float: right; width: calc(100% - 140px);}
	.ab_boxD .wap_box li div b{ font-size: 18px; margin-top: 5px;}
	.ab_boxD .wap_box li div p{ font-size: 16px; margin-top: 7px;}
	.ab_boxD .wap_box .swiper-pagination{ bottom: 0;}
	.ab_boxD .wap_box .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%;}
	.ab_boxD .wap_box .swiper-pagination-bullet-active{ width: 12px;}	
	.ab_boxE{ margin-top: 40px;}
	.ab_boxE .box{ display: none;}
	.ab_boxE .wap_imgs{ display: block;}
	.ab_boxE .wap_box{ display: block; padding-bottom: 40px; margin-top: 30px; position: relative; overflow: hidden;}
	.ab_boxE .wap_box li{ float: left; width: 50%; text-align: center;}
	.ab_boxE .wap_box .swiper-pagination{ bottom: 0;}
	.ab_boxE .wap_box .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%;}
	.ab_boxE .wap_box .swiper-pagination-bullet-active{ width: 12px;}	
	.ab_boxE .p_1{ margin-top: 30px;}
	
	/*news*/
    .news_boxA { height: auto; }
    .news_boxA ul { flex-wrap: wrap; justify-content: flex-start; padding-top:0; }
    .news_boxA li { width: calc(50% - 30px); text-align: center; margin:0 15px; font-size:16px; }
    .news_boxA li a { height: 50px; line-height: 50px; }
    .news_boxA li a i { display: none; }
	.news_boxB .lt{ float: none; width: 100%;}
	.news_boxB .rt{ float: none; width: 100%;}
	
	/* products */
	.pro_boxA{ height: auto;}
    .pro_boxA ul { flex-wrap: wrap; justify-content: flex-start; padding-top: 0; }
	.pro_boxA li{ width: calc(25% - 30px); text-align: center; margin-bottom: 10px;}
	.pro_boxA li a{ height: 50px; line-height: 50px;}
	.pro_boxA li a i{ display: none;}
	.pro_boxC{ padding-bottom: 40px;}
    .pro_list li { width: calc(50% - 80px); margin: 0 30px 30px 0 }
    .pro_list li:nth-child(3n) { margin-right: 30px; }
    .pro_list li:nth-child(2n) { margin-right: 0; }
    .pro_list li .p_tit { padding-top:20px;}

    /* products show */
    .pros_boxA { padding-bottom: 30px; }
	.pros_boxA .box_1{ display: block; padding-top: 30px;}
	.pros_boxA .box_1 .lt{ width: 100%; max-width: 460px; margin: 0 auto;}
	.pros_boxA .box_1 .lt .p_tit_1{ font-size: 22px;}
	.pros_boxA .box_1 .lt .p_tit_2{ font-size: 18px;}
	.pros_boxA .box_1 .lt .sm_list{ margin-top: 20px;}
	.pros_boxA .box_1 .ct{ width: 100%; max-width: 460px; margin: 30px auto 0 auto;}
	.pros_boxA .box_1 .rt{ width: 100%; max-width: 460px; margin: 30px auto 0 auto;}
	.pros_boxA .box_2{ display: none;}
	.pros_boxB .tit .in_p_tit{ font-size:20px; padding: 25px 0 0 33px;}
	.pros_boxC{ padding-bottom: 100px;}
	.pros_boxC .box{ padding-top: 50px;}
	.pros_boxC .bkg_num{ display: none;}
	.pros_boxC .box .lt{ padding-left: 0;}
	.pros_boxC .box .lt .in_p_tit{ font-size:20px; padding: 25px 0 0 33px;}
	.pros_boxC .box .lt .in_p_tit::after{ bottom: -10px;}
	.pros_boxD{ margin-top: 0; padding-bottom: 70px;}
	.pros_boxD .bkg_num{ display: none;}
	.pros_boxD .tit{ padding-right: 0;}
	.pros_boxD .tit .in_p_tit{ font-size:20px; padding: 25px 0 0 33px;}
	.pros_boxD .tit .in_p_tit::after{ bottom: -10px;}
	.pros_boxD .cont{ margin-top: 60px;}
	.pros_boxE{ margin-top: 0; padding-bottom: 70px;}
	.pros_boxE .bkg_num{ display: none;}
    .pros_boxE .box .box_1 { margin-left: 0; }
    .pros_boxE .box .box_1 .in_p_tit { margin-left:0; font-size: 20px; padding: 25px 0 0 33px; }
    .pros_boxE .box .box_1 .in_p_tit::after { bottom: -10px; }
    .pros_boxE .box .box_1 .btnbox div { width: 50px; height: 50px; }
    .pros_boxE .box .box_2 { margin-top: 30px; }
    .pros_boxE .box .box_2 li { width: calc(50% - 12px); margin-right:20px;}
    .pros_boxF { padding-top: 40px; padding-bottom: 20px; }
    .pros_boxF .p_1 { font-size: 80px; }
    .pros_boxF .box .btn { display:block; top: calc(50% - 20px); width: 40px; height: 40px; }
    .pros_boxF .box .prev { left: -20px; }
    .pros_boxF .box .next { right: -20px; }


	/* contact */
    .cont_hx { top:61px;}
    .cont_boxA .map { top: 66px; }
	.cont_boxA .box{ width: calc(61% - 60px); padding: 40px 30px 50px 30px;}
	.cont_boxA .box .tab{ font-size: 21px;}
	.cont_boxA .box .cont .info{ float: none; width: 100%;}
	.cont_boxA .box .cont .ewm{ float: none; width: 100%; margin-top: 15px; clear: both;}
	
	
}


@media screen and (max-width: 768px) {
	/* width: 1700px; */
	.box_pad_lr{ width: calc(100% - 40px); padding-left: 20px; padding-right: 20px;}
	.box_mag_lr{ width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	
	/*首页*/
	.in_ban .playbtn{ top: 40%; right: 40px;}
	.in_ban .playbtn img{ width: 45px;}
	.in_ban .btn_1{display: none;}
	.in_boxA{ display: block;}
	.in_boxA .lt{ width: 100%; max-width: 480px; margin: 0 auto;}
	.in_boxA .lt .box_1{ margin-top: 15px;}
	.in_boxA .rt{ width: 100%; margin-top: 65px;}
	.in_boxB{ background-color: #FAFAFA;}
	.in_boxB .box{ position: unset; width: calc(100% - 40px); margin: 0 auto; padding-bottom: 25px;}
	.in_boxC{ margin-top: 25px;}
	.in_boxC p{ float: none;}
	.in_boxC ul{ float: none; margin-top: 20px;}
	.in_boxC ul li{ width: calc(25% - 20px);}
	.in_boxD .lt li{ margin-top: 30px;}
	.in_boxD .ct{ width: calc(100% - 85px);}
	.in_boxD .ct .item{ padding-top: 0;}
	.in_boxD .ct .p_1{ font-size: 25px;}
	.in_boxD .ct .play{ top: 45px;}
	.in_boxD .rt{ clear: both; float: none; width: calc(100% - 85px); padding:20px 0 0 85px; text-align: center;}
	.in_boxE{ margin-top: 20px;}
	.in_boxE .box{ margin-top: 25px;}
	.in_boxE .lt{ float: none; width: 100%;}
	.in_boxE .lt .info{ left: 30px;}
	.in_boxE .lt .info div{ width: calc(100% - 20px);}	
	.in_boxE .ct{ float: none; width: 100%; margin-left: 0; margin-top: 20px;}
	.in_boxE .ct .info div{ max-height: 75px;}	
	.in_boxE .rt{ float: none; width: 100%;}
	.in_boxE .rt li{ margin-bottom: 20px;}
	.in_boxF{ padding-top: 25px; margin-bottom: 20px;}
	.in_boxF .box li img{ filter: grayscale(0%);}
	.swiper_last{ display: none;}
	.swiper_last_wap{ display: block;}
	.swiper_last_wap .swiper-pagination{ bottom: 0;}	
	.in_btm{ display: none;}
	.in_cpy{ display: none;}
	.wap_btm{ clear: both; display:block; width: 100%; position: relative; z-index: 10z;}
	.wap_btm ul{ padding: 0 20px; background-color: #252626;}
	.wap_btm ul li{ border-bottom:1px solid #666; overflow:hidden;}
	.wap_btm ul li>a{ float:left; display:block; color:#FFF; font-size:15px; height:40px; line-height:40px; text-transform: uppercase;}
	.wap_btm ul li em{ float:right; display:block; width:2px; height:20px; background:#666; margin:10px 10px 0 0;}
	.wap_btm ul li em::before{ content:""; float:right; display:block; width:2px; height:20px; background:#666; transform:rotate(90deg);}
	.wap_btm div{ clear:both; padding-bottom:8px; display:none;}
	.wap_btm div a{ font-size:14px; color:#999; height:36px; line-height:36px;}
	.wap_cpy{ clear: both; display: block; width: 100%; padding: 12px 0; background-color: #252626; color: #FFF; text-align: center; line-height: 1.5;}
	.wap_cpy a{ color: #fff;}
	
	/*About Us*/
	.ab_boxA{ display: block;}
	.ab_boxA .lt{ width: 100%; text-align: center;}
	.ab_boxA .rt{ width: 100%; margin-top: 25px;}
	.ab_boxA .rt .info{ padding-left: 0;}
	.ab_boxB .box_1{ margin-bottom: 30px;}
	.ab_boxB .box_1 .info_1{ position: unset; width: 100%; margin-top: 25px;}
	.ab_boxB .box_1 .info_2{ position: unset; width: 100%; margin-top: 15px;}
	.ab_boxB .box_1 .info_2 p{ padding-left: 0;}
	.ab_boxB .box_1 .info_3{ position: unset; text-align: left; margin-top: 15px;}
	.ab_boxB .box_1 .info .bkg{ display: none;}
	.ab_boxB .box_1 .info p{ line-height: 1.4;}
	.ab_boxB .box_2{ display: block;}
	.ab_boxB .box_2::before, .ab_boxB .box_2::after{ display: none;}
	.ab_boxB .box_2 .item{ width: 100%;}
	.ab_boxB .box_2 .item_1{ border-top: 0;}
	.ab_boxB .box_2 .item_2{ border-top: 0;}
	.ab_boxB .box_4 .box{ margin-top: 20px;}
	.ab_boxB .box_4 .box ul{ display: block; overflow: hidden;}
	.ab_boxB .box_4 .box li{ float: left; width: calc(25% - 15px); margin:20px 20px 0 0;}
	.ab_boxB .box_4 .box li:nth-child(4){ margin-right: 0;}
	.ab_boxC .in_p_tit{ top: 10px;}
	
	/*news*/
	.news_boxB{ padding-top: 20px; padding-bottom: 25px;}
	.news_boxB .lt li{ display: block; padding: 15px 0; overflow: hidden;}
	.news_boxB .lt li .imgs{ float: left;}
	.news_boxB .lt li .info{ float: right; width: calc(66.25% - 20px);}
	.news_boxB .lt li .info .p_tm{ font-size: 14px;}
	.news_boxB .lt li .info .p_tit{ font-size: 18px; line-height: 26px; height: 26px; -webkit-line-clamp:1;}
	.news_boxB .lt li .info .cont{ height: 25px; -webkit-line-clamp:1;}
	.news_boxB .lt li .info .more{ position: unset; margin-top: 15px; font-size: 14px; width: 35%; height: 40px; line-height: 40px; padding: 0 20px; background-position:right 20px center; background-size: auto 35%;}
	.news_boxB .lt .load_more{ width: 30%; padding: 7px 0;}
	.news_boxB .rt .p_tit{ font-size: 18px; margin-top: 20px;}
	.news_boxB .rt .list{ margin-top: 20px;}
	
	/* products */
	.pro_boxA li{ width: calc(33.33% - 30px);}
	.pro_boxB{ padding-top: 30px;}
	.pro_boxB .box{ display: block; height: 105px;}
	.pro_boxB .shbox{ float: left; width: calc(100% - 200px); margin-top: 15px;}
	.pro_boxB .num{ float: right; width: 200px; text-align: right; margin-top: 15px; padding-top: 10px;}
	
	/* products show */
	.pros_boxC .box{ display: block;}
	.pros_boxC .box .lt .in_p_tit{ display: inline-block;}
	.pros_boxC .box .rt{ width: 100%;}
	.pros_boxE{ padding-bottom: 30px;}
    .pros_boxE .box .box_1 .in_p_tit { display: inline-block; }
    .pros_boxE .box .box_1 .btnbox { bottom: 0; }
    .pros_boxE .box .box_1 .btnbox div { display: inline-block; width: 40px; height: 40px; }
    .pros_boxE .box .box_1 .btnbox .prev { margin-bottom: 0; margin-right: 20px; transform: rotate(-90deg) rotateY(180deg); }
    .pros_boxE .box .box_1 .btnbox .next { transform: rotate(90deg); }
	
	/* contact */
	.cont_boxA .box .cont .info .info_1{ display: block;}
	.cont_boxA .box .cont .info .info_1 .fax{ margin-top: 10px;}
	.cont_boxA .box .cont .info .info_1 .email{ margin-top: 10px;}
	.cont_boxA .box .msg_box .item_1{ float: none; width: calc(100% - 20px); margin: 0 0 30px 0;}
	.cont_boxA .box .msg_box .item_2{ margin-bottom: 30px;}
	
	
	
}

@media screen and (max-width: 640px) {
	/*首页*/
.waikuan{width:100%;overflow:hidden;}
		
}

@media screen and (max-width: 480px) {
	/*首页*/
	.in_boxA .lt .box_1{ width: calc(100% - 40px);}
	.in_boxA .lt .box .swiper_1 .btn{ right: 20px;}
	.in_boxA .lt .box .swiper_1 .btn p{ width: 40px; height: 40px;}
	.in_boxA .rt .list{display: block; overflow: hidden; }
	.in_boxA .rt .list li{ float: left; margin-right: 25px; margin-bottom: 20px;}
	.in_boxA .rt .in_more{ clear: both; margin-top: 10px;}
	.in_boxC{ margin-bottom: 5px;}
	.in_boxC ul li{ width: calc(50% - 25px); height: 40px; line-height: 40px; margin: 0 20px 15px 0;}
	.in_boxC ul li:first-child{ margin-left: 0;}
	.in_boxC ul li:nth-child(2n){ margin-right: 0;}
	.in_boxC ul li:nth-child(2n+1){ margin-left: 15px;}
	.in_boxD .lt li.on{ margin-top: 20px;}
	.in_boxD .ct .play{ width: 85px;}
	.in_boxD .ct .play p{ font-size: 12px;}
	.in_boxD .ct .list{ margin-top: 30px;}
    .in_boxE .box .bkg { display:none;}
    .in_boxF .top { height: 35px; }
	.sh_box .close{ width: 30px; height: 30px;}
	.sh_box .close::before, .sh_box .close::after{ width: 35px; top: 13px; left: -3px;}
	.sh_box .txt{ padding: 10px 10px;}
	.sh_box .btn{ height: 40px; line-height: 40px; background-size: auto 50%;}
	
	
	/*About Us*/
	.ab_ban .tit p{ font-size: 22px;}
	.ab_ban .tit span{ margin-top: 10px; width: 30px;}
	.ab_boxA{ margin-top: 20px;}
	.ab_boxA .rt{ margin-top: 20px;}
	.ab_boxA .rt .top{ height: auto;}
	.ab_boxA .rt ul{ padding: 15px 15px 0 15px; display: block; overflow: hidden;}
	.ab_boxA .rt li{ float: left; margin-right: 20px; margin-bottom: 15px;}
	.ab_boxA .rt li:nth-child(3){ margin-right: 0;}
	.ab_boxA .rt li:last-child{ margin-right: 0;}
	.ab_boxB{ margin-top: 30px; margin-bottom: 30px;}
	.ab_boxB .box_1 .round{ width: 80%;}
	.ab_boxB .box_4{ margin-top: 30px;}
	.ab_boxB .box_4 .box li{ width: calc(33.33% - 17px);}
	.ab_boxB .box_4 .box li:nth-child(3n){ margin-right: 0;}
	.ab_boxB .box_4 .box li:nth-child(4){ margin-right: 20px;}
	.ab_boxB .box_4 .box li .info{ padding-bottom: 20px;}
	.ab_boxB .box_4 .box li .info::after{ height: 2px;}
	.ab_boxB .box_4 .box li i{ margin-top: 15px;}
	.ab_boxB .box_4 .box li p{ font-size: 18px; margin-top: 15px;}
	.ab_boxC .bkg{ font-size: 45px;}
	.ab_boxC .tit{ height: 70px;}
	.ab_boxC .in_p_tit{ top: 5px;}
	.ab_boxC .box .btnbox{ margin-top: 15px;}
	.ab_boxC .box .btnbox .num{ margin-top: 3px; font-size: 14px;}
	.ab_boxC .box .btnbox .num i{ font-size: 20px;}
	.ab_boxC .box .btnbox .hx{ width: calc(100% - 200px); margin-top: 17px;}
	.ab_boxC .box .btnbox .btn p{ width: 35px; height: 35px;}
	.ab_boxC .box .btnbox .btn .prev{ margin-right: 15px;}
	.ab_boxD .info div{ margin-top: 20px;}
	.ab_boxD .wap_box li div{ width: calc(100% - 120px);}
	.ab_boxE{ margin-top: 30px;}
	.ab_boxE .p_1{ margin-top: 20px;}
	
	/*news*/
    .news_boxA li { width: calc(50% - 1px); margin: 0; border-right: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; }
    .news_boxA li a { display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .news_boxA li a::before { display: none; }
    .news_boxA li.on { background-color: #D90000; }
    .news_boxA li.on a { color: #FFF; }
	.news_boxB .lt ul{ padding-bottom: 15px;}
	.news_boxB .lt li .imgs{ float: none; width: 100%;}
	.news_boxB .lt li .info{ float: none; width: 100%; padding-top: 10px;}
	.news_boxB .lt li .info .p_tit{ margin-top: 7px;}
	.news_boxB .lt li .info .cont{ margin-top: 7px;}
	.news_boxB .lt .load_more{ width: 45%; margin-top: 15px;}

    /*newsShow*/
    .nss_boxA { padding-top: 30px; padding-bottom: 30px; }
    .nss_tit { font-size: 18px;}



	/* products */
	.pro_boxA li{ width: calc(50% - 1px); margin: 0; border-right: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5;}
	.pro_boxA li a{ display: block; height: 40px; line-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
	.pro_boxA li a::before{ display: none;}
    .pro_boxA li.on { background-color:#D90000;}
    .pro_boxA li.on a{ color:#FFF;}
    .pro_boxB .box { height: auto; }
	.pro_boxB .selbox{ width: 100%;}
	.pro_boxB .shbox{ float: none; width: 100%;}
	.pro_boxB .num{ float: none; width: 100%; padding-top: 0;}
	.pro_boxC{ padding-top: 30px; padding-bottom: 30px;}
	.pro_list li{ width:calc(100% - 40px); padding:20px; margin:0 0 25px 0;}
	.pro_list li .p_tit{ font-size: 16px;}
    .pro_list li .more { margin-top: 20px; width: calc(80% - 62px); height: 40px; line-height: 40px; padding: 0 20px; background-position: right 20px center }
	.pro_boxC .load_more{ width: 45%;}
	
	/* products show */
	.pros_boxA .box_1 .lt .p_tit_1{ font-size: 20px;}
	.pros_boxA .box_1 .lt .p_tit_2{ font-size: 16px;}
	.pros_boxB{ padding: 30px 0 25px 0;}
	.pros_boxB ul{ flex-wrap: wrap;}
	.pros_boxB ul li{ margin-bottom: 15px;}
	.pros_boxC{ padding-bottom: 70px; background-size: 100% auto;}
	.pros_boxC .box{ padding-top: 30px;}
	.pros_boxD{ background-size: 100% auto;}
	.pros_boxD .cont{ margin-top: 40px;}
    .pros_boxE { padding-bottom: 35px; }
    .pros_boxE .box .box_1 .btnbox .prev { margin-right: 10px; }
    .pros_boxE .box .box_2 { margin-top: 30px; }
    .pros_boxE .box .box_2 li { display: block; border:0px; }
    .pros_boxE .box .box_2 li .imgs { width: calc(100% - 2px); border: 1px solid #F1F0EF; }
    .pros_boxE .box .box_2 li .info { width: calc(100% - 40px); padding: 20px; }
    .pros_boxE .box .box_2 li .info .p_tit { height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .pros_boxE .box .box_2 li .info .more { margin-top: 20px; }
    .pros_boxF { padding-top: 25px; padding-bottom: 10px; }
    .pros_boxF .p_1 { font-size: 40px; }


    /* contact */
    .cont_boxA .map { position: unset; width: 100%; }
	.cont_boxA .map .pc_1{ display: none;}
	.cont_boxA .map .map_1{ display: block;}
	.cont_boxA .box{ width: calc(100% - 40px); padding: 30px 20px;}
	.cont_boxA .box .tab{ font-size: 20px; padding-bottom: 15px;}
	.cont_boxA .box .msg_tit{ font-size: 20px; padding-top: 20px; padding-bottom: 15px;}
	.cont_boxA .box .msg_box .item_1{ margin-bottom: 20px;}
	.cont_boxA .box .msg_box .item_2{ margin-bottom: 20px;}
	.cont_boxA .box .msg_box .txt{ padding-top: 3px; padding-bottom: 3px;}
	.cont_boxA .box .msg_box .selbox{ height: 32px;}
	.cont_boxA .box .msg_box .selbox p{ height: 32px; line-height: 32px;}
	.cont_boxA .box .msg_box .selbox p::after{ top: 8px;}
	.cont_boxA .box .msg_box .selbox ul{ top: 32px;}
	.cont_boxA .box .msg_box .area{ height: 80px;}
	.cont_boxA .box .msg_box .btn{ height: 40px; line-height: 40px; width: 50%;}
	
}

@media screen and (max-width: 414px) {
	/*首页*/
	
	/*About Us*/
	.ab_boxA .rt ul li b{ font-size: 24px;}
	.ab_boxC .in_p_tit{ left: calc(50% - 104px); transform: translateX(0);}
	
	
}

@media screen and (max-width: 375px) {
	/*首页*/
		
}

@media screen and (max-width: 320px) {
	/*首页*/	
		
}