/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:44px;line-height:44px;background:#eee;color:#777;}
.top .top-right a{padding:0 10px;transition:all .3s;color:#777;}
/*****logobox*****/
.logobox{position:relative;padding:.35rem 0;}
.logo img{padding-right:10px;}
.logori{padding-left:10px;margin-top:5px;background:url(../images/logo-line.png) left center no-repeat;padding-left:40px;}
.logo strong{font-size:36px;line-height:36px;color:#019a48;font-weight:bold;font-family:"经典中圆简";}
.logo p{color:#019a48;line-height:24px;font-size:22px;font-family:"楷体";padding-left:80px;}
.media, .media .media{margin-top:0;}
.logobox .logoright img{padding-right:5px;margin-top:5px;}
.logobox .logoright strong{color:#ffba00;font-size:28px;line-height:1.2;font-weight:normal;}
.logobox .logoright p{font-size:16px;color:#333;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:#00824a;height:52px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:52px;box-sizing:border-box;background:url(../images/nav-line.png) right center no-repeat;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#ffba00;line-height:52px;color:#fff;}
#nav ul .submenu{position:absolute;width:100%;top:52px;z-index:99;background:#1593ea;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;}
#nav ul .submenu li a:hover{text-decoration:underline;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:600px;}	
.banner .hd{position:absolute;bottom:5px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:.42rem;height:5px;background:#fff;display:inline-block;margin-left:3px;border-radius:2px;}
.banner .hd li.on{background:#FDD209;}

/*search*/
.search-box{line-height:54px;height:54px;box-shadow:0 0 10px #eee;}
.search-box .link span{padding-right:10px;color:#000;font-size:16px;display:inline-block;}
.search-box .link a{padding:0 10px;}
.search{margin-top:8px;}
.search .sousu{width:240px;line-height:34px;background:#fff;padding-left:10px;color:#666;border:none;border:1px solid #eee;}
.search .sou-zi{width:56px;line-height:36px;background:#eebb1c;color:#fff;border:none;cursor:pointer;text-align:center;height:36px;border-radius:0 5px 5px 0;}


/***************process***************/
.process{background:#f7f7f7;padding:25px 0;}
.process li{float:left;width:12.5%;text-align:center;color:#666;line-height:32px;}
.process li img{width:.6rem;height:.6rem;}

.index-title h3{font-size:36px;color:#00824a;font-weight:bold;line-height:1.5;}
.index-title p{background:url(../images/title_line.png) center no-repeat;font-size:16px;color:#a0a0a0;}


/***************product***************/
.product-cont ul.tab_items li{float:left;line-height:44px;font-size:16px;width:20%;text-align:center;}
.product-cont ul.tab_items li a{background:#f1f1f1;margin:0 20px;display:block;border-radius:5px;}
.product-cont ul.tab_items li.active a{background:#ffba00;color:#fff;}
.pro-left a{display:block;position:relative;}
.pro-left a img{height:424px;width: 100%;}
.pro-left p{position:absolute;bottom:0;left:0;right:0;height:45px;background:rgba(0,0,0,.4);color:#FFF;text-align:center;line-height:45px;}
.pro-right li{margin-bottom:12px;}
.pro-right a{display:block;position:relative;}
.pro-right a img{height:206px;width: 100%;}
.pro-right p{position:absolute;bottom:0;left:0;right:0;height:45px;background:rgba(0,0,0,.4);color:#FFF;text-align:center;line-height:45px;}
.pro-left a:hover p,.pro-right a:hover p{background:#ffba00;}

/***************choose***************/
.choose{background:url(../images/ad.jpg) top center no-repeat;height:500px;padding:50px 0;position:relative;}
.choose .choose-title strong{font-size:26px;color:#000;display:block;line-height:1.5;}
.choose .choose-title strong em{color:#319705;font-style:normal;}
.choose .choose-title h3{font-size:30px;color:#339f00;font-weight:bold;line-height:1.5;}
.choose ul{position:absolute;left:50%;margin-left:-50px;top:82px;}
.choose ul li{font-size:18px;line-height:48px;margin-top:30px;}
.choose ul li em{font-style:normal;font-size:18px;color:#329b01;font-weight:bold;}
.choose ul li.l2{margin-left:38px;}
.choose ul li.l3{margin-left:65px;}
.choose ul li.l4{margin-left:65px;}
.choose ul li.l5{margin-left:30px;}

/***************ban***************/
.ban{background:url(../images/ban.jpg) no-repeat;height:140px;}
.ban .ban-l{font-size:30px;color:#fff;line-height:140px;width:370px;}
.ban .ban-c{width:560px;margin-top:40px;}
.ban .ban-c li{width:160px;float:left;background:url(../images/ban-ico.png) left center no-repeat;padding-left:12px;color:#fff;font-size:16px;}
.ban .ban-r{width:150px;margin-top:50px;}

/***************company***************/
.company{background:#f6f6f6;padding:40px 0;}
.aboutus .abt-cont h3{font-size:24px;color:#00824a;font-weight:bold;}
.aboutus .abt-cont p{color:#555;}
.aboutus .abt-cont a{display:block;width:1.8rem;height:36px;border:1px solid #ddd;text-align:center;line-height:36px;margin-top:10px;}
.aboutus .abt-cont a:hover{background:#00824a;border:1px solid #00824a;color:#fff;}
/***************pic***************/
.pic ul.tab_items{margin:auto;text-align:center;}
.pic ul.tab_items li{line-height:50px;display:inline-block;background:#00824a;padding:0 20px;font-size:18px;}
.pic ul.tab_items li a{color:#fff;}
.pic ul.tab_items li.li1{border-radius:30px 30px 30px 30px;}
.pic ul.tab_items li.li2{border-radius:0 30px 30px 0;}
.pic ul.tab_items li.active{background:#ffae00;}
.pic .pic-cont li a{display:block;text-align:center;overflow:hidden;}
.pic .pic-cont li a span{display:block;border:1px solid #efefef;text-align:center;}
.pic .pic-cont li a span img{margin:auto;height:180px;}

/********zixun********/
.zixun-title{border-bottom:1px solid #ddd;line-height:44px;height:44px;}
.zixun-title a{float:right;}
.zixun-title span{color:#444;font-size:24px;}
.zixun-title span img{padding-right:10px;}

.news-cont li{margin-top:10px;}
.news-cont li h3 a{font-size:16px;line-height:1.2;font-weight:bold;}
.news-cont li p{color:#555;line-height:1.5;}

.problem .bd{height:320px;overflow: hidden;margin-top:15px;}
.problem ul li{margin-bottom: 18px;border-bottom: 1px solid #dbdbdb;padding-bottom: 5px;box-sizing: border-box;}
.problem ul li h3{background:url(../images/wen-w.png) left center no-repeat;padding-left:35px;line-height: 33px;}
.problem ul li h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.problem ul li h3 a:hover{color:#A97F00;}
.problem ul li p{font-size:14px;color:#929292;background:url(../images/wen-d.png) left 1px no-repeat;padding-left:35px;line-height: 25px;margin-top:10px}

/********friendlink********/
.friendlink{background:#00824a;color:#fff;}
.friendlink a{padding:0 10px;color:#fff;}
.friendlink a:hover{text-decoration:underline;}
.footer{background:#222;padding-bottom:20px;}
.footer .fot-cont{padding:20px 0;}
.footer .fot-nav{color:#999;text-align:center;font-size:16px;padding:25px 0;}
.footer .fot-nav a{padding:0 30px;color:#999;}
.footer .fot-lianxi{float:left;width:660px;}
.footer .fot-lianxi li{float:left;color:#999;width:33.3%;}
.footer .fot-lianxi li h4{font-family:impact;font-size:22px;line-height:30px;margin-top:15px;}
.footer .fot-lianxi li p{color:#999;line-height:20px;}

.footer .fot-contact{width:390px;float:left;color:#999;}
.footer .fot-contact a{color:#999;}
.footer .ewm{width:120px;float:right;text-align:center;color:#999;}
.footer a:hover{color:#fff;}

.zhuying{padding:10px 0;line-height:1.2;color:#999;}
.zhuying a{color:#999;padding:0 10px;}







@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li,.pro-right a img,.pic .pic-cont li a span img{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.product-cont{margin:0;}
	.logobox .logo img{width:30px;margin-top:5px;float:left;padding:0;}
	.logobox,.footer{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.png);}
	.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
	/*主导航样式*/
	#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	.process li{width:25%;}
	.product-cont ul.tab_items li{width:33.3%;}
	.footer .fot-contact{width:100%;}
	.product-cont ul.tab_items li a{margin:5px;}
	.process,.company{padding:15px 0;}
	.footer .fot-cont{padding:10px 0;}
	.product,.choose ul li,.choose,.pic,.footer,.zixunBox{margin-top:15px;}
	.index-title h3,.choose .choose-title strong,.choose .choose-title h3,.aboutus .abt-cont h3,.zixun-title span{font-size:20px;}
	.choose{background:#f0f0f0;padding:15px 0;height:auto;}
	.choose ul{position:inherit;left:auto;margin:0;top:inherit;}
	.choose ul li{line-height:28px;border:1px solid #ddd;padding:10px;margin-top:2px !important;font-size:16px;}
	.choose ul li.l2,.choose ul li.l3,.choose ul li.l4,.choose ul li.l5{margin:0;}
	.news-cont li .news-img{display:none;}
	
}
.swiper-container {
      width: 100%;
      height: 600px;
    }
    .swiper-slide {
      background-repeat:no-repeat;
      background-size: cover;
      background-position: center      
    }
    @media screen and (max-width: 1024px){
      .swiper-container {
        height: 400px;
      }
    }
    @media screen and (max-width: 767px){
      .swiper-container {
        height: 350px;
      }
    }
    @media screen and (max-width:665px){
      .swiper-container {
        height: 300px;
      }
    }
    @media screen and (max-width:560px){
      .swiper-container {
        height: 250px;
      }
    }
    @media screen and (max-width:414px){
      .swiper-container {
        height: 200px;
      }
    }
    @media screen and (max-width:375px){
      .swiper-container {
        height: 150px;
      }
    }