@charset "utf-8";
/* CSS Document */
@import url("default.css");
@font-face {
  font-family: jjFont;
  src: url(../fonts/Roboto-Bold.ttf);
}

/*首页*/
.aa{ font-family:Times, "Times New Roman", "serif";}
header{ width:90%; height: auto; overflow: hidden; padding:2% 5%; background-color: #5f8d0f; /* 针对不支持渐变的浏览器 */ background-image: linear-gradient(#6da114, #4a7007); display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items:center;}
.logo{ width:35%;}
.logo img{ width:476px; height:61px;}
.head{ width:65%;}
.tel{ float:right; width:100%; display: -webkit-flex; /* Safari */display: flex; justify-content:flex-end; align-items:center;}
.tel span{ color:#fff; font-size:1.125em; padding-left:10px}
.menua{ width:100%; padding-top:1%;  display: -webkit-flex; /* Safari */display: flex; justify-content:flex-end;}
.menav{ padding-left:4%; white-space:nowrap;}
.menav a{ display: block; height: 30px; font-size:1.25em; color:#fff;}
.menav a:hover{ border-bottom:#fff 2px solid}
.menua .dang a{ border-bottom:#fff 2px solid}
.banner{ width:100%; height: auto; overflow: hidden}
.banner img{ width:100%;}
.ind_about{ width:90%; height: auto; overflow: hidden; padding:5% 5%; background:#fff url(../images/bj_about.png) bottom center no-repeat; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center}
.ind_about_left{ width:50%; height: auto; overflow: hidden;}
.ind_about_right{ width:40%; height: auto; overflow: hidden;}
.aleft01{ width:100%; padding-bottom:3%; color:#ec832d; font-size:3em; font-weight:bold}
.aleft02{ width:100%; padding-bottom:3%; color:#91b24a; font-size:1.875em;}
.aleft03{ width:100%; height: 320px; overflow: hidden; color:#454545; font-size: 1em; line-height: 180%;}
.aleft04{ width:100%; height: auto; overflow: hidden; padding-top:8%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items:center;}
.aleft04_nav{ width:30%; display: -webkit-flex; /* Safari */display: flex; align-items:center; cursor: pointer}
.aleft04_nav i{ padding:13px; background-color: #81b427; border-radius: 50%; color:#fff; font-size: 2.5em;}
.aleft04_nav:hover i{ background-color: #fe9835;}
.aleft04_nav div{ padding-left:10px; font-size:1.375em; color:#91b24a;text-transform: uppercase;}
.ind_video{ widthg:100%;}
.ind_pro{ width:100%; position: relative}
.swiper {
        width: 100%;
        /*height: 100%;*/
      }

.swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.ind_pro_title{ width:100%; height: auto; overflow: hidden; padding:5% 0 2%; color:#ec832d; font-size:3em; font-weight:bold; text-align: center;}
.probj2{ width:90%; height: 850px; margin: 0 5%}
.probj{ width:100%; height:260px; background-color: #6da013; position: absolute; bottom:0}
.indprok{ width:90%; height: auto; overflow: hidden; margin: 4% auto 0; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between}
.indprok01{ width:50%; text-align: left;}
.indprok02{ width:45%; height: 520px; position: relative}
.indprok01_title{ with:100%; height: 38px; margin-bottom: 2%; color:#91b24a; font-size:1.875em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.indprok01_lei{ with:100%; margin-bottom: 4%; color:#454545; font-size:1.5em;}
.indprok01_con{ width:100%; height: 210px; overflow: hidden; margin-bottom: 8%;  font-size:0.875em; color:#454545; line-height: 170%;}
.indprok01_que{ width:100%; height:auto; overflow: hidden;}
.indprok01_que img{ width:225px; height: 80px;}
.indprok01_que a{ display: block; width:225px;}
.indprok02_pro{ width:100%; position: absolute; top:0; z-index: 20000}
.indprok02_pro img{ width:84%; margin-left: 8%;}
.indprok02_di{ width:100%; position: absolute; bottom:0;  z-index: 2000}
.indprok02_di img{ width:100%;}
.indnews{ width:100%; height: auto; overflow: hidden}
.indnews_title{ width:100%; height: auto; overflow: hidden; padding:5% 0 2%; color:#ec832d; font-size:3em; font-weight:bold; text-align: center;}
.indnews_con{ width:90%; height: auto; overflow: hidden; margin: 0 auto;}
.demo-tab-header .layui-btn.layui-this{border-color: #83b529; color: #598707;background: #d7f3a5}
.demo-tab-body>div{display: none;}
.indnewstab{ text-align: center; padding-bottom:3%;}
.indnewsnav{border-color: #e5e5e5; background:#f3f3f3 0 0; color: #656565; font-size:1.125em!important;}
/*.indnewsnavd{border-color: #83b529!important; color: #598707!important; background: #d7f3a5}*/
.indnewskk{ width:90%; margin: 0 auto 6%;}
.indnewsk{ width:1010%; height: auto; overflow: hidden; margin: 0 1%; border:#e9e9e9 1px solid; box-sizing:border-box;}
.indnewsk:hover{ -moz-box-shadow: 0px 0px 7px #eee; box-shadow: 0px 0px 7px #eee;}
.indnewsk_img img{ with:100%; height: 235px;}
.indnewsk_title{ width:90%; height: 42px; padding:0 5%; margin: 5% 0 8%; line-height: 110%; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.indnewsk_title a{ color:#3b3b3b; font-size:1.25em; font-weight:bold}
.indnewsk_title a:hover{ color:#598707}
.indnewsk_time{ padding:0 0 5% 5%; color:#3b3b3b; font-size:0.875em; text-align: left;}
.indcf{ width:100%; height: auto; overflow: hidden; display: -webkit-flex; /* Safari */display: flex;}
.indcf01{ width:33.3333333%; position: relative; cursor: pointer}
.indcf01_img{ width:100%; height: 520px}
.indcf01_img img{ width:100%; height: 100%}
.indcf01_text{ width:100%; height: 100%; background: rgba(74, 122, 53, 0.8); position: absolute; top:0; color:#fff}
.indcf01_text01{ width:80%; margin: 20% auto 0; text-align: center; font-size:3em; text-transform: uppercase;}
.indcf01_text02{ width:10%; margin: 3% auto 0; border-bottom:#fff 2px solid}
.indcf01_text03{ width:80%; margin: 8% auto 0; text-align: center; line-height: 160%}
.indcf01_text:hover{ background: rgba(74, 122, 53, 0.2);}
.footer{ width:100%; height:auto; overflow: hidden; background-color: #fff; /* 针对不支持渐变的浏览器 */background-image: linear-gradient(#fff, #fff, #e7e7e7);}
.foot{ width:90%; height: auto; overflow: hidden; margin: 5%  auto 3%; display: -webkit-flex; /* Safari */display: flex;justify-content:space-between}
.foot01{ width:30%;}
.foot01_logo{ width:100%; height: auto; overflow: hidden; margin-bottom: 10%; text-align: center}
.foot01_con{ width:100%; height: auto; overflow: hidden; line-height: 160%; font-size:0.875em}
.foot02{ width:25%; height: auto; overflow: hidden}
.foot02_con{ width:100%; height: auto; overflow: hidden; margin-bottom: 10%; font-size:1.125em;}
.foot02_con p{ font-size:1.875em;}
.foot03{ width:10%;}
.foot03nav{ width:100%; margin-bottom: 10%; font-size:1.125em;}
.footbottom{ width:90%; height: auto; overflow: hidden; margin: 4%  auto 4%; padding-top:2%; border-top:#c8c8c8 1px solid; color:#505050; font-size:0.875em; display: -webkit-flex; /* Safari */display: flex;justify-content:space-between}
.footbottom02 a{ color: #505050}
.footbottom02 a:hover{ color: #000}
.imenu2{ display: none}


/*二级页面*/
.ban{ width:100%; height: auto; overflow: hidden; position: relative}
.ban img{ width:100%;}
.ban p{ position: absolute; top:30%; left:10%; font-size:4.5em; font-family: "jjFont"; text-transform: uppercase; color:#fff}
.menubj{ width:100%; height: auto; overflow: hidden; padding:20px 0 12px; background-color: #efefef}
.menunav{ width:76%; height: auto; overflow: hidden; margin: 0 auto;}
.menunav a{ float:left; display:block; height: 42px; line-height: 42px; padding:0 15px; margin: 0 10px 10px 0; background-color: #f2ffe0; color:#3a3a3a; border-radius: 3px; white-space:nowrap;}
.menunav a:hover{ background-color: #6da013; color:#fff;}
.menunav .dang2{ background-color: #6da013; color:#fff;}
.dakk{ width:100%; height: auto; overflow: hidden; background: url(../images/about_bj.jpg) bottom repeat-x;}
.kkk{ width:76%; height: auto; overflow: hidden; margin: 3% auto 13%;}
.kkk01{ width:100%; height: auto; overflow: hidden; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.kkk01_left{ color:#ec832d; font-size:3em; font-weight:bold}
.mianbao{ display: -webkit-flex; /* Safari */display: flex; justify-content:flex-end; align-items:center;}
.mianbao_biao i{ font-size:0.625em; margin-right: 10px;}
.about{ width:100%; height: auto; overflow: hidden; margin-top: 5%; font-size: 1em; line-height: 190%;}
.acclist{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.acclist ul{ width:100%; height: auto; overflow: hidden;}
.acclist ul li{ float:left; width:22%; height: 340px; margin-right: 4%;}
.acclist ul li:nth-child(4n+0){ margin-right: 0;}
.acclist ul li img{ width:100%; height: 208px; display: block; box-sizing:border-box; border:#e3e3e3 1px solid;}
.acclist ul li p{ padding-top:8%; line-height: 150%; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.acclist ul li p a{ color:#454545}
.acclist ul li p a:hover{ color:#5f8d0f}
.lllpark{width: 100%; height: 208px; background-size:contain!important; box-sizing:border-box; border:#e3e3e3 1px solid;}
.fenye{ width:100%; height:auto; overflow:hidden; margin-top:5%; text-align: center}
.contact{ width:100%; height: auto; overflow: hidden; margin-top: 5%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.contact_map{ width:50%; height: auto; overflow: hidden;}
.contact_us{ width:45%; height: auto; overflow: hidden;}
.contact_us01{ width:100%; height: auto; overflow: hidden; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.contact_us01_left{ width:15%;}
.contact_us01_left i{ font-size:5em; color:#ec832d}
.contact_us01_right{ color:#66962f; font-size:1.5em;}
.contact_us01_right p{ font-size:2em; font-weight: bold}
.contact_us02{ padding-left:15%; padding-top:5%; font-size: 1em; line-height: 200%}
.mess{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.mess01{ width:80%; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.mess01_i{ padding-right:3%;}
.mess01_i i{ font-size:6em; color:#ec832d}
.mess01_z{ color:#66962f; font-size:3em;}
.mess02{ width:50%; padding-left:10%; padding-top:5%; height: auto; overflow: hidden;}
.me01{ width:180px!important;}
.me02{margin-left: 180px!important;}
.newslist{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.newslist ul{ width:100%; height: auto; overflow: hidden;}
.newslist ul li{ float:left; width:30%; height: 390px; margin-right: 5%;}
.newslist ul li:nth-child(3n+0){ margin-right:0}
.newslist ul li img{ width:100%; height: 245px; display: block;}
.newslist ul li p{ margin:5% 0 3%; line-height: 150%; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist ul li p a{ color:#454545}
.newslist ul li p a:hover{ color:#5f8d0f}
.newslist ul li span{ color:#999999; font-size: 0.875em;}
.news{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.news_top{ width:90%; height: auto; overflow: hidden; padding:2% 5%; border-bottom:#e7e7e7 1px solid; background-image: linear-gradient(#fff, #f9f9f9);}
.news_title{ width:100%; height: auto; overflow: hidden; color:#000000; font-size:1.875em; text-align: center}
.news_time{ width:100%; height: auto; overflow: hidden; padding-top:1.5%; display: -webkit-flex; /* Safari */display: flex; justify-content:center; align-items:center;}
.news_time_con{ padding:0 10px; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.news_time_con01 i{ font-size:1.125em; color:#5d5c5d}
.news_time_con02{ padding-left:10px; font-size:0.875em; color:#999999}
.news_con{ width:100%; height: auto; overflow: hidden; margin-top: 5%; font-size: 1em; line-height: 190%;}
.prolist{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.prolist ul{ width:100%; height: auto; overflow: hidden;}
.prolist ul li{ float:left; width:30%; height: 460px; margin-right: 5%;}
.prolist ul li:nth-child(3n+0){ margin-right:0}
.prolist ul li img{ width:100%; height: 340px; display: block; box-sizing:border-box; border:#e3e3e3 1px solid}
.prolist ul li p{ margin:5% 0 3%; line-height: 150%; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.prolist ul li p a{ color:#454545}
.prolist ul li p a:hover{ color:#5f8d0f}
.pro{ width:100%; height: auto; overflow: hidden; margin-top: 5%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.pro01{ width:45%;}
.pro01 img{ width:100%;}
.pro02{ width:50%;}
.protab_title{ width:90%; padding:5% 5% 0; color:#ec832d; font-size:2em;}
.protab_class{ width:90%; padding:1% 5% 0; color:#3c3c3c; font-size:1.5em}
.protab_li{ width:90%; padding:1% 5% 0; color:#989898; font-size:1.25em;}
.protab_li ul{ width:100%; height:auto; overflow: hidden;}
.protab_li ul li{ float:left; width:46%; padding:20px 0; margin-right: 8%; box-sizing:border-box; border-bottom:#ddd 1px solid}
.protab_li ul li:nth-child(even){ margin-right:0;}
.protab_li ul li div p{ height:26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.protab_li ul li div span{ color:#3c3c3c; font-size:1.2em}
.procon{ width:100%; height: auto; overflow: hidden; margin-top: 3%;}
.procon_top{ width:94%; height: auto; overflow: hidden; padding:1.5% 3%; background-color: #f3f3f3; border-top:#6da013 3px solid; color:#6da013; font-size:1.5em; text-transform: uppercase;}
.procon_con{ width:94%; height: auto; overflow: hidden; margin: 3% auto 0; font-size: 1em; line-height: 190%;}
.video{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.video ul{ width:100%; height: auto; overflow: hidden;}
.video ul li{ float:left; width:47.5%; height: 520px; margin-right: 5%; position: relative;cursor: pointer}
.video ul li:nth-child(even){ margin-right:0}
.video ul li img{ width:100%; height: 400px; display: block; box-sizing:border-box; border:#e3e3e3 1px solid}
.video ul li p{ margin:5% 0 3%; line-height: 150%; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.video ul li span{ display:block; width:80px; height:30px; line-height: 30px; text-align: center; font-size:0.875em; position: absolute; top:10px; left:10px; color:#fff; border-radius: 3px; z-index: 9999999; background-color:#000;background-color:rgba(0,0,0,0.6);filter:Alpha(opacity=60);}
.acccon{ width:100%; height: auto; overflow: hidden; margin-top: 3%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.acc01{ width:35%; text-align: center}
.acc01 img{ width:80%;}
.acc02{ width:50%;}
.acc02_top{ width:100%; height: auto; overflow: hidden; margin-bottom: 30px; font-size:2.375em;}
.acc02 dl{ width:100%; height: auto; overflow: hidden; font-size: 1.25em; color: #898989;}
.acc02 dl dt{ float:left; width:20%;}
.acc02 dl dd{ float:left; width:80%;}
.acc02 dl dd span{ color:#ec832d}

.video_zs{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.video_zs ul{ width:100%; height: auto; overflow: hidden;}
.video_zs ul li{ float:left; width:30%; height: 410px; margin-right: 5%; position: relative;cursor: pointer}
.video_zs ul li:nth-child(3n+0){ margin-right:0}
.video_zs ul li img{ width:100%; height: 290px; display: block; box-sizing:border-box; border:#e3e3e3 1px solid}
.video_zs ul li p{ margin:5% 0 3%; line-height: 150%; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align:center;}

.video_zs2{ width:100%; height: auto; overflow: hidden; margin-top: 5%;}
.video_zs2 ul{ width:100%; height: auto; overflow: hidden;}
.video_zs2 ul li{ float:left; width:22%; height: 480px; margin-right: 4%; position: relative;cursor: pointer}
.video_zs2 ul li:nth-child(4n+0){ margin-right:0}
.video_zs2 ul li img{ width:100%; height: 360px; display: block; box-sizing:border-box; border:#e3e3e3 1px solid}
.video_zs2 ul li p{ margin:5% 0 3%; line-height: 150%; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align:center;}



@media only screen and (max-width:1600px){
	header{ width:96%; padding: 2% 2%; display:block;}
	.head{ width:100%;}
	.tel{ display: none}
	.menua{ float:none; width:100%; padding:0; justify-content:flex-start}
	.menav{ padding:2% 4% 0 0}
	.menunav{ width:90%}
	.kkk{ width:90%;}
	.ban p{ left: 5%; font-size: 2.5em;}
}

@media only screen and (max-width:1400px){
	.ind_about{ width:96%; padding: 3% 2%; display:block;}
	.ind_about_left{ width:100%;}
	.ind_about_right{ width:100%;}
	.aleft03{ width:100%; height: auto; overflow: hidden;}
	.aleft04{ padding:4% 0;}
	.ind_about_right{ text-align:center;}
	.probj2{ width:96%; margin: 0 auto}
	.indprok02_pro img{ width:100%;}
	.indnews_con{ width:96%;}
	.prolist ul li{ width:32%; margin-right: 2%;}
	.protab_title{ width:100%; padding:5% 0 0 0;}
	.protab_class{ width:100%; padding:1% 0 0 0;}
	.protab_li{ width:100%; padding:1% 0 0 0;}
	.acc01{ width:30%;}
	.acc01 img{ width:100%;}
	.acc02{ width:60%;}
	.acc02 dl dt{ width:30%;}
	.acc02 dl dd{ width:70%;}
	.video ul li{ height:430px;}
	.video ul li img{ height:330px;}
	.video_zs ul li{ height:370px;}
	.video_zs ul li img{ height:270px;}
	.video_zs2 ul li{ height:400px;}
	.video_zs2 ul li img{ height:320px;}
	.mess01{ width:100%;}
	.mess02{ width:80%;}
	.contact{ display:block;}
	.contact_map{ width:100%; margin: 5% 0}
}

@media only screen and (max-width:1399px) and (min-width:1200px){
	.probj2{ height:700px}
	.probj{ height:150px}
	.indprok02{ height:auto; overflow: hidden}
	.indnewsk_img img{ height:200px;}
	.indcf01_img{ height:400px;}
	.indcf01_text01{ margin-top:13%;}
	.foot{ width:96%;}
	.foot02{ width:30%;}
	.foot03{ width:15%;}
	.indcf01_text01{font-size: 2em;}
	.indnewsk_title a{font-size: 1em;}
	.prolist ul li{ height:420px;}
	.prolist ul li img{ height:300px;}
	.pro01{ width:40%;}
	.pro02{ width:55%;}
	.video_zs2 ul li{ height:360px;}
	.video_zs2 ul li img{ height:280px;}
}

@media only screen and (max-width:1199px) and (min-width:800px){
	.indprok02{ height:auto; overflow: hidden}
	.probj{ height:100px;}
	.probj2{ height:auto; overflow: hidden; padding-bottom:3%;}
	.indprok02_di{ display:none}
	.indprok01{ width:40%;}
	.indprok02{ width:50%;}
	.indprok01_title{font-size: 1.125em;}
	.indprok01_lei{font-size:1.125em;}
	.indprok01_con{font-size:0.75em;}
	.indprok02_pro img{ margin:0}
	.indnewsk_img img{ height:150px;}
	.indnewsk_title a{ font-size:0.875em;}
	.indcf01_img{ height:300px;}
	.indcf01_text01{ margin-top: 13%; font-size: 1.625em}
	.foot{ width:90%;}
	.foot{ display: block}
	.foot01{ width:100%;}
	.foot01_logo{ margin-bottom: 3%; text-align: center}
	.foot01_con{ display:none}
	.foot02{ width:100%;}
	.foot02_con{margin-bottom: 3%; text-align: center;}
	.foot03{ width:100%; margin:4% 0; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items:center}
	.foot03nav{ margin:0}
	.menav{ padding-right:1%}
	.prolist ul li{ height:370px;}
	.prolist ul li img{ height:260px;}
	.pro01{ width:40%;}
	.pro02{ width:55%;}
	.protab_title{ font-size: 1.625em;}
	.protab_class{ font-size: 1.35em;}
	.protab_li{font-size: 1.125em;}
	.procon_top{font-size: 1em;}
	.newslist ul li{ width:32%; height: 300px; margin-right: 2%;}
	.newslist ul li img{ height:auto}
	.acclist ul li{ width: 24.25%; height: 280px; margin-right: 1%;}
	.acclist ul li img{ height:150px;}
	.acccon{ display:block;}
	.acc01{ width:100%;}
	.acc01 img{ width:70%;}
	.acc02{ width:100%; margin-top: 3%;}
	.acc02 dl dt{ width:20%;}
	.acc02 dl dd{ width:80%;}
	.video ul li{ height:430px;}
	.video ul li img{ height:320px;}
	.video_zs ul li{ height:315px;}
	.video_zs ul li img{ height:215px;}
	.contact_us{ width:100%;}
	.video_zs2 ul li{ width:30%; height: 390px; margin-right: 5%;}
	.video_zs2 ul li:nth-child(3n+0){ margin-right:0}
	.video_zs2 ul li img{ height: 290px;}
	.video_zs2 ul li p{ height: 47px;}
}

@media only screen and (max-width: 799px) {
	.foot{ width:90%;}
	.foot{ display: block}
	.foot01{ width:100%;}
	.foot01_logo{ margin-bottom: 3%; text-align: center}
	.foot01_con{ display:none}
	.foot02{ width:100%;}
	.foot02_con{margin-bottom: 3%; text-align: center;}
	.foot03{ width:100%; margin:4% 0; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items:center}
	.foot03nav{ margin:0}
	.menav{ padding-right:1%}
	.prolist ul li{ height:330px;}
	.prolist ul li img{ height:230px;}
	.pro{ display:block;}
	.pro01{ width:100%;}
	.pro02{ width:100%;}
	.protab_title{ width:100%; padding:5% 0 0 0; font-size: 1.35em;}
	.protab_class{ width:100%; padding:1% 0 0 0; font-size: 1.15em;}
	.protab_li ul li{ width:48%; margin-right: 4%;}
	.protab_li{ width:100%; padding:1% 0 0 0;font-size: 1em;}
	.protab_li ul li div span{ font-size:1em}
	.procon_top{font-size: 1.25em;}
	.newslist ul li{ width:32%; height: 250px; margin-right: 2%;}
	.newslist ul li img{ height:auto}
	.acclist ul li{ width: 49%; height: 340px; margin-right: 2%;}
	.acclist ul li:nth-child(even){ margin-right: 0;}
	.acclist ul li img{ height:auto;}
	.acccon{ display:block;}
	.acc01{ width:100%;}
	.acc01 img{ width:70%;}
	.acc02{ width:100%; margin-top: 3%; margin-bottom: 5%}
	.acc02 dl dt{ width:20%;}
	.acc02 dl dd{ width:80%;}
	.video ul li{ height:280px;}
	.video ul li img{ height:auto;}
	.video_zs ul li{ height:215px;}
	.video_zs ul li img{ height:auto;}
	.mess02{ width:100%; padding-left: 0}
	.mess01_z{ font-size:2em}
	.contact_us{ width:100%;}
	.video_zs2 ul li{ width:30%; height: 390px; margin-right: 5%;}
	.video_zs2 ul li:nth-child(3n+0){ margin-right:0}
	.video_zs2 ul li img{ height: 290px;}
	.video_zs2 ul li p{ height: 47px;}
}

@media only screen and (max-width: 600px) {
	.indprok02{ height:auto; overflow: hidden}
	.probj{ height:100px;}
	.probj2{ height:auto; overflow: hidden; padding-bottom:3%;}
	.indprok02_di{ display:none}
	.indprok01{ width:100%;}
	.indprok02{ width:100%; position: static}
	.indprok01_title{font-size: 1.125em;}
	.indprok01_lei{font-size:1.125em;}
	.indprok01_con{display:none}
	.indprok02_pro{ position: static}
	.indprok02_pro img{ margin:0;}
	.indnewsk_img img{ height:150px;}
	.indnewsk_title a{ font-size:0.875em;}
	.indcf01_img{ height:300px;}
	.indcf01_text01{ margin-top: 13%; font-size: 1.625em}
	.foot{ width:90%;}
	.foot{ display: block}
	.foot01{ width:100%;}
	.foot01_logo{ margin-bottom: 3%; text-align: center}
	.foot01_con{ display:none}
	.foot02{ width:100%;}
	.foot02_con{margin-bottom: 3%; text-align: center; font-size: 0.875em;}
	.foot03{ width:100%; margin:4% 0; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items:center}
	.foot03nav{ margin:0}
	.logo{ width:100%;}
	.logo img{ width:80%; height: auto; padding-left:3%;}
	.menua{ display:none}
	header{ padding:5% 2%}
	.imenu2{ display:block; position:absolute; top:2.5%; right:2%; z-index:99999999}
    .imenu2 img{ width:80%; height:80%;}
	.menubg { background: #26a2ae none repeat scroll 0 0; height: 100%; left: 0; position:fixed; top: 0; width: 100%; z-index: 99999999999;}
	.aleft01{ font-size:2.5em}
	.aleft02{ font-size:1.5em}
	.aleft03{ height:340px; overflow: hidden; margin-bottom: 3%}
	.aleft04_nav{ display:block; text-align: center}
	.aleft04_nav div { padding-left: 0; padding-top: 18%; font-size: 1em; text-align: center}
	.aleft04_nav i{font-size: 1.875em; padding: 10px;}
	.ind_about_right video{ width:100%; height: 270px}
	.ind_pro_title{ font-size:2em}
	.indprok{ display:block;}
	.indnews_title{font-size: 2em;}
	.indnewsnav{ font-size:1em!important;}
	.foot03{ display:none}
	.footbottom{ display:block}
	.indcf{ display:block}
	.indcf01{ width:100%;}
	.menubj{ display:none}
	.ban p{font-size: 2em;}
	.ban img{ height:100px}
	.kkk01{ display:block}
	.kkk01_left{ width:100%;font-size: 2.3em;}
	.mianbao{ width:100%;justify-content:flex-start; margin-top: 2%}
	.kkk{ margin-bottom:30%;}
	.prolist ul li{ width:48%; margin-right: 4%;}
	.prolist ul li:nth-child(even){ margin-right:0 }
	.prolist ul li:nth-child(3n+0){ margin-right:4%;}
	.prolist ul li:nth-child(6n+0){ margin-right:0;}
	.prolist ul li{ height:230px;}
	.prolist ul li img{ height:140px;}
	.layui-laypage a .layui-laypage span {padding: 0 10px;}
	.pro{ display:block;}
	.pro01{ width:100%;}
	.pro02{ width:100%;}
	.protab_title{ width:100%; padding:5% 0 0 0; font-size: 1.35em;}
	.protab_class{ width:100%; padding:1% 0 0 0; font-size: 1.15em;}
	.protab_li ul li{ width:48%; margin-right: 4%;}
	.protab_li{ width:100%; padding:1% 0 0 0;font-size: 1em;}
	.protab_li ul li div span{ font-size:1em}
	.procon_top{font-size: 1.25em;}
	.newslist ul li{ width:48%; height: 200px; margin-right: 4%;}
	.newslist ul li:nth-child(even){ margin-right:0 }
	.newslist ul li:nth-child(3n+0){ margin-right:4%;}
	.newslist ul li:nth-child(6n+0){ margin-right:0;}
	.newslist ul li img{ height:auto}
	.news_title{font-size: 1.5em;}
	.news_time_con{ padding:0 3px;}
	.news_con img{ width: 100%!important; height: auto!important;}
	.acclist ul li{ height: 190px;}
	.acc01 img{ width:80%;}
	.acc02_top{font-size: 1.5em;}
	.acc02 dl dt{ float:none; width:100%;}
	.acc02 dl dd{ float:none; width:100%; margin-bottom: 3%}
	.video ul li{ width:48%; margin-right: 4%;}
	.video ul li:nth-child(even){ margin-right:0;}
	.video ul li:nth-child(3n+0){ margin-right:4%;}
	.video ul li:nth-child(6n+0){ margin-right:0;}
	.video ul li{ height:260px;}
	.video ul li img{ height:auto;}
	.mess01_i i{ font-size: 3em;}
	.mess01_z{font-size: 1.125em;}
	.me01{padding: 8px 5px!important; width: 140px!important;}
	.me02{ margin-left: 140px!important;}
	.contact_us01_left{ width: 20%;}
	.contact_us01_left i{font-size: 3em;}
	.contact_us01_right{ font-size: 1em;}
	.contact_us01_right p{ font-size: 1.875em;}
	.contact_us02{ font-size: 0.875em; padding-left:0}
	.indprok01_que img{ width:150px; height: auto}
	.indprok01_title{ margin-bottom:1%;}
	.video_zs ul li{ width:48%; margin-right: 4%;}
	.video_zs ul li:nth-child(even){ margin-right:0;}
	.video_zs ul li:nth-child(3n+0){ margin-right:4%;}
	.video_zs ul li:nth-child(6n+0){ margin-right:0;}
	.video_zs ul li{ height:260px;}
	.video_zs ul li img{ height:auto;}
	.video_zs2 ul li{ width:48%; height: 380px; margin-right: 4%;}
	.video_zs2 ul li:nth-child(even){ margin-right:0}
	.video_zs2 ul li img{ height: 300px;}