@charset "utf-8";
*{margin:0;padding:0;box-sizing: border-box;color:#000;font-family: Microsoft YaHei;font-size: 14px;line-height: 1.5}
.wrap{width: 1200px;}
.auto{margin:0 auto;}
.red{color: rgb(230, 74, 25);}
a{text-decoration: none;color:#000;}
li{list-style-type: none}
img{max-width: 100%}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.text-center{text-align: center}

.flex{display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-between{justify-content: space-between;}
.header{padding:15px 0;}
.header .gg{padding-left: 20px;background: url(../images/noticeIco2.gif) no-repeat;height: 26px;margin-bottom:10px;width: 100%;font-size:16px;}
.header .gg marquee{font-size:16px;}
.header .logo{width: 480px;}
.header .logo .pic{width: 100px;float: left;padding-right: 15px;}
.header .logo h1{font-size:50px;color: rgb(5, 160, 69);font-weight: 600;line-height: 1;padding-bottom: 10px;}
.header .logo p{font-size: 18px;font-weight: 600;line-height: 1;text-align: left;}

.header .logo2{font-size: 20px;font-weight: 600;flex-direction: column;justify-content: space-between;}
.header .logo2 p{border-left:2px solid #000;padding:5px 0 5px 10px;line-height: 20px;}
.header .qq{padding-top: 10px;}
.header .qq p{font-weight: 400;font-size: 12px;padding:5px 0;}
.header .qq p img{margin-right: 5px;vertical-align:middle;}
.header .tel{padding-left:110px;background: url(../images/tel.png) no-repeat center left;line-height: 95px;font-size: 20px;font-weight: 600}
.header .gg{width:100%;display: flex}
.header .gg .gundong{width:calc(100% - 160px);}
.header .language{width:150px;float:right;text-align: right;}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#4F9204;}





.nav {
	height: 34px;
	line-height: 55px;
	background: #238B3D;
	background:url("../images/nav.gif") top center repeat-x;
}
.nav ul{flex:1;}
.nav ul li {
	height: 34px;
	line-height: 34px;
	flex:1;
	text-align: center;
	border-right:1px solid rgba(0, 195, 26, 0.5);
}
.nav ul li a{font-size: 18px;font-weight: 600}
.nav ul li:last-of-type {
	border-right:0;
}




.nav ul li >a {
	color: #fff;
	display: block;
	padding: 0 27px;
}
.nav ul li.active,.nav ul li:hover {
	background:url("../images/nav_hover.png") repeat-x;
	color: #fff;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.banner{background: rgb(200,230,202);}
.banner img{width: 100%}
.search .wrap{padding:10px 50px;}
.search a{font-size: 12px;line-height: 24px;padding:0 5px;}
.search form{width:300px;height:28px;border:2px solid #4cb050;display: flex;margin-right: 30px;}
.search form input{border:0;background-color:#c8e6ca;line-height: 24px;width: calc(100% - 84px)}
.search form button{border:0;background-color:#4ab344;line-height: 24px;width: 84px;}




.tit{height: 35px;line-height: 35px;font-size:16px;background: #4F9204;color: #fff;padding-left: 20px;}
.title{margin-top: 20px;}
.title h3{ font-size: 18px;padding-top: 8px;font-weight: 700;color: #05a045;}
.title p{ font-size: 16px;padding-top: 8px;font-weight: 400;color: #05a045;line-height: 2}
.title p span{background-color: #05a045;width: 80px;height: 1px;display: inline-block;vertical-align: middle;margin:0px 10px;}



.nytitle h3{ font-size: 24px;padding-bottom: 8px;padding-top:5px;font-weight: 700;color: #05a045;}
.main{margin-top: 20px;}
.main .leftside{width: 250px;}
.main .leftside ul{margin-bottom: 20px;}
.main .leftside ul li{
    padding: 12px 4px;
    color: #222;
    font-size: 14px;
    border-bottom: 1px dashed #e5e5e5;
    text-indent: 2em;
}
.main .leftside p{margin:5px 0;font-size: 14px;}
.main .leftside .qq{padding-left: 15px;}
.main .leftside .lxfs{padding-left: 15px;}
.main .rightside{width: calc(100% - 280px);}
.main .rightside .pro_list ul li{width: 23%;text-align: center;margin:1%;float: left}
.main .rightside .pro_list ul li{margin-top: 15px;}
.main .rightside .pro_list ul li a img{width: 100%;}
.main .rightside .pro_list ul li a p{color: #4cb050;font-size: 14px;font-weight: 700; line-height: 2}
.main .rightside .pro_list ul:after{clear:both;content: "";display: block}
}
    
.index-case{width: 100%} 
.index-case .swiper-wrapper{padding-bottom: 50px;}
.index-case .swiper-slide{text-align: center}
.index-case .swiper-slide a{display:block;}



.index-about{margin-top: 50px;}
.index-about .main .pic{width: 30%;}   
.index-about .main .txt{width: calc(100% - 32%);padding:20px 0;} 
.index-about .main .txt p{line-height: 1.5;margin-bottom: 10px;} 
.index-about .main .txt span{font-size: 28px;} 

.index-dzlc{margin-top: 50px;}
.index-dzlc img{width: 100%}
.index-lxfs{margin-top: 50px;}
.index-lxfs .item{width: 25%;height: 94px;padding-left: 110px;align-items: center;display: flex;flex-wrap: wrap;}
.index-lxfs .item p{font-size: 24px;font-weight: 600;color: rgb(230, 74, 25);width: 100%}
.index-lxfs .item p a{font-size: 24px;font-weight: 600;color: rgb(230, 74, 25);width: 100%}
.index-lxfs .item1{background: url(../images/icon1.png) no-repeat center left;}
.index-lxfs .item2{background: url(../images/icon2.png) no-repeat center left;}
.index-lxfs .item3{background: url(../images/icon3.png) no-repeat center left;}




.footer{margin-top: 50px;}
.footer{background-color: rgb(76,176,80);padding:15px 0;text-align: center;color:#fff;}
.footer a,.footer p{color:#fff;}
.footer a{padding:0 10px}
.footer .fnav{margin-bottom: 10px;}



.art_list{padding: 15px 10px}
.art_list li{min-height: 23px;line-height: 1.58;outline: none;padding: 5px;
    color: #222;
    font-size: 14px;
    border-bottom: 1px dashed #e5e5e5;
    text-indent:1em;
    margin-bottom: 5px;
}
.art_list li a{display: flex;justify-content: space-between;}

.pagination{text-align: center;font-size: 12px;margin:50px 0;}
.pagination a{margin:5px;font-size: 12px;}


.artshow h2{font-size: 22px;text-align: center;line-height: 2.5}
.artshow .sjfw{color: #333;font-size: 12px;margin-bottom: 30px;}
 .prenext{margin-top: 50px;margin-bottom: 20px;}
 .prenext p{line-height: 2;font-size: 12px;}
 .prenext p a{font-size: 12px;}

.pro_index .tab{width: 100%;margin-bottom: 30px;margin-top: 30px;}
.pro_index .tab span{height: 48px;line-height: 48px;padding: 0 20px;color: #000;border:1px solid #ccc;display: inline-block;cursor: pointer;margin-right: 30px;}
.pro_index .tab span.active{color: #fff;background: #009a00;border:1px solid #009a00;}


.proshow .box1{padding:10px 0;}
.proshow .box1 .pic{width: 49%;}
.proshow .box1 .pic img{width: 100%;}
.proshow .box1 .txt{width: 49%;font-weight: 400;font-size: 12px;}
.proshow .box1 .txt h2{font-weight: 400;color: #585858;margin: 0;font-size: 20px;text-align: left;word-break: break-word;border-bottom: 1px solid #ccc;padding:10px 0px 10px 0;margin-bottom: 20px;}
.proshow .box1 .txt p{font-weight: 400;font-size: 14px;line-height: 1.8}

.contenttab{border-bottom: 1px solid #05a045;margin-top: 50px;margin-bottom: 20px;}
.contenttab span{border-top: 1px solid #05a045;border-left: 1px solid #05a045;border-right: 1px solid #05a045;display: inline-block;padding:10px 20px;font-size: 18px;font-weight: 600;color: #05a045}




#product_try_step_main {
	MARGIN: 8px auto 0px; WIDTH: 822px; 
}
#product_try_step_main UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px
}
#product_try_step_main LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 0px 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#product_try_step_main .banner_woven_bag {
	MARGIN: 0px 0px 7px; WIDTH: 822px; HEIGHT: 338px; CURSOR: pointer
}
#product_try_step_main .flash_banner {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 822px; PADDING-RIGHT: 0px; HEIGHT: 305px; PADDING-TOP: 0px
}
#product_try_step_main .bag_guide {
	POSITION: relative; MARGIN: 4px 0px; WIDTH: 822px; HEIGHT: 243px; CURSOR: pointer
}
#product_try_step_main .bag_guide_button {
	POSITION: absolute; WIDTH: 160px; DISPLAY: none; BACKGROUND: url(../images/button.gif) no-repeat; HEIGHT: 41px; TOP: 180px; CURSOR: pointer; RIGHT: 45px
}
#product_try_step_main .product_banner {
	MARGIN: 8px 0px 0px; WIDTH: 560px; HEIGHT: 140px
}
#product_try_step_main .product_contact {
	MARGIN-TOP: 8px; WIDTH: 255px; BACKGROUND: url(../images/banner2.jpg) no-repeat; HEIGHT: 140px
}
#product_try_step_main .product_contact A {
	WIDTH: 255px; DISPLAY: block; HEIGHT: 140px
}
#product_try_step_main #try_main {
	MARGIN: 4px 0px; WIDTH: 822px; BACKGROUND: url(../images/try_main.jpg) no-repeat; HEIGHT: 460px
}
#product_try_step_main #try_main .box {
	WIDTH: 422px; FLOAT: left; HEIGHT: 400px; FONT-SIZE: 14px
}
#product_try_step_main #try_main .box2 {
	WIDTH: 400px; FLOAT: left; HEIGHT: 400px; FONT-SIZE: 14px
}
#product_try_step_main #try_main .finish #bag_color_final {
	BACKGROUND-IMAGE: url(../images/color/rb25.gif); WIDTH: 40px; HEIGHT: 40px
}
#product_try_step_main #try_main .box .hand_bag {
	TEXT-ALIGN: center; MARGIN: 50px auto; WIDTH: 240px; COLOR: #ffffff; FONT-WEIGHT: bold
}
#product_try_step_main #try_main .box .hand_bag .front {
	WIDTH: 180px; FLOAT: left; HEIGHT: 279px
}
#product_try_step_main #try_main .box .hand_bag .front .hand {
	BORDER-LEFT: #cccccc 1px solid; MARGIN: 0px auto; WIDTH: 90px; BACKGROUND: #ffffff; HEIGHT: 60px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .hand_bag .front .hand .hand_in {
	BORDER-LEFT: #cccccc 1px solid; MARGIN: 15px auto 0px; WIDTH: 60px; BACKGROUND: #e6e6e6; HEIGHT: 45px; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .hand_bag .front .bag_front {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 180px; BACKGROUND: #ffffff; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .hand_bag .side {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; MARGIN-TOP: 61px; WIDTH: 54px; BACKGROUND: #ffffff; FLOAT: left; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .hole_bag {
	TEXT-ALIGN: center; MARGIN: 110px auto; WIDTH: 240px; DISPLAY: none; COLOR: #ffffff; FONT-WEIGHT: bold
}
#product_try_step_main #try_main .box .hole_bag .front {
	WIDTH: 180px; FLOAT: left; HEIGHT: 216px
}
#product_try_step_main #try_main .box .hole_bag .front .bag_front {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 180px; BACKGROUND: #ffffff; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .hole_bag .front .bag_front .hand {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; MARGIN: 10px auto; WIDTH: 30px; BACKGROUND: #e6e6e6; HEIGHT: 20px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .hole_bag .side {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 54px; BACKGROUND: #ffffff; FLOAT: left; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .drawing_bag {
	TEXT-ALIGN: center; MARGIN: 110px auto; WIDTH: 240px; DISPLAY: none; COLOR: #ffffff; FONT-WEIGHT: bold
}
#product_try_step_main #try_main .box .drawing_bag .front {
	WIDTH: 180px; FLOAT: left; HEIGHT: 216px
}
#product_try_step_main #try_main .box .drawing_bag .front .bag_front {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 180px; BACKGROUND: #ffffff; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .drawing_bag .front .bag_front .hand {
	BORDER-BOTTOM: #cccccc 2px dashed; WIDTH: 180px; HEIGHT: 30px
}
#product_try_step_main #try_main .box .drawing_bag .side {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 54px; BACKGROUND: #ffffff; FLOAT: left; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .drawing_bag .side .side_hand {
	BORDER-BOTTOM: #cccccc 2px dashed; WIDTH: 100%; HEIGHT: 30px
}
#product_try_step_main #try_main .box .fold_bag {
	TEXT-ALIGN: center; MARGIN: 50px auto; WIDTH: 240px; DISPLAY: none; COLOR: #ffffff; FONT-WEIGHT: bold
}
#product_try_step_main #try_main .box .fold_bag .front {
	WIDTH: 180px; FLOAT: left; HEIGHT: 279px
}
#product_try_step_main #try_main .box .fold_bag .front .hand {
	BORDER-LEFT: #cccccc 1px solid; MARGIN: 0px auto; WIDTH: 90px; BACKGROUND: #ffffff; HEIGHT: 60px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .fold_bag .front .hand .hand_in {
	BORDER-LEFT: #cccccc 1px solid; MARGIN: 15px auto 0px; WIDTH: 60px; BACKGROUND: #e6e6e6; HEIGHT: 45px; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .fold_bag .front .bag_front {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 180px; BACKGROUND: #ffffff; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box .fold_bag .side {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; MARGIN-TOP: 61px; WIDTH: 54px; BACKGROUND: #ffffff; FLOAT: left; HEIGHT: 216px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box2 .select_color {
	MARGIN: 10px auto; WIDTH: 300px; DISPLAY: block
}
#product_try_step_main #try_main .box2 .select_color UL {
	LIST-STYLE-TYPE: none; MARGIN: 0px; FLOAT: left
}
#product_try_step_main #try_main .box2 .select_color UL LI {
	LIST-STYLE-TYPE: none; MARGIN: 2px; WIDTH: 41px; FLOAT: left; HEIGHT: 41px
}
#product_try_step_main #try_main .box2 .select_color UL LI IMG {
	WIDTH: 40px; HEIGHT: 40px; CURSOR: pointer
}
#product_try_step_main #try_main .box2 .select_color UL LI IMG:hover {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#product_try_step_main #try_main .box2 .change_size {
	MARGIN: 100px auto; WIDTH: 300px; DISPLAY: none
}
#product_try_step_main #try_main .box2 .change_size #set_height {
	WIDTH: 50px
}
#set_width {
	WIDTH: 50px
}
#set_side {
	WIDTH: 50px
}
#product_try_step_main #try_main .box2 .change_size #set_bag {
	WIDTH: 70px; HEIGHT: 30px
}
#product_try_step_main #try_main .box2 .finish {
	MARGIN: 50px auto; WIDTH: 300px; DISPLAY: none
}
#product_try_step_main #try_main .order {
	TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 650px; CLEAR: both
}
#product_try_step_main #try_main .order INPUT {
	WIDTH: 80px; HEIGHT: 30px
}
#product_try_step_main #try_main .order .try_choice_bag {
	FLOAT: left
}
#product_try_step_main #try_main .order .try_choice_bag A {
	LINE-HEIGHT: 30px; MARGIN-RIGHT: 10px
}
#product_try_step_main #try_main .order .to_contact {
	WIDTH: 200px; DISPLAY: none; HEIGHT: 30px
}
#product_try_step_main .design_list_title {
	TEXT-ALIGN: center; MARGIN: 8px 0px 0px; PADDING-LEFT: 10px; WIDTH: 812px; BACKGROUND: #6699ff; HEIGHT: 30px; COLOR: #ffffff; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 10px
}
#product_try_step_main .design_list {
	MARGIN-TOP: 8px; WIDTH: 160px; BACKGROUND: #d1d9e0; HEIGHT: 180px; MARGIN-LEFT: 5px
}
#product_try_step_main .design_list IMG {
	MARGIN: 5px; WIDTH: 150px; HEIGHT: 150px; CURSOR: pointer
}
#product_try_step_main .design_list .design_info {
	TEXT-ALIGN: center
}