@charset "utf-8";

body {
	font-size: 14px;
	font-family: "Microsoft YaHei Light","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	/*color: #374051;*/
	color: #333333;
	overflow-x: hidden;
	line-height: 1;
	word-wrap: break-word;
	min-width: 1200px;
	background: #F5F5F5;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}
.blank{
	height: 30px;
}
.fl{float: left;}
.fr{float: right;}
img{max-width:100%;}
.search .btn{
	background: url(/static/images/search_icon_black.png) no-repeat center center;
	background-size: 27px 26px;
}
/*.header{
	padding: 0;
    margin: 0;
    width: 100%;
    z-index: 301;
    min-width: 1000px;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    position: fixed;
}
.down{box-shadow:0 0 5px #888}
*/
.username{
	font-family: "微软雅黑";
	color: #fe6700;
	margin-right: 5px;
}
.price{
	color: #fe6700;
	font-size: 20px;
}
.header-top {
	height:40px;
	line-height: 40px;
	background: #F5F5F5;
}
.header-top .left{
	float: left;
	width:50%;
}
.header-top .left li,.header-top .right li{
	float: left;
	border-right: 1px solid #CCCCCC;
	padding-right: 10px;
	height:20px;
	line-height: 20px;
	margin: 10px 10px 10px 0;
}
.header-top .right{
	float: right;
	width:50%;
}
.header-top .right li{
	float: right;
}
.header-middle {
	background: #FFFFFF;
}
.header-middle .logo {
	float: left;
	margin: 33px 64px 0 0;
}
.header-middle .logo a{
	/* display: block; */
	/* height:105px; */
	/* line-height:105px; */
	color: #9B7737;
	font-weight: bold;
}
/*.header-login .logo a{
	height:145px;
	line-height:145px;
}*/
.header-middle .name {
	float: left;
	font-size: 18px;
	height: 80px;
	line-height: 80px;
}
/*.header-login .name {
	height:145px;
	line-height:145px;
}*/
.header-middle .line{
	float: left;
	width: 1px;
	height: 20px;
	background: #DDDDDD;
	margin: 30px 10px 30px 0;
}
/*.header-login .line{
	height:65px;
	margin:40px 20px 40px 20px;
}*/
.header-middle .tel{
	float: right;
	margin:29px 0;
}
.header-middle .tel .icon{
	float: left;
	width: 46px;
	height: 46px;
	background: url(/static/images/icon_tel.png) no-repeat center center;
	background-size: 46px 46px;
}
.header-middle .tel .desc{
	float: left;
	width:160px;
	height:46px;
	margin-left:10px;
}
.header-middle .tel .txt{
	font-size: 16px;
	color: #666666;
	margin-bottom:8px;
}
.header-middle .tel .num{
	font-size: 22px;
	color: #27A322;
}

.header-bottom{
	height: 40px;
	background: #329a32;
}
.header-bottom .nav{
	height:40px;
	line-height:40px;
}
.header-bottom .nav>ul>li{
	float: left;
	/*width:140px;*/
	/*text-align: center;*/
}
.header-bottom .nav>ul>li.first-li{
	width:210px;
}
.header-bottom .nav>ul>li>a{
	color: #FFFFFF;
	font-size: 18px;
	display: block;
	padding-left: 40px;
	padding-right: 40px;
	/*position: relative;
	top:-4px;
	border-bottom: 4px solid #FFFFFF;*/
}
.header-bottom .nav>ul>li>a:hover,.header-bottom .nav .current{
	color: #FFFFFF;
	background: #117611;
}
.header-middle .search{
	margin:9px 0;
	height:40px;
	line-height:40px;
	width:500px;
	background: #FFFFFF;
	border: 2px solid #fe6700;
	border-radius: 8px;
}
.header-middle .search input{
	width: 450px;
	height:40px;
	border-radius: 8px;
	border: none;
	padding-left: 10px;
}
.header-middle .search .btn{
	width:40px;
	height:40px;
	text-align:center;
	cursor: pointer;
}
.header-bottom .menu-cat{
	display: none;
	line-height: normal;
	position: relative;
}
.header-bottom .menu-cat a:hover{
	cursor: pointer;
}
.menu-cat .menu-cat-left{
	width: 100%;
	height: 550px;
	overflow: hidden;
	color: #666666;
	background-color: #FAFAFA;
	position: absolute;
	z-index: 1;
}
.menu-cat .menu-cat-left .cat-left-item{
	padding: 10px 0px 10px 10px;
	/*border: 1px solid red;*/
}
.menu-cat .menu-cat-left .cat-current{
	background-color: #FFFFFF;
}
.menu-cat .menu-cat-left .cat-left-item .title{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}
.menu-cat .menu-cat-left .cat-left-item .item-nation{
	font-size: 16px;
}
.menu-cat .menu-cat-left .cat-left-item .item-nation a{
	margin-right: 20px;
}
.menu-cat .menu-cat-right{
	display: none;
	width: 410px;
	min-height: 572px;
	font-size: 16px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #f7f7f7;
	box-shadow: 2px 0 5px rgba(0,0,0,.3);
	position: absolute;
	left: 210px;
	z-index: 1;
}
/*.menu-cat .cat-hide{*/
	/*display: none;*/
/*}*/
.menu-cat .menu-cat-right .cat-right-li{
	padding: 20px 30px 0px 30px;
}

.menu-cat .menu-cat-right .cat-right-li ul>li{
	width: calc(100% / 3);
	float: left;
	margin-bottom: 30px;
}
.menu-cat .menu-cat-right .cat-right-li ul>li span{
	font-size: 15px;
	margin-left: 5px;
	color: #999999;
}

.banner {
	overflow: hidden; position: relative; width: 100%;
}
.banner img{
	/* position:absolute; */
	/* width:780px; */
	/* left:50%; */
	/* margin-left:-960px; */
}

.banner-box{width:100%; position:relative; overflow:hidden; height:500px; z-index:10;}
.banner-box .item{width:1920px; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1; display:none;}
.banner-box .btn{height:1px; position:relative; z-index:100;}
.banner-box .btn .b{position:absolute; right:2px; top: 410px;}
.banner-box .btn .b span{display:inline-block; background:url(../images/ban_btn.png) no-repeat 0 0; width:11px; height:10px;}
.banner-box .btn .b span.on{background-position:-11px 0;}

.login-title{
	text-align: center;
}
.login-title h2{
	display: block;
    line-height: 70px;
    position: relative;
    font-size: 24px;
    color: #333333;
}
.login-title h2 i {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    height: 4px;
    margin-left: -40px;
    background: #cccccc;
}
.login-title p{
	font-size: 30px;
	color: #cccccc;
	/*font-family: Iskoola Pota;*/
	margin-top: 50px;
}
.more{
	text-align: center;
}
.more .btn{
	display: inline-block;
	width:240px;
	height:50px;
	line-height: 50px;
	background: #23ab38;
	color:#FFFFFF;
	border-radius: 30px;
	font-size: 18px;
	font-family: arial;
}
.home-product .list>ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.home-product .list>ul>li{
	margin: 0 16px 16px 0;
	width:220px;
	background: #FFFFFF;
}
.home-product .list>ul>li:nth-of-type(5n){
	margin-right: 0px;
}
.home-product .list>ul>li a{
	display: inline-block;
	width: 100%;
	border: 1px solid #EEEEEE;
	/*height: 320px;
	padding: 20px 10px;
	position: relative;*/
}
.home-product .list>ul>li a:hover{
	border:1px solid #da5403;
}
.home-product .list>ul>li a .pic{
	width: 220px;
	height: 220px;
}
.home-product .list>ul>li a .pic img{
	width: 220px;
	height: 220px;
}
.home-product .list>ul>li a .name{
	padding:15px 0 0 15px;
	overflow: hidden;
	font-size: 16px;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.home-product .list>ul>li a .price{
	color: #fe6700;
	font-size: 20px;
	padding:15px;
}
.home-product .list .tj{
	color: #ff3333;
	margin-left: 4px;
}

.select_national_box{
	width: 100%;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
}
.select_national_list{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	background: #FFFFFF;
}

.select_national_item{
	width: 200px;
	padding: 0px 10px;
	box-sizing: border-box;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}

.select_national_item:nth-of-type(6n){
/*	border-right: none;*/
}

.select_national_item a{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
}
.national_item_title{
	font-size: 18px;
	text-align:center;
	padding:10px 0;
}
.national_item_thumb{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
}
.cat_img{
	width: 140px;
	height: 140px;
}
.national_item_thumb img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.home-case .list>ul>li{
	float: left;
	margin-right:21px;
	margin-bottom: 21px;
}
.home-case .list>ul>li a{
	display: inline-block;
	width: 384px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #8c8c8c;
}
.home-case .list>ul>li p{
	font-size: 18px;
	height:58px;
	line-height: 58px;
	border-bottom: 1px solid #23ac36;
	text-align: center;
}

.home-news{
	/*background: #eeeeee;*/
}
.home-news .bg{
	width: 560px;
	/*height: 450px;*/
	float: left;
	background: #FFFFFF;
	padding: 10px;
}
.home-news .biaoti{
	/*margin:30px 0;*/
	height: 30px;
	line-height: 30px;
}
.home-news .biaoti span{
	color: #333333;
	font-size: 20px;
}
.home-news .biaoti a{
	color: #666666;
	font-size: 16px;
	float: right;
}
.home-news ul li .txt{
	width:340px;
	margin-left:20px;
}
.home-news ul li .txt .name{
	width: 340px;
	height: 18px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	margin-bottom: 10px;
}
.home-news ul li:nth-of-type(2) .txt_more{
	margin-top:10px;
}
.home-news ul li .txt_more{
	color: #999999;
	width: 560px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px dashed #CCCCCC;
}
.home-news ul li .txt_more:hover{
	color: #666666;
}
.home-news ul li .txt_more .name{
	width: 460px;
	display: inline-block;
}
.home-news ul li .txt_more .addtime{
	width: 90px;
	text-align: right;
	display: inline-block;
}
.home-news ul li .txt .summary{
	color: #666666;
	line-height: 22px;
	text-indent: 2em;
	height: 88px;
	text-overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.home-news ul li .pic, .home-news ul li .txt{
	float: left;
}
.home-news ul li .pic img{
	width:200px;
	height:130px;
}
.home-news ul li.list{
	list-style-type:disc;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #cccccc;
}
.home-news ul li.list .date{
	float: right;
}
.home-link a{
	margin-left:40px;
}

.crumbs{
	/*height:80px;*/
	border-bottom: 1px solid #b5b5b5;
}
.crumbs .txt{
	float: left;
	margin-top: 30px;
}
.crumbs .txt .zh{
	font-size: 30px;
}
.crumbs .txt .line{
	font-size: 24px;
}
.crumbs .txt .en{
	font-size: 14px;
}
.crumbs .pos{
	padding-top: 20px;
	padding-bottom: 10px;
	/*float: right;*/
	font-size: 14px;
}
.content-title {
	text-align: center;
}
.content-title h1{
	color: #666666;
	font-size: 24px;
}
.content-title .time{
	margin: 0 auto;
	/*width:1100px;*/
	height: 50px;
	line-height: 50px;
	color: #999999;
	border-bottom:1px solid #e5e5e5;
}
.content-title .time span{
	margin-right: 30px;
}

.case-list>ul>li{
	float: left;
	margin-right:21px;
	margin-bottom: 21px;
}
.case-list>ul>li .pic{
	display: inline-block;
	width: 384px;
	height: 250px;
	border: 1px solid #8c8c8c;
	overflow: hidden;
}
.case-list>ul>li .name{
	display: inline-block;
	font-size: 18px;
	width: 384px;
	height:58px;
	line-height: 58px;
	border-bottom: 1px solid #23ac36;
	text-align: center;
}

.content{
	margin: 0 auto;
	/*width:1100px;*/
	overflow: hidden;
    color: #666666;
    /*font-size: 16px;*/
    line-height: 32px;
    padding:20px 0;
}

.next{
	/*width: 1100px;*/
	margin: 0 auto;
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}
.next .shang{
	float: left;
}
.next .xia{
	float: right;
}

.news-cat{
	float: left;
	text-align: center;
	width: 200px;
	background: #ebebeb;
}
.news-cat h1{
	font-size: 24px;
	height: 64px;
	line-height: 64px;
	color: #FFFFFF;
	background: #23ab38;
}
.news-cat a{
	margin: 10px 0;
	display: inline-block;
	width:98%;
	height:34px;
	line-height: 34px;
	/*border-radius: 30px;*/
	font-size: 18px;
	text-align: center;
}
.news-cat a.current{
	background: #FFFFFF;
	color:#23ab38;
	border-left: 4px solid #23ab38;
}

.news-content{
	float: left;
	width: 900px;
	background: #FFFFFF;
	padding:30px 50px;
	line-height: 30px;
}
.news-content img{
	max-width:900px;
}
.news-list{
	float: left;
	width: 900px;
	background: #FFFFFF;
	padding:30px 50px;
}
.news-list>ul>li{
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.news-list .pic{
	float: left;
	width:250px;
	height:170px;
}
.news-list .pic a img{
	display: block;
	width: 250px;
	height: 170px;
}
.news-list .txt{
	float: left;
	width: 630px;
	margin-left: 20px;
}
.news-list .txt .biaoti a{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 22px;
	line-height: 22px;
	font-size: 22px;
	color: #666666;
}
.news-list .txt .riqi{
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	color: #666666;
}
.news-list .txt p{
	height: 75px;
	line-height: 25px;
	color: #666666;
	text-overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.news-list .txt .btn{
	display: block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #FFFFFF;
	background: #329a32;
	border-radius: 6px;
}

.product-list{
	margin-top:10px;
	padding: 20px;
	background: #FFFFFF;
}
.product-list .sort{
	border-bottom:1px solid #F6F6F6;
	margin-bottom: 20px;
	padding-bottom:20px;
}
.product-list .sort a{
	font-size: 16px;
	margin-right: 60px;
	position: relative;
}
.product-list .sort a.price_sort::before{
	content:"";
	width: 0px;
	height: 0px;
	position: absolute;
	right: -15px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #999999;
	top: -1px;
}
.product-list .sort a.price_sort::after{
	content:"";
	width: 0px;
	height: 0px;
	position: absolute;
	right: -15px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #999999;
	bottom: -1px;
}
.product-list .sort a.price_sort.price_asc::before{
	border-color: transparent;
	border-bottom-color: #23ab38;
}
.product-list .sort a.price_sort.price_asc::after{
	border-color: transparent;
	border-top-color: #999999;
}
.product-list .sort a.price_sort.price_desc::before{
	border-color: transparent;
	border-bottom-color: #999999;
}
.product-list .sort a.price_sort.price_desc::after{
	border-color: transparent;
	border-top-color: #23ab38;
}
.product-list .list{
	background: #FFFFFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom:1px solid #EEEEEE;
}
.product-list .list .pic{
	float: left;
}
.product-list .list .txt{
	float: left;
	margin-left: 20px;
	/* width:880px; */
}
.product-list .list .txt .tj{
	color: #ff3333;
	margin-left: 4px;
	/* width:880px; */
}
.product-list .list .pic img{
	width: 160px;
	height: 160px;
	border: 1px solid #EEEEEE;
}
.product-list .top{
	float: left;
}
.product-list .top .name{
	font-size: 16px;
	font-weight:bold;
}
.product-list .top ul{
	width:700px;
	margin-top:30px;
}
.product-list .top li{
	display: inline-block;
	margin-bottom:12px;
	padding-right: 50px;
	min-width:250px;
	font-size: 14px;
	color: #666666;
}
.product-list .bottom{
	float: right;
}
.product-list .bottom .goods_price{
	font-size: 16px;
	line-height: 28px;
	color: #333333;
}
.product-list .bottom .goods_price span{
	color: #fe6700;
}
.product-list .bottom .market_price{
	font-size: 14px;
	line-height: 28px;
	color: #999999;
	text-decoration:line-through;
}
.product-list .bottom .login_price{
	font-size: 14px;
	line-height: 28px;
	color:#339933;
	text-decoration: underline;
}
.product-list .bottom .price{
	margin-bottom:20px;
	color: #339933;
}
.product-list .bottom .price span{
	font-size: 24px;
}
.product-list .bottom .btn{
	display: block;
	width:120px;
	height: 40px;
	line-height: 40px;
	background: #23ab38;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	margin-top: 10px;
}

.feedback {
	color: #FFFFFF;
	background: url(../images/banner_feedback.jpg) center center no-repeat;
	width: 100%;
	height: 250px;
}
.feedback .main {
	padding-top:40px;
}
.feedback .col-1 {
	float: left;
}
.feedback .col-2, .feedback .col-3 {
	float: right;
}
.feedback .col-1 .txt {
	font-size: 24px;
}
.feedback .col-1 p {
	line-height: 28px;
	margin-bottom: 10px;
}
.feedback .col-2 p {
	margin-bottom: 20px;
	margin-right: 40px;
}
.feedback .col-2 input{
	border: 1px solid #FFFFFF;
	width:300px;
	height:40px;
	background: none;
	color: #FFFFFF;
}
.feedback .col-3 input{
	border: 1px solid #FFFFFF;
	width:100px;
	height:40px;
	background: none;
	color: #FFFFFF;
}
.feedback .col-3 textarea{
	padding:5px;
	border: 1px solid #FFFFFF;
	width:400px;
	height:90px;
	background: none;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.feedback .col-3 .txt {
	float: left;
}
.feedback .col-3 .txt img {
	cursor: pointer;
}
.feedback .col-3 .btn {
	float: right;
	background: #F5A733;
	border: 1px solid #F5A733;
	font-size: 16px;
	cursor: pointer;
}

.page {
    padding-bottom: 20px;
    padding-top: 30px;
    text-align: center;
}
.page a {
    border: 1px solid #e1e1e1;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0 10px;
    padding: 0 10px;
    vertical-align: middle;
}
.page a:hover {
    border-color: #74c158;
	background: #74c158;
	color:#fff;
}
.page a.current {
    background: #74c158 none repeat scroll 0 0;
    border: 1px solid #74c158;
    color: #fff;
}
.page a.current:hover {
}
.page a.disable {
    color: #ccc;
}
.page a.disable:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #e1e1e1;
    color: #ccc;
}
.page a.dot {
    border: medium none;
    color: #333333;
}
.page a.dot:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #333333;
}

/*.product h1{
	text-align: center;
	font-size: 34px;
	line-height: 70px;
}
.product .point{
	text-align: center;
	font-size: 18px;
	color: #666666;
}
.product .advantage .pic, .product .advantage .txt{
	float: left;
}
.product .advantage .pic{
	width:560px;
	overflow: hidden;
}
.product .advantage .txt{
	margin-left:40px;
	width:600px;
}
.product .advantage .txt .zh{
    font-size: 24px;
    color: #339933;
    margin-top: 20px;
}
.product .advantage .txt .line {
    width: 100px;
    height: 3px;
    background: #23ac36;
}
.product .advantage .txt .en {
    font-size: 24px;
    color: #CCCCCC;
    margin-bottom: 20px;
}
.product .advantage .txt p {
	text-indent: 2em;
	font-size: 16px;
    line-height: 30px;
}
.product .title{
	text-align: center;
}
.product .title h2{
	display: block;
    line-height: 80px;
    position: relative;
    font-size: 30px;
    color: #339933;
}
.product .title h2 i {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 3px;
    margin-left: -25px;
    background: #cccccc;
}
.product .title p{
	font-size: 40px;
	color: #cccccc;
	font-family: arial;
}
.product .service .txt{
	float: left;
	width: 620px;
	height: 250px;
	background: url(../images/service_title.png) no-repeat;
	margin-top:50px;
}
.product .service .txt .item{
	margin-top:50px;
	margin-left:40px;
}
.product .service .txt .item h2{
	color: #339933;
	font-size: 24px;
	line-height: 50px;
}
.product .service .txt .item p{
	font-size: 16px;
	line-height: 30px;
}
.product .service .pic{
	float: left;
}
.product .process{
	width: 1200px;
	height: 143px;
	background: url(../images/service_icon.png) no-repeat;
	position: relative;
}
.product .process i{
	display: inline-block;
    background: url(../images/service_sprite.png) no-repeat;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 200px;
    font-size: 16px;
    margin: 0 20px;
}
.product .process .icon{
	position: absolute;
	line-height: 25px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	cursor: pointer;
}
.product .process .s1{
	left:150px;
	top:5px;
}
.product .process .s2{
	left:400px;
	top:-40px;
}
.product .process .s3{
	left:680px;
	top:-40px;
}
.product .process .s4{
	right:150px;
	top:5px;
}
.product .process .s1 i{
	background-position: -90px 0;
}
.product .process .s2 i{
	background-position: 0 -90px;
}
.product .process .s3 i{
	background-position: 0 -180px;
}
.product .process .s4 i{
	background-position: 0 -270px;
}

.product .visa .txt{
	width: 580px;
	margin-top:50px;
}
.product .visa .txt em{
	color: #e7e7e7;
	font-size: 100px;
	font-family: arial;
	font-style: normal;
}
.product .visa .txt h2{
	color: #339933;
	font-size: 24px;
	line-height: 50px;
}
.product .visa .txt p{
	color: #333333;
	text-indent: 2em;
	font-size: 16px;
	line-height: 30px;
}
.product .advantage .txt .mprice{
	margin-top:20px;
	text-decoration: line-through;
	font-size: 20px;
}
.product .advantage .txt .price{
	color: #339933;
	font-size: 26px;
	height:60px;
	line-height: 60px;
}
.product .advantage .txt .fw{
	font-size: 16px;
}
.product .advantage .txt .btn{
	margin-top:30px;
	display: inline-block;
	color: #FFFFFF;
	font-size: 16px;
	padding:15px 50px;
	background: #329a32;
}

.product .dz-p{
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	margin-top: 20px;
}
.product .dz li{
	float: left;
	width:374px;
	height:294px;
	margin-right:39px;
	margin-bottom: 39px;
	background: #e9e9e9;
	text-align: center;
	font-size: 20px;
}
.product .dz li img{
	margin-top:50px;
	margin-bottom: 30px;
}

.product .shop li{
    float: left;
	width:520px;
	height:100px;
	margin-right:36px;
	margin-bottom: 36px;
	border: 1px solid #e2e2e2;
	padding:30px;
	box-shadow:0 0 10px #e2e2e2;
}
.product .shop .pic{
	width:100px;
	margin-right:20px;
}
.product .shop .txt{
	width:400px;
}
.product .shop .txt h2{
	font-size: 24px;
	line-height:40px;
}
.product .shop .txt p{
	color: #999999;
	line-height: 20px;
}

.product .func li{
    float: left;
	width:374px;
	height:200px;
	margin-right:39px;
	margin-bottom: 39px;
}
.product .func li .icon{
    font-size: 20px;
}
.product .func li p{
    margin-top:20px;
    line-height: 24px;
    margin-left: 55px;
    width:250px;
    color: #999999;
}
.product .func li i{
    background: url(../images/yx_sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 30px;
    margin-right: 20px;
}
.product .func li .f1 i{
    background-position: 0 0;
}
.product .func li .f2 i{
    background-position: 0 -30px;
}
.product .func li .f3 i{
	background-position: 0 -60px;
}
.product .func li .f4 i{
    background-position: 0 -90px;
}
.product .func li .f5 i{
    background-position: 0 -120px;
}
.product .func li .f6 i{
	background-position: 0 -150px;
}
.product .func li .f7 i{
    background-position: 0 -180px;
}
.product .func li .f8 i{
    background-position: 0 -210px;
}
.product .func li .f9 i{
	background-position: 0 -240px;
}
.product .func li .f10 i{
	background-position: 0 -270px;
}*/

.footer{
	/*margin-top:100px;*/
}

.footer-top {
	color: #EAE8E1;
	background: #1A1A1A;
	padding: 50px;
	position: relative;
}
.footer-top .contact {
	float: left;
	font-size:14px;
}
.footer-top .txt1{
   color: #FFFFFF;
}
.footer-top .logo-tel {
    width: 100px;
    line-height: 24px;
    font-size: 20px;
}
.footer-top .logo{
    /* margin-bottom: 20px; */
	width: 100%;
	font-weight: bold;
}
.footer-top .txt {
    line-height: 40px;
	clear:both;
}
.footer-top .txt i{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.footer-top .address i{
    background: url(../images/address.png) no-repeat;
}
.footer-top .tel i{
    background: url(../images/tel.png) no-repeat;
}
.footer-top .consulting i{
    background: url(../images/consulting.png) no-repeat;
}
.footer-top .qrcode{
	float: right;
	width: 160px;
    text-align: center;
}
.footer-top .qrcode img {
    width: 100%;
    border-radius: 4px;
    margin-top: 20px;
    opacity: 1;
	margin-right: 10px;
}
.footer-top .qrcode .tips {
    margin-top:10px;
	width:160px;
	line-height: 1.5;
}
.footer-top dl {
	float: left;
	margin: 0 55px;
	/* font-family: SimHei; */
	width: 50px;
	text-align: justify;
	border-top: 3px solid #da5403;
}
.footer-top dt {
	color: #EAE8E1;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	width: 160px;
	text-align: justify;	
	padding: 20px 0 20px 0;
}
.footer-top a {
	padding-right: 10px;
	color: #EAE8E1;
	position: relative
}
.footer-top a:hover {
	color: #EAE8E1;
}
.footer-top dd {	
	font-size: 14px;
	margin-bottom: 20px;
	width:100px;
	text-align: justify;
}

.footer-bottom {
	object-fit: contain;
	height:40px;
	line-height: 40px;
	background: #000000;
	/* background: #FFFFFF;
	border-top: 1px solid #666666; */
}
.footer-bottom .copyright {
    text-align: center;
    font-size: 14px;
    color: #B2B2B2;
}
.footer-bottom .copyright a {
    color: #B2B2B2;
}

.account-apply{
	width: 480px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 50px 120px;
}
.account-apply h2{
	text-align: center;
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
}

.home-title{
	/*text-align: center;*/
	/* border-bottom: 1px solid #CCCCCC; */
}
.home-title h2{
	/*display: block;
    line-height: 70px;*/
   	padding: 30px 0 10px 0;
    position: relative;
    font-size: 24px;
    color: #339933;
	line-height:24px;
}
.home-title h2 i {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 46px;
    height: 5px;
    /*margin-left: -40px;*/
    background: #339933;
}
.home-title p{
	font-size: 30px;
	color: #cccccc;
	/*font-family: Iskoola Pota;*/
	margin-top: 50px;
}
.home-title a{
	font-size:14px;
	float:right;
}

.home-category .cat1{
	margin-top:50px;
	border-bottom: 1px solid #eeeeee;
}
.home-category .cat1 .left{
	float: left;
	font-size: 24px;
}
.home-category .cat1 .right{
	float: right;
	width:900px;
}
.home-category .cat2 li{
	width: 140px;
	padding-right:160px;
	float: left;
	margin-bottom: 50px;
	font-size: 18px;
}
.home-category .cat2 li span{
	margin-left: 10px;
	color: #999999;
}

.home-intro .intro{
	font-size: 14px;
	line-height: 26px;
}
.home-intro .intro img{
	max-width:1200px;
}

.login {
    padding: 0;
	margin: 0;
	background: url(../images/banner_login.png) center center no-repeat;
	width: 100%;
	height: 705px;
	overflow: hidden;
	background-size: cover;
}
.login .box {
    float: right;
    width: 320px;
    height: 360px;
    margin-right: 36px;
    margin-bottom: 36px;
    padding: 40px;
    background: #FFFFFF;
    margin:80px 0;
    border-radius: 6px;
    -moz-box-shadow:0 0 9px rgba(0, 0, 0, 0.4); 
	-webkit-box-shadow:0 0 9px rgba(0, 0, 0, 0.4); 
	box-shadow:0 0 9px rgba(0, 0, 0, 0.4); 
}
.login .box h1{
	text-align: center;
	font-size: 24px;
}
.login .box .txt1{
	margin-top: 20px;
	font-size: 16px;
	color: #666666;
}
.login .box .txt1 input{
	width:300px;
	height: 30px;
	border:1px solid #a0a0a0;
	border-radius: 5px;
	margin-top:10px;
	padding:5px 10px;
}
.login .box .txt2{
	margin-top: 10px;
	font-size: 16px;
	color: #666666;
}
.login .box .txt3{
	margin-top: 40px;
}
.login .box .txt3 button.btn{
	width:320px;
	height:50px;
	background: #339933;
	border:none;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
}
.login .box .txt3 button.btn_roading{
	width:320px;
	height:50px;
	background: #999999;
	border:none;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
	display: none;
}
.login .box .txt4{
	float: right;
	margin-top: 20px;
	font-size: 16px;
}
.login .box .txt4 a{
	color:#339933;
}

.cat-intro{
	padding: 20px;
	background: #FFFFFF;
}
.cat-intro .pic{
	float: left;
	width:500px;
	height: 270px;
}
.cat-intro .pic img{
	display: block;
	width: 500px;
	height: 270px;
}
.cat-intro .txt{
	float: left;
	width:640px;
	margin-left:20px;
}
.cat-intro .txt h1{
	font-size:40px;
}
.cat-intro .txt .line{
	width: 100px;
    height: 6px;
    background: #23ac36;
    margin-top:30px;
    margin-bottom:50px;
}
.cat-intro .txt p{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.product-filter{
	margin-top:10px;
	padding: 10px;
	background: #FFFFFF;
	font-size:14px;
}
.product-filter dl{
	padding:10px;
	line-height:30px;
}
.product-filter dl dt{
	float: left;
	/* font-size: 16px; */
	width:100px;
	text-align:right;
}
.product-filter dl dd{
	float: left;
	width:1060px;
}
.product-filter dl dd a{
	margin: 0 10px;
	/* font-size: 16px; */
}

.product-intro{
	padding: 20px;
	background: #FFFFFF;
}
.product-intro .pic{
	float: left;
}
.product-intro .cover{
	display: block;
	width: 320px;
	height: 320px;
	border: 1px solid #EEEEEE;
}
.product-intro .btn{
	margin: 10px;
}
.product-intro .btn img{
	width: 16px;
	height: 16px;
	padding-left: 32px;
	padding-right: 3px;
}
.icon-weixin {
    display: inline-block;
    font-size: 16px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z' fill='%234CE131'%3E%3C/path%3E%3Cpath d='M637.269333 421.410133c100.010667 0 189.0304 72.465067 189.0304 162.269867 0.785067 51.2-32.290133 96.085333-77.2096 129.194667l16.554667 55.9104-61.44-33.860267c-22.050133 5.495467-44.919467 11.025067-66.9696 11.025067-106.325333 0-189.815467-72.465067-189.815467-162.269867 0-89.019733 83.490133-162.269867 189.815467-162.269867z m-217.429333-166.229333c109.499733 0 205.585067 66.9696 225.28 156.7744-7.099733-0.785067-14.165333-1.570133-21.265067-1.570133-105.540267 0-189.8496 78.779733-189.8496 176.469333 0 16.520533 2.389333 31.470933 7.099734 46.421333-7.099733 1.604267-14.165333 1.604267-21.265067 1.604267-27.579733 0-50.414933-5.5296-77.994667-11.025067L263.8848 663.210667l22.050133-66.9696c-55.944533-39.389867-89.019733-89.770667-89.019733-151.210667 0-106.359467 100.829867-189.8496 222.9248-189.8496zM575.829333 512c-11.0592 0-22.084267 11.025067-22.084266 22.050133s11.025067 22.050133 22.050133 22.050134c16.554667 0 27.579733-11.025067 27.579733-22.050134 0.785067-11.025067-10.24-22.050133-27.579733-22.050133z m122.88 0c-11.0592 0-22.084267 11.025067-22.084266 22.050133s11.025067 22.050133 22.050133 22.050134c16.554667 0 27.579733-11.025067 27.579733-22.050134 0.785067-11.025067-11.025067-22.050133-27.579733-22.050133z m-195.3792-161.450667c-16.520533 0-33.860267 10.990933-33.860266 27.5456 0 16.554667 17.339733 27.579733 33.860266 27.579734 16.554667 0 27.579733-11.025067 27.579734-27.579734 0-16.554667-11.025067-27.579733-27.579734-27.579733z m-155.989333-0.8192c-16.520533 0-33.826133 11.025067-33.826133 27.579734 0 16.520533 16.520533 27.579733 33.860266 27.579733 16.554667 0 27.579733-11.0592 27.579734-27.579733 0-16.554667-11.025067-27.579733-27.579734-27.579734z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-size: 100%;
}
.icon-QQ1 {
    display: inline-block;
    font-size: 16px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M0.3072 511.317333c0 282.0096 228.590933 510.634667 510.634667 510.634667 282.0096 0 510.634667-228.625067 510.634666-510.634667 0-282.043733-228.625067-510.6688-510.634666-510.6688C228.898133 0.648533 0.3072 229.2736 0.3072 511.2832z' fill='%2318ACFC'%3E%3C/path%3E%3Cpath d='M499.063467 228.420267c118.101333-1.501867 178.4832 60.859733 200.4992 155.613866 3.4816 15.018667 0.136533 34.7136 0 49.834667 27.067733 5.700267 32.9728 59.972267 9.966933 74.820267v1.024h0.989867c8.226133 14.267733 18.978133 28.023467 25.941333 43.861333 7.304533 16.657067 9.284267 35.054933 13.960533 54.852267 3.9936 16.964267-2.286933 51.370667-9.966933 56.832-0.785067 0.682667-2.2528 1.3312-3.003733 2.013866-14.574933-3.003733-30.3104-16.827733-37.888-26.9312-3.072-4.096-5.290667-9.659733-10.001067-11.946666-0.375467 21.504-12.458667 41.028267-21.947733 54.818133-3.4816 5.12-13.994667 13.2096-13.960534 17.954133 3.6864 2.833067 8.2944 2.9696 12.970667 4.983467 10.513067 4.573867 25.3952 13.141333 31.914667 21.947733 2.321067 3.140267 5.5296 7.543467 6.997333 10.990934 16.145067 38.2976-36.420267 48.162133-62.839467 53.8624-27.101867 5.802667-77.6192-10.24-91.7504-18.978134-8.738133-5.393067-16.827733-18.500267-28.910933-18.944-3.6864 2.389333-14.404267 1.1264-19.968 1.024-16.7936 32.699733-101.649067 47.7184-147.592533 30.890667-14.0288-5.12-43.281067-17.646933-37.888-39.901867 4.4032-18.261333 19.8656-29.149867 34.884266-36.864 5.7344-3.003733 18.875733-4.437333 21.947734-10.001066-13.1072-8.977067-24.4736-28.5696-30.9248-43.895467-3.413333-8.055467-4.164267-25.7024-8.977067-31.914667-7.748267 12.219733-32.017067 36.829867-51.882667 32.938667-3.037867-4.539733-7.168-9.079467-8.942933-14.984533-4.778667-15.7696-1.809067-40.277333 1.979733-53.828267 8.0896-28.945067 16.930133-50.517333 31.914667-71.816533 4.676267-6.621867 11.400533-12.117333 15.9744-18.944-8.942933-9.728-6.929067-37.444267-1.024-48.878934 3.9936-7.68 9.693867-7.406933 10.001067-19.968-1.911467-3.003733-0.068267-8.533333-1.024-12.970666-4.369067-20.6848 3.2768-47.4112 8.977066-62.805334 19.7632-53.282133 53.589333-90.248533 104.721067-111.7184 11.946667-5.0176 25.770667-7.748267 38.912-10.9568 5.290667-1.297067 11.946667 0.512 15.940267-2.013866z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-size: 100%;
}
.icon-weibo {
    display: inline-block;
    font-size: 16px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 0C229.034667 0 0 229.034667 0 512s229.034667 512 512 512 512-229.034667 512-512S794.965333 0 512 0z' fill='%23EA5D5C'%3E%3C/path%3E%3Cpath d='M505.514667 397.482667c-4.676267 24.234667-12.117333 38.1952 18.602666 28.8768 0 0 80.964267-38.161067 114.4832-4.642134 26.999467 26.965333 4.642133 65.160533 4.642134 65.160534s-11.1616 12.0832 12.117333 16.725333c21.4016 3.754667 94.037333 37.239467 53.998933 122.88-40.0384 85.674667-171.281067 127.556267-268.117333 120.1152-92.16-7.441067-211.285333-38.161067-223.402667-151.7568 0 0-6.519467-51.2 42.8032-117.282133 0 0 70.7584-99.601067 152.6784-128.477867 82.8416-27.921067 92.16 19.5584 92.16 48.401067z m118.203733 185.275733c-0.9216-64.238933-79.121067-105.198933-175.0016-100.5568-96.836267 4.676267-175.035733 56.797867-175.035733 121.9584 0 65.194667 78.199467 114.517333 175.0016 109.841067 96.836267-4.642133 175.035733-66.082133 175.035733-131.242667z m-195.515733-56.797867c97.757867-12.0832 115.438933 81.92 85.674666 121.0368-29.7984 39.082667-88.439467 57.685333-145.237333 26.043734-26.965333-14.882133-26.077867-43.758933-26.077867-43.758934-0.512-5.051733-8.465067-92.4672 85.674667-103.3216z m-20.821334 71.509334l-4.3008 0.170666a34.065067 34.065067 0 0 0-30.72 33.518934c0 14.882133 14.882133 26.077867 32.597334 24.200533 17.681067-1.877333 32.5632-15.837867 32.5632-31.6416 0-15.837867-13.960533-27.921067-34.440534-26.077867z m59.016534-10.990934c-2.798933-5.597867-10.24-6.519467-17.7152-1.877333a13.653333 13.653333 0 0 0-3.720534 18.6368c2.798933 5.563733 11.195733 6.485333 16.759467 1.8432 5.597867-4.642133 8.3968-13.038933 4.676267-18.602667z m222.481066-304.401066c62.3616 14.882133 146.158933 83.7632 108.885334 211.285333-2.7648 18.6368-12.0832 11.195733-22.3232 11.195733-13.038933 0-23.278933-16.759467-23.278934-29.7984 0-11.1616 4.676267-22.3232 4.676267-22.3232 0.9216-4.676267 12.0832-34.474667-7.441067-78.199466-35.396267-60.5184-106.154667-60.5184-114.517333-57.719467a99.669333 99.669333 0 0 1-21.4016 5.563733 23.04 23.04 0 0 1-23.278933-23.2448c0-11.195733 7.441067-19.5584 16.725333-22.357333 0 0 0 0.9216 0.955733 0.9216 0.9216 0 1.877333 0.955733 1.877334 0.955733 10.24-1.877333 45.602133-4.676267 79.121066 3.720534zM716.8 447.761067v1.877333a16.0768 16.0768 0 0 1-15.837867 13.960533 15.701333 15.701333 0 0 1-15.803733-15.837866c0-1.8432 15.803733-73.5232-55.876267-57.685334a16.315733 16.315733 0 0 1-15.803733-15.837866 15.701333 15.701333 0 0 1 15.803733-15.837867s99.6352-18.602667 87.517867 89.361067z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-size: 100%;
}
.product-intro .txt{
	float: left;
	width:808px;
	margin-left:30px;
}
.product-intro .txt .tj{
	color: #ff3333;
	margin-left: 4px;
}
.product-intro .txt h1{
	font-size:20px;
}
.product-intro .txt ul{
	background: #f0f0f0;
	padding:10px 0;
	margin:20px 0;
}
.product-intro .txt li{
	float:left;
	width: 126px;
}
.product-intro .txt .line{
	width: 100px;
    height: 6px;
    background: #23ac36;
    margin-top:30px;
    margin-bottom:50px;
}
.product-intro .txt p{
	text-align: center;
	font-size: 16px;
	padding:10px 0px;
	color: #666666;
}
.product-intro .txt p:last-of-type{
	font-size: 14px;
	padding: 10px 10px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 24px;
}
.product-intro .txt .attr{
	margin-bottom:20px;
	font-size: 14px;
}
.product-intro .txt .attr .name{
	color: #666666;
    font-size: 14px;
	font-weight: bold;
}
.product-intro .txt .attr .model{
	color: #16b777;
    font-size: 14px;
	font-weight: bold;
}
/*.product-intro .txt .attr .price{
	color: #ff9933;
}*/
.product-intro .txt .attr em{
	font-size: 26px;
	font-style: normal;
}
.product-intro .txt .goods_price{
	font-size: 14px;
	color: #666666;
}
.product-intro .txt .goods_price span{
	color: #fe6700;
}
.product-intro .txt .market_price{
	color: #666666;
	font-size: 14px;
	margin-left:20px;
	text-decoration: line-through;
}
.product-intro .txt .login_price{
	font-size: 14px;
	color:#339933;
	text-decoration: underline;
}
.product-intro .txt .btn{
	display: block;
	width:160px;
	height: 50px;
	line-height: 50px;
	background: #23ab38;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	font-size: 20px;
}

.product-intro .amount .btn-amount {
    width: 36px;
    height: 36px;
    border: 1px solid #dadada;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    background-color: #eee;
    font-size: 18px;
    float: left;
}
.product-intro .amount .buy-amount {
    width: 60px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #dadada;
    float: left;
    border-left: 0;
    border-right: 0;
    text-align: center;
    font-size: 14px;
}
.product-intro .amount .layui-form-label {
    text-align:left;
	padding:9px 0;
}
.product-intro .amount .layui-input-block {
    margin-left:0;
}

.product{
	margin-top:10px;
	margin-bottom: 50px;
	background: #FFFFFF;
}
.product h2{
	border-left: 4px solid #339933;
	padding:0 10px;
	font-size: 16px;
	/*margin-top: 15px;*/
}
.product .process{
	padding:15px 20px;
}
.product .process .pic{
	padding: 30px;
	border-bottom: 1px solid #EEEEEE;
}
.product .process .icon{
	float: left;
	font-size: 14px;
	color: #666666;
	text-align: center;
}
.product .process .icon p{
	margin-top:15px;
}
.product .process .icon i{
	display: inline-block;
    background: url(../images/arrow.png) no-repeat;
    width: 10px;
    height: 20px;
    margin:30px;
}
.doc{
	padding:15px 20px;
	position: relative;
}
.doc .word, .doc .pdf, .doc .print{
	display: inline-block;
	width: 80px;
	height: 32px;
	line-height: 32px;
	background: #339933;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	margin-left:10px;
}
.doc .Download {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100px;
}
.doc .top{
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 20px;
	/* width: 270px; */
}
.doc .top .print{
	float:left;
}
.doc .top .word{
	float: left;
}
.doc .top .pdf{
	float: left;
}
.doc .bottom{
	text-align: center;
	margin-top:20px;
	margin-bottom:80px;
}
.doc .cat{
	display: none;
}
.doc .subcat{
	font-size: 18px;
	margin: 30px 0;
	color: #333333;
	font-weight: bold;
}
.doc .list{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #EEEEEE;
}
.doc .list .name{
	float: left;
	width:130px;
	font-size: 16px;
	line-height: 20px;
	margin:0 40px;
	font-weight:bold;
}
.doc .list .desc{
	float: left;
	width:810px;
	line-height: 24px;
	color: #666666;
}
.doc .list .download{
	float: right;
}
.doc .list .download a{
	color: #333333;
}
.doc .list .download a {
    padding-left: 26px;
    background: url(/static/images/download_black.png) no-repeat left center;
    background-size: 16px 18px;
}
.doc .list .download img{
	margin-right: 10px;
}
.product .notice{
	padding:15px 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
}
.product .notice .txt{
	padding:15px 30px;
	line-height: 24px;
	color: #666666;
}
.product .question{
	color: #666666;
	padding: 15px 20px;
	position: relative;
}
.product .question .consult{
	top: 5px;
	right: 30px;
	position: absolute;
}
.product .question .info{
	padding:15px 30px;
}
.product .question .info .info-item{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #EEEEEE;
}
.product .question .info .info-item .right{
	float: right;
}

.product .question .info .info-item .replay-txt{
	margin-left: 28px;
}
.product .question .info .info-item ul>li{
	line-height: 20px;
}
.product .question .info .info-item ul>li:nth-child(2){
	color: #d75f10;
}
.product .tab{
	border-bottom: 1px solid #EEEEEE;
	height: 45px;
	line-height: 45px;
	padding:0 15px;
	font-size: 16px;
	position: relative;
}
.product .tab li{
	min-width: 60px;
	text-align: center;
	float: left;
	padding:0 15px;
	cursor: pointer;
}
.product .tab li.current{
	color: #339933;
	border-bottom: 2px solid #339933;
}
.product .tab .top{
	float: right;
}
.product .tab .top .print{
	padding: 0 15px;
	position: absolute;
	right:0;
}

.layui-tab-title li{
	font-size: 16px;
}
.layui-tab-title .layui-this{
	color: #339933;
	font-weight: bold;
}
.layui-tab-content{
	border:1px solid #e2e2e2;
	border-top:none;
	padding:20px;
}
.layui-tab-item h2{
	text-align: center;
	font-size:22px;
	margin:30px 0;
}
.layui-tab-item ul{
	background: #f0f0f0;
	padding:10px 0;
}
.layui-tab-item li{
	float:left;
	width: 126px;
}
.layui-tab-item p{
	text-align: center;
	font-size: 16px;
	margin:10px 0;
	color: #666666;
}

.user-menu{
	float: left;
	text-align: center;
	width: 220px;
	background: #ebebeb;
	min-height:460px;
}
.user-menu h1{
	font-size: 20px;
	height: 64px;
	line-height: 64px;
	color: #339933;
	margin-bottom: 5px;
	border-bottom: 1px solid #d7d6d6;
}
.user-menu h1 img{
	margin-right:20px;
}
.user-menu a{
	display: block;
	width:98%;
	height:54px;
	line-height: 54px;
	font-size: 16px;
	text-align: center;
	border-left: 4px solid #ebebeb;
}
.user-menu a.current{
	background: #FFFFFF;
	color:#23ab38;
	border-left: 4px solid #23ab38;
}
.user-main{
	float: left;
	width: 920px;
	min-height:400px;
	background: #FFFFFF;
	padding: 30px;
	line-height: 22px;
	margin-bottom:120px;
}
.user-main .layui-form-label{
	width:100px;
}
.user-main .layui-input-block{
	margin-left:130px;
}
.user-main .layui-input-block.site input{
	width: 60px;
}
.layui-input-block input[type=button],.layui-input-block input[type=submit]{
	width: 60px;
	height: 34px;
	font-size: 14px;
	border: none;
	outline: none;
	color: #FFFFFF;
	cursor: pointer;
}
.layui-input-block input.save{
	background-color: #339933;
	margin-right: 10px;
}
.layui-input-block input.cancel{
	background-color: #999999;
}
.user-main .btn-amount {
    width: 36px;
    height: 36px;
    border: 1px solid #dadada;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    background-color: #eee;
    font-size: 18px;
    float: left;
}
.user-main .buy-amount {
    width: 60px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #dadada;
    float: left;
    border-left: 0;
    border-right: 0;
    text-align: center;
    font-size: 14px;
}
.user-main .layui-btn {
    background: #339933;
}
.user-main .back {
    margin-left: 20px;
}
.user-main h2{
	font-size:18px;
	color: #666666;
	margin-bottom: 10px;
}
.user-main .order-info, .user-main .pay, .user-main .jifen, .user-main .btn{
	margin-bottom:50px;
}
.user-main .btn{
	text-align: center;
}
.user-main .pay-btn{
	width:160px;
	height:50px;
	font-size:18px;
	background: #339933;
	border:none;
	color: #FFFFFF;
	border-radius: 8px;
	cursor: pointer;
}
.user-main .order-info ul{
	border: 1px solid #BFBFBF;
	width:910px;
}
.user-main .order-info li{
	float:left;
	width: 130px;
}
.user-main .order-info p{
	text-align: center;
	font-size: 16px;
	color: #666666;
	/* white-space:nowrap; */
	overflow: hidden;
	padding:10px;
}
.user-main .order-info p.title{
	background: #EEEEEE;
	padding:5px 0;
}
.user-main .pay{
	margin-top:40px;
}
.user-main .pay label{
	margin-right:70px;
	cursor: pointer;
}
.user-main .pay label img{
	margin:0 10px;
}
.user-main .jifen{
	margin-top:50px;
}
.user-main .jifen span{
	color: #339933;
}

.box {
	padding: 30px;
    width: 1140px;
    min-height: 400px;
    background: #FFFFFF;
    line-height: 30px;
    margin-bottom: 120px;
}
.box .msg-pic{
    /* float: left; */
    margin-top:30px;
    /* margin-left: 400px; */
}
.box .msg-txt{
    /* float: left; */
    margin-top:30px;
    /* margin-left: 30px; */
}
.box .msg-txt .tips{
    font-size: 24px;
    color: #666666;
}
.box .msg-txt .amount{
   margin:20px 0;
   font-size:20px;
   color: #666666;
}
.box .msg-txt .btn{
	display: inline-block;
	width:120px;
	height: 40px;
	line-height: 40px;
	background: #339933;
	color: #FFFFFF;
	font-size:16px;
	text-align: center;
	border-radius: 5px;
	/* margin-right:20px; */
}
.box .msg-txt .gray{
	background: #999999;
}

.user-main .tab{
	border-bottom: 1px solid #EEEEEE;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	position: relative;
	margin-bottom: 10px;
}
.user-main .tab li{
	min-width: 100px;
	text-align: center;
	float: left;
	margin-right:10px;
	cursor: pointer;
	background: #CCCCCC;
}
.user-main .tab li.current{
	color: #FFFFFF;
	background: #339933;
}

.user-main .order-table{
	width:100%;
	font-size: 16px;
}
.user-main .order-table thead tr{
	height: 40px;
	background: #EEEEEE;
}
.user-main .order-table thead tr th{
	text-align: center;
}
.user-main .order-table tbody td{
	border-bottom:1px solid #e2e2e2;
	padding:10px;
	text-align: center;
	color: #666666;
}
.user-main .order-table tbody td a{
	color: #666666;
}
.user-main .order-table tbody td .order-pay-btn{
	display: block;
	width: 90px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    background: #339933;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    margin:0 auto;
    margin-bottom: 10px;
}
.user-main .operate a{
	width:80px;
	height: 30px;
	line-height: 30px; 
	float: right;
	border: 1px solid #CCCCCC;
	margin-right:10px;
	border-radius: 5px;
	text-align: center;
}
.user-main .operate a:first-of-type{
	color: #339933;
}
.user-main .info{
	font-size: 16px;
	position: relative;
	margin-top: 50px;
}
.order{
	font-size: 16px;
}
.order h2{
	font-size: 18px;
    color: #666666;
    margin-bottom: 10px;
}
.order ul li{
	float: left;
	width: 195px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	background: #CCCCCC;
	position: relative;
}
.order ul li:last-child{
	width:160px;
}
.order ul li span{
	display: inline-block;
	width: 160px;
	position: absolute;
	left:0;
}
.order ul li i{
	position: absolute;
	right:0;
	width:35px;
	height: 40px;
	background: url(../images/arrow_00.jpg) no-repeat;
}
.order .dot{
	position: relative;
	height:15px;
	/* left:66px; */
}
.order .dot i{
	width: 28px;
	height:15px;
	position: absolute;
	background: url(../images/dot.png) no-repeat;
}
.order .txt{
	padding:30px;
	border: 1px solid #339933;
	margin-bottom: 60px;
}
.order .txt img{
	width: 150px;
	height: 150px;
}
.order .txt .tips{
	font-weight: bold;
}
.order .txt .remark{
	color: #999999;
}

.order .month .dot{
	left:80px;
}
.order .pay .dot{
	left:80px;
}
.order .send .dot{
	left:275px;
}
.order .finish .dot{
	left:470px;
}
/*month*/
.order .month>ul>li:nth-child(1){
	/*background: #339933;*/
	color: #FFFFFF;
}
.order .month>ul>li:nth-child(1) i{
	background: url(../images/arrow_10.jpg) no-repeat;
}
/*pay*/
.order .pay>ul>li:nth-child(1){
	/*background: #339933;*/
	color: #FFFFFF;
}
.order .pay>ul>li:nth-child(1) i{
	background: url(../images/arrow_10.jpg) no-repeat;
}
/*send*/
.order .send>ul>li:nth-child(1), .order .send>ul>li:nth-child(2){
	/*background: #339933;*/
	color: #FFFFFF;
}
.order .send>ul>li:nth-child(1) i{
	background: url(../images/arrow_11.jpg) no-repeat;
}
.order .send>ul>li:nth-child(2) i{
	background: url(../images/arrow_10.jpg) no-repeat;
}
/*finish*/
.order .finish>ul>li:nth-child(1), .order .finish>ul>li:nth-child(2), .order .finish>ul>li:nth-child(3){
	/*background: #339933;*/
	color: #FFFFFF;
}
.order .finish>ul>li:nth-child(1) i{
	background: url(../images/arrow_11.jpg) no-repeat;
}
.order .finish>ul>li:nth-child(2) i{
	background: url(../images/arrow_10.jpg) no-repeat;
}

.order .people{
	width:100%;
	font-size: 16px;
	border: 1px solid #e2e2e2;
	margin-top:20px;
}
.order .people thead tr{
	height: 40px;
	background: #EEEEEE;
}
.order .people thead tr th{
	text-align: center;
}
.order .people tbody td{
	border-bottom:1px solid #e2e2e2;
	padding:10px;
	text-align: center;
}
.order .amount{
	margin-top:30px;
	text-align: right;
	font-size: 18px;
	color: #339933;
}
a.management{
	float: right;
	width: 108px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #339933;
	color: #FFFFFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
table.childItems{
	margin-top: 80px;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
}
table.childItems tr th:nth-of-type(1){
	width: 80px;
}
table.childItems tr th:nth-of-type(2){
	width: 150px;
}
table.childItems tr th:nth-of-type(3){
	width: 100px;
}
table.childItems tr th:nth-of-type(4){
	width: 180px;
}
table.childItems tr th:nth-of-type(5){
	width: 230px;
}
table.childItems tr th:nth-of-type(6){
	width: 150px;
}
table.childItems tr th,table.childItems tr td{
	font-size: 16px;
	text-align: center;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}
table.childItems tr th{
	background-color: #F4F4F4;
	color: #333333;
	height: 40px;
}
table.childItems tr td{
	color: #666666;
	height: 62px;
}
table.childItems tr td a+a{
	margin-left: 20px;
}
.user-box{
	position: relative;
	width: 490px;
	margin: 0 auto;
}
.user-box h3{
	font-size: 18px;
	color: #333333;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
}
.user-box label.layui-form-label{
	width: 60px;
}
.user-box .layui-input-block {
    margin-left: 90px;
}
.user-box .layui-input-block input[type=text],.user-box .layui-input-block input[type=password]{
	width: 270px;
	height: 32px;
}
.user-box .layui-form-label::after{
	content: "*";
	color: red;
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 16px;
}
.jifen-box h3{
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
}
.jifen-box h3 span{
	font-size: 30px;
	color: #339933;
}
.jifen-box p{
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-bottom: 30px;
}
.jifen-table{
	width: 920px;
}
.jifen-table tr+tr{
	border-bottom: 1px solid #CCCCCC;
}
.jifen-table tr th,.jifen-table tr td{
	text-align: center;
}
.jifen-table tr th{
	background-color: #EEEEEE;
	color: #333333;
	height: 40px;
}
.jifen-table tr td{
	color: #666666;
	height: 60px;
}
.address_add_btn{
	float: right;
}
.address_add_btn img,.address_add_btn span{
	vertical-align: middle;
}
.address_add_btn span{
	color: #339933;
	margin-left: 10px;
}
.address_box {
	margin-top: 35px;
}
.address_box li{
	float: left;
	width: 287px;
	height: 134px;
	border: 2px dashed #339933;
	margin-right: 29px;
	margin-bottom: 29px;
	box-sizing: border-box;
	padding: 22px;
}
.address_box li:nth-of-type(3n){
	margin-right: 0px;
}
.address_box li span{
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #666666;
}
.address_box li span+span{
	margin-left: 20px;
}
.address_box li p{
	font-size: 14px;
	line-height: 16px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 32px;
	margin-bottom: 20px;
}
.address_box li .default{
	float: left;
	color: #339933;
	font-size: 14px;
}
.address_box li .del,.address_box li .edit{
	float: right;
	font-size: 14px;
	color: #666666;
	margin-left: 10px;
}
.user-box.address .layui-form-label{
	width: 60px;
}
.user-box.address .layui-input-block{
	margin-left: 100px;
}
.user-box.address .layui-input-block input[type=text],
.user-box.address .layui-input-block input[type=password]{
	width: 340px;
}
.user-box.address .layui-input-block.area{
	width: 340px;
}
.user-box.address .layui-input-block.area input[type=text]{
	width: 65px;
	padding-right: 10px; 
	text-align: right;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.user-box.address .layui-input-block.area input[type=text]:nth-of-type(1){
	width: 100px;
}
.user-box.address .layui-input-block.area input[type=text]:nth-of-type(2){
	width: 100px;
}
.user-box.address .layui-input-block.area input[type=text]:nth-of-type(3){
	width: 120px;
}
.layui-input-block span{
	margin-left: 10px;
}
.layui-input-block span,.layui-input-block input[type=checkbox]{
	vertical-align: middle;
}
.password_edit{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 356px;
	height: 266px;
	box-shadow: 0px 0px 5px #666666;
	padding: 30px;
	box-sizing: border-box;
	display: none;
}
.password_edit label{
	display: block;
	font-style: 14px;
	color: #333333;
	margin-bottom: 20px;
}
.password_edit label span{
	display: inline-block;
	width: 75px;
	text-align: right
	line-height: 34px;
	font-size: 14px;
}
.password_edit label span,.password_edit label input{
	vertical-align: middle;
}
.password_edit label input{
	width: 200px;
	height: 34px;
}
.password_edit .layui-input-block{
	margin-left: 0px;
}

/*order页面修改css*/
.order_sn{
	font-size: 14px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.goods_name{
	font-size: 14px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

tbody.tbody_add{
	display: none;
}
tbody.tbody_finish{
	display: none;
}
tbody.tbody_cancel{
	display: none;
}

.ship1,.ship3{
	display: none;
}
.order_operate{
	margin-bottom: 60px;
}
.go_pay{
	display: inline-block;
	text-align: center;
	color: #ffffff;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 16px;
	background-color: #fe6700;
	vertical-align: middle;
}
.go_pay:hover{
	color: #ffffff;
}
.order_cancel{
	font-size: 16px;
	color: #666666;
	margin-left: 20px;
	vertical-align: middle;
}
.order_cancel:hover{
	color: #999999;
}
.info-box input{
	width: 270px;
	/*height: 36px;
	border: 1px solid #999999;
	padding: 8px;
	box-sizing: border-box;*/
}
.info-box .layui-input-block.site input{
	text-align: right;
	width: 85px;
}
.info-box .layui-input-block.site input:last-of-type{
	display: block;
	text-align: left;
	margin-top: 15px;
	width: 270px;
}

/*客服*/
.fixed-bar .icon,.fixed-bar .consult-list .tel-icon{background:url("/static/images/icon_phone.png") no-repeat;}
.fixed-bar{width:120px;position:fixed;right:0px;bottom:200px;z-index:999;}
.fixed-bar .wide-bar{background: #fff;}
.fixed-bar .consult-box{border:1px solid #e6e6e6;}
.fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:#fe6700;opacity: 0.7;} /*#2acb6b*/
.fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "Microsoft YaHei";text-align:center;}
.fixed-bar .consult-box .icon{display:block;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;}
.fixed-bar .consult-box .icon:hover{background-position:-110px -530px;}

.fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;}
.fixed-bar .consult-list li{padding:6px;color:#666;font:bold 13px/24px "Microsoft YaHei";text-align: center;word-wrap: break-word;border-bottom:1px dashed #eaeaea;}
.fixed-bar .consult-list li:hover{cursor: pointer;background: #F7F7F7;}
.fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;}
.fixed-bar .consult-list span{padding-right:10px;}
.fixed-bar .consult-list img{vertical-align:top;}
.fixed-bar .consult-list .tel-icon{padding:0 0 0 18px;background-position:-591px -264px;}


.hot_search_list{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.hot_search_list dl{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;/* position: relative;top: 80px;left: -370px; */}
.hot_search_list dl dd{margin-left: 20px;}
.hot_search_list dl dd.default a{color: #FF9933;}
