@media screen and (max-width:1200px){
.mobile{ display: block; z-index: 999999; top:-3px;height: 40px; position: absolute; }
.navBtn{width: 34px; height: 24px; position:absolute; right:10px; top:25px;  cursor: pointer; display:block; z-index:99999999 }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #00873b; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.nav_ul{ display: none; }
.search{  display: none; }
.menuBg{ display: block; position: absolute; z-index: 99; top: 25px; }
.begin .box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
.begin .head{ width: 100%; position: static; height: auto; padding: 0 10px; box-sizing: border-box; background: #00479d; /* background: url(../images/headball.png)left top ; */ }
h1{ line-height: inherit; padding: 10px 0; margin: 0;  }
h1 img{ height: 40px; }
.certificate{ display: none; }
.lan{ margin: 18px 30px 0 0; border: none; padding: 0; }
.lan a{ width: 40px; height: 26px; line-height: 26px; font-size: 14px; }
.flex-control-nav{ display: none; }
.flex-direction-nav{ bottom: 10px; right: 30px; }
.flex-prev{ width: 30px; height: 30px; background-size: cover; right: 50px; }
.flex-next{ width: 30px; height: 30px; background-size: cover;}
.begin .riz{ padding: 0 10px; height: auto; padding-bottom: 30px; }
.riz_img img{ width: auto; height: 150px; max-width: 100% }
.riz_pic{ line-height: 220px; height: 220px; }
.riz_ul li{padding-left: 2%; margin-bottom: 0px;}
.riz_ul{ margin-left: -2%; }
.riz_title{ font-size: 16px; height: 50px; line-height: 50px; font-weight: inherit; padding: 0 3px; }
.riz_more{ margin-top: 20px; width: 180px; }
.index_tit{ padding: 30px 0 20px 0; }
.index_en{ font-size: 20px; height: 30px; line-height: 30px; }
.index_cn{ font-size: 20px; height: 40px; line-height: 40px; }
.index_riz{ margin-top: 0; padding: 0; height: auto; line-height: 24px; font-size: 16px; }
.begin .cases_inner{ padding: 0px 10px 40px; }
.cases{ background: none; }
.cases_div{ height: auto; }
.cases_r{ position: static; width: 100%; height: auto; padding: 0 10px 20px; }
.cases_title{ margin: 20px 0 10px 0; font-size: 20px; height: 40px; line-height: 40px; }
.cases_zi{ margin-bottom: 20px; }
.cases_more{ width: 180px; }
.swiper-pagination{ display: none; }
.swiper-button-next,.swiper-button-prev{ bottom: 10px!important; }

.begin .foot{ padding: 0 10px; }
.foot_t{ padding: 20px 0; }
.foot_nav{ display: none; }
.info{ float: none; }
.info_l{ margin: 0; float: none; width: 100% }
.info_img{ float: none; margin-bottom: 10px; }
.info_tit{ text-align: left; font-size: 18px; }
.info_img a{ margin: 0 10px 0 0; }
.info_inner{ height: auto; line-height: 30px; font-size: 18px; margin-bottom: 10px; }
.info_r{ float: none; width: 100px; height: 100px; }
.info_r img{ width: auto; height: auto; max-width: 100% }
.foot_b{ height: auto; padding: 10px 0; }
.copy{ float: none; height: auto; line-height: 22px; font-size: 13px; }
.add{float: none; height: auto; line-height: 22px; font-size: 13px;}

.a_banner{ background-size: cover!important; height: 340px!important; }
.banner_inner{ height: auto; }
.site{ display: none; }

.about{ background-size: cover; }
.wrap{ padding: 0 10px; width: 100%; box-sizing: border-box; }
.aboutimg{ float: none!important; width: 100%!important; text-align: center!important; margin: 0 0 20px 0!important; }
.aboutimg img{ width: auto!important; height: auto!important; max-width: 100%!important }
.aboutline{ padding: 0!important; }
.aboutzi{ margin-bottom: 0!important; }
.abouttitl{ font-size: 20px!important; height: auto!important; line-height: 50px!important; }

.probox{ padding: 20px 0; }
.eng_title{ font-size: 20px; height: 40px; line-height: 40px; }
.eng{ margin-bottom: 10px; }
.art_l{ float: none; width: 100%; padding: 0 10px 10px; margin-bottom: 20px; }
.art_title{ height: 50px; line-height: 50px; font-size: 18px; }
.cata_ul li a{ height: 42px; line-height: 42px; font-size: 18px; margin-bottom: 0; }
.cata_ul li .drop a{ font-size: 14px; height: 30px; line-height: 30px; }
.details{ float: none; width: 100% }
.proul{ margin: 0; }
.proul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.proimg{ height: auto; line-height: inherit; }

.mag_left{ float: none; width: 100%; margin-bottom: 30px; }
.mag_left .large_box{ height: auto; line-height: inherit; padding: 30px 0; }
.mag_left .small_box{ width: 100%; }
.mag_left .small_list{ width: 140px; }
.mag_left .right_btn{ right: 0; }

.mag_right{ float: none; width: 100%; }
.ject_tit{ font-size: 20px; height: auto; line-height: 40px; }
.ject_dl{ padding: 10px 0 0 0; margin-bottom: 10px; }
.ject_dl dt{ background: none; font-size: 18px; height: auto; line-height: 30px; }
.infor_word{ height: auto; line-height: 24px; font-size: 14px; }
.good_i{ height: auto; line-height: 24px; font-size: 14px; background: url(../images/pro_info4.png) left 9px no-repeat }

.prodt{ font-size: 16px; height: auto; line-height: 40px;  }
.det{ margin-bottom: 20px; }
.det_ul{ height: auto; }
.det_ul li{ width: auto; }
.det_ul li a{ height: 40px; line-height: 40px; font-size: 16px; }
.det_inner img{ width: auto; height: auto; max-width: 100% }
.det_inner{ padding-bottom: 20px; }
.piecepro{ margin: 20px 0; padding: 10px 5px; }
.piece_left{ text-indent: 0; text-align: center; background: #fff; width: 30%; padding: 0;height: 40px; line-height: 40px; }
.proend{text-indent: 0; text-align: center; background: #fff; width: 30%; margin: 0 5%; padding: 0;height: 40px; line-height: 40px;}
.piece_right{text-indent: 0; text-align: center; background: #fff; width: 30%; padding: 0;height: 40px; line-height: 40px;}
.casebox{ padding: 30px 0; }
.fru_ul{ margin: 0 ; }
.fru_ul li{  width: 50%; padding: 0 2px; box-sizing: border-box; height: auto; margin: 0 0 10px 0; }
.fru_ul li a{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
.frudiv{ padding-bottom: 10px; margin-bottom: 20px; }
.caseul{ margin: 0; }
.caseul li{ width: 50%; margin: 0 0 10px 0; width: 50%; padding: 0 2px; box-sizing: border-box; }
.case_img{ width: 100%; text-align: center; height: auto; }
.case_img img{ width: auto; height: auto; max-width: 100% }
.casetitle{ font-size: 14px; height: 40px; line-height: 40px; }
.caseimg img{width: auto!important; height: auto!important; max-width: 100%!important }
.fru_inner{ padding-bottom: 20px; }

.navBot{ top:40px; }

.contact{ padding-top: 30px; background-size: cover; }
.ser_ul{ margin: 0 0 20px 0; }
.ser_ul li{ margin: 0 0 10px 0; float: none; width: 100%; padding: 0 0 10px 0; height: auto; }
.ser_t{ height: 40px; margin-bottom: 10px; }
.ser_l{ font-size: 16px; height: 40px; line-height: 40px; }
.ser_r{ height: 40px; line-height: 40px; }
.ser_ul li:nth-child(1) .ser_b{ height: auto; line-height: 24px; font-size: 15px; }
.ser_b{ height: 30px; line-height: 30px; font-size: 15px; }
.way{ background: none; width: 100%; height: auto; margin-bottom: 30px; }
.way_inner{ margin: 0px 0; width: 100%; height: auto; padding: 10px; }
.way_div{ padding-right: 20px; }
.wayhe{ padding-bottom: 10px; }
.way_tit{ font-size: 16px; height: 40px; line-height: 40px; }
.way_xia{ font-size: 14px; line-height: 22px; }
.way_ke{ font-size: 14px; height: auto; line-height: 22px; }
.protitle{ height: auto; font-size: 16px; line-height: 24px; }




}












@media screen and (max-width:768px){

.a_banner{ background-size: cover!important; }
.begin h1 img{ height: auto; width: 190px; }
h1 { padding: 20px 0; }







}


@media screen and (max-width:660px){
.a_banner{background-size:cover!important; height:220px!important;}

}


@media screen and (max-width:414px){

.a_banner{background-size:cover!important; height:170px!important;}
.riz_ul li{ width: 50%; }
.riz_pic{ height: 180px; line-height: 180px; }
.riz_title{ height: auto; line-height: 24px;  font-size: 16px; margin: 10px 0; }
.swiper-button-next{right: 20px!important;}
.swiper-button-prev{right: 70px!important;}
.cases_more{ height: 44px; line-height: 44px; }
.cases_div{ padding-bottom: 5px; }
.caseul li{ width: 100%; float: none; }
.lan a{ width: 30px; }










}
@media screen and (max-width:375px){
.a_banner{background-size:cover!important; height:150px!important;}
}

@media screen and (max-width:360px){
.a_banner{background-size:cover!important; height:150px!important;}

}
@media screen and (max-width:320px){


}


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