@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:'frab';
	src: url(/font/FRABKIT.TTF);
}

@font-face {
	font-family:'solid';
	src: url(/font/solid-web.OTF);
}
html{font-size:20px;}
body{font-size:.8rem;color:#333333;font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%; display: inline-block; line-height: 0; font-size: 0; vertical-align:bottom; }
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#333;}
a:hover,
a:focus{ text-decoration:none; color:#1a583d;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; background: #d6bfbf; border: 1px solid #fff; text-align: center;}
td,
th {
    padding: 8px;
    padding: .5rem;
    border: 2px solid #fff;
}
th {
    text-align: left;
    font-weight: 300;
    font-size: 20px;
    font-size: 1.25rem;
}
td {
    font-family: 'Avenir Next', 'Segoe UI', 'Lucida Grande', sans-serif;
}


.table {
    width: 100%;
    padding: 16px;
    padding: 1rem;
}
.table__heading {
    border: 2px solid #fff;
    background: #e16569;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.table__heading._first{width: 45%;}
.table__heading._second{width: 12%;}

.table__content img{float: left; width: 30%; margin-right: 20px;}

.table__content .price-con h2{font-size: 20px; margin-bottom: 10px; text-align: left; }
.table__content .price-con p{font-size: 14px; word-break: break-all;line-height: 22px; text-align: justify;}

.table__content .cart-price {
    color: #961D22;
    font-size: 14px;
}
.table__content .cart-price i {
    font-size: 20px;
    margin-top: 5px;
}

.table__content .add_desc {width: 86px;margin: 0 auto;}

.table__content i.ico-minus {
    float: left;
    font-style: normal;
    width: 20px;
    font-size: 20px;
    border-right: 0;
}

.table__content i.ico-add {
    /*float: right;*/
    width: 20px;
    border-left: 0;
    font-style: normal;
    font-size: 20px;
}

.table__content .ico-minus, .table__content input.cart_count, .table__content .ico-add{
    float: left;
    display: inline;
    text-align: center;
    width: 38px;
    color: #fff;
    font-weight: bold;
    height: 28px;
    border-radius: 0;
    border: 1px solid #AD9987;
}

.action-wraper .btn-remove {
    display: inline-block;
    color: #fff;
    background: #961D22;
    width: 55px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.add_desc input.cart_count {
    color: #333;
    font-size: 15px;
}

.table__content i.ico-minus {
    float: left;
    font-style: normal;
    width: 20px;
    font-size: 20px;
    border-right: 0;
}


.cart-collaterals, .cart-collaterals span {
    font-size: 22px;
    color: #961D22;
    padding-right: 20px;
}

.cart-collaterals {
    text-align: right;
    margin-top: 25px;
}

.cart-collaterals, .cart-collaterals span {
    font-size: 22px;
    color: #961D22;
    padding-right: 20px;
}

.checkout-types{display: flex;align-items: center; justify-content: flex-end;}

.button .continue {
    margin-left: 70px;
    background: #c57f81;
    margin-right: 18px;
}
.button button {
    cursor: pointer;
    margin-top: 40px;
    width: 133px;
    text-align: center;
    height: 38PX;
    LINE-height: 38px;
    border: none;
    /*border-radius: 18px;*/
    color: #fff;
    font-size: 18px;
    font-family: "微软雅黑";
}

.button .carry{background: #1a583d;}




@media (max-width: 768px) {
    .table__heading {
        display: none;
    }
    .table__content {
        display: flex;
        align-items: center;
        padding: .5rem 0;
    }
    .table__row {
        display: block;	 border-bottom: 2px solid #FFC842;
    }
    .table__content:before { content: attr(data-heading);display: inline-block;width: 25%; margin-right: .5rem; color: #fff;  font-size: .75rem; font-weight: 700;  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; text-transform: uppercase; letter-spacing: 2px;}
    
    .table__content img{float: none; display: inline-block;}
    .table__content .price-con{width: 68%;}
    .table__content .price-con h2, .table__content .price-con p{text-align: center;}
    .table__content .cart-price, .table__content .action-wraper{margin: 0 auto;}
    .table__content img{width: 46%; margin-bottom: 20px;}
    
}



.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell; vertical-align: top; }
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.shadow { box-shadow: 0 7px 30px rgba(103, 103, 103, .1); }
.shadow-s2 { box-shadow: 2px 7px 10px rgba(103, 103, 103, .3); }
.hide{ display: none; }
.btn { display: inline-block; padding: 10px 20px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; touch-action: manipulation; -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0; border:#dddddd 2px solid; line-height: normal; }
.btn-submit { color: #ffffff; background-color: #1a583d; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }
.btn-reset { color: #333333; background-color: #dddddd; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }

.btn-view { color: #666666; background-color: transparent; border:#666666 1px solid; width: auto; border-radius: 30px; height: 30px; line-height: 30px; padding: 0 25px; }
.btn-view:hover{ background-color:#1a583d; color: #ffffff; border:#1a583d 1px solid; }

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 10px; word-break:break-all; }

.form-control{ display: inline-block; width: 100%; padding: 10px 20px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; border-radius: 0; }
.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color:#1a583d; }
.form-control[type="radio"] { width: 0; height: 0; margin:0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.red{ color: #1a583d; }

body{ background-color: #ffffff; }
.wrap{ width:1600px; margin:auto; padding:0; }
.w1440{ width:1440px; margin:auto; padding:0; }
.iconfont{ font-size: .7rem; }
.wp{ padding: 15px; }
.wp-h{ padding-left: 15px; padding-left: 15px; }
.wp-v{ padding-top: 15px; padding-bottom: 15px; }
.bg-white{ background-color: #ffffff; }
.bg-seach{ background:url(/images/tmp/seach-m1.png) top center no-repeat; background-size: contain;}
.bg-pro{ background: url(/images/tmp/pro-m1.jpg) top center no-repeat; position: relative; background-attachment: fixed; background-size: cover;}
.bg-news{ background: url(/images/tmp/bg-news.jpg) top center no-repeat;}
.bg-foot{ background-color: #252225;}
.bg-gray{background-color: #ddd;}
.bg-f3{background-color: #f3f3f3;}
.tea-con-bg{background: url(/images/tmp/tea-bg.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}

.font-white{color: #fff;}

.more-btn.bg-white{display: block; transition: all .5s; text-align: center; border: 1px solid #999; font-size: 16px; color: #666;border-radius: 20px;padding: 8px 0; box-sizing: border-box; width: 130px;}
.more-btn.bg-white:hover{background: #1a583d; color: #FFFFFF; border: 0; border: 1px solid #1a583d;}

.p-top-xs{ padding-top: 15px; }
.p-top-s{ padding-top: 30px; }
.p-top-m{ padding-top: 50px; }
.p-top-l{ padding-top: 80px; }

.p-bot-xs{ padding-bottom: 15px;}
.p-bot-s{ padding-bottom: 30px; }
.p-bot-m{ padding-bottom: 50px; }
.p-bot-l{ padding-bottom: 80px; }

.m-top-xs{ margin-top: 15px; }
.m-top-s{ margin-top: 30px; }
.m-top-m{ margin-top: 50px; }
.m-top-l{ margin-top: 80px; }

.m-bot-xs{ margin-bottom: 15px; }
.m-bot-s{ margin-bottom: 30px; }
.m-bot-m{ margin-bottom: 50px; }
.m-bot-l{ margin-bottom: 80px; }

.pager{ text-align:center; padding: 30px;}
.pager a,.pager strong{ display: inline-block; border:1px solid #1a583d; padding:5px 10px; margin:0 4px; }
.pager a:hover,.pager strong{ background:#1a583d; color:#fff; }

.header .logo{ float: left; width: auto; margin-top: 10px;}
.header .btn-lag{ float: right; background-color: #00b050; color: #fff; margin-left: 30px; padding: 0 10px; border-radius: 4px; margin-top: 24px;}
.header .btn-lag a{background-color: #00b050; color: #fff;line-height: 40px; }
.header .logo a p{font-size: 30px; color: #1A583D;}
@media screen and (max-width: 640px) {
	.header .logo a img{width: 80%;}
}

.nav{ width: auto; float: right; }
.nav ul li{ float: left; width:auto; display:block; position: relative;}

.nav ul li .tit{ display: block; text-align: center; font-size: .8rem; height:88px; line-height: 88px; display: block; padding: 0 30px; position: relative; color:#333;transition: 1s;  }
.nav ul li:hover .tit,
.nav ul li.on .tit{ position: relative; color: #1a583d; transition: 1s; }
.nav ul li:after {content: ''; transition: all 1s;}
.nav ul li:hover::after { content: ''; width: 30px; height: 3px; background-color: #1a583d; margin: 0 auto; position: absolute; bottom: 10px; left: calc(50% - 15px); transform: translateY(-100%); }
.nav ul li:::after { content: ''; width: 30px; height: 3px; background-color: #1a583d; margin: 0 auto; position: absolute; bottom: 10px; left: calc(50% - 15px); transform: translateY(-100%); }
.nav ul li.on:after {content: ''; width: 30px; height: 3px; background-color: #1a583d; margin: 0 auto; position: absolute; bottom: 10px; left: calc(50% - 15px);}

.nav ul li .child{ background-color: rgba(26,88,61,.9); display: none; position: absolute; top: 88px; left: 0; width:100%; z-index: 99; text-align: center; }
.nav ul li:hover .child{ display: block; padding: 10px 0; }
.nav ul li .child a{ display: block; line-height: 2; font-size: .8rem; color: #fff; padding: 0 15px;border-bottom: 1px solid #0e5134;}
.nav ul li .child a:hover{color:#fec14c;}

.nav ul li.dianpu a{ width: 35px; height: 35px; display: block;}
.nav ul li .tm{background: url(/images/tmp/tianmao.png) no-repeat center; float: left;  margin-right: 10px; margin-top: 25px;}
.nav ul li .jd{background: url(/images/tmp/jingdong.png) no-repeat center; float: left; margin-right: 10px; margin-top: 25px;}
.nav ul li .sousuo-box{float: left; margin-top:25px; position: relative;}
.nav ul li .sousuo{background: url(/images/tmp/sousuo.png) no-repeat center; width: 35px; height: 35px; display: block;}
.nav ul li .sousuo-box .search{display: block; position: absolute; top: 35px; right: 0; transition: all .5s;}
.nav ul li .sousuo-box .search input{width: 0px;border: 0; transition: .5s all;}
.nav ul li .sousuo-box:hover .search{display: block;}
.nav ul li .sousuo-box:hover .search input{width: 220px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    background: #f4efe}
.nav ul li.dianpu::after{height: 0;}

@media screen and (max-width: 1200px) {
	.nav ul li.dianpu a{ width: 35px; height: 35px; display: block;}

}


.top-nav{background:#fff;top: 0;z-index: 999; width: 100%;position: relative;}

.menu-button{ display:none; position:absolute; top: 10px; right:15px; z-index:999; padding: 10px 0; border-radius: 5px; }
.menu-button button{ display:block; background:none; overflow:hidden; cursor:pointer; z-index:1000; border:0; width:40px; height:30px; padding:0; outline:0; position:relative; -webkit-appearance: none;
	-webkit-transition:.3s all;
	transition:.3s all;
}
.menu-button button::before,
.menu-button button::after,
.menu-button button span{ background:#414141; border-radius:3px; }
.menu-button button::before,
.menu-button button::after{ content:''; position:absolute; height:3px; width:100%; left:0; top:50%;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition:-webkit-transform .25s;
	transition:transform .25s;
}
.menu-button button span{ display:block; position:absolute; height:3px; width:80%; left:0; top:50%; margin-top:0; overflow:hidden; text-indent:200%;
	-webkit-transition:opacity .25s;
	transition:opacity .25s
}
.menu-button button::before{ -webkit-transform:translate3d(0,-12px,0); transform:translate3d(0,-12px,0); }
.menu-button button::after{ -webkit-transform:translate3d(0,12px,0); transform:translate3d(0,12px,0); width:93%; }
.menu-button.open button span{ opacity:0; background:#fff; }
.menu-button.open button::before{ -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); background:#fff; }
.menu-button.open button::after{ -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); background:#fff; width:100%; }


/*banner-box*/
.banner-box{position: relative; text-align: center;}
.banner-box::before{position:absolute;content: "";background:rgba(26,88,61,0);width: 100%;height: 100%;z-index: 99;left: 0;}
.banner-box video{width: 100%;height: 100%;}
.banner-box video


.banner-title{position: absolute; top: 190px; left: 50%; margin-left: -200px;}
.banner-title h3{font-size: 36px; color: #fff;float: left;border-right: 1px #fff solid;padding-right: 35px;margin-right: 35px;text-align: right;}
.banner-title h3 em {font-size: 14px; display: block;margin-top: 10px;padding-bottom: 60px;}
.banner-title h4 {font-size: 36px;color: #fff;float: left; text-align: left;}
.banner-title h4 em {font-size: 16px;display: block;}

.nbanner-box{ position: relative; overflow: hidden; margin-top: 5px;}
.nbanner-box .box{ position:absolte; left:50%; margin-left:-960px; width:1920px; }

@media screen and (max-width: 1600px) {
	.wrap{ width:1360px; }
	.nav ul li .tit{ padding: 0 20px; }
	.wrap{ width:100%; padding-left:15px; padding-right: 15px; }
	
	.ind-pro-content ul li{height: auto !important;}
	
	.jingshen .qiye-text p{padding-bottom: 88px;}
	
	.w1440{width: 1440px;width:100%; padding-left:15px; padding-right: 15px;}
}
/*中等屏幕   w<1200*/
@media screen and (max-width: 1200px) {
	.wrap{ width:1000px; }
	.nav ul li .tit{ padding: 0 10px; }
	.wrap{ width:100%; padding-left:15px; padding-right: 15px; }
	
	.ind-pro-content ul li{height: auto !important;}
	
	.w1440{width: 1000px;width:100%; padding-left:15px; padding-right: 15px;}
}

/*中等屏幕   w<1200*/
@media screen and (max-width: 1024px) {
	.wrap{ width:100%; padding-left:15px; padding-right: 15px;}
	
	.top-nav{position: static; background: #fff;}
	.ind-abo-date ul li span:first-child{font-size: 32px;}
	.ind-abo-date ul li p{font-size: 14px;}
	.sec-cont{width: 80%;}
	.header .nav{ display: none; }
	.menu-button{ display:block; }
	
	.smart-nav { display: block; }
	.smart-nav { position: fixed; width: 100%; z-index: 998; left: auto; right:-70%; top: 0; bottom: 0; background: rgba(26, 88, 61, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
		text-align: center;
	}
	.smart-nav.open { right: 0; }
	.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
	.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
	.smart-nav ul li .tit.ignore{ background:none; }
	.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
	.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
	.smart-nav ul li .child a:first-child{ padding-top: 10px; }
	.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }

	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#1a583d; }
	
	.logo{padding: 6px 0;}
	
	.contact{ display:none; }
	
	.nav ul li .tit{ padding: 0 20px; }
	.wrap{ width:100%; padding-left:15px; padding-right: 15px; }
	/*.w1440{margin-left: 100px;}*/
	
	.abo-con .abo-right{width: calc(50% - 20%);}
	
}

/*pad: w< 992*/
@media screen and (max-width: 992px) {
	.wrap{ width:100%; padding-left:15px; padding-right: 15px;}
	
	.w1440{width:100%; padding-left:15px; padding-right: 15px;}
	
	.top-nav{position: static; background: #fff;}
	.ind-abo-date ul li span:first-child{font-size: 32px;}
	.ind-abo-date ul li p{font-size: 14px;}
	.sec-cont{width: 80%;}
	.header .nav{ display: none; }
	.menu-button{ display:block; }
	
	
	.smart-nav { display: block; }
	.smart-nav { position: fixed; width: 100%; z-index: 998; left: auto; right:-70%; top: 0; bottom: 0; background: rgba(26, 88, 61, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
		text-align: center;
	}
	.smart-nav.open { right: 0; }
	.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
	.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
	.smart-nav ul li .tit.ignore{ background:none; }
	.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
	.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
	.smart-nav ul li .child a:first-child{ padding-top: 10px; }
	.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }

	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#1a583d; }
	
	.logo{padding: 6px 0;}
	.contact{ display:none; }
}

/*mobile: w < 768*/
@media screen and (max-width: 768px) {
	.top-nav{position: static; background: #fff;}
	.ind-abo-date ul li span:first-child{font-size: 32px;}
	.ind-abo-date ul li p{font-size: 14px;}
	.sec-cont{width: 80%;}
	.header .nav{ display: none; }
	.menu-button{ display:block; }
	
	.smart-nav { display: block; }
	.smart-nav { position: fixed; width: 100%; z-index: 998; left: auto; right:-70%; top: 0; bottom: 0; background: rgba(26, 88, 61, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
		text-align: center;
	}
	.smart-nav.open { right: 0; }
	.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
	.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
	.smart-nav ul li .tit.ignore{ background:none; }
	.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
	.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
	.smart-nav ul li .child a:first-child{ padding-top: 10px; }
	.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }

	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#1a583d; }
	
	.smart-nav ul li.dianpu{line-height: 80px !important; padding-left: 35%;}
	.smart-nav ul li .tm{ background: url(/images/tmp/tianmao.png) no-repeat center; float: left; margin: 12px 10px 12px 0; width: 35px; height: 35px;}
	.smart-nav ul li .jd{background: url(/images/tmp/jingdong.png) no-repeat center; float: left; margin: 12px 10px 12px 0; width: 35px; height: 35px;}
	.smart-nav ul li .sousuo-box{float: left;margin: 12px 10px 12px 0; position: relative;}
	.smart-nav ul li .sousuo{background: url(/images/tmp/sousuo.png) no-repeat center; width: 35px; height: 35px; display: block;}
	.smart-nav ul li .sousuo-box .search{display: block; position: absolute; top: 35px; right: 0; transition: all .5s;}
	.smart-nav ul li .sousuo-box .search input{width: 0px;border: 0; transition: .5s all;}
	.smart-nav ul li .sousuo-box:hover .search{display: block;}
	.smart-nav ul li .sousuo-box:hover .search input{width: 220px;
	    border: 1px solid #ddd;
	    padding: 5px 10px;
	    border-radius: 4px;
	    font-size: 14px;
	    background: #f4efe}
	.smart-nav ul li.dianpu::after{height: 0;}

}
/*mobile: w < 640*/
@media screen and (max-width: 640px) {

}

/*tit*/
.container{padding-top: 40px;}
.tit img{display: block; margin: 0 auto;}
.tit .tit-line{width:50px;height: 3px;background: #1A583D; margin: 10px auto 0; }

.con-tit{margin: 30px 0;}

.con-tit h2{font-size:30px; text-align: center; position: relative; letter-spacing: 1px;}
.con-tit.color-1a h2{color: #1A583D;}
.con-tit span{display: block; margin-top: 20px; line-height: 20px;text-align: center; color: #1a583d; text-transform: capitalize;}
.con-tit h2:before{content: ''; position: absolute; width: 40px; height: 2px; bottom: -10px; background: #ddd; left: calc(50% - 20px);}
.con-tit p{text-align: center; margin-top: 20px; font-size: 20px;}
/*tit*/

/*关于我们*/
.in-abo-bg{background: url(/images/tmp/bg1.png) no-repeat center;}
.in-abo-bg .abo-bg{background:url(/images/tmp/index-1.png) no-repeat center;}
.abo-con{margin-top: 40px;}
.abo-con .abo-left{width: calc(50% - 20px);float: left; padding-right: 20px;}
.abo-con .abo-right{width: calc(40% - 20px); float: left;padding-left: 20px;}
.abo-con .abo-right h2{font-size: 30px; color: #1A583D; letter-spacing: 1px; margin-bottom: 10px; margin-top: 50px;}
.abo-con .abo-right span{color: #aaa; font-size: 28px; position: relative; padding-bottom: 10px; font-family: 'frab';  text-transform: capitalize;}
.abo-con .abo-right span:before{content: ''; position: absolute; bottom: 0; width: 50px; height: 2px; background: #1A583D;}
.abo-con .abo-right p{font-size: 16px; text-indent: 32px;color: #333; line-height: 38px; margin: 50px 0 50px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
/*按钮*/
.btn-more{position: relative; display: inline-block; height: 60px;}
.btn-more i{position: absolute;z-index: 2; color: #fff;width: 140px;text-align: center;line-height: 50px; }
.btn-more:before{content: ''; position: absolute; top: 0; left: 0;z-index: 1; width: 140px; padding: 25px 0; background: #1A583D; transition: 0.5s;}
.btn-more:after{content: ''; position: absolute; top: 10px; left: 10px;z-index: 0;  width: 140px; padding: 25px 0; background: #01844b; transition: 0.5s;}
.btn-more:hover::before{content: '';top: 10px; left: 10px;z-index: 0;}
.btn-more:hover::after{content: '';top: 0px; left: 0px;z-index: 1;}

.btn-center{position: relative; left: calc(50% - 75px);}

.in-btn-more{background: #01844b; padding: 10px 20px; color: #fff; border: 1px solid #01844B;}
.in-btn-more:hover{background: #fff; border: 1px solid #01844B; display: inline-block;}
/*按钮*/

@media only screen and (max-width: 1200px) {
	.abo-con .abo-right{width: calc(50% - 20px);}
	.abo-con .abo-right h2{margin-top: 0; font-size: 26px;}
	.abo-con .abo-right p{margin: 20px 0; line-height: 30px;}
	.abo-con .abo-right span{font-size: 22px;}

}

@media only screen and (max-width: 768px) {
	.abo-con .abo-right h2{font-size: 20px; margin-bottom: 5px;}
	.abo-con .abo-right span{display: none;}
	.abo-con .abo-right p{margin: 10px 0;}
}

@media only screen and (max-width: 640px) {
	.abo-con .abo-left{width: 100%; padding: 0; }
	.abo-con .abo-right span{display: block;}
	.abo-con .abo-right{width: 100%;padding: 0 15px;}
	.abo-con .abo-right h2{margin-top: 15px;}
	.abo-con{margin-top: 20px;}
	.container{padding-top: 20px;}
}

/*关于我们*/

/*产品中心*/
.pro_container{background: url(/images/pro_bg.jpg)no-repeat center center;margin-top: 65px;background-size: cover;}
.list-s1{padding: 40px 0;}
.list-s1 ul li{transition: 1s; float: left; width: calc(25% - 20px); margin: 0 10px 20px; padding:80px 20px; background: url(/images/tmp/pro-1.png) no-repeat center;background-size: contain;}
.list-s1 ul li .img-box{text-align: center;overflow: hidden;}
.list-s1 ul li img{width: 90%;transition: 1s;}
.list-s1 ul li h2{font-size: 22px; font-weight: 700; text-align: center; color:#444;}
.list-s1 ul li span{display: block; text-align: center; margin: 10px 0 20px; font-size: 17px; color: #666;}
.list-s1 ul li i{display: block; background: url(/images/tmp/pro-3.png) no-repeat center; width: 30px; height: 30px; margin: 0 auto;}
.list-s1 ul li:hover .img-box img{transform: scale(1.1); }
.list-s1 ul li:hover{background: url(/images/tmp/pro-2.png) no-repeat center;background-size: contain;}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 768px) {
	.list-s1 ul li{width: calc(50% - 20px);}
}

@media only screen and (max-width: 480px) {
	.list-s1 ul li{width: 100%;margin: 0;margin-bottom:20px;}
}


/*产品中心*/

/*有机茶*/
.tea-bg{background: url(/images/tmp/bg3.jpg) no-repeat center; min-height: 500px;}
.tea-bg .tea-txt{-webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; float: right; height: 350px; color: #fff; line-height: 48px;margin-right: 26%; letter-spacing: 3px; margin-top: 20px; text-decoration: underline;}
.tea-bg .btn-tea{float: right; margin-top: 12%; margin-right: 2%;}

@media screen and (max-width:768px){
	.tea-bg{
		min-height: 300px;
    	background-size: auto 300px;
	}
	.tea-bg .tea-txt{margin-top: 0;height:210px;margin-right:10%;}
}
/*有机茶*/

/*新闻*/
.container.bg-f3{background: #f3f3f3;}
.list-s2{padding: 40px 0;}
.list-s2 ul li{float: left; position: relative; width: calc(25% - 20px); margin: 0 10px 20px; padding: 10px 10px 0; border-bottom: 2px solid #eaeaea; background: #fff;}
.list-s2 ul li h2{font-size: 20px; line-height: 48px; color: #333; padding: 0 10px; font-weight: 700;}
.list-s2 ul li i{font-size: 16px; color: #999; display: block; text-align: center;margin-bottom: 10px;}
.list-s2 ul li p{font-size: 16px; color: #666; line-height: 30px; min-height: 60px; padding: 0 10px 0px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.list-s2 ul li span{display: block; position: relative; border-top: 1px solid #eaeaea; padding: 10px; margin-top: 10px; background: url(/images/tmp/xiangzuo.png) no-repeat right;}
.list-s2 .img-box{overflow: hidden;}
.list-s2 .img-box img{transition:all 0.5s;}
.list-s2 ul li:before{content: ''; position: absolute; width: 0; height: 2px; background: #1A583D; transition: all .5s ease 0s;}
.list-s2 ul li:hover::before{content: '';  width: 100%; bottom: 0; left: 0;}
.list-s2 ul li:hover img{transform: scale(1.05)}

.list-s2 .img-box

@media only screen and (max-width: 1200px) {
	
}

@media only screen and (max-width: 768px) {
	.list-s2 ul li{width: calc(50% - 20px);}
}

@media only screen and (max-width: 640px) {
	width: calc(100% / 2 - 20px); margin: 0 10px 20px;
}
@media only screen and (max-width:414px) {
	.list-s2 ul li{width: 100%; margin: 0 0 20px;}
}

/*新闻*/

/*底部*/

.footer{ padding: 50px 0 20px; overflow: hidden; background-color: #fff; }
.foot-contact{width: 18%;}
.foot-contact>p{margin-bottom: 10px; color: #06200e; position: relative; font-size: 18px;}
.foot-contact>p:after{content: '';  position: absolute; bottom: -13px; left: 0 ;width: 25px; height: 2px; background: #1A583D;}
.foot-contact>p:before{content: '';position: absolute; bottom: -13px; left: 0; width: 70%; height: 1px; background: #ddd;}
.foot-contact .follow{position: relative; margin-top: 30px;}
.foot-contact .wx{float: left;}
.foot-contact .wx img{position: absolute; bottom:-120px;}
.foot-contact .fo-tm{float: left;}
.foot-contact .fo-jd{float: left;}
.foot-contact .fo-wx i{background: url(/images/tmp/fo-wx.png) no-repeat center; width: 55px; height: 55px; display: block;}
.foot-contact .fo-tm i{background: url(/images/tmp/fo-tm.png) no-repeat center; width: 55px; height: 55px; display: block; margin: 0 15px;}
.foot-contact .fo-jd i{background: url(/images/tmp/fo-jd.png) no-repeat center; width: 55px; height: 55px; display: block;}

.footer .copyright.contact{ border-top: 1px solid #666;}
.footer .copyright.contact span{ color: #666; font-size: 14px;}
.footer .copyright.contact a{color: #999; font-size: 14px;}

.footer .copyright.contact .fr{font-size: 14px; color: #666;}
.footer .copyright.contact .fr span{margin-right: 20px; line-height: 40px;}

.footer .copyright.contact .fl span{display: block; line-height: 40px;}

.contact a{ display: inline-block; line-height: 40px; font-size: .8rem; color: #999; margin-left: 30px; }
.contact a:first-child{ margin-left: 0; }
.contact .iconfont{ font-size: 1.5rem; margin-right: 10px; display: inline-block; color: #ffffff; vertical-align: middle; }
.contact a span{ color: #ffffff; }

.botnav{width: 96%;}
.botnav ul{ width: 100%; }
.botnav ul li{ float:left; width: calc(100% / 7); padding-left:15px; }
.botnav ul li .child{margin-top: 30px;}
.botnav ul li .child a{font-size: 14px;  line-height: 30px}
.botnav ul li a{ display:block; color:#999;; font-size:18px; }
.botnav ul li a:hover{ color:#333; }
.botnav ul li a.tit{ margin-bottom:10px; color:#06200e;position: relative; }
.botnav ul li a.tit:after{content: '';  position: absolute; bottom: -13px; left: 0 ;width: 25px; height: 2px; background: #1A583D;}
.botnav ul li a.tit:before{content: '';position: absolute; bottom: -13px; left: 0; width: 70%; height: 1px; background: #ddd;}


.contact-info{color: #FFFFFF;}
.contact-info .tel{display: flex; align-items: center; justify-content: center;}
.contact-info .tel i{font-family: 'square-web'; font-size: 36px;letter-spacing: 2; color: #CA0E26;}

@media only screen and (max-width: 1200px) {
	.botnav{width: 100%;}
	.foot-contact{width: 20%;}
}

@media only screen and (max-width: 992px) {
	.footer{ padding: 40px 0; min-height:320px;}
	.tbl-cell .botnav{display: none;}
	.footer .copyright.contact{display: none;}
	.foot-contact{width: 100%;}
	.foot-contact>p{text-align: center;}
	.foot-contact .follow{left: calc(50% - 97px);}
	.foot-contact>p:before{width: 100%;}
	.foot-contact>p:after{left: calc(50% - 13px);}

}

@media only screen and (max-width: 768px) {
		.footer .tbl-cell{ display: block; }
	.footer .copyright .fr{ float: none; }
}

@media screen and (max-width: 640px) {
	.footer .foot-contact{ width: 100%; position: static;  }
}

/*底部*/


/*四列*/
.list-s4 ul li{width: calc(25% - 40px); margin: 0 20px; box-sizing: border-box; float: left; position: relative; margin-bottom: 20px;}
@media only screen and (max-width: 768px) {
	.list-s4 ul li{width: calc(50% - 40px); }
}
@media only screen and (max-width: 640px) {
	.list-s4 ul li{width: 100%; margin: 0 0 20px; }
}


.list-s3 ul li{width: calc(25% - 60px); margin: 0 30px; box-sizing: border-box; float: left; position: relative; margin-bottom: 20px; padding: 4px; background: #fff;}
@media only screen and (max-width: 768px) {
	.list-s4 ul li{width: calc(50% - 40px); }
}
@media only screen and (max-width: 640px) {
	.list-s4 ul li{width: 100%; margin: 0 0 20px; }
}

/*四列*/

/*三列*/
.list-s5 ul li{width: calc(100% / 3 - 60px); margin: 0 30px; box-sizing: border-box; float: left; position: relative; margin-bottom: 20px;}

@media only screen and (max-width: 768px) {
	.list-s5 ul li{width: calc(100% / 3 - 20px); }
}
@media only screen and (max-width: 640px) {
	.list-s5 ul li{width: 100%; margin: 0 0 20px; }
}
/*三列*/

/*两列*/
.list-s6 ul li{float: left; width: 50%;}
/*两列*/

/*公司简介*/

.subnav ul li{float: left; margin-right: 20px;}
.subnav ul li a{display: block; padding: 10px 15px; }
.subnav ul li.on a{background: #1a583d; color: #fff;}
.subnav ul li:hover a{background: #1a583d; color: #fff;}

.xinanyuan-con{margin-top: 30px;}
.xinanyuan-con>p{text-indent: 32px; line-height: 28px; margin-bottom: 20px;}
.jianjie-num ul{box-shadow:0px 5px 0px rgba(153,153,153,.3); margin-bottom: 20px;}
.jianjie-num ul li{text-align: center;}
.jianjie-num ul li:after{content: ''; position: absolute; width: 1px; height: 100%; top: 0; background: #dcdcdc; right: 0;}
.jianjie-num ul li:nth-child(4)::after{content: ''; position: absolute; width:0px;}
.jianjie-num ul li span{font-size: 48px;font-family: 'solid'; margin-right: 6px;color: #4a6f05;}
.jianjie-num ul li i{font-size: 16px; color: #4a6f05;}
.jianjie-num ul li p{margin: 0 10px;}

.jianjie-img ul li:nth-child(2){ margin-top: 40px;}
.jianjie-img ul li:nth-child(4){ margin-top: 30px;}
.jianjie-bg{background: url(/images/tmp/jianjie-m6.jpg) no-repeat center; background-attachment: fixed; padding: 40px; min-height: 200px; color: #fff;text-indent: 32px; line-height: 28px;}

@media only screen and (max-width: 768px) {
	.tuandui-con ul li p{background: #1a583d; color: #FFFFFF;}
	.jianjie-num ul li:nth-child(2n)::after{content: ''; position: absolute; width:0px;}
	.jianjie-num ul li {width: calc(50% - 40px);}
	
	.jianjie-img ul li { margin-top: 0px !important;}
	.jianjie-img ul li{width:calc(50% - 20px); margin: 0 10px 20px;}
}
@media only screen and (max-width: 640px) {
	.jianjie-num ul li{width:50% !important;}
	
	.jianjie-img ul li { margin-top: 0px !important;}
	.jianjie-img ul li{width:calc(50% - 20px); margin: 0 10px 20px;}
	
}
/*公司简介*/


/*团队风采*/
.tuandui-con ul li{background: #fff; text-align: center; border: 1px solid #dcdcdc; box-sizing: border-box;}
.tuandui-con ul li img{ padding: 10px; transition: 1s;}
.tuandui-con ul li p{ padding: 10px 0; background: #fff; transition: 1s; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; padding:10px 20px;}
.tuandui-con ul li .img-box{overflow: hidden;}
.tuandui-con ul li:hover p{background: #1a583d; color: #fff; }
.tuandui-con ul li:hover img{transform: scale(1.1);}

@media only screen and (max-width: 768px) {
	.tuandui-con ul li p{background: #1a583d; color: #FFFFFF;}
}
/*团队风采*/

/*发展历程*/
/*Timeline001915*/
.Timeline001915{ padding-bottom:4%;}
.Timeline001915 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00; text-transform:uppercase;}
.Timeline001915 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;}
.Timeline001915 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;}
.Timeline001915 .list{ background:url(/images/Timeline001915-logo.jpg) no-repeat center top; padding-top:64px; margin-top: 30px;}
.Timeline001915 .list ul{ background:url(/images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;}
.Timeline001915 li{ padding-left:50%; background:url(/images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;}
.Timeline001915 li div{ padding-left:36px;}
.Timeline001915 li div p{ line-height:24px;font-family:'黑体';}
.Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;}
.Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;}
.Timeline001915 li time{ display:block; color:#1a583d; font-size:18px; border-top:1px solid #e1e1e4;}
.Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#1a583d; width:20px; height:5px;}
.Timeline001915 ul li:nth-child(2n) time:before{ float:right;}
.Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;}
.Timeline001915 ol{ text-align:center;}
.Timeline001915 ol a{ display:inline-block; width:142px; padding: 7px 0; line-height:30px; text-align:center; background-color:#1a583d; color:#fff; font-size:14px; border-radius:5px;}
@media(max-width:1000px){
.Timeline001915 .columnName{ font-size:45px;}
.Timeline001915 .columnName span{ font-size:24px;}
}
@media(max-width:640px){
.Timeline001915 .columnName{ font-size:30px;}
.Timeline001915 .columnName span{ font-size:20px;}
}
@media(max-width:480px){
.Timeline001915 .list{ background-position: left top; padding-left:20px;}
.Timeline001915 .list ul{ background-position: 8px top;}
.Timeline001915 li{ padding:0 !important; background-position: left top;}
.Timeline001915 li div{ padding:10px 10px 10px 36px !important;}
.Timeline001915 ul li:nth-child(2n){ text-align:left;}
.Timeline001915 ul li:nth-child(2n) time:before{ float:none;}
}


.pro-con{position:relative; margin-top: 30px; }
.pro-con .swiper-container{padding-bottom: 50px;}
.pro-con .swiper-button-next{right:-50px;}
.pro-con .swiper-button-prev{left:-50px;}
.pro-con .swiper-slide a{ display: block; transition: 1s; position: relative; border: 1px solid #ddd; text-align: center;box-sizing: border-box; }
.pro-con .swiper-slide a img{width: 100%; transition: 1s;}
.pro-con .swiper-slide a:hover{border: 1px solid #1a583d;}
.pro-con .swiper-slide span{display: block; padding: 15px; background: #dcdcdc;} 
.pro-con .swiper-slide a .img-box{position: relative; overflow: hidden;}
.pro-con .swiper-slide a:hover .img-box::after{content: ''; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: url(/img/sou.png) no-repeat center; background-size: contain;}
.pro-con .swiper-slide a:hover span{background: #1a583d; color: #fff;}
.pro-con .swiper-slide a:hover .img-box img{transform: scale(1.1);}
.pro-con .more-btn{position: absolute; left: calc(50% - 65px); }
.pro-con .swiper-pagination-bullet{width: 12px; height: 12px;}
.pro-con  .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -3px;}

/*发展历程*/

/*茶课堂*/
.tesCalss-con{margin-top: 30px;}
.tesCalss-con ul li .img-box{ margin-bottom: 10px; }
.tesCalss-con ul li a>p{margin: 10px; border-top: 1px solid  #DCDCDC; padding: 10px 0 0; line-height: 16px; position: relative; background: url(/images/tmp/xiangzuo.png) no-repeat right bottom;}
.tesCalss-con ul li a>p:after{ content:''; position: absolute; width: 0; height: 1px; top: -1px; left: 0; background: #ddd; transition: 1s;}
.tesCalss-con ul li:hover  a>p::after{ content:''; position: absolute; width: 100%; height: 1px; top: -1px; left: 0; background: #1A583D;}
.tea-time-tit .tea-time{float: left; width: 25%; border-right: 1px solid #DCDCDC; box-sizing: border-box;}
.tea-time-tit .tea-tit{float: right; width: calc(75% - 30px); margin:0 10px 0 20px ; min-height: 58px; line-height: 29px;  word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tea-time-tit .tea-time span{ font-size: 32px; font-weight: 700; display: block; text-align: center; line-height: 32px; margin-bottom: 10px;}
.tea-time-tit .tea-time i{color: #666;display: block; text-align: center; line-height: 16px;}
@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 768px) {
	.tesCalss-con ul li {width: calc(50% - 20px); margin: 0 10px;}
}
@media only screen and (max-width: 640px) {
	.tesCalss-con ul li {width: 100%; margin: 0 0 20px;}
}

/*茶课堂*/


/*品牌宣传   国内销售产品*/
.news-con ul li{margin-bottom: 20px;border: 1px solid #DCDCDC;}
.news-con ul li p{font-size: 18px; margin: 10px 0;}
.news-con ul li>a {position: relative; display: inline-block; max-width: 100%; overflow: hidden;}
.news-con ul li>a:before,
.news-con ul li>a:after { content: "";  opacity: 0; pointer-events: none; z-index: 3; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.news-con ul li>a:before { top: 0px; left: 0px; right: 100%; bottom: 100%; border-top: 3px solid; border-left: 3px solid; }
.news-con ul li>a:after { left: 100%; top: 100%; bottom: 0px; right: 0px; border-bottom: 3px solid; border-right: 3px solid;}
.news-con ul li>a img { opacity: 0.99; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.news-con ul li:hover a img{  transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
.news-con ul li:hover a::before { opacity: 1; bottom: 0px; right: 0px; border-color:#01844B;}
.news-con ul li:hover a::after { opacity: 1; top: 0px; left: 0px; border-color:#01844B;}
.news-con ul li p{padding: 0 10px; text-align: center;}
.news-con ul li:hover p a{ color: #1A583D;}
.news-con ul li p:nth-child(3) a{font-size: 14px; margin-top: 10px; color: #333;}

.news_list{ padding-top:2%;}

.news_list .auto{ max-width:1600px;}

.news_list h3{ margin:0; font-size:18px;}
.news_list p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}

.news_list ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.news_list ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.news_list ol .Ispic img{ display:none;}
.news_list ol div{ padding:5% 10% 3% 5%;}
.news_list ol h3 a{ color:#1A583D;}
.news_list ol h3 a:hover{ color:#1A583D;}
.news_list ol time{ display:block; padding:3% 0;}
.news_list ol p{ margin:0 0 3% 0; height:78px;}
.news_list ol span a{display: inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#1A583D; font-size:12px;border: 1px solid #1A583D;transition: all 0.5s;}
.news_list ol span a:hover{background: none;color:#1A583D;}

.news_list li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa; transition: .5s;}
.news_list li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(/images/news_list-more.png) no-repeat center center; border-left:2px solid #fff;}
.news_list li h3 a:hover{ color:#1A583D;}
.news_list li div{border-left:1px solid #ededed; padding:2% 3%;}
.news_list li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.news_list li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.news_list li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.news_list li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
.news_list li div p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li:hover{background: #fff; box-shadow: 0 0 20px #ddd;}

@media(max-width:1000px){
.news_list li{padding-left:100px;padding-right:30px;}
.news_list li:after{width:30px; background-size:35% auto;}
.news_list li time{width:100px;}
.news_list li time span{font-size:14px;}
.news_list li time i{font-size:40px;line-height:30px;}
}

@media(max-width:640px){
.news_list ol{ padding-left:0;}
.news_list ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.news_list ol div{ padding:3%;}
}
@media(max-width:480px){
.news_list li{padding-left:80px;padding-right:0;}
.news_list li:after{ display:none;}
.news_list li time{width:80px;}
.news_list li time i{font-size:30px;}
.news_list h3{ font-size:16px;}
.news_list p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
.news_list ol p{ height:60px;}
}


/*
 .news_detail
 */
.news_detail .content{padding: 2%; border: 1px solid #eaeaea;margin-top: 50px;margin-bottom: 100px;}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .Abstract{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;margin-top: 15px; margin-bottom: 20px;padding: 5px 10px;color: #999999;    border-width: 1px;border-style: solid;border-color: rgba(228,228,228,1);background-color: rgba(252,251,253,1);}
.news_detail .text,.news_detail .text span,.news_detail .text p,.news_detail .text div{font-size: 15px!important;line-height: 28px!important;font-family: "微软雅黑"!important;}
.news_detail .Vice-title{text-align: center;font-size: 13px;margin: 20px 0;border-bottom: 1px solid #eaeaea;padding-bottom: 20px;}
.news_detail .Vice-title .e-title{color: #c8c8c8;}
.news_detail .Vice-title .e-title:nth-child(1){background: url(/images/e-title.jpg)no-repeat left center;padding-left: 15px;}
.news_detail .Vice-title .e-title:nth-child(2){margin-left: 10px;display: inline-block;}
.news_detail .Vice-title .e-title:nth-child(3){margin-left: 10px;display: inline-block;}
.news_detail .text img{display: block;margin: auto;}
.news_detail span.center{text-align: center;display: block;font-size: 16px;}
.news_detail .img{max-width: 100%}
.news_detail .fanye{line-height: 30px; font-size: 15px;color: #666;margin-top: 30px;}
.news_detail .fanye .prev{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye .next{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye a:hover{color: #1A583D}
.news_detail .fanye span{color: #999;}

/*品牌宣传*/


/*茶园基地优势*/
.youshi-nav ul li{position: relative; overflow: hidden;}
.youshi-nav ul li p{ font-size: 32px; color: #4a6f05; text-align: center; padding: 80px 0; position: relative; left: 23px; top: 29px;}
.youshi-nav ul li.on p{color: #1A583D;}
.youshi-nav ul li:hover p{color: #1A583D;}
.youshi-nav ul li div{ background: url(/images/tmp/youshi-m7.png) no-repeat center; background-size: contain; transition: 1s;}
.youshi-nav ul li:hover div{ -webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
.youshi-nav ul li.on div{-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}

@media only screen and (max-width: 768px) {
	.youshi-nav ul li{width: calc(100% / 3 - 60px);}
	.youshi-nav ul li p{font-size: 24px;left:19px;  top: 27px;}
}

@media only screen and (max-width: 640px) {
	.youshi-nav ul li{width: calc(100% / 3); margin: 0 ;}
	.youshi-nav ul li p{font-size: 16px;left:12px;  top: 18px;}
	
}

.container.youshi-bg{background: url(/images/tmp/youshi-bg.jpg) repeat-y; padding:40px 0;}
.youshi-con{margin-top: 30px;}
.youshi-con ul li{position: relative; overflow: hidden;}
.youshi-con ul li{ border: 1px solid #dcdcdc; text-align: center; padding: 100px;}
.youshi-con ul li h2{line-height: 18px; font-size: 18px; margin-top: 20px;}
.youshi-con ul li .youshi-info{position: absolute; top: -298px; width:100%; height: 100%; left: 0; transition: 1s;background: #1A583D;padding-top: 50px; }
.youshi-con ul li:hover .youshi-info{ height: 100%; background: rgba(26,88,61,.9); top: 0; color: #fff;}
.youshi-con ul li .youshi-info h2{margin-bottom: 20px;}
.youshi-con ul li .youshi-info p{padding: 0 30px; text-align: justify; line-height: 32px;}

@media only screen and (max-width: 1200px) {
	.youshi-con ul li{padding: 60px;}
}

@media only screen and (max-width: 768px) {
	.youshi-con ul li .youshi-info{top: 0; padding-top: 0; color: #fff;background: rgba(26,88,61,.8);}
	.youshi-con ul li{width: calc(100% / 2 - 40px); margin: 0 20px 20px }
}
@media only screen and (max-width: 640px) {
	.youshi-con ul li .youshi-info{top: 0; padding-top: 0; color: #fff;background: rgba(26,88,61,.8);}
	.youshi-con ul li{width: 100%; margin: 0 0 20px;}
}
/*茶园基地优势*/

/*茶园基地流程*/
.liucheng-con{ margin: 30px 0; position: relative;}
.liucheng-con .liucheng-left{ width: 50%;}
.liucheng-con .liucheng-right{ width: 50%;}
.liucheng-con .liucheng-right .liucheng-l1{ position: absolute; left: 34%; top: 6%; }
.liucheng-con .liucheng-right .liucheng-l2{ position: absolute; left: 44%; top: 17%; }
.liucheng-con .liucheng-right .liucheng-l3{ position: absolute; left: 34%; top: 29%; }
.liucheng-con .liucheng-right .liucheng-l4{ position: absolute; left: 44%; top: 39%; }
.liucheng-con .liucheng-right .liucheng-l5{ position: absolute; left: 34%; top: 50%; }
.liucheng-con .liucheng-right .liucheng-l6{ position: absolute; left: 44%; top: 59%; }
.liucheng-con .liucheng-right .liucheng-l7{ position: absolute; left: 34%; top: 71%; }
.liucheng-con .liucheng-right .liucheng-l8{ position: absolute; left: 44%; top: 80%; }
.liucheng-con .liucheng-right .liucheng-l9{ position: absolute; left: 34%; top: 92%; }

@media only screen and (max-width: 1200px) {
	.liucheng-con .liucheng-right .liucheng-l1{ position: absolute; left: 40%; top: 6%; }
	.liucheng-con .liucheng-right .liucheng-l2{ position: absolute; left: 51%; top: 17%; }
	.liucheng-con .liucheng-right .liucheng-l3{ position: absolute; left: 40%; top: 29%; }
	.liucheng-con .liucheng-right .liucheng-l4{ position: absolute; left: 51%; top: 39%; }
	.liucheng-con .liucheng-right .liucheng-l5{ position: absolute; left: 40%; top: 50%; }
	.liucheng-con .liucheng-right .liucheng-l6{ position: absolute; left: 51%; top: 59%; }
	.liucheng-con .liucheng-right .liucheng-l7{ position: absolute; left: 40%; top: 71%; }
	.liucheng-con .liucheng-right .liucheng-l8{ position: absolute; left: 51%; top: 80%; }
	.liucheng-con .liucheng-right .liucheng-l9{ position: absolute; left: 40%; top: 92%; }
}

@media only screen and (max-width: 768px) {
	.liucheng-left{display: none;}
	.liucheng-con .liucheng-right{width: 100%; display: block;}
	.liucheng-con .liucheng-right p{  position: relative !important; left: 0 !important;  margin-bottom: 20px; line-height: 26px; border-bottom: 1px solid #dcdcdc; padding-bottom:20px; text-indent: 32px;}
	.liucheng-con .liucheng-right p:after{content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(/images/tmp/liucheng-m2.jpg) no-repeat center; background-size: contain;}
	
}


/*茶园基地流程*/

/*
 .Menu
 */
.Menu{ padding-bottom:2%;}
.Menu header{ margin-top:-7.2%;}
.Menu header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0;  padding:20px 10% 20px 18px; background:url(/images/Menu000706-icon.png) no-repeat 95% center #1A583D;color:#fff; font-weight:normal; font-size:24px;}
.Menu header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;}
.Menu nav{ border-bottom:1px solid #e6e6e6; position:relative;}
.Menu nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(/images/Menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;}
.Menu nav dl a{color:#999;}
.Menu nav dl span,
.Menu nav dl a:hover{color:#1A583D;}
.Menu nav li a{ display:block; font-size:16px; padding:18px 0;}
@media(min-width:769px){
.Menu nav ol{ display:none;}
.Menu nav ul{ display:block !important;}
.Menu nav li{ float:left; padding:0 2%;}
.Menu nav li a:hover,
.Menu nav li a.aon{ color:#1A583D;border-bottom:3px solid #1A583D; }
}
@media(max-width:1000px){
.Menu nav dl{ display:none;}
.Menu header{ position:relative; z-index:5;}
.Menu header h1{ display:block; padding-right:0;}
}
@media(max-width:768px){
.Menu nav{ position:relative;}
.Menu nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;}
.Menu nav ol span{display:block; background-color:#1A583D;padding:5px;border-radius:3px;}
.Menu nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;}
.Menu nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1A583D;}
.Menu nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#1A583D;padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 1000}
.Menu nav li{ background-color:#fff; border-bottom:1px solid #1A583D;border-radius:5px;}
.Menu nav li a{ padding:0 2%; line-height:40px; }
.Menu nav li a:hover{color:#1A583D;}
.Menu header h1{padding:10px 10% 10px 18px; }
.Menu header h1{ font-size:20px;}
}
/*menu*/

/*国内产品*/
.chanpin-nav {position:;}
.chanpin-nav ul{width: 1000px; margin: 0 auto;}
.chanpin-nav ul li{height: 70px;}
.chanpin-nav ul li a{display: block; color: #333; background: #eee; line-height: 70px; text-align: center; position: relative;}
.chanpin-nav ul li .guonei i{display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/images/tmp/CaseImg01.png) no-repeat;
    background-position: -2px 0px;
    line-height: 70px;
    position: absolute;
    top: 22px;
    margin-left: 10px;}
.chanpin-nav ul li .guowai i{display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/images/tmp/CaseImg02.png) no-repeat;
    background-position: -2px 0px;
    line-height: 70px;
    position: absolute;
    top: 22px;
    margin-left: 10px;}
.chanpin-nav ul li.on a{color: #fff; display: block; background: #1A583D;}
.chanpin-nav ul li:hover a{display:  block; background: #1A583D; color: #fff;} 
.chanpin-nav ul li:hover a i{background-position: -2px -25px;}
.chanpin-nav ul li.on a i{background-position: -2px -25px;}
.chanpin-nav ul li:nth-child(1){border-right: 1px solid #fff;}

/*顶部产品*/

.guonei-con-top ul li{width: calc(50% - 40px); float: left; margin-right: 40px; margin-bottom: 20px; box-sizing: border-box; height: 347px; overflow: hidden; position: relative;}
.guonei-con-top ul li:nth-child(2){margin-right: 0;}
.guonei-con-top ul li>span{float: left; width: 65%;}
.guonei-con-top ul li .gounei-text{ height: 100%; box-sizing: border-box; float: left; width: 35%; padding: 30px 20px; box-sizing: border-box; background: #1A583D; color: #fff; height: 100%;}
.guonei-con-top ul li .gounei-text h2{font-size: 20px; line-height: 28px; min-height: 56px; margin-bottom: 30px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.guonei-con-top ul li .gounei-text p{margin-bottom: 20px; line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #fff;}
.guonei-con-top ul li .gounei-text .in-btn-more{position: absolute; bottom: 20px;}

@media only screen and (max-width:1440px) {
	.guonei-con-top ul li{height: auto;}
	.guonei-con-top ul li .gounei-text{padding: 10px 20px; height: 303px;}
	
}
@media only screen and (max-width:1200px ) {
	.guonei-con-top ul li .gounei-text{padding: 10px 20px; height: 248px;}
	.guonei-con-top ul li .gounei-text h2{font-size: 18px; line-height: 24px; min-height: 28px; margin-bottom: 20px; }
	.guonei-con-top ul li .gounei-text p{margin-bottom: 10px;}
}
@media only screen and (max-width:1024px ) {
	.guonei-con-top ul li .gounei-text{padding: 30px 20px; height: 208px;}
}
@media only screen and (max-width:992px ) {
	.guonei-con-top ul li .gounei-text{padding: 30px 20px; height: 201px;}
}

@media only screen and (max-width:768px ) {
	.guonei-con-top ul li .gounei-text{padding: 40px 20px; height: 336px;}
	.guonei-con-top ul li{width:100%; margin-right: 0;}
	.guonei-con-top ul li .gounei-text .in-btn-more{position: absolute; bottom: 40px;}
	
}
@media only screen and (max-width:640px ) {
	.guonei-con-top ul li>span{float: left; width: 100%;}
	.guonei-con-top ul li>span img{width: 100%;}
	.guonei-con-top ul li .gounei-text{width: 100%; height: 280px;}	
}
/*顶部产品*/


/*国内产品*/

/*产品内页*/

.RighInfo001277{ padding:2% 0;}
.RighInfo001277 .list_img{ float:left; width:55.6%; position:relative;}
.RighInfo001277 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.RighInfo001277 .big_img li,
.RighInfo001277 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;}
.RighInfo001277 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;}
.RighInfo001277 .list{ padding:42px 0 42px 82.9%;}
.RighInfo001277 .list .bd{ position:relative;}
.RighInfo001277 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(/images/tmp/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.RighInfo001277 .list a.prev{ top:0;}
.RighInfo001277 .list a.next{ bottom:0; background-image:url(/images/tmp/RighInfo001277-btn_next.png);}
.RighInfo001277 .list a.prevStop,
.RighInfo001277 .list a.nextStop{ cursor:default;}
.RighInfo001277 .list li{ height:114px;  position:relative;}
.RighInfo001277 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; border:1px solid #f2f2f2;}
.RighInfo001277 .list li.on figure{ border:2px solid #1A583D;}
.RighInfo001277 .right_info{ float:right; width:39.2%;}
.RighInfo001277 .right_info h1,
.RighInfo001277 .right_info h3{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;}
.RighInfo001277 .right_info p{ margin:0; solid #e7e8e8;}
.RighInfo001277 .right_info h1{ padding:7% 0; color:#1A583D; font-size:26px; }
.RighInfo001277 .right_info h3{ font-size:18px; font-weight:normal;}


.RighInfo001277 .right_info {background: #1A583D;padding-bottom: 40px;}
.RighInfo001277 .right_info .product-main{ background:#1A583D; color: #fff; border-bottom: 1px solid #01844B; height: 50px;}
.RighInfo001277 .right_info .product-main a div{text-align: center; color: #fff; line-height: 50px;}
.RighInfo001277 .right_info .product-main .ProductNav_pre{float: left; width: 20%; border-right: 1px solid #01844B; position: relative;}
.RighInfo001277 .right_info .product-main .ProductNav_next{float: left; width: 20%; position: relative;}
.RighInfo001277 .right_info .product-main .ProductNav_all{float: left; width: 60%;border-right: 1px solid #01844B;}
.RighInfo001277 .right_info .product-main .ProductNav_pre:after{content: ''; position: absolute; width: 20px;height: 20px;  background: url(/images/tmp/_prev.png) no-repeat center ; margin-top: 15px;  background-size: contain;}
.RighInfo001277 .right_info .product-main .ProductNav_next:after{content: ''; position: absolute; width: 20px;height: 20px; background: url(/images/tmp/_next.png) no-repeat center ; margin-top: 15px;  background-size: contain;}
.RighInfo001277 .right_info .ProductDetail {padding: 8% 0; color: #fff; border-bottom: 1px solid #01844B;}
.RighInfo001277 .right_info .ProductDetail h2{font-size: 32px; margin-bottom: 20px; text-align: center; }
.RighInfo001277 .right_info .ProductDetail p{text-align: center;}

.RighInfo001277 .right_info .Product_info ul{border-bottom: 1px solid #01844B;}
.RighInfo001277 .right_info .Product_info ul li{float: left; width: calc(100% / 3); color: #fff; list-style: disc; text-align: center; line-height: 40px;}
.RighInfo001277 .right_info .Product_info ul li:nth-child(1){list-style: none;}
.RighInfo001277 .right_info .Product_info p{line-height: 26px; color: #fff; text-align: center; padding: 20px 0;}

.RighInfo001277 .right_info .dianpu_link {}
.RighInfo001277 .right_info .dianpu_link ul li{width: 50%; float: left;text-align: center; padding: 10px 0;}
.RighInfo001277 .right_info .dianpu_link ul li img{transition: 1s;}
.RighInfo001277 .right_info .dianpu_link ul li:hover img{ transform: scale(1.1);}
.RighInfo001277 .right_info .dianpu_link ul li:nth-child(1){border-right:1px solid #01844B ; }


.RighInfo001277 .tab{ padding:3% 0;}
.RighInfo001277 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.RighInfo001277 .tab .h1_tab span{ float:left; padding:0 3%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;}
.RighInfo001277 .tab .h1_tab span.on{ background-color:#1A583D; color:#fff;}
.RighInfo001277 .tab .info{ padding-top:3%;}
.RighInfo001277 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(/images/RighInfo001277-icon_download.png) no-repeat right center; padding:10px 0;}
.RighInfo001277 .ul_download li a{ padding:0 38px; background:url(/images/RighInfo001277-icon.png) no-repeat left center;}

.RighInfo001277 .view-list{padding:20px 0 10px; }
.RighInfo001277 .view-list p{padding-bottom: 10px; font-size: 16px; line-height: 24px; color: #666;}
.RighInfo001277 .view-list p em{color:#1A583D;}

.RighInfo001277 .view_minx {
    background: url(/images/v_ico3.png) no-repeat center center;
    cursor: pointer;
    margin-top: 5px;

}

.RighInfo001277 .right_info .btn-cart{ display:inline-block; border:1px solid #ddd; padding:10px 5%; color:#1A583D; transition:0.4s;}
.RighInfo001277 .right_info .btn-cart:hover{ background-color:#1A583D; color:#fff;}

.RighInfo001277 .right_info .btn-buy{ display:inline-block;background: #1A583D; padding:10px 5%; color:#fff; transition:0.4s; margin-left: 20px;}

.pro-con {margin-top: 30px; position: relative;}
.pro-con .pro-tit{ line-height: 30px; background:#1A583D; color: #FFFFFF; font-size: 16px; text-align: center; width: 160px; padding: 10px 0;}
.pro-con .pro-text{border-top: 1px solid #ddd; padding: 30px; text-align: center;}
.pro-con .pro-text p{line-height: 24px; text-align: justify; text-indent: 32px; margin-bottom: 20px; line-height: 32px;}

@media(max-width:1200px){
.RighInfo001277 .right_info .product-main .ProductNav_pre,
.RighInfo001277 .right_info .product-main .ProductNav_next{width: 25%;}
.RighInfo001277 .right_info .product-main .ProductNav_all{width: 50%;}
}

@media(max-width:768px){
.RighInfo001277 .list_img,
.RighInfo001277 .right_info{ float:none; width:auto;}
	.RighInfo001277 .view_list2 p{float: none;display: block;padding: 0; border: 0; margin-bottom: 10px;}
	.RighInfo001277 .right_info{float: none;}
}
@media(max-width:640px){
.RighInfo001277 .list li{ height:100px;}
.RighInfo001277 .right_info h1{font-size:20px; }
.RighInfo001277 .right_info h3{ font-size:16px;}
 }	
@media(max-width:480px){
.RighInfo001277 .list{ padding-top:30px; padding-bottom:30px;}
.RighInfo001277 .list a{ height:28px;}
.RighInfo001277 .list li{ height:80px;}
.RighInfo001277 .tab .h1_tab{ font-size:14px;}
.RighInfo001277 .tab .h1_tab span{ padding:0 3%;}
 }	
/*产品内页*/

/*品牌文化*/
.wenhua-bg{background: url(/images/tmp/wenhua-bg.png) no-repeat; background-size: contain; background-position-y: 14%;}
.wenhua-con .wenhua-info-fl{float: left; width: 50%;}
.wenhua-con .wenhua-info-fr{float: left; width: 50%; padding-top: 8%;}
.wenhua-con .wenhua-info-fr h2{font-size: 32px; margin-bottom: 40px;}
.wenhua-con .wenhua-info-fr p{line-height: 36px; text-indent: 32px;}
.wenhua-con p{margin-bottom: 20px;}
.wenhua-con .wenhua-jidi{margin-top: 100px;}
.wenhua-con .wenhua-rongyu{margin-top: 50px;}
.p-w80{width: 80%; text-align: center; line-height: 32px; margin: 0 auto;}
.list-s7 ul li{width: calc(25% - 40px); margin: 0 20px 20px;  float: left; overflow: hidden;}
.list-s7 ul li img{transition: 1s;}
.list-s7 ul li:hover img{transform: scale(1.05);}

.wenhua-bot{padding: 80px; }
.wenhua-bot.wenhau-bot-bg{background: url(/images/tmp/wenhua-m3.jpg) no-repeat center; background-attachment: fixed;}
.wenhua-bot.wenhau-bot-bg .p-w80{font-size: 32px; color: #fff;}


@media only screen and (max-width:1440px) {
	.wenhua-bg{background-position-y: 16%;}
	
}
@media only screen and (max-width:1200px ) {
	.wenhua-bg{background-position-y: 18%;}
	.wenhua-con .wenhua-info-fr{padding-top: 6%;}
}
@media only screen and (max-width:1024px ) {
	.wenhua-bg{background-position-y: 20%;}
	.wenhua-con .wenhua-info-fl{width: 60%;}
	.wenhua-con .wenhua-info-fr{width: 40%;}
}
@media only screen and (max-width:992px ) {
	.wenhua-con .wenhua-info-fr{padding-top: 5%;}
}

@media only screen and (max-width:768px ) {
	.wenhua-bg{background-position-y: 19%;}
	.wenhua-con .wenhua-info-fr{padding-top: 0;}
	.wenhua-con .wenhua-info-fl{width: 50%; padding-top: 5%;}
	.wenhua-con .wenhua-info-fr{width: 50%;}
	.wenhua-con .wenhua-info-fr h2{font-size: 24px;}
	.list-s7 ul li{width: calc(25% - 20px); margin: 0 10px 20px;}
	.wenhua-con .wenhua-jidi{margin-top: 50px;}
	
}
@media only screen and (max-width:640px ) {
	.wenhua-bg{background:none;}
	.wenhua-con .wenhua-info-fl{width: 100%; margin-bottom: 20px; padding-top: 0;}
	.wenhua-con .wenhua-info-fr{width: 100%;}
	.wenhua-con .wenhua-jidi{margin-top: 30px;}
}

/*品牌文化*/


/*我要加盟 开始*/
/*
 .online 为demo编号
 */
.online{ padding:0 20px; max-width: 1200px; margin: 30px auto 0;background: url(/css/"../images/online_bg.jpg"/*tpa=http:/ts02.ahbiz.cn/images/online_bg.jpg*/);background-size: cover;overflow: hidden;}
.online .row{ padding-bottom: 15px;width: 46%;display: inline-block;}
.online .rowbox{ padding-bottom: 0;}
.online .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;}
.online .row-inner{  margin: 0 auto; position: relative; padding-left:108px; color: #666; font-size: 14px; line-height: 44px;}
.online .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 14px; font-weight: normal;}
.online .row-inner .username{ display: block;}
.online .row-inner .text{border: 1px solid #e0e0e0; color: #adadad; line-height: 42px; width: 100%; max-width: 344px; padding: 0 10px; display: inline-block; border-radius: 3px;}
.online .row-inner .text.focus{border-color: #1d67cb; color: #333;}
.online .btn{ background-color:#1A583D; line-height: 44px; font-size: 18px; color: #fff; text-align: center; width:200px; border: none; cursor: pointer; margin: 20px auto 20px; display: inline-block;}
.online .btn.reset{ background-color: #929290; margin-left: 30px;}
.online .address>*{ display: block; float: left;}
.online .address>*+*{ margin-left: 1%;}
.online .address .selectbox{ max-width: 117px; width:20%;}
.online .address .selectbox select{ height: 44px; width: 100%; border: 1px solid #adadad;border-radius: 3px; color: #adadad;}
.online .address .selectbox select.focus{ color: #333;}
.online .address .text{ width:37% ; max-width: 546px;}
.online .row:nth-child(2n){margin-left: 2%;}
.online .row:nth-child(9){width: 100%;}
.online .row:nth-child(9) .row-inner .text{max-width: inherit;width: calc(100% - 144px);height: 100px;}
.online .row:last-child{margin-left:0;width: 100%;    margin-left: 106px;}
.online .row:last-child  .row-inner{padding-left:0}

@media only screen and (max-width: 1200px) {
	.online .row:nth-child(9) .row-inner .text{width: calc(100% - 132px);}
}

@media only screen and (max-width: 1200px) {
	.online .row:nth-child(9) .row-inner .text{width: calc(100% - 52px);}
}
@media only screen and (max-width: 768px) {
	.online .row:nth-child(9) .row-inner .text{width: calc(100% - 38px);}
}
@media only screen and (max-width: 640px) {
		.online{padding: 0;}
	.online .row{width: 100%;}
	.online .row:nth-child(9) .row-inner .text{width: 100%;}
	.online .btn.reset{margin-left: 0;}
	.online .row:last-child{margin-left: 0;}
	.online .btn{width: 45%;}
	.online .row:nth-child(2n){margin-left: 0;}
}
/*我要加盟 结束*/


/*联系 start*/
.lianxi-map{width: 65%;}

.lianxi-text{width: calc(35% - 60px); height: 500px; background: url(/images/tmp/lianxi-m1.jpg) no-repeat center; background-size: cover; padding: 30px; box-sizing: border-box;}
.lianxi-text h2{font-size: 36px; color: #FFFFFF; margin-bottom: 20px;}
.lianxi-text p{font-size: 16px; color: #fff;line-height: 30px;}
.lianxi-text .qr{text-align: center; padding: 20px 0;}
.lianxi-text span{display: block; margin-top: 15px; color: #fff;}

.graphic-title-box{ width:40%; padding-right: 20px; float: left; position: relative; }

.ind-mas-box{width: 50%; float: right;}
.ind-mas-box.mas-in{ padding-left: 20px; padding-right: 20px;}

.input-group{display: flex; margin-bottom: 20px; align-items: center; justify-content: center;}
.input-group label{ font-size: 14px; color: #666;  width: 50px; text-align: right;}
.input-group input{ width: 100%; padding: 5px 0; font-size: 14px; border: 1px solid #ddd; border-radius: 4px ;}
.input-group textarea{ width: 100%; padding: 5px 0; font-size: 14px; border: 1px solid #ddd; border-radius: 4px ;}
.input-group.baseline{align-items: baseline;}
.ind-btn-subm{ width: calc(100% - 50px); float: right; border-radius: 4px;}

/*联系 end*/

@media only screen and (max-width:1200px ) {
	.lianxi-text{width: 35%;}
	
}

@media only screen and (max-width:768px ) {	 
	.lianxi-map{width: 100%;}
	.lianxi-text{width: 100%; margin-top: 30px;}
}


@media only screen and (max-width:640px ) {	 
	.lianxi-text h2{font-size: 24px;}
}

/*人才招聘*/
/*comm-list */
.comm-list{ border:1px solid #E9E9E9; margin-top:10px; background-color:#FFF;margin-bottom: 50px;overflow: hidden;position: relative}
.comm-list .left{float:left;width: 50%;}
.comm-list .right{float:right;width: 50%;}
.comm-list-title{font-weight: bold;background: #1A583D;line-height: 50px;height: 50px;margin-bottom: 2%;color: #fff;width:100%;}
.comm-list-title input{ border:#CCCCCC 1px solid; height:15px; padding:3px; margin-left:5px; }
.comm-list-title span{ background: url(/css/imgs/coico.gif) 10px center no-repeat; display:block; float: left; padding-left:10px;color: #fff;font-weight: normal;}
.comm-list-title .putime,
.comm-list-title a.back{ display:block; float:right; margin-right:10px; font-weight:normal;color: #fff;}
.comm-list-nabar{ padding:10px; padding-bottom:0; }
.comm-list-content{ clear:both; padding:10px; line-height:20px;}
.comm-list-content div{ margin-top:6px; }
.comm-list-repley{ clear:both; color:#DB5A41; line-height:20px; margin:10px; margin-top:0; padding:6px; }
.comm-list-repley span{ font-weight:bold; color:#DA0900; }
.comm-list-content table td{ padding:3px; }
.comm-list-content table td input{ border:#CCCCCC 1px solid; height:28px; padding:3px;line-height: 28px;}
.comm-list-content .submit{height:30px;background:#1A583D;width:100px;color:#fff;border:none;cursor:pointer;width: 47%!important;line-height: 34px;height: 40px;margin-right:4.9%}
.comm-list-content .reset{height:30px;background:#ccc;width:100px;color:#fff;border:none;cursor:pointer;width: 47%!important;line-height: 34px;height: 40px;}
.comm-list-content table td input.radio{ border:none; }
.comm-list-content table td textarea{ border:#CCCCCC 1px solid; padding:3px;width: 100%;height: 100px;}
.comm-list-content .dec{display:none;}
@media(max-width:1000px){
.comm-list .right{display: none;}
.comm-list .left{width: 100%}
.comm-list-content .submit{margin-right: 4%;}
}

@media(max-width:480px){
    .comm-list-content table td{max-width: 100px;}
    .comm-list-content table input{max-width: 100%;}
}

@media(max-width:390px){
    .comm-list-content table td{max-width:95px;}
    .comm-list-content table input{max-width: 100%;}
}

/*map_contact */
.map-box{position: relative;}
.map_contact{position: absolute;height: 70%;width: 35%;background: rgba(2331,37,39,0.9);right: 5%;top: 10%;padding: 20px;}
.map_contact p{font-size: 16px;margin: 10px 0;color: #fff;line-height: 30px;}
.map_contact p a{color: #fff;}

@media(max-width:1024px){
    .map_contact{width: 50%}
}
@media(max-width:768px){
    .map_contact{width:70%}
}
@media(max-width:480px){
    .map_contact{width:80%}
}
@media(max-width:420px){
    .map_contact{width:90%}
}