html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body { background:#fff;
line-height:1;

}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

header {

}

a {
transition:color 300ms linear;
text-decoration:none;
}

* {
box-sizing:border-box;
outline:none;
}
.center {
width:1160px;
}
.container{ width:1160px; margin:auto;}
.w700{ width:720px;}
.w440{ width:440px;}
.w740{ width:728px;   }
.w750{ width:750px;   }
.w655{ width:655px;}
.w360{ width:360px;}

.fl {float:left;}
.fr { float:right;}
.mt20 { margin-top:20px;}
.mt10 { margin-top:10px;}
.mt40 { margin-top:40px;}
.header {
display:flex;
justify-content:center;
padding:15px 0;
}

.header h1 {
width:350px;
}

.header h1 img {
display:block;
height:96px;
}

.header .logo_search_tel {
display:flex;
justify-content:flex-start;
}

.header .search {
width:400px;
padding-top:35px;
margin-left:80px;
display:flex;
flex-direction:column;
align-items:center;
overflow:hidden;
}

.header .search p {
width:100%;
padding-top:10px;
text-align:left;
font-size:12px;
color:#666;
}

.header .search p a {
color:#d40000;
margin-right:10px;
}

.header .search form {
width:400px;
display:flex;
align-items:center;
justify-content:flex-start;
}

.header .search input {
border:2px solid #d40000;
border-right:none;
height:40px;
flex:1;
margin:0;
padding:0 7px;
}

.header .search input::placeholder {
color:#999;
font-size:12px;
}

.header .search input:focus {
border:2px solid #333;
border-right:none;
}

.header .search input:focus::placeholder {
text-indent:-9999px;
}

.header .search button {
width:100px;
background-color:#d40000;
background-image:url(http://www.lijiangcoffee.com/images/wh/search.png);
background-repeat:no-repeat;
background-size:16px 16px;
background-position:left 10px center;
height:40px;
border:none;
color:#fff;
font-size:14px;
cursor:pointer;
margin:0;
padding:0 15px 0 35px;
}

.header .search button:active {
background-color:#333;
}

.header .tel {
flex:1;
height:96px;
align-items:center;
display:flex;
justify-content:flex-end;
}

.header .tel ul {
background-image:url(../imgs/tel.png);
background-size:62px 62px;
background-repeat:no-repeat;
background-position:left center;
padding:40px 0 25px 70px;
}

.header .tel .telinfo {
font-size:18px;
}

.header .tel .telinfo small {
color:red;
}

.header .tel .telnum {
padding-top:7px;
text-align:right;
font-size:28px;
font-weight:700;
font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.header .tel .telnum small {
font-size:28px;
color:red;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.header h1 a {
display:block;
}

.top a:hover,.header .search p a:hover {
color:orange;
}
.titlebox {
width:1200px;
display:flex;
justify-content:flex-start;
align-items:center;
margin:30px auto;
}

.titlebox strong {
padding-right:25px;
padding-left:50px;
font-weight:400;
height:40px;
display:flex;
align-items:center;
color:#333;
font-size:22px;
background:url(../imgs/ybicon.png) left center no-repeat;
}

.titlebox .newicon {
padding-right:25px;
padding-left:55px;
font-weight:400;
height:40px;
display:flex;
align-items:center;
color:#333;
font-size:22px;
background:url(../imgs/nwss.png) left center no-repeat;
}

.titlebox .titlelink {
padding-left:20px;
flex:1;
display:flex;
justify-content:flex-start;
align-items:center;
}

.titlebox .more {
background-color:#c53030;
color:#fff;
font-size:12px;
display:flex;
align-items:center;
justify-content:center;
padding:10px;
}

.titlebox .more:hover {
background-color:red;
color:#fff;
}



.rfl { text-align:center;}
.rfl img{ width:360px; height:200px;}
.rfl h1 { font-size:16px; line-height:25px; height:25px; overflow:hidden;}
.rfl a{ color:#333;}
.rfl a:hover { color:#FF0000;}
/* 必要布局样式css */
.rolling {
    width: 1150px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.rolling .roll-title { float:left; text-align:center; color:#fff;
    overflow: hidden; width:120px;
    height:36px;
    background: #d29053; margin-right:5px;letter-spacing:2px;
    line-height:36px;
}


.rolling .roll-title ul {
    float: right;
    overflow: hidden;
    zoom:1; margin-top: 10px;
}


.rolling .content { margin-left:2px; border-top:1px solid #d29053; border-bottom:1px solid #d29053;
    width: 1025px;
    height:36px;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
}

.rolling .content ul {
    overflow: hidden;
    zoom:1; }

.rolling .content ul li {
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: left;
    _display: inline;
    font-size: 13px;
}

.rolling .content ul li span {
    color: #b7b7b7;
    position: relative;
}

.roll-title h2 {
    font-weight: normal;
    font-size: 14px;
    float: left;
}

.rolling-more {
    float: right;
    color: #666;
    font-size: 12px;
}

.rolling .rolling-more:after {
    content: "";
    display: inline-block;
    margin-bottom: 1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 7px;
    height: 7px;
    border: 1px solid #666;
    border-right: none;
    border-bottom: none;
}
.rolling .content ul li a{
    color: #333;
    text-decoration:none;
}
.rolling .content ul li a:hover {
    color: #c00;
    text-decoration: underline;
}

.headLine {
	width: 1200px;
	margin: 0 auto;
	padding-top:20px;
	position: relative;
	z-index: 0
}
.bigtt {
	width: 1180px;
	text-align: center;
	margin-top: 15px;
}

.bigtt a {
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 50px;
	font-weight: bold;
	color: #ad3300;
}
.bigtt a:hover{

	color: #e60012;
}
/*焦点图*/
.mod18{width:680px;height:406px;margin:20px auto;position:relative;background:#f5f5f5; float:left;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(http://www.lijiangcoffee.com/images/wh/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:153px;width:46px;height:48px;}
.mod18 #prevTop{background:url(h/wh/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(hs/wh/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(http://www.lijiangcoffee.com/images/wh/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:680px;height:330px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:680px; height:35px; overflow:hidden;position:absolute;left:0;bottom:0;padding:0px 20px;line-height:35px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:330px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:680px;height:330px;}
.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:70px;}
.mod18 .listBox .on img{border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}

.tt1{ background:url(http://www.lijiangcoffee.com/images/wh/dbmore.png) no-repeat ; height:40px; width:440px; text-align:right; }
.tt1 a{ line-height:30px; font-size:14px; color:#b76f35; font-weight:bolder;}
.newsdl{ height:135px; padding:18px 0;overflow:hidden;}
.newsdl dt{ height:47px; font-size:16px; font-weight:bold;}
.newsdl dt a{ color:#994715; line-height:23px;}
.newsdl dd{ font-size:14px; color:#575757; line-height:22px; color:#555; text-indent:2em;}

.yqlj { width:1250px; margin:30px 0 30px 0; }
.yqlj img { margin-right:25px;}
/* 书画家分类样式css */
.img-group {  position: relative;  display: inline-block;}        
.img-tip {position: absolute; width:220px;text-align: center;  bottom: 0;  background: #333;  color: #fff;  opacity:0.7; height:30px; line-height:30px;  }        
.img-group:hover .img-tip { font-size:13px; display: block;  width: 220px;  text-align: center; height:30px; line-height:30px; font-weight:bolder;}
.img-group img { width:220px; height:220px;}
.price { border-top:3px solid #8b3619;
	width: 1160px;
	margin: 0 auto;
}

.price h2 { float:left;
	font-size: 24px;
	color: #8b3619;
	line-height: 1;
	font-weight: 400;
	padding-bottom: 10px;
	padding-top: 8px;
}
.price h3 { float:right;
	font-size: 18px;
	color: #ccc;
	line-height: 1;
	font-weight: 400;
	padding-bottom: 10px;
	padding-top: 12px;
}
.price .category {
	width: 1160px;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;

}

.price .category:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 10px; border-top:1px dotted #8b3619;
	z-index: 2;
}

.price .category:before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
	z-index: 2;
}

.price .category a:after { 
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.price .category .prev {
	display: none;
	position: absolute;
	top: 0;
	width: 59px;
	height: 100%;
	box-shadow: 0 0 3px #c6c6c7;
	background: #fff;
	text-align: center;
	font-size: 0;
	left: 0;
	border-right: 1px solid #e1e3e6;
}

.price .category .prev span {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(http://www.lijiangcoffee.com/images/wh/arrow.svg);
	background-position: 96.77% 25%;
	background-size: initial;
}

.price .category .next span {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(http://www.lijiangcoffee.com/images/wh/arrow.svg);
	background-position: 61.29% 25%;
	background-size: initial;
}

.price .category .next {
	position: absolute;
	top: 0;
	width: 59px;
	height: 100%;
	box-shadow: 0 0 3px #c6c6c7;
	background: #fff;
	text-align: center;
	font-size: 0;
	right: 0;
	border-left: 1px solid #e1e3e6;
}

.price .category ul li { background: url(http://www.lijiangcoffee.com/images/wh/flright.png) no-repeat 68px 13px;;
	display: table-cell;
	white-space: nowrap;
	font-size: 20px;
	text-align: center;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	position: relative;
	padding: 10px 15px;
}

.price .category ul li.active { background: url(http://www.lijiangcoffee.com/images/wh/flbg.png) no-repeat ;
	color: #fff;
}

.price .cont {
	display: none;
}

.price .cont.active {
	display: block;
}

.price .cont ul li {
	width: 220px;
	float: left;
	margin: 0 15px 0 0;
	box-sizing: border-box;
}

.price .cont ul li:nth-child(5n) {
	margin-right: 0px!important;
}

.price .cont ul li a {
	display: block;
	background-color: #fff;
	margin-top: 20px;
}

.price .cont ul li a:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
	border-color: rgba(229, 229, 229, .73);
}

.price .cont ul li a:hover .cont_main h3.title {
	color: #00a4ff;
}

.price .cont ul li a .cont_main {
	display: table-cell;
	vertical-align: top;
}

.price .cont ul li a .cont_main h3.title {
	font-size: 18px;
	font-weight: 400;
	color: #333;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}

.price .cont ul li a .cont_main p.desc {
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	height: 42px;
	margin-top: -2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*全局板块*/
.row .hd{background:url(http://www.lijiangcoffee.com/images/wh/flbian.png) no-repeat 0 40px;height:60px; letter-spacing:0.3em;}
.row .hd .title{font:24px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei"; font-weight:bolder;}
.row .hd .title a{ color:#333333;}
.row .hd .title a:hover{ color:#930;}
/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
/*热门*/
.rowE { margin:0 40px 30px 0;}
.rowE .warp-pic-list{position:relative;width:320px;height:245px;overflow:hidden; float:left;  }
.rowE .count li{margin-right:25px;width:320px;height:228px;}
.rowE .count .img_wrap{width:320px;height:150px;}
.rowE .count img {width:320px;height:150px;}
.rowE .count li .text-area{padding:10px 0 10px 15px; font-size:14px;}
.rowE .count li .text-area  p{line-height:24px;height:24px; overflow:hidden; font-weight:bolder;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff; }
.rowE .count .p-num{font-family:"Tahoma"; color:#999; height:50px; overflow:hidden;}





.copyright {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}

.copyright p {
	line-height: 24px;
	font-size: 12px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

.copyright p a {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

.copyright p.rows01 {
	text-align: center;
}

.copyright p.rows02 {
	padding-left: 40px;
}
.copyright p.rows03 {
	padding-left: 70px;
}


/*show.html*/
.sleft { border:1px dotted #666; height:1100px; width:300px; }
.sleftjj {background:url(http://www.lijiangcoffee.com/images/wh/jj.png) no-repeat  center top; height:32px; width:80px; margin:-18px 0 0 30px;}
.grjj ul { margin:0px auto; width:245px;}
.grjj li{ margin-top:10px;}
.grjj li.photo img{width:245px;height:245px;}
.grjj li h1{ font-size:18px; font-weight:bolder;}
.grjj li h2 { line-height:25px; font-size:14px; }
.grjj li.nr { border-top:1px dotted #666; line-height:22px; color:#666; font-size:14px; text-indent:2em; padding-top:10px; height:160px; overflow:hidden;}
.grjj li.nr a{ color:#000; float:right;}
.grjj li.nr a:hover { color:#FF0000;}
.video { margin-top:70px; background:#f5f4f4;width: 245px;  height: 150px;  position: relative;}
.grjj li.vv {background:#f5f4f4; font-size:14px; height:30px; overflow:hidden; line-height:25px; padding:5px; margin-top:-5px;}
.grjj li.vv a{ color:#000; font-size:14px;}
.grjj li.vv a:hover { color:#FF0000;}

		.bbbb{
			width: 100%;
		    height: 100%;
		    overflow: hidden;
		    position: absolute;
		    top: 0px;
		    left: 0;
		}
		.cccc{
			position: absolute;
		    top: 0px;
		    left: 0px;
		    right: 0px;
		    bottom: 0px;
		    height:150px;
		    width: 245px;
		}
		.dddd{	
		    left: 100%;
		    top: 100%;
		    margin-left: -146px;
		    margin-top: -100px; 
		    position: absolute;
		    cursor: pointer;
		}
		.eeee{
			width:45px;
			height:45px;
			opacity: 0.8;
		}

.grjj li.news h1{ float:left; color:#8b3619;}
.grjj li.news span { float:right; font-size:14px;}
.grjj li.news {width:245px; height:20px; margin-top:50px;}
.grjj li.newsnr h2{ color:#666; font-size:12px;}
.grjj li.newsnr { font-size:14px; line-height:25px; height:80px; overflow:hidden; border-bottom:1px dotted #ccc;}
.grjj li.newsnr a { color:#000;}
.grjj li.newsnr a:hover { color:#F00;}

.works {width:740px; height:20px; margin-top:50px; border-left:5px solid #d29054;}
.works  h1{ float:left; color:#8b3619; padding-left:10px; line-height:20px; font-weight:bolder;}
.works  span a{ float:right; font-size:14px; color:#000;}
.works  span a:hover { color:#f00;}

.article { width:22%; float:left; height:180px;  position: relative;
  display: block;
  margin: 0 10px 40px 10px;
  padding: 12px;
  background:#f2f2f2;
  border:1px solid #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;
}
.article:hover {
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
  transform: translateY(-5px);
  transition: all 220ms;
}
.article img {
  display: block; 
    height:auto;
 max-width:100%;
 height:{
 this.style.height=(this.offsetHeight>document.body.clientHeight*10/6)?"30%":"auto"});
 overflow:hidden;

}



.article h2 { height:14px; overflow:hidden;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.wall { margin-top:30px;
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  /*width: 33.333333%;*/
  width: 25%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}