html {width: 100%; overflow-y: scroll; font-size: 10px}
body {width: 100%; min-width: 1240px; margin: 0px; padding: 0px; background: #25292c; font-size: 1.2rem; text-size-adjust: none; color: #000; font-family: Microsoft YaHei, Arial, Verdana}
div,p,span,em {backface-visibility: hidden}
ul,ol {list-style: none}
form,dl,dt,dd,ul,ol,input,select,textarea,h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px}
input,button,select,textarea {font-size: 1.2rem; color: #000; outline: none}
img {border: 0px}

button {display: inline-block; padding: 8px 16px; font-size: 1.4rem; border: 0px; line-height: 100%; color: #fff; border: #666 1px solid; cursor: pointer; transition: background-color .1s ease, border-color .1s ease}
button.b1 {background-color: #555; border-color: #555}
button.b1:hover {background-color: #333; border-color: #333}
button.b1:focus {border-color: #000}
button.b2 {background-color: #005f9b; border-color: #005f9b}
button.b2:hover {background-color: #004570; border-color: #004570}
button.b2:focus {border-color: #002842}
button.lock,
button.lock:hover,
button.lock:focus {background-color: #bbb !important; border-color: #bbb !important}

input.i1 {width: 358px; padding: 10px; border: #d1d1d1 1px solid; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.08); transition: border-color .3s ease, box-shadow .3s ease}
input.i1:focus {border-color: #5b9dd9; box-shadow: 0px 0px 2px rgba(30, 140, 190, 0.8)}

textarea.t1 {width: 358px; height: 178px; line-height: 150%; padding: 10px; border: #d1d1d1 1px solid; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.08); transition: border-color .3s ease, box-shadow .3s ease}
textarea.t1:focus {border-color: #5b9dd9; box-shadow: 0px 0px 2px rgba(30, 140, 190, 0.8)}
a {color: #000; text-decoration: none}
a:hover {color: #000; text-decoration: none}
a.link {cursor: pointer}
.ash {color: #999}
.block {display: block !important}

.clear {clear: both}
.clear_float {zoom: 1}
.clear_float:after {display: block; clear: both; content: ""; visibility: hidden; height: 0}
.center {text-align: center !important}

.hide {display: none !important}
.hand {cursor: pointer}

.highlight {background-color: #ffff00}
.pagehide {display: none !important}
.wrap {width: 100%; position: relative; z-index: 100}

.header {width: 100%; min-width: 1200px; height: 150px; background: #fff; border-bottom: #eee 1px solid; position: fixed; top: 0px; z-index: 10000}
.header div.desk {width: 100%; height: 100%; background: #fff; position: absolute; top: 0px; left: 0px; z-index: 100}
.header div.logo {margin-left: -550px; line-height: 150px;position: absolute; top: 10px; left: 50%; z-index: 110}
.header div.logo a {font-size: 2.4rem; color: #005f9b}
.header div.menu {width: 1200px; line-height: 150px;margin: auto; position: relative; z-index: 110}
.header div.menu ul {position: absolute; top: 0px; right: 0px}
.header div.menu ul li {float: left;}
.header div.menu ul li a {display: inline-block; line-height: 40px; padding: 0px 20px; font-size: 1.6rem; color: #000; }
.header div.menu ul li a:hover {background-image : url(/tea/common/images/menu.png);width:64px; height:40px; color: #fff}
.header div.menu ul li.on {background: linear-gradient(#005f9b, #005f9b) top center no-repeat; background-size: 100% 0px}
.header div.menu ul li.on a {color: #000}
.header span.menu {display: none; cursor: pointer}
.headertakeup {width: 100%; height: 150px;}

.footer {width: 100%; padding: 20px 0px; position: relative; z-index: 100;background:#434343;}
.footer .copyright {width: 100%; line-height: 200%; text-align: center; color: #fff}
.footer .copyright a {color: #fff}
.container {width: 100%; background: linear-gradient(#ececec, #f8f8f8) #f8f8f8 top center no-repeat; background-size: 100% 3px; position: relative; z-index: 100}
.breadcrumb {font-size: 1.4rem}
.breadcrumb em {display: inline-block; vertical-align: middle; margin: 0px 5px; width: 1.2rem; height: 1.2rem; background: url(icon/arrow.2.svg) center center no-repeat}

.cupboard {width: 1200px; margin: auto; padding: 20px 0px; position: relative; z-index: 100}
.cupboard .main {width: 800px; padding: 20px; background: #fff; float: right; border: #f2f2f2 1px solid}
.cupboard .main h1 {font-size: 1.8rem; line-height: 150%; padding-bottom: 20px; border-bottom: #eee 1px solid}
.cupboard .main .list {padding-bottom: 20px ; }
.cupboard .main .list li {padding: 20px 0px; line-height: 150%; border-bottom: #ddd 1px dotted; position: relative; z-index: 100}
.cupboard .main .list li span.time {color: #999; position: absolute; top: 20px; right: 0px; z-index: 100}
.cupboard .main .content div.text {padding-top: 20px; font-size: 1.6rem; line-height: 200%}
.cupboard .main .content div.text p {margin: 0px; padding: 0px 0px 20px 0px}
.cupboard .main .content div.text img {max-width: 100%}

.nav_title{width: 268px; height:200px;position:absolute;top:-65px;background: url(/tea/common/images/5sfn.jpg); float: left}

.cupboard .side {width: 268px; background: #fff; position:absolute;top:130px; float: left}
.cupboard .side dl.option {padding-top: 2px;text-align:center; }
.cupboard .side dl.option dt {padding-bottom: 15px; color: #fff;margin-left:100px; font-size: 1.8rem; font-weight: bold; position:absolute;top:-150px; line-height: 100%}
.cupboard .side dl.option dd {background: url() left center no-repeat; background-color: #D0442E; padding-left: 14px; font-size: 1.6rem; line-height: 300%;border-bottom:1px #FFF solid }
.cupboard .side dl.option dd:hover{color:#fff;background:#333333;text-decoration:none;}

.cupboard .links {width: 1200px; margin-left: -15px; font-size:0px; text-align: center}
.cupboard .links div.item {width: 175px; margin: 0px 15px 30px 15px; display: inline-block}
.cupboard .links div.item a {display: table; text-align: center}
.cupboard .links div.item a span {display: table-cell; vertical-align: middle}
.cupboard .links div.item a img {max-width: 175px; max-height: 100px}

.cupboard .pictures {width: 1200px; margin-left: -15px}
.cupboard .pictures div.item {width: 240px; margin: 25px 25px 25px 25px; float: left}
.cupboard .pictures div.item p.image {margin: 0px; padding: 0px}
.cupboard .pictures div.item p.image img {width: 100%}
.cupboard .pictures div.item p.image :hover{text-align:center;width:238px;border:1px solid #ff0000;}
.cupboard .pictures div.item p.topic {margin: 0px; padding: 0px; background:() ; line-height: 300%; font-size: 1.6rem; text-align: center}


.cupboard .pictures div.itemcx {float:left;width:600px;height:140px; margin: -10px 15px 30px 15px;}
.cupboard .pictures div.itemcx p.toptp { height:140px;margin:-100px 0;background:url(/tea/common/images/6.png)no-repeat right;}
.cupboard .pictures div.itemcx p.toptp img {float:left;width:140px;height:120px;margin-right:20px;margin-top:10px;}
.cupboard .pictures div.itemcx p.topic {margin-left: 100px;width:500px; padding: 20px; font-size: 1.6rem; text-align: center}
.cupboard .pictures div.itemcx p.topzy {margin-left: 150px;width:450px; padding: 0px; font-size: 1.3rem; text-align: center}


.cupboard .synopsis div.item {width: 520px; height: 160px; margin-bottom: 20px; padding: 30px; background: #fff; float: left; overflow: hidden; position: relative; z-index: 100}
.cupboard .synopsis div.item p {margin: 0px; padding: 0px}
.cupboard .synopsis div.item p.photo {width: 160px; height: 160px; float: left; margin-right: 30px; margin-bottom: 30px}
.cupboard .synopsis div.item p.photo img {width: 100%; height: 100%}
.cupboard .synopsis div.item p.topic {padding-bottom: 10px; font-size: 1.6rem; font-weight: bold}
.cupboard .synopsis div.item p.topic em {font-style: normal; color: #666; font-size: 1.4rem}
.cupboard .synopsis div.item p.intro {line-height: 150%; font-size: 1.4rem; color: #333}

.cupboard .outline {width: 1200px; margin-left: -15px}
.cupboard .outline h1 {font-size: 1.8rem; line-height: 150%; padding-bottom: 20px; text-align: center}
.cupboard .outline div.item {width: 340px; background: #fff; margin: 0px 15px 30px 15px; padding: 20px; float: left}
.cupboard .outline div.item ul {padding: 10px 0px}
.cupboard .outline div.item ul li {padding-left: 20px; background: url(icon/circle.1.svg) left center no-repeat; background-size: 6px 6px; font-size: 1.4rem; line-height: 200%}
.cupboard .outline div.item p {margin: 0px; padding: 0px}
.cupboard .outline div.item p.topic {padding-bottom: 10px; line-height: 150%; border-bottom: #eee 1px solid; font-size: 1.6rem; font-weight: bold}
.cupboard .outline div.item p.tips {color: #999; line-height: 200%}
.cupboard .outline div.item p.email {background: url(icon/email.1.svg) left center no-repeat; background-size: 20px; padding-left: 30px; line-height: 200%}
.cupboard .outline div.item p.email a {color: #005f9b; text-decoration: underline}

.cupboard .full.content{width: 800px; padding: 10px;background: #fff; margin-left:300px;}

.preview{float:left; margin:10px auto; }
.jqzoom{ width:350px; height:350px; position:relative;}
.przoom{width:350px; height:350px;}
.zoomdiv{ left:800px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(/tea/common/images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(/tea/common/images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url() #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.cupboard .full.content h1 {float:right;font-size: 1.8rem; line-height: 150%; width:380px;margin-top:-400px;border-bottom: #eee 1px solid;}
.cupboard .full.content h1a {font-size: 1.8rem; line-height: 150%; padding-bottom: 20px; text-align: center; border-bottom: #eee 1px solid}
.cupboard .full.content div.text {background: #fff; padding: 20px; font-size: 1.4rem; line-height: 200%; }
.cupboard .full.content div.text p {margin: 0px; padding: 0px 0px 20px 0px}
.cupboard .full.content div.text img {max-width: 100%}
.cupboard .full.content h2 {float:right;font-size: 1.4rem; line-height: 150%; width:380px;margin-top:-350px;}
.cupboard .full.content h3 {float:right;background:url(/tea/common/images/pro-bg1.jpg) no-repeat;width:380px;height:55px;margin-top:-300px;color:#515151;}
.cupboard .full.content h3:hover{float:right;background:url(/tea/common/images/pro-bg3.jpg) no-repeat;width:380px;height:55px;margin-top:-300px;color:white;text-decoration:none;}

.cupboard .tinyform li {padding: 10px 0px; text-align: center}

.cupboard .search {background: #fff; padding: 20px; font-size: 1.4rem}
.cupboard .search .result {padding-bottom: 20px}
.cupboard .search .result li {padding: 10px 0px; border-bottom: #ddd 1px dotted}
.cupboard .search .result li a {display: block}
.cupboard .search .result li a.url {color: #008000; font-size: 1.2rem; padding-top: 10px}

.pagi {line-height: 100%; text-align: center}
.pagi a {display: inline-block; background: #fff; padding: 10px; font-size: 1.4rem; color: #666; border: #eee 1px solid; border-right: 0px; cursor: pointer; vertical-align: middle}
.pagi a:last-child {border-right: #eee 1px solid}
.pagi a.on {text-decoration: underline}

.selector {width: 900px; padding-top: 0px; text-align: right;margin-left: 300px;}
.selector ul {display: inline-block; font-size: 0px}
.selector ul li {display: inline-block; background: #fff; border: #ddd 1px solid; border-right: 0px}
.selector ul li:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px}
.selector ul li:last-child {border-right: #ddd 1px solid; border-top-right-radius: 10px; border-bottom-right-radius: 10px}
.selector ul li a {display: inline-block; font-size: 1.4rem; padding: 10px 20px}
.selector ul li.on {background: #005f9b; border-color: #005f9b}
.selector ul li.on a {color: #fff}

.home {width: 100%; position: relative; z-index: 100 ; background: #fff;}
.home .banner {width: 100%; height: 660px; background: black center center; background-size: cover; position: relative; z-index: 100}
.home .banner h2 {width: 600px; font-size: 4.8rem; font-weight: normal; color: #fff; text-align: center; margin-left: -300px; position: absolute; top: 160px; left: 50%; z-index: 200}
.home .banner h3 {width: 600px; font-size: 1.8rem; font-weight: normal; color: #fff; text-align: center; margin-left: -300px; position: absolute; top: 240px; left: 50%; z-index: 200}
.home .banner a.more {width: 196px; font-size: 1.8rem; color: #fff; text-align: center; line-height: 46px; border: #fff 2px solid; border-radius: 10px; margin-left: -100px; position: absolute; top: 300px; left: 50%; z-index: 200; transition: background .3s ease,color .3s ease}
.home .banner a.more:hover {background: #fff; color: #000}
.home_item {width: 100%; padding: 20px 0px; background:()}
.home_item h2 {font-size: 3.8rem; line-height: 200%; text-align: center;font-family:"楷体";}
.home_item:nth-child(odd) {background: #fff}

/*幻灯片*/
*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#syftp{ width:100%; height:660px; margin:0 auto; background:#333; position:relative; overflow:hidden;}
#syftp .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#syftp .oUlplay li{ float:left;}
#syftp .pre{ cursor:pointer; width:45px; height:45px; background:url(/tea/common/images/l.png) no-repeat; position:absolute; top:40%; left:10px; z-index:10;}
#syftp .next{ cursor:pointer; width:45px; height:45px; background:url(/tea/common/images/r.png) no-repeat; position:absolute; top:40%; right:10px; z-index:10;}
#syftp .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10}
#syftp .smalltitle ul{ width:120px; margin:0 auto;}
#syftp .smalltitle ul li{ width:16px; height:16px; margin:0 10px; border-radius:10px; background:url(/tea/common/images/circle-empty.png ); float:left; overflow:hidden;*display:inline;*zoom:1;}
#syftp .smalltitle .thistitle{ background-image: url(/tea/common/images/circle-full.png );}

/*幻灯片-文字说明*/
 .banner_comm{width:1100px;margin:0 auto;padding-top:105px;height:320px;position:relative;} 
 .banner_comm .banner_position{width:530px;height:405px;background:url(/tea/common/images/bant_uevk.png) no-repeat 0 30px;display:block;clear:both;overflow:hidden}
 .banner_comm .banner_position .scom{float:left;width:70px;margin-left:280px;}
 .banner_comm .banner_position span{display:block;}
 .banner_comm .banner_position .scom .s1{font-size: 80px;font-family: 华文新魏; line-height: 109%; color: rgb(249, 225, 210);width:70px;float:left;text-align:center;}
 .banner_comm .banner_position .s2{font-size: 120px;font-family: 华文新魏; line-height: 100%; color: rgb(246, 246, 246);width:100px;float:right;text-align:center;margin-right:80px;margin-top:80px;}
 .banner_comm .banner_position .scom .s3{font-size: 20px; font-family: 幼圆; line-height: 100%; color: rgb(150, 150, 150);width:30px;float:right;}
 .banner_comm .banner_position .scom .s4{font-size: 20px; font-family: 幼圆; line-height: 100%; color: rgb(150, 150, 150);width:30px;float:right;}

/*首页_关于我们*/
.sy_about_us{}
.sy_about_us .sy_ab_us_com1{background:url(/tea/common/images/bg01.jpg) no-repeat center 0;height:620px;padding-top:80px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com{width:1170px;margin:0 auto;clear:both;overflow:hidden;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits{width:610px;float:right;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits .l1{height:40px;line-height:40px;font-size:40px;font-family:"楷体";font-weight:bold;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits .l2 a{width:120px;height:30px;line-height:30px;display:inline-block;margin-right:30px;margin-top:50px;border:1px #999999 solid;text-align:center;text-decoration:none;*margin-left:1px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits .l2 a:hover{color:#FFF;background:#BC3F2B;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits .l3{font-size:16px;line-height:30px;margin-top:20px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits .l4 a{width:180px;height:50px;line-height:50px;font-size:22px;font-family:"楷体";display:inline-block;margin-right:50px;margin-top:40px;border:1px #999999 solid;text-align:center;text-decoration:none;*margin-left:1px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_tits .l4 a:hover{color:#FFF;background:#99a811;}

.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_0839{background:url(/tea/common/images/201708.png) no-repeat 0 0;width:300px;height:300px;float:center; margin-top:-70px;margin-left:280px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_pic{background:url(/tea/common/images/box.png) no-repeat 0 0; width:271px;float:left;height:600px;margin-top:20px;margin-left:50px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_pic .abus_com1_pic_1{background:url(/tea/common/images/wz01.gif) no-repeat 0 0;width:162px;float:right;height:207px;margin-top:30px;margin-right:50px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com1_pic .abus_com1_pic_2{background:url(/tea/common/images/wz02.gif) no-repeat 0 0;width:23px;float:left;height:95px;margin-top:80px;margin-right:50px;}

.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_tits{font-size:22px;width:30px;font-family:楷体;height:280px;WRITING-MODE: tb-rl;text-align:left;margin-left:25px;}
.sy_about_us .sy_ab_us_com1 .abus_c1_com .abus_com2{background:url(/tea/common/images/sc01.png) no-repeat 0 0;width:256px;height:162px;margin-top:10px;margin-left:100px;}
.sy_about_us .sy_ab_us_com2{background:#FFF; no-repeat center 0;height:0px;}
.sy_about_us .sy_ab_us_com2 .abus_c2_com{width:1170px;margin:0 auto;clear:both;overflow:hidden;}
.sy_about_us .sy_ab_us_com2 .abus_c2_com .abus_c2_pics{float:right;width:600px;margin-top:20px;}
.sy_about_us .sy_ab_us_com2 .abus_c2_com .abus_c2_tit{float:right;width:256px;background:url() no-repeat 0 0;}
.sy_about_us .sy_ab_us_com2 .abus_c2_com .abus_c2_tit .abus_c2_tit_1{border:0px width:320px;height:140px;margin:0 auto 20px auto;line-height:140px;text-align:center;font-size:16px;}
.sy_about_us .sy_ab_us_com2 .abus_c2_com .abus_c2_tit .abus_c2_tit_1 a{text-decoration:none;}
.sy_about_us .sy_ab_us_com2 .abus_c2_com .abus_c2_tit .abus_c2_tit_1 a:hover{color:#FF0000;}

/*首页-合作案例*/
.product_fl{}
.product_fl .product_com1{background:url(/tea/common/images/dbj_ge2t.jpg) no-repeat center bottom #FFF;}
.product_fl .product_com1 .pc1_com{width:1170px;margin:0 auto;}

.product_fl .product_com1 .pc1_com .pc1_c{height:50px;text-align:center;font-size:38px;font-family:"楷体";margin-top:30px;}
.product_fl .product_com1 .pc1_com .pc1_c img{line-height:0px;}

.product_fl .product_com1 .pc1_com .pc1_c_pic{text-align:center;line-height:0px;}
.product_fl .product_com1 .pc1_com .pc1_c_pic img{line-height:0px;}
.product_fl .product_com1 .pc1_com .pc1_c_com{clear:both;overflow:hidden;position:relative;margin:50px 0;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fl{float:left;width:200px;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fr{float:right;width:860px;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fr .pc1_cc_fr_com{claer:both;overflow:hidden}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fr .pc1_cc_fr_com li{float:left;position:relative;width:420px;margin:5px 5px;height:200px;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fr .pc1_cc_fr_com li .s2{position:absolute;top:0;left:0;z-index:5;display:none;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fr .pc1_cc_fr_com li a:hover .s2{display:block;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_fr .pc1_cc_fr_com li .s3{position:absolute;top:30px;right:30px;z-index:10;width:38px;height:138px;font-size:20px;color:#FFF;line-height:20px;background:url(/tea/common/images/bt_ay4x.png) no-repeat 0 0;text-align:center;padding:7px 0 0 2px;}
.product_fl .product_com1 .pc1_com .pc1_c_com .pc1_cc_ps{height:40px;line-height:40px;float:center;font-size:38px;font-family:"楷体";}

/*首页-产品系例*/
.product_fl{}
.product_fl .product_com2{background:url() no-repeat center 0;}
.product_fl .product_com2 .pc2_tit_b{text-align:center;margin-top:20px;}
.product_fl .product_com2 .pc2_tit_b .l a{width:161px;height:60px;line-height:60px;display:inline-block;margin-right:80px; solid;text-align:center;font-size:16px;text-decoration:none;*margin-left:1px;}
.product_fl .product_com2 .pc2_tit_b .l a:hover{color:#004a3b;background:url(/tea/common/images/nav.png);}

/*首页-茶叶学堂*/
.sy_ne{text-align:center;margin-top:0px;}
.sy_new{background:url(/tea/common/images/dbj_ge3t.jpg) no-repeat center 0;height:100%;padding-top:80px;}
.sy_new .sy_new_com{width:1170px;margin:0 auto;clear:both;overflow:hidden;}
.sy_new .sy_new_com .n1{float:left;width:550px;height:500px;display:block;background:url(/tea/common/images/timg.png) no-repeat 0 0;}

/*首页-底部公司淘宝*/
.gs_tb{height:300px;}
.gs_tb .bt_ewm{background:url(/tea/common/images/bottom.jpg) no-repeat center 0;height:270px;margin-top:40px;}
.gs_tb .bt_ewm .ewm{text-align:center;width:100%;}
.gs_tb .bt_ewm .ewm img{margin-top:55px;width:120px;line-height:120px;margin-left:40px;}
.gs_tb .bt_ewm .ewm_tit{height:20px;line-height:20px;float:center;font-size:20px;font-family:"楷体";margin-left:40px;}
.gs_tb .bt_ewm .ewm_tit a{color:#333333;text-decoration:none;}

/*栏目导航_二维码*/
.dh_ewm{width: 268px; height:372px;background:url(/tea/common/images/xinwen_vcp7s.jpg) no-repeat 0 0;position:absolute;margin-top:2px;}
.dh_ewm .ewm_pic{padding-top:241px;text-align:right;padding-right:18px;}
.dh_ewm .ewm_pic img{border:1px solid #FF0000;width:110px;height:110px;line-height:0px;}

/*联系我们栏目*/
.lxus{clear:both;overflow:hidden;margin:0 0 50px 0;}
.lxus_l{float:left;width:860px;margin-top:100px;}
.lxus_l .lx_fs{clear:both;overflow:hidden;width:100%;}
.lxus_l .lx_fs li{float:left;width:30%;margin:20px 1.5% 0 1.5%;background:#F5F5F5;padding-bottom:20px;}
.lxus_l .lx_fs li span{display:block;text-align:center;}
.lxus_l .lx_fs li .s1{font-size:35px;font-weight:bolf;font-style:oblique;color:#666666;}
.lxus_l .lx_fs li .s2{height:30px;line-height:30px;}
.lxus_l .lx_fs li .s3{height:30px;line-height:30px;}
.lx_map{float:right;width:530xpx;margin-top:50px;}


@media screen and (max-width: 1200px) {
  html {font-size: 20px}
  body {min-width: 1200px}
  .wrap {width: 1200px; margin: auto}
  
  .header {width: 1200px; min-width: 1200px}
  .header div.logo {margin-left: -500px}
  .header div.logo a {font-size: 1.8rem}
  .header div.menu {width: 500px; background: rgba(0, 95, 155, .9); position: absolute;right:20px; top: 0px; z-index: 90; transition: top .3s ease}
  .header div.menu ul {position: relative}
  .header div.menu ul li {float: none; max-height: 0px; overflow: hidden; text-align: center; transition: max-height .3s ease}

  .header div.menu ul li.on {background: rgba(0, 95, 155, 1)}
  .header div.menu ul li.on a {color: #fff}
  .header div.menu.on {top: 150px; }
  .header div.menu.on ul li {max-height: 100px}
  .header span.menu {display: block; width: 50px; height: 40px; position: absolute; top: 50px; right: 50px; z-index: 110}
  .header span.menu em {display: block; width: 50px; height: 4px; background: #005f9b; border-radius: 2px; position: absolute; top: 0px; left: 0px; z-index: 100; transition: top .3s ease,transform .3s ease,opacity .3s ease}
  .header span.menu em.e1 {top: 4px}
  .header span.menu em.e2 {top: 18px}
  .header span.menu em.e3 {top: 32px}
  .header span.menu.on em.e1 {top: 18px; transform: rotate(45deg)}
  .header span.menu.on em.e2 {opacity: 0}
  .header span.menu.on em.e3 {top: 18px; transform: rotate(-45deg)}
  
.cupboard .pictures div.itemcx {float:left;width:600px;height:140px; margin: -20px 15px 30px 15px;}
.cupboard .pictures div.itemcx p.toptp { height:140px;margin:-140px 0;background:url(/tea/common/images/6.png)no-repeat right;}
.cupboard .pictures div.itemcx p.toptp img {float:left;width:140px;height:120px;margin-right:20px;margin-top:10px;}
.cupboard .pictures div.itemcx p.topic {margin-left: 100px;width:500px; padding: 15px; font-size: 1.3rem; text-align: center}
.cupboard .pictures div.itemcx p.topzy {margin-left: 150px;width:450px; padding: 0px; font-size: 1.1rem; text-align: center;margin-bottom: 10px;}
  
}