@charset "utf-8";
/*
Copyright (C) 山东卓博信息科技有限公司 All rights reserved
版权声明：以下代码均属于山东卓博信息科技有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。
 */
body { background: #fff; }
a { text-decoration: none; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; color: #000; }
a:hover { text-decoration: none; color: #008a44; }
ul { padding: 0; list-style: none; margin: 0; }
li, img { -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; }
em { font-style: normal; }
 @keyframes promove {
from {
transform: translateX(0px)
}
to {
transform:translateX(5px)
}
}
h1, h2, h3, h4, h5, h6 { margin: 0 auto; }
.container { width: 1200px !important; padding: 0; position: relative; }

.header { z-index: 100; width: 100%; position: relative; }
.header .head-top{height:35px;line-height:35px;background: #fdfdfd;border-bottom:1px solid #555;}
.header .head-top .left{float:left;color: #5d5d5d;}
.header .head-top .left i{font-size:18px;margin-right:5px;}
.header .head-top .right{float:right;}
.header .head-top .right a{margin-right:10px;color: #4a4a4a;}
.header .head-top .right i{font-size:18px;margin-right:5px;color:#da0000;}
.header .head-top .right span{color: #272727;}
.header .head-center{height:110px;background: #fff;}
.header .head-center .logo{float:left;}
.header .head-center .logo img{height:100%;display: block;}
.header .head-center .search{width:420px;float:left;margin-top:20px;/*margin-left: 83px;*/}
.header .head-center .search form{margin:0;border:1px solid #666;height:38px;line-height:36px;}
.header .head-center .search .search-in{width:298px;border:0;padding:0;margin:0;background:none;padding-left:10px;}
.header .head-center .search button{color:#fff;background:#666;border:0;float:right;width: 109px;height: 38px;}
.header .head-center .search button i{font-size:18px;color:#fff;margin-right:10px;}
.header .head-center .search .keywords{margin-top:10px;overflow:hidden;margin-left:10px;color: #3c3c3c;}
.header .head-center .search .keywords span{display: block;float:left;}
.header .head-center .search .keywords h4{float:left;font-size:14px;margin:3px 5px;color: #7b7b7b;}
.header .head-center .right { float: right; margin-top: 10px; }
.header .head-center .right .phone { margin-top: 20px; width: 300px; overflow: hidden; float: left; }
.header .head-center .right .phone img { float: left; margin-right: 10px; }
.header .head-center .right .phone .phone-num { float: left; }
.header .head-center .right .phone small {display: block;font-size: 19px;font-weight: bold;color: #ffffff; margin-top: -11px;}
.header .head-center .right .phone span {font-size: 29px;font-weight: bold;color: #3f3f3f;}
.header .head-bottom{height:40px;line-height:40px;background:#3f3f3f;clear: both;}
.header .head-bottom .menu{}
.header .head-bottom .menu .nav{position:relative; z-index:1;}
.header .head-bottom .menu .nav .nLi{ float:left;position:relative; display:inline;}
.header .head-bottom .menu .nav .nLi a:hover{background: #da0000;}
.header .head-bottom .menu .nav .nLi a{float:left;margin:0;display:block;text-align: center;width: 171px;padding:0;color:#fff;line-height:40px;    border-left: 1px solid #2f2f2f;border-right: 1px solid #5a5a5a;}
.header .head-bottom .menu .nav .sub{ display:none; width:170px; text-align:center;left:0; top:40px;  position:absolute; background:#666;  line-height:26px; padding:5px 0;  }
.header .head-bottom .menu .nav .sub li{ zoom:1;}
.header .head-bottom .menu .nav .on .sub a:hover{ background:#da0000; color:#fff;}
.header .head-bottom .menu .nav .on a{ background:#da0000; color:#fff;}
.header .head-bottom .menu .nav .on .sub a{background:none; color:#fff;border:0;}
.header2{
    
        width: 100%;
        height: 50px;
        background: #fff;
        display: none;
        justify-content: space-between;
        padding: 0 10px;
        box-sizing: border-box;
        overflow: auto;
    }
    .header2 img{
        max-height: 40px;
    }
    .header2>div{
        line-height: 50px;
    }
    .header2 ul{
        transition: all 0.4s;
        position: fixed;
        top: 0;
        right: -60vw;
        height: 100vh;
        width: 60vw;
        background: #fff;
        z-index: 999;
        padding: 20px;
    }
    .header2 ul div{
        line-height: 50px;
        font-size:30px;
    }
    .header2 ul li{
        line-height: 47px;
        font-size: 20px;
    }
.banner { width: 100%;overflow: hidden; position: relative; z-index:90; }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 46%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 10px; height:10px; line-height: 14px; text-align: center; background: rgba(255,255,255,0.8); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #008a44; color: #008a44; }
.banner .bd { width: 100%;overflow: hidden; margin: 0 auto; position: relative; height: 669px; }
.banner .bd ul { width: 100%;top: 0; left: 0 }
.banner .bd li { float: left; width: 100%;}
.banner .bd li span { display: block; width: 100%;}
.banner .bd li a { display: block; width: 100%;}
.banner .bd li a img{width:100%;}
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute;top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000;}
.banner .next { left: auto; right:0; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.index-title{position:relative;text-align:center;margin:10px auto;color:#333;}
.index-title .t-1{font-size:26px;font-weight:bold;}
.index-title .t-2{background:#fff;padding:10px 30px;z-index:10;position: relative;width:250px;margin:0 auto;color:#666;}
.index-title .t-4{height:1px;width:1020px;background:#999;position: absolute;top:57px;left:100px;z-index:0;}
.yk-number{margin-top:40px;overflow:hidden;}
.yk-number ul li{width:300px;float:left;text-align:center;}
.yk-number ul li span{display: block;color:#999;}
.yk-number ul li .num{color:#008a44;font-size:48px;margin:10px auto;}
.yk-block{margin-top:40px;overflow:hidden;}
.yk-block img:hover{transform: translateY(-2px);
-ms-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
-o-transform:translateY(-2px);
-moz-transform:translateY(-2px);}
.yk-block .left{width:420px;float:left;}
.yk-block .left .img-2{margin-top:10px;}
.yk-block .left .img-3{margin-top:10px;margin-left:10px;}
.yk-block .center{width:470px;float:left;margin-left:10px;}
.yk-block .right{width:290px;float:right;}
.yk-style{margin-top:40px;overflow:hidden;}
.yk-style .cont{height:700px;position: relative;margin-top:20px;}
.yk-style .hd{position: absolute;left:0;z-index:100;width:200px;background:rgba(0,0,0,0.6);height: 584px; margin-left: 152px;}
.yk-style .hd ul{text-align:center;}
.yk-style .hd ul li{margin:10px;padding: 17px 20px;color:#fff;}
.yk-style .hd ul .on{background:#008a44;color:#fff;}
.yk-style .bd{position: absolute;left:0;height:700px;width:100%;}
.yk-style .bd a{display: block;width:100%;height: 585px;}
.yk-style .bd .text{position: absolute;background:rgba(0,0,0,0.5);width:200px;height:50px;line-height:50px;right:0;top:300px;color:#fff;text-align:center;}
.yk-style .right{width:420px;height:530px;background:#eee;padding:20px;float:right;}
.yk-style .right .text-1{font-size:26px;margin-top:20;}
.yk-style .right .text-1 span{color:#008a44;margin-right:10px;font-weight:bold;font-size:30px;}
.yk-style .right .text-2{margin-top:20px;color:#666;font-size:16px;}
.yk-style .right .text-3{font-size:24px;font-weight:bold;margin-top:50px;}
.yk-style .right .text-4{margin-top:20px;color:#666;}
.yk-style .right .text-4 span{margin:0 5px;}
.yk-style .right .text-5{text-align:center;margin-top:20px;}
.yk-style .right .text-6{text-align:center;margin-top:20px;}
.yk-style .right .text-6 a{display: block;width:150px;height:50px;border:1px solid #ccc;border-radius:10px;text-align:center;line-height:50px;float:left;margin:10px ;}
.yk-style .right .text-6 .style-btn{background:#008a44;color:#fff;}
.yk-about{margin-top:30px;background:#fff;}
.yk-about .cont {text-align:center;margin-top:20px;padding:20px;}
.yk-about .cont p{color:#666;font-size:15px;}
.yk-about ul{overflow:hidden;}
.yk-about ul li{width:260px;float:left;text-align:center;color:#999;border:1px dotted #ccc;padding:10px;margin:10px 20px;}
.yk-about ul li:hover{border:1px dashed #008a44;}
.yk-about ul li strong{display: block;font-size:20px;color:#008a44;}
.yk-video{/*background:url(about-video.png) top center;*/height:600px;}
.yk-video video{width: 1200px;/* height: 98px; */margin-top: 9px;/* margin-left: 198px; */}
.yk-recommend{background:#eee;height:355px;margin-top: 99px;}
.yk-recommend .cont{margin-top:15px;}
.yk-recommend .cont ul li{width:390px;float:left;margin-right:15px;height:170px;overflow:hidden;position: relative;}
.yk-recommend .cont ul li:last-child{margin-right:0;}
.yk-recommend .cont ul img{width:100%;margin-top:0px;}
.yk-recommend .cont ul li .text{position: absolute;width:100%;background:rgba(0,0,0,0.6);height:30px;line-height:30px;bottom:0;color:#fff;text-align:center;}
.yk-case{margin-top:40px;overflow:hidden;}
.yk-case .case-nav{text-align:center;}
.yk-case .case-nav ul li{display: inline-block;width:120px;height:35px;line-height:35px;background:#eee;text-align:center;margin:10px;}
.yk-case .cont{overflow:hidden;}
.yk-case .cont ul li{width:380px;margin:10px;float:left;position: relative;height:240px;overflow:hidden;}
.yk-case .cont ul li img{width:100%;}
.yk-case .cont ul li .text{position: absolute;width:100%;height:35px;line-height:35px;text-align:center;background:rgba(0,0,0,0.5);bottom:0;color:#fff;}
.yk-news{margin-top:40px;overflow:hidden;}
.yk-news .news-nav{border-bottom:1px solid #eee;height:70px;line-height:70px;}
.yk-news .news-nav .left{float:left;font-size:16px;font-weight:bold;}
.yk-news .news-nav ul{width:600px;float:right;margin-top:20px;}
.yk-news .news-nav ul li{float:left;}
.yk-news .news-nav ul li a{display:block;width:100px;height:35px;line-height:35px;text-align:center;}
.yk-news .news-nav ul li:first-child  a{background:#008a44;color:#fff;}
.yk-news .cont{overflow:hidden;margin-top:20px;}
.yk-news .cont .left{width:500px;float:left;}
.yk-news .cont .left ul li img{width:100%;border:1px solid #ccc;height:360px;}
.yk-news .cont .left ul li .text{border:1px solid #ccc;height:120px;margin-top:10px;text-align:center;padding:20px;}
.yk-news .cont .left ul li .text span{display: block;font-size:16px;font-weight:bold;} 
.yk-news .cont .left ul li .text p{margin-top:10px;color:#888;}
.yk-news .cont .right{width:680px;float:right;}
.yk-news .cont .right ul li{margin-bottom:20px;border-bottom:1px solid #eee;overflow:hidden;padding-bottom:10px;height:150px;}
.yk-news .cont .right ul li img{width:180px;height:130px;float:left;}
.yk-news .cont .right ul li .text{width:450px;float:right;}
.yk-news .cont .right ul li .text span{font-size:16px;font-weight:bold;}
.yk-news .cont .right ul li .text p{margin-top:10px;color:#888;}
.yk-news .cont .right ul li .text em{background:#eee;border-radius:10px;padding:5px 10px;color:#777;}
.yqlj {background: #fff;margin-top:10px;}
.yqlj .container { height: 130px; background: url(yqlj.png); }
.yqlj ul { padding-top: 75px; padding-left: 130px; }
.yqlj li { font-size: 12px; margin-right: 10px; float: left; }
.yqlj li a { color: #aaa; }
.footer { clear: both; background:#111; }
.footer .foot-top{overflow:hidden;padding-top:48px;}
.footer .foot-top .foot-logo{float:left;width:500px;}
.footer .foot-top .foot-logo img{height:100px;}
.footer .foot-top .foot-nav{float:left;width:350px;}
.footer .foot-top .foot-nav span{font-size:16px;color:#eee;}
.footer .foot-top .foot-nav ul{margin-top:10px;}
.footer .foot-top .foot-nav ul li{float:left;margin-right:15px;margin-top:15px;}
.footer .foot-top .foot-nav ul li a{color:#999;}
.footer .foot-center{overflow:hidden;margin-top:30px;}
.footer .foot-center .phone{float:left;color:#fff}
.footer .foot-center .phone i{font-size:24px;margin-right:10px;}
.footer .foot-center .phone span{color:#ccc;margin-right:10px;}
.footer .foot-center .phone em{font-size:16px;}
.footer .foot-center .address{float:left;color:#fff;margin-left:20px;}
.footer .foot-center .address i{font-size:24px;margin-right:10px;float:left;}
.footer .foot-center .address span{color:#ccc;margin-right:10px;float:left;}
.footer .foot-center .address em{font-size:16px;float:left;}
.footer .foot-center .web{float:left;color:#fff;margin-left:20px;}
.footer .foot-center .web i{font-size:24px;margin-right:10px;}
.footer .foot-center .web span{color:#ccc;margin-right:10px;}
.footer .foot-center .web em{font-size:16px;}
.footer .foot-center .foot-btn{float:right;}
.footer .foot-center .foot-btn span{color:#eee;border:1px solid #eee;display: block;width:90px;height:30px;text-align:center;line-height:30px;font-size:13px;border-radius: 10px;cursor:pointer;float:left;margin-left:10px;}
.footer .foot-center .foot-btn span i{font-size:18px;margin-right:5px;}
.footer .foot-center .foot-btn span a{color:#fff;}
.footer .foot-bottom{overflow:hidden;color:#999;}
.footer .foot-bottom .container{border-top:1px solid #333;margin-top:30px;padding-top:30px;}
.footer .foot-bottom p{font-size:12px;}
.footer .foot-bottom p a{color:#666;}
.footer .foot-bottom .left{float:left;width:840px;}
.footer .foot-bottom .right{float:right;}
.footer .foot-bottom .right img{width:130px;height:45px;float:left;margin-left:10px;}
.inner{background:#eee;/*padding-top:90px;*/}
/*list-image*/
.product-banner{position:relative;  overflow:hidden;  zoom:1;margin-top:10px;background:#fff;}
.product-banner .hd{ width:280px;position:absolute; right:5px; overflow:hidden; }
.product-banner .hd ul li{ width:280px; text-align:center; padding:0 0 5px 5px;  }
.product-banner .hd ul li img{ width:100%; height:183px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
.product-banner .hd ul li.on{}
.product-banner .hd ul li.on img{ border-color:#f60;  }
.product-banner .bd{ width:900px;  height:563px; position:relative;  }
.product-banner .bd li{ position:relative; zoom:1; vertical-align:middle;}
.product-banner .bd li .pic{ position:relative; z-index:0;  }
.product-banner .bd li .pic img{ width:900px; height:563px; vertical-align:bottom; }
.product-banner .bd li .bg{ width:900px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.product-banner .bd li .title{ width:900px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.product-banner .bd li .title a{ color:#fff; padding-left:15px;  }
.product-flow { padding: 30px 0;background:#fff;margin-top:20px;}
.product-flow .cont img { margin: 10px 0; }
.product-flow .cont ul { position: relative; width: 100%; height: 30px; }
.product-flow .cont ul li { position: absolute; font-size: 16px; }
.product-flow .cont ul li span { color: #008a44; }
.product-flow .cont ul .li-1 { left: 11px; }
.product-flow .cont ul .li-2 { left: 158px; }
.product-flow .cont ul .li-3 { left: 315px; }
.product-flow .cont ul .li-4 { left: 474px; }
.product-flow .cont ul .li-5 { left: 625px; }
.product-flow .cont ul .li-6 { left: 785px; }
.product-flow .cont ul .li-7 { left: 940px; }
.product-flow .cont ul .li-8 { left: 1095px; }
.product-flow .flow-btn { width: 325px; height: 78px; border: 4px solid #008a44; text-align: center; margin: 20px auto; cursor: pointer; }
.product-flow .flow-btn a { display: block; background: #008a44; border: 5px solid #f5f5f5; color: #fff; height: 70px; padding: 5px 0; }
.product-flow .flow-btn a span { font-size: 22px; font-weight: bold; }
.product-flow .flow-btn a:hover { background: #0c7f3a; }
.list-image{background:#fff;margin-top:20px;overflow:hidden;}
.list-image ul li{width:386px;float:left;margin:7px;position: relative;}
.list-image ul li img{width:100%;}
.list-image ul li h3{width:100%;position:absolute;height:30px;line-height:30px;text-align:center;color:#fff;bottom:0;background:rgba(0,0,0,0.5);font-size:16px;}
.inner .image-show { overflow: hidden; background: #fff; margin-top: 20px; padding: 20px; }
.inner .image-show .img-info { overflow: hidden; }
.inner .image-show .focus { width:100%; height: 650px; position: relative; border: 1px solid #eee;overflow:hidden;}
.inner .image-show .focus .prev, .inner .image-show .focus .next { text-align: center; width: 30px; height: 50px; line-height: 50px; background: #666; position: absolute; left: 0; top: 50%; margin-top: -25px; display: block; font-size: 40px; color: #fff; }
.inner .image-show .focus .next { left: auto; right: 0%; background-position: 8px 5px; }
.inner .image-show .focus .prev:hover, .inner .image-show .focus .next:hover { background: #008a44; }
.inner .image-show .focus .prevStop { display: none; }
.inner .image-show .focus .nextStop { display: none; }
.inner .image-show .focus .bd img { width:100%;}
.inner .image-show .right {}
.inner .image-show .right h1 { font-size: 28px; color: #008a44; border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-top: 20px; }
.inner .image-show .right .attr { margin: 20px 0; }
.inner .image-show .right .attr i { color: #008a44; margin-right: 5px; width: 20px; text-align: center; }
.inner .image-show .right .attr .pag { color: #666; margin-top: 10px; }
.inner .image-show .right p { background: #f3f3f3; padding: 10px; border: 1px dashed #888; color: #666; }
.inner .image-show .right p a { color: #666; }
.inner .image-show .right .imge-tag { overflow: hidden; margin-bottom: 30px; }
.inner .image-show .right .imge-tag .tag-title { font-size: 16px; color: #008a44; border-bottom: 1px solid #ccc; padding: 10px; }
.inner .image-show .right .imge-tag ul li a { display: block; float: left; padding: 3px 5px; background: #eee; border-radius: 50px; margin: 5px; font-size: 12px; }
.inner .image-show .img-cont { margin-top: 10px; padding: 10px; }
.inner .image-show .img-cont .cont-title { font-size: 18px; line-height: 40px; background: #444; padding-left: 10px; margin-bottom: 10px; color: #fff; }
.inner .image-show .img-cont blockquote { font-size: 16px; line-height: 36px; border-left: 3px solid #008a44; background: #eee; padding: 0; padding-left: 10px; margin-bottom: 10px; }
.inner .image-show .img-cont img { display: block; margin: 10px auto; }
.inner .image-show .img-cont .table span { font-size: 14px !important; font-family: none !important; }
.inner .image-show .img-cont p { text-indent: 0 !important; text-align: center; }
.inner .image-show .img-cont p strong { display: block; margin: 5px auto; text-align: center; }
/*list-case*/
.case-banner{background:#fff;margin-top:10px;}
.swiper-container {width: 100%;height: 100%;}
.case-banner .swiper-slide a{display: block;width:600px;height:450px;overflow:hidden;}
.case-banner .swiper-slide a img{height:100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;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;transition: 300ms;transform: scale(0.8);}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.list-case{background:#fff;margin-top:20px;overflow:hidden;}
.list-case ul li{width:386px;float:left;margin:7px;position: relative;height:265px;overflow:hidden;}
.list-case ul li img{height:100%;min-width:386px;}
.list-case ul li h3{width:100%;position:absolute;height:30px;line-height:30px;text-align:center;color:#fff;bottom:0;background:rgba(0,0,0,0.5);font-size:14px;}
/*page-join*/
.page-join {}
.page-join .inner-banner img{width:100%;}
.page-join .jo-1{background:#fff;padding-top:30px;}
.page-join .jo-1 p{width:1000px;margin:10px auto;text-align:center;font-size:16px;}
/*.page-join .jo-2{background:#fff;padding-top:30px;}
.page-join .jo-2 .cont{margin-top:20px;}
.page-join .jo-2 ul li{padding:20px;box-shadow: 0 0 8px #ccc;margin-bottom:10px;overflow:hidden;}
.page-join .jo-2 ul li .left{width:50px;float:left;}
.page-join .jo-2 ul li .left .num{width:30px;height:30px;line-height:30px;background:#008a44;color:#fff;text-align:center;font-size:16px;font-weight:bold;border-radius:100px;}
.page-join .jo-2 ul li .right{width:1100px;float:right;}
.page-join .jo-2 ul li .right span{font-size:16px;font-weight:bold;}
.page-join .jo-2 ul li .right p{color:#777;}*/
.page-join .jo-3{background:#fff;padding-top:30px;}
.page-join .jo-3 .cont{margin-top:20px;}
.page-join .jo-3 .left{float:left;}
.page-join .jo-3 .right{float:right;/*width:800px;margin-top:20px;*/}
.page-join .jo-3 .right ul li{margin-bottom:10px;overflow: hidden;line-height:30px;}
.page-join .jo-3 .right ul li .num{width:30px;height:30px;line-height:30px;background:#008a44;color:#fff;text-align:center;font-size:16px;font-weight:bold;border-radius:100px;float:left;margin-right:10px;}
.page-join .jo-3 .right ul li p{margin-top: 0px;}
.block-1{overflow:hidden;margin-top:10px; background: #fff;}
.block-1 ul{overflow:hidden;margin-bottom:20px;-moz-box-shadow: 0px 2px 5px #333333;-webkit-box-shadow: 0px 2px 5px #333333;box-shadow: 0px 2px 5px #33333347;}
.block-1 ul li{width:400px;float:left;border-left:1px solid #eee;text-align:center;padding:20px 40px;}
.block-1 ul li:first-child{border-left:0;}
.block-1 ul li .num{font-size:60px;color:#008a44;font-weight:bold;}
.block-1 ul li .hr{width:50px;height:1px;text-align:center;margin:20px auto;background:#ddd;}
.block-1 ul li span{font-size:18px;}
.block-1 ul li p{margin-top:20px;color:#666;}
.block-1 ul li img{width:100%;margin-top:20px;}
/*list*/
.list .inner-nav{height:230px;background:url(banner-news.jpg) top center;text-align:center;}
.list .inner-nav ul{text-align:center;}
.list .inner-nav ul li{display: inline-block;width:120px;height:40px;line-height:40px;margin-top:190px;background:rgba(0,0,0,0.6);}
.list .inner-nav ul li a{color:#fff;}
.list .inner-nav ul .hover{background:#008a44;}
.inner .news-list { }
.inner .news-list ul li { margin-top: 20px; }
.inner .news-list ul li a { display: block; padding: 20px; background: #fff; overflow: hidden; }
.inner .news-list ul li img { float: left; width: 300px; height: 200px; }
.inner .news-list ul li .right { float: right; width: 820px; }
.inner .news-list ul li h2 { font-size: 20px; margin-top: 0; font-weight: bold; color: #008a44; }
.inner .news-list ul li .info { color: #666; }
.inner .news-list ul li .info i { margin-right: 10px; }
.inner .news-list ul li .info font { color: #777; }
.inner .news-list ul li .info .fa-eye { margin-left: 10px; }
.inner .news-list ul li p { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; color: #666; }
.inner .news-list ul li .tags { overflow: hidden; }
.inner .news-list ul li .tags i { float: left; margin-right: 10px; color: #008a44; font-size: 24px; }
.inner .news-list ul li .tags .tag-name { float: left; border: 1px solid #ccc; border-radius: 5px; padding: 3px 5px; font-size: 12px; margin-right: 10px; color: #666; }
.inner .news-list ul li span { display: block; width: 140px; text-align: center; line-height: 35px; height: 35px; background: #008a44; color: #fff; margin-top: 10px; }
.inner .news-list ul li:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }
.show .inner-nav{height:230px;background:url(banner-news.jpg) top center;text-align:center;}
.show .inner-nav ul{text-align:center;}
.show .inner-nav ul li{display: inline-block;width:120px;height:40px;line-height:40px;margin-top:190px;background:rgba(0,0,0,0.6);}
.show .inner-nav ul li a{color:#fff;}
.show .inner-nav ul .hover{background:#008a44;}
.inner .news-show { background: #fff; padding: 30px; margin-top: 20px; float: left; width: 930px; }
.inner .news-show h1 { font-size: 24px; text-align: center; color: #008a44; }
.inner .news-show .attr { margin-top: 20px; overflow: hidden; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #666; }
.inner .news-show .attr span { margin-right: 10px; }
.inner .news-show .attr i { margin-right: 10px; color: #008a44; }
.inner .news-show .cont { margin-top: 20px; color: #666; }
.inner .news-show .cont img { width: 100%; }
.inner .news-show .statement { color: #666; }
.inner .news-show .statement a { color: #008a44; }
.inner .news-show .news-tag { overflow: hidden; margin-top: 10px; }
.inner .news-show .news-tag .fa-tags { float: left; margin-right: 10px; font-size: 22px; margin-top: 3px; }
.inner .news-show .news-tag ul li a { display: block; float: left; border: 1px solid #ccc; padding: 5px 10px; margin-right: 10px; border-radius: 5px; color: #666; }
.inner .news-show .show-pages { overflow: hidden; margin-top: 30px; }
.inner .news-show .show-pages p { background: #fafafa; width: 400px; float: left; border: 1px solid #ccc; border-radius: 10px; padding: 8px 0; margin: 10px; text-align: center; }
.inner .news-relevant { width: 250px; float: right; background: #fff; padding: 30px 10px; margin-top: 20px; }
.inner .news-relevant .rel-title { background: #008a44; text-align: center; color: #fff; font-size: 16px; line-height: 40px; }
.inner .news-relevant ul li { border-bottom: 1px dashed #ccc; padding: 10px 0; overflow: hidden; }
.inner .news-relevant ul li em { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #008a44; border-radius: 100px; float: left; margin-right: 10px; }
.inner .news-relevant ul li span { display: block; float: left; width: 200px; color: #666; }
/*about*/
.about .inner-nav{height:230px;background:url(banner-news.jpg) top center;text-align:center;}
.about .inner-nav ul{text-align:center;}
.about .inner-nav ul li{display: inline-block;width:120px;height:40px;line-height:40px;margin-top:190px;background:rgba(0,0,0,0.6);float:none;}
.about .inner-nav ul li a{color:#fff;}
.about .inner-nav ul .active{background:#008a44;}
.about .inner-nav ul .active a{background:none;border:0;}
.about .inner-nav .fixDiv{z-index:100;margin-top:100px;}
.about .inner-nav .fixDiv ul{background:#fff;z-index:100;}
.about .inner-nav .fixDiv ul li{margin-top:0;}
.about .ab-1{padding-top:20px;overflow:hidden;background:#fff;}
.about .ab-1 ul li{width:360px;float:left;margin:20px;border:1px solid #eee;border-radius:10px;text-align:center;height:150px;padding:20px 30px;}
.about .ab-1 ul li span{display: block;font-size:24px;margin-bottom:10px;color:#008a44;border-bottom:1px solid #ccc;padding-bottom:10px;}
.about .ab-2{padding-top:20px;overflow:hidden;background:url(about-bg.jpg) top center;height:470px;}
.about .ab-2 .cont{width:666px;background:rgba(0,0,0,0.5);margin-top:30px;padding:20px;color:#fff;}
.about .ab-2 .cont .ab-title{font-size:16px;font-weight:bold;}
.about .ab-2 .cont .ab-dis{margin:10px 0;color:#eee;}
.about .ab-3{padding-top:20px;overflow:hidden;}
.about .ab-3 .hd{width:200px;float:left;text-align:center;}
.about .ab-3 .hd ul li{line-height:30px;border-left:2px solid #666;font-size:16px;}
.about .ab-3 .hd ul .on{border-left:2px solid #008a44;background:#a3dbbf;}
.about .ab-3 .bd{width:950px;float:right;background:#fff;height:570px;box-shadow: 0 0 20px #ccc;padding:50px;}
.about .ab-3 .bd p{font-size:18px;}
.about .ab-3 .bd img{}
.about .ab-4{padding-top:20px;overflow:hidden;}
.about .ab-4 .cont{overflow:hidden;}
.about .ab-4 ul li{width:550px;margin:10px;}
.about .ab-4 ul li img{border:5px solid #fff;}
.about .ab-5{padding-top:20px;overflow:hidden;background:#fff;padding-bottom:10px;}
/*contact*/
.inner-contact .inner-nav{height:230px;background:url(banner-news.jpg) top center;text-align:center;}
.inner-contact .inner-nav ul{text-align:center;}
.inner-contact .inner-nav ul li{display: inline-block;width:120px;height:40px;line-height:40px;margin-top:190px;background:rgba(0,0,0,0.6);}
.inner-contact .inner-nav ul li a{color:#fff;}
.inner-contact .inner-nav ul .hover{background:#008a44;}
.inner .page-contact { background: #fff; padding: 20px; margin-top: 20px; color: #666; }
.inner .page-contact .title { margin: 10px auto; text-align: center; }
.inner .page-contact .title small { color: #888; font-size: 18px; }
.inner .page-contact .title .text { font-size: 30px; font-weight: bold; }
.inner .page-contact .title .text span { color: #008a44; }
.inner .page-contact .top { margin-top: 10px; overflow: hidden; }
.inner .page-contact .top .left { width: 200px; float: left; margin-left: 10px; }
.inner .page-contact .top .left img { width: 100%; border: 5px solid #ccc; border-radius: 100px; }
.inner .page-contact .top .right { width: 900px; float: right; margin-right: 10px; margin-top: 30px; }
.inner .page-contact .top .right strong { font-size: 22px; font-weight: 500; color: #008a44; }
.inner .page-contact .top .right strong span { color: #888; font-size: 18px; }
.inner .page-contact .top .right p { font-size: 16px; margin-top: 30px; }
.inner .page-contact .center { margin-top: 20px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.inner .page-contact .center ul li { border: 1px solid #e6e6e6; position: relative; margin: 0 -1px -1px 0; overflow: hidden; float: left; height: 93px; line-height: 93px; font-size: 16px; color: #666; }
.inner .page-contact .center ul li i { font-size: 30px; background: #008a44; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; margin-right: 10px; }
.inner .page-contact .center ul li span { color: #008a44; }
.inner .page-contact .center ul li a { color: #666; }
.inner .page-contact .center ul .li-1 { width: 200px; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner .page-contact .center ul .li-2 { font-weight: bold; width: 380px; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner .page-contact .bottom { position: relative; }
.inner .page-contact .bottom .make { position: absolute; width: 1000px; height: 500px; top: 0; z-index: 10; left: 50px; }
.inner .page-contact .bottom iframe { width: 100%; height: 500px; }
/*order*/
.inner-place{height:40px;line-height:40px;background:#fff;margin-top:10px;}
.page{margin:10px auto;text-align:center;}
.page a{color:#008a44 !important;}
.page .active a{background:#008a44 !important;color:#fff !important;border-color:#008a44 !important;}
.inner .page-contact .bottom .make{
        width: 100%;
        left: 0;
        position: relative;
    }
#banner .swiper {
      width: 100%;
      height: 100%;
    }
    #banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #banner .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    #banner .swiper-pagination-bullet{
        width: 16px!important;
        height: 16px!important;
    }
    #banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #da0000!important;
    }
    #banner .swiper-button-next,#banner  .swiper-button-prev { height: 75px;  position: absolute;top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000;}
#banner .swiper-button-next { left: auto; right:0; background-position: 8px 5px; }
#banner .swiper-button-prev:hover,#banner  .swiper-button-next:hover { filter: alpha(opacity=100); opacity: 1; }
@media(max-width: 600px){
    .header2{
        display: flex!important;
    }
    .header{
        display: none!important;
    }
    .container{
        width: 100%!important;
    }
    .yk-number ul li{
        width: 50%;
    }
    .yk-style .hd{
        margin-left: 0;
    }
    .yk-block>div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .yk-block>div>div{
        margin: 0;
        margin-top: 10px;
    }
    .yk-about ul li{
        width: 40%;
    }
    .yk-video video{
        width: 100%;
    }
    .yk-video{
        height: auto;
    }
    .yk-recommend{
        margin-top: 20px;
        height: auto;
    }
    .yk-recommend .top>a,.yk-news .news-top a{
        display: block;
        width: auto;
    }
    .yk-recommend .top>a>img,.yk-news .news-top a img{
        width: 100%;
    }
    .yk-recommend .cont ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .yk-recommend .cont ul li{
        margin: 0;
        margin-top: 20px;
    }
    .yk-case .cont ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .yk-news .news-nav{
        display: none;
    }
    .yk-news .cont .left{
        display: none;
    }
    .yk-news .cont .right{
        width: 100%;
    }
    .yk-news .cont .right a{
        display: flex;
    }
    .index-title .t-4{
        display: none;
    }
    .footer .foot-bottom .left{
        width: 100%;
    }
    .product-flow{
        display: none;
    }
    .product-banner{
        display: none;
    }
    .inner .image-show .img-cont img{
        width: 100%!important;
        height: auto!important;
    }
    .inner .image-show .focus {
        height: auto;
    }
    .list .inner-nav,.inner-contact .inner-nav,.about .inner-nav{
        position: relative!important;
    }
    .list .inner-nav ul,.inner-contact .inner-nav ul,.about .inner-nav ul{
        position: absolute!important;
        bottom: 0!important;
    }
    .list .inner-nav ul li,.inner-contact .inner-nav ul li,.about .inner-nav ul li{
        margin-top: 10px!important;
    }
    .inner .news-list ul li a{
        display: flex;
        flex-direction: column;
    }
    .inner .news-list ul li img{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .inner .news-list ul li .right{
        width: 100%;
    }
    .inner .news-show{
        width: 100%;
    }
    .inner .news-show img{
        width: 100%!important;
        height: auto!important;
    }
    .inner .news-relevant{
        float: none;
        width: auto;
    }
    .inner .page-contact .top{
        display: flex;
    }
    .inner .page-contact .top .left，.inner .page-contact .top .right{
        width: auto;
    }
    .about .ab-3{
        display: none;
    }
    .about .ab-4 ul li{
        width: 100%;
    }
    .ab-5 .cont img{
        width: 100%;
    }
    .about .ab-4 ul li img{
        width: 100%;
    }
}