@charset "utf-8";
/* div{margin:30px!important;margin:28px;}*/
/* yui reset.css version: 2.5.2 */
html{}
body,div,dl,dt,dd,ul,ol,li,h1,div,div,div,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
.clear,.cl{clear:both; height:0px;overflow:hidden;}
legend{color:#000;}
a { text-decoration:none; color:#221815}
a:hover { text-decoration:none;color:#221815}
.clearfix:after { content:""; clear:both; display:block; visibility:hidden; }
 /* end of reset.css Source Han Sans CN*/

body { width:100%;
	font-family: "Source Han Serif SC",'Source Han Sans CN',Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	color: #221815;
}
.banner img { width:100%;}
.topline { width:100%; height:9px;color:#FFF;background:url(../images/top_line.jpg) no-repeat  top center;}
.zsbg { width:100%; background-color:#7e3f98; overflow:hidden}

.t_left { float:left;}
.t_right { float:right;}
.t_right a {color:#FFF;}
#top_menu2 { display:none}

.display_n { display:none}
.top_bg {background:#4f2b61 url(/tea/Skin/my/images/top_bg.jpg) no-repeat center center; }
.logo {position:relative;padding:15px; font-size:16px; } 
.logo img { width:100%;}
.index_logo { width:175px; height:131px; position:absolute; left:100px; top:50px;background:url(../images/index_logo.png);} 
.logo h3 { text-align:center; letter-spacing:12px; margin:15px auto; font-size:14px; display:none}


/*  nav */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navbox{width:100%;z-index:900; margin:auto; min-width:1200px;}
.nav_bar{position:relative; z-index:99;width:100%;color:#5a5858; margin:0 auto;}
.navline { background-color: #c3a16b;}
.nav{margin:0 auto;position:relative;}
.nav .m{float:left; z-index:99;text-align:center;position:relative;}
.nav .m:hover {background-color: #fff;}
.nav .m:hover a {}
.nav a {font-size:100%; font-weight:normal;display: inline-block;font-size:14px; line-height:45px;}
.nav a:hover,.nav .dynav  {background-color: #fff;}

#top_menu ul ul {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 45px;padding:0 0 10px 0; margin:0; list-style:none; text-align:left;display:none;overflow:hidden;}
#top_menu ul.nav ul li { text-align:center; margin:0 10px; border-bottom:1px solid #efeff0}
#top_menu ul.nav ul li a{ width:auto; display: inline-block; padding:0;margin:0;line-height:2;border-bottom:0; font-size:14px; color: #391d49;}
#top_menu ul.nav ul li a:hover { background-color: rgba(195,161,107,1);}
#top_menu ul.nav ul li a:before,#top-nav ul.hdnav ul li a.active:before{border-top:0;background:none;border-bottom:0}


.m_nav { position:absolute; width:30px; top:15px; right:15px; display:block; cursor:pointer; z-index:9999}
.icon-bar {display: block;width:30px;height:2px;background-color:#221815;margin-top:5px;}

.nav {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9999;
    display: none;
    background-color:#f7f8f8; 
	margin:0;
}
.nav_bar {width: 100%;
    position: relative;
    z-index: 99;
    margin: 0 auto;
    height: 50px; border-bottom:1px solid #efeff0;
}
	.navbox { width: 100%; position: fixed; top:0px; left: 0;z-index: 1999; min-width:inherit; background-color:#fff}
	.nav a{ width:100%; height:45px; line-height:45px;font-weight:normal;display: inline-block;font-size:16px; text-indent:0px; background:none;padding:0}
.nav .m {
    width: 100%;
    background: none;
     border-bottom:1px solid #efeff0;
	margin:0;
	height:auto;
}	

#top_menu ul ul { position:relative}
#top_menu ul ul {
	width:100%;
	position:relative;
	left: 0px;
	top: 0px;padding:0; margin:0; list-style:none; text-align:left;display: none; background-color: transparent; border-radius:0; overflow:hidden;
}
#top_menu ul.nav ul li { text-align:center}
#top_menu ul.nav ul li a{ display:block; padding:0; margin:0; height:32px; line-height:32px; text-transform:none;border-bottom:0; font-size:12px;border-bottom:0}
#top_menu ul.nav ul li a:hover { color:#000;background:none;}
#top_menu ul.nav ul li a:before,#top-nav ul.hdnav ul li a.active:before{border-top:0;background:none;border-bottom:0}

.nav .m:hover {background:none}




.link a { display:inline-block; float:left}

.inbanner {margin:50px auto 0; position:relative;}
.bn_text { width:1100px; position:absolute; left:50%; top:30%; margin-left:-520px;color:#4f2b61; font-size:40px;}
.text_cl1 { color:#c3a16b;top:10%; }
.inbanner img { width:100%;}
.inbox { width:100%;position:relative; padding-bottom:50px;border-bottom:0px solid #8b8b8b}
.loca { max-width:1197px; margin:0 auto; text-align:right; display:none}
.box { width:100%; margin:0 auto; padding-bottom:50px;position:relative; }
.box img {display: inline-block}
.index_top { width:25%; float:left;}
.index_top a{ display:block; margin-right:12px;}
.index_top a img { width:100%;}
.nomg { margin-right:0;}
.hd_title { text-align:center;padding:40px 0px;}
.list_p { margin-bottom:0px;border-bottom:1px solid #c49b6f}
.list_p img { display:block;}
.main_visual{overflow:hidden;position:relative;}
.main_image{position:relative;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li a{display:block;width:100%;}
.main_image img { width:100%;}

div.flicking_con{position:absolute;bottom:70px;left:50%;z-index:999;width:200px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/dot.png') 0 0 no-repeat;display:block;text-indent:-1000px; margin-right:17px;}
div.flicking_con a.on{background-position:-21px 0px}

.cont_box { width:100%;}
.cont_box .hd,.cont_box .bd{ max-width:1197px; margin:0 auto;}
.tea_4 { margin-right:-11px;}

.about {width:1180px; box-sizing: border-box; margin:0 auto;line-height:1.7; padding:50px 0 50px 0;overflow: hidden;}
.prod_info {width:750px}
.changdi,.jieshao{width:1040px;}
.about img {width:100%;}
 
 
.about h2 { font-size:22px; font-weight:normal;margin-bottom:0px;}
.about h3 { font-size:18px; }
.about .hd { padding-bottom:35px; overflow:hidden;}
.about p{ margin-bottom:25px;}
.about .hd .info_left{ float:left; width:630px;}
.changdi .hd .info_left{ float:left; width:530px;}
.about .hd .info_gongyi { width:430px;}

.about .bd { margin-bottom:50px;}
.about .bd .info_left p{ margin-bottom:20px;}
.about .bd .info_left{ width:530px;float:left;}
.about .info_right{ float:right;width:450px;}
.map { color:#4f2b61;}
.rz .hd .info_right{padding-top:0px;}
.gongyi .hd .info_right{padding-top:0px;}
.changdi .hd .info_right{padding-top:0px;}
.changdi h3 { font-size:16px; margin-bottom:35px;}
.about  .about_right { width:330px;}

.gongyi .ft,.changdi  .ft{ padding-bottom:80px;}
.gongyi .info_right { padding-top:30px;}
.prodlist {margin:0 -5px 0 0;}
.plist { margin-bottom:0px; text-align:center; width:25%; float:left; color:#4f2b61}
.plist a dt { overflow:hidden}
.plist a,a .prod_text{color:#4f2b61}
.plist dl {margin:0  5px 5px 0;background-color: #f1f1f1;}
.plist dd {padding: 10px 10px;overflow: hidden; background-color:#c3a16b;display: flex;
  align-items: center;    }
.plist dd span { width:38%;float: left;font-size: 16px;}
.prod_text  {float: left;   width: 62%;  padding-left: 0%;   border-left: 1px solid #4f2b61;box-sizing: border-box;font-size: 12px;
    line-height: 1.7;}

.lianxi .hd{ width:100%;height:414px;}
.lx_tel { width:326px;height:414px;background:url(../images/lx_tel.png) no-repeat center top; float:left; margin-right:100px;}
.lx_tel p { margin-top:220px; margin-left:75px;}
.lx_add {width:326px;height:414px;background:url(../images/lx_add.png) no-repeat center top; float:left; margin-right:100px;}
.lx_add p { margin-top:220px; margin-left:30px; margin-right:30px;}

.lx_wx {width:326px;height:414px;background:url(../images/lx_wx.png) no-repeat center bottom; float:left}
.lx_wx p { margin-top:220px; text-align:center}

.map { float: left; width:400px; margin-top:50px;border-bottom:2px solid #4f2b61; font-size:14px}
.liuyan { float: right; width:600px;}
.lxfs_left { float:left;}
.lxfs_right {float:right;}
.lxfs h3,.hezuo h3 { margin-bottom:20px;}
.lxfs h2 { font-size:20px}
.lxfs h3 { font-size:26px}
.lxfs_left  { font-size:14px; line-height:2.5}
#GBookAdd { margin-top:30px;}
.ipt {margin-bottom:20px; font-size:14px}
.ipt label { display:inline-block; width:110px; text-align: right}
.submit_btn { margin-top:20px;}
.submit_btn .submit{ width:100%; height:35px;font-size:14px; color: #4f2b61; border:0; background-color:#c3a16b; }
.text-input {width:100%; border:0;  border-bottom:1px solid #cccccc;padding:10px; box-sizing: border-box}
.ipt_bz { width:100%; border:0; height:60px;padding:10px; box-sizing: content-box}
.mf_hd h1 { padding-bottom:15px; font-size:30px; font-weight:normal; padding-top:15px;}



#footer {z-index: 100; background-color:#f7f8f8;}
.right_bg {background:url(../images/bt_right.png) no-repeat  right bottom;}
.ft_hd {overflow:hidden;margin:0 auto;line-height:20px;padding:15px 15px 15px; text-align:center;} 


.ft_left{ float:left;margin-left:0px;}
	.ft_left .hd { margin-bottom:20px;}
	.ft_left .hd img{ width:160px;}
	
	.ft_left .bd { margin-bottom:10px;}
	.ft_left .ft {color:#999}
	.ft_left .ft span { display:inline-block; margin-right:15px;} 
	
	.add {color:#4f2b61; line-height:1.6;}
	.add a{color:#4f2b61;}
.ft_right{ float: right }

.ft_nav { width:152px;float:left; margin-top:35px;}
.ft_ewm { width:166px; float:right; text-align:center;margin-left:50px;}
.ft_nav  img,.ft_ewm img { max-width:100%;}


.mapm { display:none}

.imgbox img { width:100%;}
.prodnav { margin-top:50px;}
.navlist {}
.lianxi { max-width:750px; margin:0 auto;}
.banner_cd {background:url(../images/banner_cd.jpg) no-repeat center top; padding-top:860px;}
.hezuo_bg {background:url(../images/hezuo_bg.jpg) no-repeat center top; background-size:100%}
.banner_hezuo { width:1030px; margin:0 auto; padding-top:85px;}
.banner_hezuo img { width:100%;}
.case_img{ width:100%;position:relative; overflow:hidden;overflow:hidden; }
.case_img img{ width:100%;}
a .case_img img{-webkit-transition: all ease .8s;transition: all ease .8s;}
a:hover .case_img img{-webkit-transform: scale(1.06);transform: scale(1.06);}
.case_text { background-color:#c3a16b; padding:15px; margin-bottom:15px; overflow:hidden}
.case_text h4 { font-size:18px;}
.about-img p { color:#c3a16b; margin-bottom:0;}


.about-img { margin-right:-35px; padding-bottom:50px;}
.about-img li {    width: 33.33%;float: left;}
.about-img li a { margin-right:35px;display:block; text-align:center; color:#4f2b61}
.box_left img { width:100%;}
.about-img span { font-size:14px}
.about_csr {padding-bottom:50px;overflow:hidden;}
.about_csr dl { overflow:hidden; padding-bottom:50px;}
.about_csr dt { float:left; width:608px;}
.about_csr dd { float: right;width:355px;}
.about_csr dd p {line-height:2}
.kfln { padding-bottom:50px;overflow:hidden;}
.lishi {overflow:hidden;}
.lishi_left { float:left}
.lishi_right { width:560px; float: right}
.m_img { display:none}

.jiameng {width: 1040px;padding: 50px 0 0px 0;}
.dashed {border-bottom: 1px dashed #c3a16b;}

.tixi_img { float:right; margin-top:-90px}
.about .xingshi { margin-bottom:0; padding-bottom:30px;}
.xingshi_left { width:400px; float:left}
.xingshi_right { width:600px; float: right}

.xingshi_img {width:600px;float:right; margin-top:-100px; font-size:28px; margin-bottom:40px;}
.mdtx_img {width:760px;float:right; margin-top:-85px;margin-bottom:60px;}
.mdtx_bg {background:url(../images/hezuo_ftbg.jpg) no-repeat center top;background-size:100%; padding:60px 0;}
.mdtx_bg .bd { width:1040px; margin:0 auto}
.mdtx_bg h2 { color:#c3a16b; font-size:22px; font-weight:normal;margin-bottom:0px;}
.mdtx_bg h3 { color:#c3a16b; font-size:16px; font-weight:normal;margin-bottom:35px;}

.jmzc_img { padding-bottom:60px;}
.jmzc dl { overflow:hidden; padding-bottom:20px;}
.jmzc dt { width:200px; float:left} 
.jmzc dd { width:750px; float: right} 
.tixi_text { font-size:18px; line-height:2; padding-top:20px; padding-bottom:30px;}
.fwtx { padding-bottom:30px;}
.mdtx_img { font-size:16px; line-height:1.7;}

        .timeLine {margin: 60px auto 0;overflow: hidden;position: relative}
        .timeLine li {background: url(/tea/Skin/my/images/back1.png) repeat-y 110px 0;padding-bottom:00px;zoom: 1; overflow:auto}
        .timeLine li:after {content:" ";display: block;height: 0;clear: both;visibility: hidden;}
        .timeLine li:last-child {background: url(/tea/Skin/my/images/back2.png) repeat-y 101px 0; padding-bottom:20px;}
        .timeLine li p {background:url(/tea/Skin/my/images/icon1.png) no-repeat right center;display:inline-block;width:100px;font-size: 36px; float:left;text-align:left;padding-right:20px;margin-bottom:0px;}
        .timeLine li p span {display: block;font-size: 12px;}
        .timeLine li .con {width: calc(100% - 200px);display:inline-block; float:left;padding-left: 15px; margin-top:20px; font-size:13px;}
        .timeLine li .con img{max-width: 100%;}

.news{clear:both; width:1101px; margin:0px auto; padding:0px; }
.news .title{clear:both; text-align:center; padding:80px 0px; margin:0px auto; overflow:hidden}
.news .content{clear:both; margin-right:-10px;}
.news .content ul{list-style-type:none; padding:0px; margin:0px; overflow:hidden}
.news .content li{float:left; width:25%; text-align:left;overflow:hidden; margin-bottom:30px;}
.news .content li a { display:block; margin-right:10px;}
.news .content li{margin:0px}
.news .content li .pic{clear:both}
.news .content li .pic{display: table-cell;vertical-align: middle;width:342px;height:172px;overflow:hidden;}
.news .content li .pic img{transform: scale(1);transition: all 1s ease-in-out 0s;}
.news .content li:hover .pic img{transform: scale(1.1);	}

.news .content li .title{clear:both; padding:15px 0px;text-align:left;line-height:24px; height:24px; letter-spacing:1px}

.newsinfo{clear:both; width:770px; margin:0px auto}
.newsinfo .title{font-size:26px; line-height:1.3; color:#021d49; text-align:center; padding:55px 0px 0px 0px; overflow:hidden}
.newsinfo .content{    clear: both;
    text-align: justify;
    font-size: 16px;
    line-height:2;
   
    margin: 0px auto;
    padding: 0px 0px 40px 0px;
    color: #021d49;}
.updatetime { color:#666; font-size:16px; text-align:center}
.index_v { width:100%;}
.last { border:0;}
.aboutinfo { width:770px; margin:0 auto;}
.qianming { text-align:right}
.qianming img { width:128px;}
.p_title { text-align:center; line-height:50px;}
.product {}



.wxcover{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:21000; display:none;background:#333;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.wxWindow{width:200px;background-color:#fff; text-align:center;position:fixed;float:none;top:45%;left:50%;padding:20px 20px;margin:-100px 0 0 -130px;z-index:22500;border-radius:4px; display:none}
.wxWindow .close{width:30px;height:30px;position:absolute;float:none;top:0px;right:-30px;cursor:pointer;z-index:10;}
.wxWindow .close i{width:30px;height:30px;float:left;background:url(../images/close.png) no-repeat center center;}
.wxWindow img{width:100%;}
.wxWindow .close:hover{-moz-transform: rotate(180deg);-moz-transform-origin: center center;-webkit-transform: rotate(180deg);-webkit-transform-origin: center center;-o-transform: rotate(180deg);-o-transform-origin: center center;transform: rotate(180deg);transform-origin: center center;}
.wxWindow .close{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.pc_img { display:block}
.m_img { display:none}

.footer-fx{}
.footer-fx1{ display:inline-block;width:60px; height:60px;overflow: hidden;margin-right:10px;position: relative;cursor: pointer;position: relative;}
.footer-fx1>img{width: 100%;transition: all .5s;height: 100%;position: absolute;}
.footer-fx1>img:last-child{opacity: 0;}
.footer-fx1:hover>img:last-child{opacity: 1;}

@media only screen and (max-width: 767px) {
	#allapge { width:100%; overflow:hidden}
	body {min-width:100%;}
	.box { padding-bottom:30px;}
	.map { width:100%; margin-top:0; padding:0 15px; box-sizing: border-box; font-size:12px}
	.mapm { display: block}

	.topline { position:fixed; top:0; left:0; z-index:9999;}
	.navline { border:0;}
	.banner { margin-top:50px;}
	
	.logo  { display: block;width: 116px;
    padding: 13px 0;
    position: relative;
    margin-left: 15px;
    left: 0;
    top: 0;}


.index_top { width:25%; margin:10px 0;}

.inbanner {margin-top:50px;}
.inbanner img{ width:100%;}
.nmbanner img{ width:100%;}
.bn_text {
    width: 100%;
    position: absolute;
    left:15px;
    top:30%;
    margin-left:0px;
    font-size:28px;
}
.newsinfo { width:100%;}
.text_cl1 {top:10%; font-size:20px;}
.inbox { padding:30px 10px 0px; box-sizing:border-box; margin-top:0px;}	
.about { width:100%; font-size:13px; line-height:25px;padding: 0px 0 30px 0;}
.about h2 { font-size:18px; }
.about h3 {font-size:14px;margin-bottom: 20px;}
.about .hd {border-bottom: 1px dashed #333333;}
.about .hd .info_left{width:100%; } 
.about .hd .info_right { width:100%;}
.about_right { margin-bottom:20px;}
.about .hd .gy-p1 { width:100%; margin-top:0px;}

.about .hd .cd-p1 {  width:100%; margin-top:0px;}
.about .hd .rzzz-p1 { width:100%; margin-top:0px;}

.about .bd .info_right {width:100%;}
.about .bd .infoabout p{ width:100%;}

.about .bd .info_left img {}
.lianxi .hd { height:auto;}
.about p { margin-bottom:23px;}
.gongyi .ft{ padding-bottom:10px;}
.changdi .ft { padding-bottom:30px;}
.lxinfo { width:100%;}
.lx_tel { width: 230px;height: 317px;margin:0 auto 20px;background-size: contain; float:none; overflow:hidden}
.lx_tel p {margin-top: 175px; margin-left: 48px;}
.lx_add { width: 230px; height: 317px; margin:0 auto 20px;background-size: contain;float:none; overflow:hidden }
.lx_add p {margin-top: 140px; margin-left: 40px;}

.lx_wx { display:none}

.liuyan {width:100%; float: left; padding:20px 15px; box-sizing: border-box;}
.lxfs  {width:100%; float: left; padding:0px 15px; box-sizing: border-box;}
.text-input { width:100%; box-sizing:border-box}
.ipt_bz { width:100%;box-sizing:border-box}


	.info { width:100%;}
	.cont_box { width:100%; padding:0px 0}
	.cont_box img { width:100%;}
	.news_cont { padding:0 20px;}
	.goback { display:block;text-align:center; margin:10px;}
	.goback a { color:#898989;}
	.news_cont h2 { text-align:center; font-size:18px;}
	
	#footer { height:auto; background-size:800px; position:relative;}
	.ft_left { padding-bottom:20px;}
	.ft_hd img { max-width:100%;}
	.ft_right {width:100%; text-align:center;}
	.ft_ewm { float: right; width:120px; margin-left:0;}
	.ft_nav{width:130px;margin-top: 10px;}
.plist {width:100%;}
.pc_img { display:none}
.m_img { display: block}
.right_bg { background-image:none}
.about-img li { width:100%;}
.about_csr dl { padding-bottom:0;}
.about_csr dt { width:100%; padding-bottom:20px;}
.about_csr dd { width:100%;}
.about .bd { margin-bottom:30px;}
.about-img {padding-bottom: 30px}
.about-img span { font-size:12px}
.kfln { padding-bottom:20px;}
.about_csr { padding-bottom:20px;}
.about .bd .info_left { width:100%;}
.banner_cd { padding-top:190px; background-size:100%; margin-top:80px;}
.cd-p1 { padding-bottom:20px;}
.lxfs_left { width:100%;}
.lxfs_right { width:100%; margin-left:0;}
.lishi_right { width:100%}
.lishi_right img{ width:100%}
.add span { display:block}
.jmzc_img { padding-bottom:35px;}
.banner_hezuo { width:96%;}
.jmzc dd { width:100%;}
.tixi_img { float:left; overflow:hidden; margin-top:0; margin-bottom:20px;}
.tixi_text { font-size:16px; padding-bottom:0;}
.xingshi_left { width:100%;}
.mdtx_bg .bd { width:100%;}
.xingshi_right { width:100%;float:left;}

.mdtx_img { float: left; width:100%; margin-top:0;margin-bottom: 35px;font-size: 13px;line-height: 25px;}
.mendian_img { width:100%;}
.mendian_img img{ width:100%;}
.fwtx { padding-bottom:10px;}
.about .xingshi{ padding-bottom:10px; margin-bottom:0;}
.jiameng { padding-bottom:0;}
.xingshi_img { width:100%; margin-top:0; float:left; font-size:20px; line-height:1.7; margin-bottom:20px;}
.mdtx_bg { background-size:cover; padding:0 0 35px;}
.mdtx_bg .bd{padding: 30px 10px 0px; box-sizing: border-box;}
.mdtx_bg h3 { margin-bottom:20px;}

.timeLine li p { font-size:24px;width: 70px;}
.timeLine li {background: url(/tea/Skin/my/images/back1.png) repeat-y 80px 0; padding:10px 0}
.timeLine li:last-child {background: url(/tea/Skin/my/images/back2.png) repeat-y 71px 0;}
.timeLine li .con {width: calc(100% - 110px);margin-top:0;}
.news .content li { width:50%;}
.news .content li .pic {width:100%;}
.news .content li .title {  height:auto;font-size: 14px;}
.newsinfo .title { padding-top:0;}
.hd_title {font-size:20px;}
.footer-fx1{ width:50px; height:50px}
}