/*index*/
section.section1{ background-color: #EAEAEA;box-sizing:border-box;padding-bottom:20px;z-index: -1}
section.section1 .container{ background-color: #fff}
section.section1 .pro-nav{border:1px solid red;width:20%;max-width:220px;border:1px solid 
	#CACACA; background-color: #fff;padding-top:16px;float: left; border-top:none;}
section.section1 .pro-nav .pro-list{height:80px;border-bottom: 1px solid #eaeaea;position: relative;background:#fff; padding-left:10px;}
section.section1 .pro-nav .pro-list>a{font-size: 14px;font-weight: bold;color: #222;box-sizing:border-box;padding-left: 63px;line-height:62px;display:block; background:url(../images/cupico.png) no-repeat; }
section.section1 .pro-nav .hot>a{ background-position:0 0; }
section.section1 .pro-nav .cold>a{background-position:0 -68px;}
section.section1 .pro-nav .coffee>a{background-position:0 -150px;}
section.section1 .pro-nav .new>a{background-position:0 -233px;}

section.section1 .pro-nav .pro-list .pro-list1{position: absolute;z-index: 66;background-color:#fff;top: 0;left:100%;width: 200px;display: none;}
section.section1 .pro-nav .pro-list:hover .pro-list1{display: block;}

section.section1 .pro-nav .pro-list .pro-list1 li {height:60px;box-sizing: border-box;padding-left: 15px;overflow: hidden;}

section.section1 .pro-nav .pro-list .pro-list1 li a{display:block;float:left;line-height:60px;}

section.section1 .pro-nav .pro-list .pro-list1 li i{display:block;float:left;width:30px;height:30px;background: url(../images/icon.png)-183px -5px;margin-top: 10px;}

section.section1 .pro-nav .pro-list .pro-list1 li:hover{background:#30b371;color:#fff}
section.section1 .pro-nav .pro-list .pro-list1 .pro-list2{display:none;position: absolute;left: 100%;top: 0;;width:600px;color: #444;background-color: #fff;box-sizing:border-box;padding-left:15px;}
section.section1 .pro-nav .pro-list .pro-list1 .pro-list2 a{display:inline-block;margin:2px 10px}

section.section1 .pro-nav .pro-list .pro-list1 li:hover .pro-list2{display:block;}
/*index*/


/*banner*/
.c-banner{
	max-width: 100%;
	position: relative;float:left;
     
}
.c-banner img{
	max-width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	max-width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: -20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: green;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}







section.section1 .pro-nav-txt{ box-sizing:border-box;padding:10px}
section.section1 .pro-nav-txt img{display:block;max-width:200px;}
section.section1 .pro-nav-img a,section.section1 .pro-nav-img a img{display:block;max-width:100%;margin:0 auto}





/*图片滚动*/
 section.section2{box-sizing: border-box;padding-bottom:30px}
section.section2 h2{font-size: 20px;color:#222;font-weight:bold;margin:30px auto}
.contain2 {
            /*width: 800px;*/
            margin: auto auto;
            overflow: hidden;
        }

        .single {
            width: 100%;
            height: 100%;
            position: relative;
            font-size: 0;
        }

        .pre {
            position: absolute;
			top:25%;
			left:0px;
            width: 25px;
            height: 50%;
            background-color: #30b371;
            cursor: pointer;
        }

        .next {
            position: absolute;
			top:25%;
			right:0px;
            width: 25px;
            height: 50%;
            right: 0px;
            background-color:#30b371;
            cursor: pointer;
        }
        .pre:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .pre::before {
            content: "";
            width: 22px;
            height: 22px;
            border: solid #fff;
            border-width: 2px 0 0 2px;
            transform: translate(-50%, -50%) rotate(-45deg);
            position: absolute;
            left: 70%;
            top: 50%;
        }


        .next:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .next::before {
            content: "";
            width: 22px;
            height: 22px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: translate(-50%, -50%) rotate(-45deg);
            position: absolute;
            left: 30%;
            top: 50%;
        }

        .single ul {
            list-style: none;
            white-space: nowrap;
            display: inline-block;
        }

        .single ul li {
            display: inline-block;
			margin:0px 35px;
        }

      .single ul li img {
            vertical-align: top;
			max-width:245px;

        }
/*图片滚动*/
/*jiaodian*/
.topbrand{ width:100%; high:auto;}
.topbrandleft{float:left; display:block; margin-right:40px;}
.topbrandright{float:left; display:block;}
.topbrandright .top{margin-bottom:40px;}

/*1F*/
section.section3 .flor_1,section.section3 .flor_2 {clear:both;margin-bottom:100px; margin-top:50px;}
section.section3 .flor_1 h2,section.section3 .flor_2 h2{font-weight:bold;font-size:26px;color:#222;border-bottom:1px solid  #59493f;position:relative;}
section.section3 .flor_1 h2 span,section.section3 .flor_2 span{ float:right; font-size:13px; color:#666; padding-right:20px; position:absolute; right:0; bottom:0; }
/*section.section3 .flor_1 .flor_1_bottm {margin-bottom:50px}*/
section.section3 .flor_1 .flor_1_bottm img{display:block;max-width:100%}
section.section3 .flor_1 .flor_1_bottm .left{width:22%;max-width:280px; float: left;overflow: hidden; margin-top:15px; }
section.section3 .flor_1 .flor_1_bottm .leftright{width:30%;max-width:280px;float: left;overflow: hidden;}
section.section3 .flor_1 .flor_1_bottm .leftright a{display:block;}
section.section3 .flor_1 .flor_1_bottm .left a{display:block;width:100%;float: left;font-size:14px;color:#222;box-sizing: border-box;}
section.section3 .flor_1 .flor_1_bottm .left a:hover{color:#30b371}
section.section3 .flor_1 .flor_1_bottm .right {width:78%;float:right; padding-top:15px; }
section.section3 .flor_1 .flor_1_bottm .rightright a{
display:inline-block;/*width:32%;*/margin-left:1%;margin-bottom: 50px;border-box; }
section.section3 .flor_1 .flor_1_bottm .rightright{width:23%; height:170px; max-width:230px; margin-right:-1px; margin-top:-1px; display:block; float:left;box-sizing: border-box; border:#ccc 1px solid; position:relative; }
section.section3 .flor_1 .flor_1_bottm .rightright img{display:block; position: absolute;right: 0;bottom: 0; max-width:100px; width:58%;}
section.section3 .flor_1 .flor_1_bottm .rightright h3 a{text-align: center;color:#222;font-size:12px;margin-top:15px; line-height:25px; padding:0 10px; font-weight:400}
section.section3 .flor_3 .flor_1_bottm .right a {margin-bottom:30px}
section.section3 .flor_1 .flor_1_bottm .right a:hover h3{color:#30b371;}
section.section3 .flor_4 .flor_1_bottm .right .img,
section.section3 .flor_4 .flor_1_bottm .right .txt{width:100%;}
section.section3 .flor_4 .flor_1_bottm .right .txt .r-left{width:38%;float: left;}
section.section3 .flor_4 .flor_1_bottm .right .txt .r-left a{margin:15px 0 0 0;font-size: 14px;line-height:24px;color:#222;position:relative;padding-left:20px}
section.section3 .flor_4 .flor_1_bottm .right .txt .r-left a i{position:absolute;left:0;top:2px;width:15px;height:15px;background:url(../images/icon.png)-85px -160px; ;}

section.section3 .flor_4 .flor_1_bottm .right .txt .r-right{width:62%;float: right; }
section.section3 .flor_4 .flor_1_bottm .right .txt .r-right a{width:49%;float: left;display:block;}
section.section3 .flor_4 .flor_1_bottm .right .txt .r-right a h3{ text-align: left;font-size:14px;}

section.section3 .flor_4 .flor_1_bottm .right .img a{display:block;float: left;width:19%}
section.section3 .flor_4 .flor_1_bottm .right .img a h3{font-size:14px;text-align:left;}
section.section3 .flor_1 .flor_1_bottm .right .rig_list{display:block;float:left;width:32%;overflow: hidden;border:1px solid #ddd;border-left:none;} 
 
section.section3 .flor_1 .flor_1_bottm .right .rig_list h3 a{ margin-top:20px;color:#30b371;font-size:16px;box-sizing:border-box;padding-left:20px}
 
section.section3 .flor_1 .flor_1_bottm .right .rig_list a{line-height:45px; margin: 0;color:#222;font-size:16px;}
section.section3 .flor_1 .flor_1_bottm .right .rig_list .rig_txt a{box-sizing:border-box;padding-left:20px}
section.section3 .flor_1 .flor_1_bottm .right .rig_list p img{display:block;max-width:100%;}
section.section3 .flor_2 {widh:100%;}
section.section3 .flor_2 .flor_2_2 .florleft2{ width:20%; max-width:280px; overflow:hidden; display:block; float:left; }
section.section3 .flor_2 .flor_2_2 .florright{display:block; float:left;margin-left:10px; width:78%;}
section.section3 .flor_2 .flor_2_2 .florright ul>li{display: inline-block; width: 32%; max-width:330px; padding: 15px; font-size: 14px; text-align: center;  height:200px; }
section.section3 .florright ul>li a img{overflow:hidden; max-width:160px; width:100%; max-height:150px;}
section.section3 .florright ul>li p{font-size:12px;text-align:center;box-sizing:border-box; display:inline-block; max-width:300px; width:100%;}
section.section4 { background-color:#30b371; background:url(../images/home_bj.jpg) no-repeat center; }


.c-banner .m-img{display:none}

@media (min-width:1299px) {
section.section1 .pro-nav-txt{height:20px}

}

@media  (max-width: 1280px) {
section.section1 .pro-nav1{float:right;}
section.section3 .flor_1 .flor_1_bottm .right a{width:32%}
section.section3 .flor_1 .flor_1_bottm .right p a{width:100%}
section.section3 .flor_1 .flor_1_bottm .right .rig_list h3 a{width:80%;margin:3px;line-height:25px;}
section.section3 .flor_1 .flor_1_bottm .right .rig_list .rig_txt a{width:45%;margin:3px}
section.section3 .flor_1 .flor_1_bottm .left{padding-bottom:35px}
section.section3 .flor_1 .flor_1_bottm .right{overflow:hidden;max-height:620px;}

section.section3 .flor_4 .flor_1_bottm .right .txt .r-left a:nth-child(3){display:none;}
section.section3 .flor_4 .flor_1_bottm .right .txt .r-left a{width:80%;}

}

@media  (max-width: 1251px) and (max-width: 1024px) {
.pro-nav1, .banner ,.jumpBtn {display:none ;}
.c-banner { float:right;text-align:right;}

}


@media (max-width: 1024px) {
    .headTop .otherLink p.top-share,nav li.cont a,section.section3 .flor_1 .flor_1_bottm .right .rig_list .rig_txt a:nth-child(3){display:none;}
section.section3 .flor_1 .flor_1_bottm .right a{width:30%}
section.section3 .flor_1 .flor_1_bottm .right p a,section.section3 .flor_1 .flor_1_bottm .right .rig_list h3 a{width:80%}
section.section3 .flor_1 .flor_1_bottm .right .rig_list .rig_txt a{width:80%}
section.section3 .flor_1 .flor_1_bottm .left a{width:80%}
section.section3 .flor_1 .flor_1_bottm .right{overflow:hidden;max-height:490px;}
.pro-nav1, .banner ,.jumpBtn {display:none ;}
.c-banner { float:right;text-align:right;}
.c-banner .m-img{display:block;display:block;max-width:700px;width:100%;float:right;}

section.section3 .flor_1 .flor_1_bottm .left a{padding:3px 10px;}
}
@media (max-width:960px) {
    section.section1 .pro-nav-txt img{display:block;max-width:150px;}
}

@media screen and (max-width:768px) {
 .c-banner .m-img{ max-width:500px; }
section.section1 .pro-nav{width:40%;max-width:200px; }
section.section3 .flor_1 .flor_1_bottm .right{max-height:450px}
.header .logo img{max-width:152px;max-height:40px;}

}
/*banner*/


@media (max-width:480px) {
.pre,.next {width: 20px;height: 60%;}
   
section.section1 .pro-nav{width:100%;max-width:100% }

section.section3 .flor_1 .flor_1_bottm .left,section.section3 .flor_1 .flor_1_bottm .right{width:100%; }
section.section3 .flor_1 .flor_1_bottm .right a,section.section3 .flor_1 .flor_1_bottm .right .rig_list{width:48%;margin:5px auto}
 section.section3 .flor_1{margin-bottom:40px}
section.section3 .flor_1 h2{font-size:20px}
section.section3 .flor_2 .flor_1_bottm .right{max-height:650px;}
section.section3 .flor_4 .flor_1_bottm .right{max-height:1000px;}
section.section3 .flor_3 .flor_1_bottm .right{max-height:600px;}
section.section3 .flor_1 .flor_1_bottm .right p a,section.section3 .flor_1 .flor_1_bottm .right .rig_list h3 a{width:90%}
section.section3 .flor_4 .flor_1_bottm .right .txt .r-left,section.section3 .flor_4 .flor_1_bottm .right .txt .r-right{width:100%}
section.section3 .flor_4 .flor_1_bottm .right .img a{width:50%}

section.s-foot .container h2{font-size:16px; padding:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; padding-top:5px;padding-bottom:5px;font-weight:normal;}
section.s-foot .container p{background:#30b371;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}


}
 

@media (max-width:320px) {
section.section3 .flor_3 .flor_1_bottm .right{max-height:750px;}

}