﻿/*公共代码*/

*{margin: 0px;padding: 0px;}
body{font-size:12px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important;height: auto}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #333; text-decoration: none !important;}
a:hover{color: #d20001; text-decoration: none;}
input{outline: none;}
.totalwidth{width: 1200px;margin: 0 auto;}
 

 
/*友情链接*/
#youq{ width:1200px; height:96px; margin:0 auto; background:url(/statics/images/tem/lian_bg.jpg) no-repeat; margin-top:30px;}
.youq_z{ width:117px; float:left; font-size:18px; color:#222; text-align:center; padding-top:16px;}
.youq_lj{ width:1013px; height:96px; float:left; padding-left:5px;}
.youq_y{ width:70px; height:96px; float:right; padding-top:30px;}

.linkTagcs{width:1013px;height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;padding-right:10px;line-height:30px;float:left;}
.linkTagcs li a{color:#222;word-break:break-all;}
.linkTagcs li img{border:0px;}





/*分页*/
.pageGuide{
    width:100%;
    font-size: 12px;
    padding-top:20px;}
.pageinfo{
    float:left;
}
.paging{
    text-align: center;margin-top: 50px;}
.paging span{
	display:inline-block;
	margin-left:6px;
	border:1px solid #ddd;
	background:#e20001;
	padding-left: 8px;
	padding-right: 8px;
	color:#fff;
	height: 28px;
	line-height:28px;
	overflow:hidden;_line-height:17px;
}
.paging a{
    display:inline-block;
    margin-left:6px;
    border:1px solid #ddd;
    background: #fff;
    padding-left: 8px;
    padding-right: 8px;
    height: 28px;
    line-height:28px;
    overflow:hidden;_line-height:17px;
}
.paging .current:link, .paging .current:visited, .paging .current:active{
    background: #e20001;
    color:#fff;
    border: 1px solid #e20001;
}
.paging a:link, .paging a:visited, .paging a:active{
    color:#888;
}
.paging a:hover{
    background: #e20001;
    color:#fff;
    text-decoration:none;
    border:1px solid #e20001;
}


.com-width em{
	color:#f00;
	font-style: normal;
}

/*顶部*/

#ding{width: 100%;height:34px;border-top: 3px solid #e20001;background:#fff;}
#ding #dingbu{width: 1200px;margin:0 auto;}
#ding #dingbu .right{width:288px;height: 31px;background: url(/statics/images/tem/ding_bg.png)no-repeat center;float: right;color: #fff;text-align: center;}
#ding #dingbu .right a{color: #fff;line-height: 31px;}

/*抬头*/

#tai{width: 100%;height: 105px;background: #fff;}
#tai #taitou{width: 1200px;margin: 0 auto;padding-top: 25px;}
#tai #taitou .left{width: 80%;float: left;}
#tai #taitou .left img{width: 237px;float: left;margin-right:15px;margin-top:-5px;}
#tai #taitou .left p{font-size: 18px;color: #000;font-family: "SimHei";font-weight: bold;line-height:20px;margin-top:13px;}
#tai #taitou .left span{font-size: 16px;color: #e20001;}
#tai #taitou .right{width: 220px;float: right;}
#tai #taitou .right img{float: left;padding-right: 10px;}
#tai #taitou .right p{color: #666;}
#tai #taitou .right span{font-size: 22px;color: #000;line-height: 25px;}

/*下拉导航*/
#daohang{width: 100%;height: 50px;background: #000;color:#fff;}
#header{ margin: 0px auto;width: 1200px; height: 50px; position: relative;background: url(/statics/images/tem/dh_bg.png)no-repeat;}
#header .home a{ width: 150px; height: 50px; display: block;color: #fff;line-height: 50px;}
#header .menu{ float: left; padding-right: 1px;}
#header .menu li{ float: left;}
#header .menu li a{ display: inline-block; font-size: 14px; font-weight: normal; font-family: "微软雅黑"; padding-top: 3px; line-height: 47px; color: #fff; padding-left: 12px; padding-right: 12px;}
#header .menu li .shop{ color: #abcd03;}
#nav{float: left;}
.downmainmenu { POSITION: absolute; FONT: 14px "微软雅黑"; HEIGHT: 50px; OVERFLOW: visible;}
.downmainmenu UL {  Z-INDEX: 100; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.downmainmenu UL LI {POSITION: relative; DISPLAY: inline; FLOAT: left;}
.downmainmenu UL LI A { WIDTH: 153px; PADDING-RIGHT: 0px; DISPLAY: block;line-height: 50px; color: #fff; text-align:center;}
* HTML .downmainmenu UL LI A { DISPLAY: inline-block}
.downmainmenu UL LI A:hover {color: #d20001;}
.downmainmenu UL LI A.on{color:#d20001;}
.downmainmenu UL LI .shop{ color: #fff;}
.downmainmenu UL LI .cur{ background: url(/statics/images/tem/menuCur.jpg) repeat-x; color: #fff;}
.downmainmenu UL .first{ width:147px;}
.downmainmenu UL LI UL { POSITION: absolute; DISPLAY: none; BACKGROUND: #fff; VISIBILITY: hidden; PADDING-TOP: 0px; LEFT: 1px; border-top: 0px none;}
.downmainmenu UL LI UL LI { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: list-item; FLOAT: none; PADDING-TOP: 0px;}
.downmainmenu UL LI UL LI UL {  TOP: 0px;border-right: none;}
.downmainmenu UL LI UL LI A {   WIDTH: 149px; PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; BACKGROUND: #ffffff; line-height: 35px; COLOR: #666; BORDER-LEFT-STYLE: none; font-size: 12px;border-right: none;}
.downmainmenu UL LI UL LI A:hover{ background: #ffffff; color: #d20001; border: 0px none;}
* HTML .downmainmenu {HEIGHT: 1%}
.downarrowclass {POSITION: absolute; TOP: 0px; RIGHT: 0px}
.rightarrowclass {POSITION: absolute; TOP: 10px; RIGHT: 5px}
.ddshadow {POSITION: absolute; WIDTH: 78px; HEIGHT: 0px; TOP: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.8}

/*幻灯片*/
/* #flash_bg{width:100%; margin:0 auto;}
.focus{width: 100%;height: 600px; position: relative; overflow:hidden;}
.focus ul,.focus li{ list-style:none; padding:0; margin:0;}
.focus li{ display: none}
.focus .bg { position: absolute; width:100%; height: 30px; left: 0; bottom: 0;  opacity: 0.5; filter: alpha(opacity=50); z-index: 1; background:none;}
.focus .f_btns{position: absolute; width: 100%; height:30px; line-height:30px; left: 0; bottom: 20px; text-align: center; z-index: 2}
.focus .f_btns h2 { color: #fff; font-size: 16px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; line-height: 30px; }
.focus .f_btns h2 a{ color: #fff;}
.focus .f_btns h2 a:hover{ text-decoration: none}
.focus .f_btns .btn{ text-align: center; height:14px; overflow: hidden; font-size:0;}
.focus .f_btns .btn span {display: inline-block; width:20px; height: 14px; overflow: hidden; margin: 0 5px; background:url(http://114my.cn.114.114my.net/lpm/images/dian.png) no-repeat; cursor: pointer}
.focus .f_btns .btn span.cur{ background:url(http://114my.cn.114.114my.net/lpm/images/yuan.png) no-repeat;}
.focus .prev {background: url(/statics/images/tem/left.png) no-repeat; position: absolute; top:280px;left:80px; width: 40px; height: 60px; z-index: 3; cursor: pointer}
.focus .next { background: url(/statics/images/tem/right.png) no-repeat; position: absolute; top:280px; width: 40px; height: 60px;right: 80px;z-index: 3;cursor: pointer}
.jqfocus ul li a img{height:600px; text-align:center;} */

.box_skitter {position: relative;	width: 1600px; height: 300px;}
.box_skitter img {max-width: none;} /* Tip for stildv */
.box_skitter .container_skitter {overflow: hidden;	position: relative;}
.box_skitter .image {overflow: hidden; text-align:center;}
.box_skitter .image img {display: none; border:none;}
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position: absolute; top: 0; left: 0; width: 100px;	overflow: hidden;	display: none;	z-index: 20;}
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {	position: absolute;	top: 50%; left: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px;	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .next_button {	position: absolute;	top: 50%; right: 35px; z-index: 152;	width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; 	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .prev_button:hover, .box_skitter .next_button:hover {opacity: 0.5 !important;}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide { position: absolute; bottom:15px; left: 15px;	z-index: 100;	 color: #fff;	font: bold 11px arial;	padding: 5px 0 5px 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.75;}
.box_skitter .info_slide .image_number {   background: #fff; color:#fff;  float: left;	padding: 0px 10px; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px;	border-radius: 2px;	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}

.box_skitter .info_slide .image_number:hover {	background: #cf0b0f;color:#cf0b0f; }
.box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover {  background: #cf0b0f; color:#cf0b0f;  float: left;	padding: 0px 10px;	margin: 0 5px 0 0;}

/* =Thumbs
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position: relative; overflow: hidden; height: 50px;}
.box_skitter .info_slide_thumb { height: 50px; -moz-border-radius: 0; 	-webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; 	left: 0; padding: 0 !important;	opacity: 1.0;}
.box_skitter .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important;	padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;	border-radius: 0 !important;}
.box_skitter .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px; }
.box_skitter .box_scroll_thumbs { padding: 0;}
.box_skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px;	background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); 	width: 200px; height: 10px;	overflow: hidden; text-indent: -9999em;	z-index: 101; cursor: pointer; border: 0px solid #333;}

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {	position: absolute;	bottom: 10px; z-index: 151;	padding: 5px 0 5px 5px;	-moz-border-radius: 50px; -webkit-border-radius: 50px;	border-radius: 50px;}
.box_skitter .info_slide_dots .image_number { background: #333;	float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px;	-webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px;	text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .info_slide_dots .image_number:hover {	background: #000;}

.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover { background: #cc3333; float: left; margin: 0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff;	text-indent: -9999em; overflow: hidden;	/*background: url(../images/ajax-loader.gif) no-repeat left top;*/ width: 32px;	height: 32px;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter { z-index: 150;	position: absolute;	bottom: 0px; left: 0px;
 display: none;}
.box_skitter .label_skitter { z-index: 150;	position: absolute;	bottom: 0px; left: 0px;	color: #fff; display: none;	opacity: 0.8; background: #000;}
.box_skitter .label_skitter p {	padding: 10px;	margin: 0; font: normal 22px arial,tahoma; letter-spacing: -1px;}
.box_skitter .progressbar {	background: #000; position: absolute; top: 5px;	left: 15px;	height: 5px; width: 200px; z-index: 99; border-radius: 20px;}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px;	background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;	-webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; overflow: hidden;}
.box_skitter .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important;	display: block !important; position: absolute !important; top: 0; left: 0;}
.box_skitter .preview_slide ul li {	width: 100px !important; height: 100px !important; 	overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important;	position: relative !important; display: block !important;}
.box_skitter .preview_slide ul li img {	position: absolute !important; top: 0 !important;	left: 0 !important;	height: 150px !important; width: auto !important;}

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {	position: absolute;	top: 0;	left: 0; width: 100%; z-index: 9998;	opacity: 1;	background: #000;}

.box_skitter .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px;	height: 42px; overflow: hidden;	text-indent: -9999em; margin-top: -25px; opacity: 0;	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .play_pause_button { position: absolute; top: 50%;	z-index: 151; width: 42px; height: 42px;	overflow: hidden; text-indent: -9999em;	margin-top: -25px; opacity: 0;	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .play_pause_button.play_button {}
.box_skitter .play_pause_button:hover {	opacity: 0.5 !important;}
.box_skitter .focus_button:hover { opacity: 0.5 !important;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large { width: 1600px; height: 300px;}
.box_skitter_small { width: 200px; height: 100px;}

/* =Default theme
-------------------------------------------------------------- */
.box_skitter .focus_button, 
.box_skitter .next_button, 
.box_skitter .prev_button, 
.box_skitter .play_pause_button 
{ display: block;/* background: url('../images/sprite-default.png') no-repeat;*/}
.box_skitter .next_button {	background-position: -0px -42px; width: 42px; height: 42px;}
.box_skitter .prev_button {	background-position: -42px -42px; width: 42px; height: 42px;}
.box_skitter .play_pause_button { background-position: -0px -0px; width: 42px; height: 42px;}
.box_skitter .play_pause_button.play_button { background-position: -0px -84px; width: 42px; height: 42px;}
.box_skitter .focus_button { background-position: -42px -0px; width: 42px; height: 42px;}

/* =Minimalist theme
-------------------------------------------------------------- */
.skitter-minimalist .prev_button, 
.skitter-minimalist .next_button, 
.skitter-minimalist .play_pause_button, 
.skitter-minimalist .focus_button 
{ display: block; background: url('../images/sprite-minimalist.png') no-repeat !important;}
.skitter-minimalist .prev_button { background-position: -0px -0px !important; width: 24px !important; height: 28px !important; left: -45px !important;}
.skitter-minimalist .next_button { background-position: -0px -28px !important; width: 24px !important; height: 28px !important; right: -45px !important;}
.skitter-minimalist .play_pause_button { background-position: -0px -74px !important; width: 18px !important; height: 18px !important;}
.skitter-minimalist .play_pause_button.play_button { background-position: -0px -56px !important;	width: 18px !important;	height: 18px !important;}
.skitter-minimalist .focus_button {	background-position: -0px -92px !important;	width: 18px !important; height: 18px !important;}
.skitter-minimalist .info_slide { background: transparent;}
.skitter-minimalist .info_slide .image_number {	background: #000; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; font-size: 12px; font-weight: normal;}
.skitter-minimalist .info_slide .image_number:hover { background: #111;}
.skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover { background: #cc3333;}
.skitter-minimalist .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0;}

/* =Round theme
-------------------------------------------------------------- */
.skitter-round .prev_button, 
.skitter-round .next_button, 
.skitter-round .play_pause_button, 
.skitter-round .focus_button { display: block; background: url('../images/sprite-round.png') no-repeat;}
.skitter-round .prev_button { background-position: -0px -0px; width: 23px; height: 47px; left: -23px;}
.skitter-round .next_button { background-position: -23px -0px; width: 23px; height: 47px; right: -23px;}
.skitter-round .next_button:hover, .skitter-round .prev_button:hover { opacity: 1;}
.skitter-round .play_pause_button {	background-position: -0px -70px; width: 47px;	height: 23px; top: 24px; left: 24px !important;}
.skitter-round .play_pause_button.play_button {	background-position: -0px -47px;	width: 47px; height: 23px; top: 24px;}
.skitter-round .focus_button { background-position: -0px -93px; width: 47px; height: 23px; top: 24px; left: 82px !important;}
.skitter-round .info_slide { background: transparent;}
.skitter-round .info_slide .image_number { background: #999; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; font-size: 12px; font-weight: normal;}
.skitter-round .info_slide .image_number:hover { background: #333;}
.skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover { background: #111;}
.skitter-round .info_slide_dots .image_number {	width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #999;}
.skitter-round .info_slide_dots .image_number:hover { background: #333;}
.skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover { background: #111;}
.skitter-round .progressbar { top: -10px; left: 0px; background: #333; box-shadow: rgba(255,255,255,0.3) 1px 1px 0;}

/* =Clean theme
-------------------------------------------------------------- */
.skitter-clean .prev_button, 
.skitter-clean .next_button, 
.skitter-clean .play_pause_button, 
.skitter-clean .focus_button { display: block; background: url('../images/sprite-clean.png') no-repeat;}
.skitter-clean .prev_button { background-position: 0px 0px; width: 47px; height: 46px;}
.skitter-clean .next_button { background-position: 0px -46px; width: 47px; height: 46px;}
.skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px;}
.skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px;}
.skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px;}
.skitter-clean .info_slide { background: transparent;}
.skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color:#333;}
.skitter-clean .info_slide .image_number:hover { background: #ccc;}
.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #111; color:#fff;}
.skitter-clean .info_slide_dots { bottom: 10px;	background: rgba(255,255,255,0.8);box-shadow: rgba(0,0,0,0.3) 1px 1px 0;}
.skitter-clean .info_slide_dots .image_number {	width: 14px; height: 14px; background: #999;}
.skitter-clean .info_slide_dots .image_number:hover { background: #333;}
.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #111;}
.skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 0;}

/* =Square theme
-------------------------------------------------------------- */
.skitter-square .play_pause_button, 
.skitter-square .next_button, 
.skitter-square .focus_button, 
.skitter-square .prev_button {display: block; background: url('../images/sprite-square.png') no-repeat;}
.skitter-square .play_pause_button { background-position: -55px -0px; width: 55px; height: 55px; top: 10px !important; left: 10px !important; bottom: auto !important; right: auto !important; margin-top:0;}
.skitter-square .play_pause_button.play_button { background-position: -0px -0px; width: 55px; height: 55px;}
.skitter-square .focus_button { background-position: -55px -55px; width: 55px; height: 55px; top: 10px !important; left: 65px !important; bottom: auto !important; right: auto !important; margin-top:0;}
.skitter-square .next_button { background-position: -0px -55px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 10px;}
.skitter-square .prev_button { background-position: -0px -110px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 65px;}
.skitter-square .info_slide { background: transparent;}
.skitter-square .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px;	font-weight: normal; color:#333;}
.skitter-square .info_slide .image_number:hover { background: #ccc;}
.skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover { background: #111; color:#fff;}
.skitter-square .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #ccc;}
.skitter-square .info_slide_dots .image_number:hover { background: #999;}
.skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover { background: #555;}
.skitter-square .progressbar { top:0 !important; left: 0 !important; width: 100%; background: #fff; border-radius: 0; height: 2px;}







/*优点*/
#you{width: 100%;height: 100px;background: url(/statics/images/tem/youdian_bg.png)no-repeat center;}
#you #youdian{width: 1200px;margin: 0 auto;}
#you #youdian li{width: 25%;float: left;}
#you #youdian li:hover{margin-top: 5px;transition: 0.8s;}
#you #youdian li img{width: 42px;float: left;margin: 28px 22px;}
#you #youdian li p{font-size: 20px;color: #e40203;margin-top: 26px;}
#you #youdian li p span{font-size: 14px;color: #666;display: block;}

/*产品中心*/
#chan{width: 100%;height: auto;margin-top: 70px;}
#chan #chanp{width: 1200px;margin: 0 auto;}
#chan #chanp .top{font-size: 16px;color: #333;text-align: center;}
#chan #chanp .top p{width: 319px;height: 47px;line-height: 47px;background: url(/statics/images/tem/p_bg.png) no-repeat center;text-align: center;margin:0 auto;font-size: 30px;color: #333;margin-bottom: 10px;}
#tablit {width:1200px; margin:0 auto; height:auto; margin-top:20px;}
#tablit dl{width:1200px;  height:150px;margin:0 auto;background: #f8f8f8;margin-top: 20px;}
#tablit dl dd{float:left; width:150px;text-align:center; display:block;}
#tablit dl dd img{display: block;width: 90px;margin-bottom: 20px;margin: 0 auto;padding-top: 20px;}
#tablit dl dd .tu1{width: 90px;height: 90px;background: url(/statics/images/tem/pp1.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu1:hover{background: url(/statics/images/tem/pr1.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu2{width: 90px;height: 90px;background: url(/statics/images/tem/pp2.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu2:hover{background: url(/statics/images/tem/pr2.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu3{width: 90px;height: 90px;background: url(/statics/images/tem/pp3.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu3:hover{background: url(/statics/images/tem/pr3.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu4{width: 90px;height: 90px;background: url(/statics/images/tem/pp4.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu4:hover{background: url(/statics/images/tem/pr4.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu5{width: 90px;height: 90px;background: url(/statics/images/tem/pp5.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu5:hover{background: url(/statics/images/tem/pr5.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu6{width: 90px;height: 90px;background: url(/statics/images/tem/pp6.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu6:hover{background: url(/statics/images/tem/pr6.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu7{width: 90px;height: 90px;background: url(/statics/images/tem/pp7.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu7:hover{background: url(/statics/images/tem/pr7.png);margin-top: 20px;transition: 0.8s;}
#tablit dl dd .tu8{width: 90px;height: 90px;background: url(/statics/images/tem/pr8.png);margin: 0 auto;margin-top: 20px;}
#tablit dl dd .tu8:hover{background: url(/statics/images/tem/pr8.png);margin-top: 20px;transition: 0.8s;}

#tablit .on a{color:#333; font-size:13px;display: block;line-height: 35px;}
#tablit .out{color:#333;display: block;line-height: 35px;}
#tablit .out a{color:#333; font-size:13px;line-height: 35px;}

.tabcon{width:1200px; height:auto; clear:both; padding-top:30px; margin:0 auto;}
.dis{display:none;}
#showdiv1{display: block;}
.tabcon{width:1200px;}
.tabcon > table > tbody > tr > td { float: left; padding-left: 0 !important; width:288px; height:300px;margin-left: 16px; position: relative;overflow: hidden;font-size: 14px;color: #333;}
.tabcon > table > tbody > tr > td:first-child{margin-left: 0px;}
.tabcon > table > tbody > tr > td:nth-child(5){margin-left: 0px;}
.tabcon .biao_1{ display: block; width: 100%; text-align: left !important;color: #434343;line-height: 30px;font-weight: bold;padding-left: 10px;}
.tabcon .biao_2{line-height: 20px;display: block;text-align: left;font-size:12px;color: #666;padding-left: 10px;}
.tabcon .biao_3{line-height: 20px;display: block;text-align: left;font-size:18px;color: #ddaa3d;padding-left: 10px;line-height: 30px;}
.tabcon > table > tbody > tr > td br{ display: none; }
.tabcon > table > tbody > tr > td:hover > span {bottom:-40px; }
.tabcon > table > tbody > tr > td > a > img{width:288px; height:250px;display: block;margin-bottom: 15px;}

#chan #chanp .gen{width: 203px;height: 36px;line-height: 36px;border: 1px solid #ccc;display: block;margin: 0 auto;text-align: center;margin-top: 45px;font-size: 14px;}




.ying3{  float:left; overflow:hidden;width:288px;height:250px;}
.ying31{ margin-left:30px; }
.ylink_x, .ylink_y { display: block; position: absolute; background: #fff; z-index: 111; }
.ylink_y { height:0px; width: 2px; transition:0.35s ease all; }
.ylink_x{ width:0px; height:2px; transition:0.35s ease all; }

.cpnr_y:hover .ylink_y,.cpnr_o:hover .ylink_y { height: 250px; width: 2px; }
.cpnr_y:hover .ylink_x,.cpnr_o:hover .ylink_x{ width:288px; height:2px; }
.cpnr_o:hover .ylink_y { height: 250px; width: 2px; }
.cpnr_o:hover .ylink_x{ width:288px; height:2px; }
.ying3 a img{ transition:0.35s ease all;}
.ying3:hover a img{ transform: scale(1.2); transition:1s ease all;}
.yl_left { left: 8px; }
.yl_right{ right: 8px; }
.yl_top{ top:8px}
.yl_bottom{ bottom:8px}
.ying3 > a { display: block; position: relative;width:288px;height:250px;overflow:hidden;line-height:50px;}
.ying3 > a > p { text-align: center; display: block; position: absolute; top: 0; left: 0; width: 90%;font-size: 12px; color: #fff; text-indent:10em; background:#666; background: rgba(0,0,0,0.45); opacity: 0; filter: alpha(opacity=0); transition:0.3s ease all;margin-top: 135px;margin-left:5%; }
.cpnr_z > a > p {line-height:650px;}
.ying3:hover > a > p{ opacity: 1; filter: alpha(opacity=100); text-indent:0em;font-size:14px; line-height:25px;}




/*分栏*/
#fenlan{width:100%;height:150px;background: url(/statics/images/tem/fenlan.png)no-repeat center;margin-top: 60px; }
#fenlan #yijia{width: 1200px;margin: 0 auto;}
#fenlan #yijia .left{float:left;width: 830px;}
#fenlan #yijia .left p{font-size: 25px;color: #fff;margin-top: 35px;margin-bottom: 5px;}
#fenlan #yijia .left .tedian{font-size: 16px;color: #fff;}

#fenlan #yijia .right{width: 185px;float: right;color: #fff;font-size: 14px;text-align: center;padding-top: 30px;}
#fenlan #yijia .right p{font-size: 23px;line-height: 30px;margin: 7px auto;}
#fenlan #yijia .right a{color: #fff;display: block;width: 185px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #fff;border-radius: 15px;}

/*装修过程中*/
#guo{width:100%;margin-top: 60px;}
#guo #guocheng{width: 1200px;margin: 0 auto;}
#guo #guocheng .top{font-size: 25px;color: #333;width: 1200px;text-align: center;}
#guo #guocheng .top p{font-size: 30px;color: #000;font-weight: bold;}
#guo #guocheng .top p span{color: #e40203;}
#guo #guocheng .bot{width: 1200px;height: 500px;margin: 0 auto;background: url(/statics/images/tem/kunhuo.png);margin-top: 50px;}
#guo #guocheng .bot .left{width: 355px;float: left;}
#guo #guocheng .bot .left li{width: 355px;height: 60px;background: url(/statics/images/tem/wen1_bg.png)no-repeat center;font-size: 16px;text-align: center;line-height: 60px;}
#guo #guocheng .bot .left li:hover{background: url(/statics/images/tem/ti1_bg.png);color: #fff;}

#guo #guocheng .bot .right{width: 430px;float: right;text-align: center;}
#guo #guocheng .bot .right li{width: 355px;height: 60px;background: url(/statics/images/tem/wen_bg.png)no-repeat center;font-size: 16px;text-align: center;line-height: 60px;}
#guo #guocheng .bot .right li:hover{background: url(/statics/images/tem/ti_bg.png);color: #fff;transition: 0.5s;}

/*六大优势*/
.bztxSpan{padding-top:140px; margin-top:60px; background:url(/statics/images/tem/yous_d.png) no-repeat center top;width: 100%;height: 800px;}
.bztxSpan .container{width: 980px;margin: 0 auto;height: 800px;margin-top: 10px;}
.bztxSpan dl{padding:10px; margin-right:16px; margin-bottom:10px; float:left; width:294px; border:1px solid #e6e6e6; background-color:#fff;}
.bztxSpan dl.noMr{margin-right:0px;}
.bztxSpan dt img{padding:7px; border:1px solid #e6e6e6;}
.bztxSpan dd{}
.bztxSpan dd h5{height:40px; line-height:40px; font-size:16px; color:#e40203;font-weight: bold;font-family:"Microsoft YaHei" !important;}
.bztxSpan dd p{line-height:22px; font-size:14px; color:#686868; height:88px; overflow:hidden;}

/*流程*/
#liu{width: 100%;height: 166px;background: url(/statics/images/tem/liu.png)no-repeat center;margin-top: 70px;}
#liu #liuc{width: 1200px;margin: 0 auto;height: 166px;}
#liu #liuc li{width: 120px;height: 119px;background: url(/statics/images/tem/liu_bg.png)no-repeat center;float: left;color: #fff;line-height: 35px;font-size: 14px;text-align: center;margin-left: 20px;margin-top: 25px;transition: 1s;}
#liu #liuc li:first-child{margin-left: 60px;}
#liu #liuc li:hover{transform:rotate(360deg);}
#liu #liuc li img{margin: 0 auto;text-align: center;display: block;padding-top: 30px;}

/*东森团队*/
#tuan{width: 100%;height: 650px;padding-top: 70px;background: #f5f5f5;}
#tuan #tuandui{width: 1200px;margin: 0 auto;}
#tuan #tuandui .top{font-size: 16px;color: #333;text-align: center;}
#tuan #tuandui .top p{width: 319px;height: 47px;line-height: 47px;background: url(/statics/images/tem/p_bg.png) no-repeat center;text-align: center;margin:0 auto;font-size: 30px;color: #333;margin-bottom: 10px;}
#tuan #tuandui .bot a{width: 200px;height: 394px;background: #fff;color: #999;float: left;margin-left: 33px;margin-top: 50px;}
#tuan #tuandui .bot a img{width:160px;margin:20px auto;display:block;text-align:center;}
/* #tuan #tuandui .bot a:first-child{margin-left: 0px;} */
#tuan #tuandui .bot a p{font-size: 16px;border-bottom: 1px solid;width: 180px;margin-left: 15px;padding-bottom: 5px;margin-top: 20px;text-align:center;}
#tuan #tuandui .bot a span{width:160px;margin-top: 5px;display: block;font-size: 14px;margin:10px auto;}
/* #tuan #tuandui .bot a:hover{background: #e40203;color: #fff;} */
#tuan #tuandui .gen{width: 203px;height: 36px;line-height: 36px;border: 1px solid #ccc;display: block;margin: 0 auto;text-align: center;margin-top: 45px;font-size: 14px;}

/*公司简介*/
#jian{width: 100%;margin-top: 70px;}
#jian #jianjie{width: 1200px;margin: 0 auto;}
#jian #jianjie .top{width: 317px;height: 77px;background: url(/statics/images/tem/about_d.png)no-repeat center;margin: 0 auto;text-align: center;color: #999;}
#jian #jianjie .top p{font-size: 14px;color: #333;padding-top: 40px;}
#jian #jianjie .bot{margin-top: 50px;height: 480px;}
#jian #jianjie .bot .left{width: 540px;float: left;color: #525252;margin-top: 50px;}
#jian #jianjie .bot .left a{width: 100px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;border:1px solid #ccc;font-size: 14px;margin-top: 20px;}
#jian #jianjie .bot .right{width: 505px;float: right;}

/*合作客户*/
.service_Title1 { padding-top:55px; padding-bottom:32px;}
.service_Title1 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}
.service_Title1 .cn{ display:inline-block; font-size:2em; border-bottom:#e40203 5px solid; line-height:1.5;}
.our_clients{ width:100%;margin-top: 70px;}
.our_clients .divLeft,.our_clients .divRight{ width:50%; height:637px;}
.our_clients .our_clients_left,.our_clients .our_clients_right{ width:600px;}
.our_clients .divLeft,.our_clients .our_clients_right{ float:left;}
.our_clients .divRight,.our_clients .our_clients_left{ float:right;}
.our_clients .divLeft{ background:url(/statics/images/tem/bg40.jpg) no-repeat right top;}
.our_clients_left .service_Title1{ padding-top:30px; padding-bottom:15px;}
.our_clients_left .brief{ font-size:14px; line-height:20px;}
.our_clients_left .clients_num{ margin:30px 0 20px; background:url(/statics/images/tem/bg43.png) no-repeat left top; /*padding-bottom:45px;*/ height:410px;}
.our_clients_left .clients_num span{ display:block; font-size:1.5em; padding-left:130px; padding-top:23px;}
.our_clients_left .clients_num span b{ display:block; font-size:50px; line-height:1; color:#e40203; font-family:myFirstFont;}

.our_clients_right{ position:relative;}
.our_clients_right .clientsBan{ width:100%; height:642px;}
.our_clients_right .clientsBan ul{ border-top:#f1f1f1 1px solid; border-left:#f1f1f1 1px solid; }
.our_clients_right .clientsBan ul li{position: relative; border-bottom:#f1f1f1 1px solid;width:198px; height:105px; border-right:#f1f1f1 1px solid; float:left;}
.our_clients_right .clientsBan ul li img{ width:198px; height:105px;}
.our_clients_right .clientsBan ul li .OcOverlay{display: none;text-align: center; /*background:url("/statics/images/tem/bg_overlay.png") repeat scroll;*/width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0px;top: 0px;}
.our_clients_right .clientsBan ul li .OcOverlay div{display:table-cell; vertical-align:middle; *position: absolute; *top: 50%;}
.our_clients_right .clientsBan ul li .OcOverlay div span{padding: 0 10px; *position:relative;*top: -50%; color: #fff; font-size: 12px; line-height: 18px;}
.our_clients_right .box{ position:absolute; bottom:5px; right:2px; border-bottom:#f1f1f1 1px solid; width:148px; height:75px; border-right:#f1f1f1 1px solid; padding-top:30px; z-index:10; background:#fff;}
.our_clients_right .box .prev,.our_clients_right .box .next{ display:inline-block; width:42px; height:42px;}
.our_clients_right .box .prev{ background:url(/statics/images/tem/bg41.png) no-repeat center center; margin-left:40px;}
.our_clients_right .box .next{ background:url(/statics/images/tem/bg42.png) no-repeat center center; margin-left:20px;}


/*公司新闻*/
#xin{width: 100%;padding-top: 70px;}
#xin #xinwen{width: 1200px;margin: 0 auto;}
#xin #xinwen .top{font-size: 16px;color: #333;text-align: center;margin-bottom: 50px;}
#xin #xinwen .top p{width: 319px;height: 47px;line-height: 47px;background: url(/statics/images/tem/p_bg.png) no-repeat center;text-align: center;margin:0 auto;font-size: 30px;color: #333;margin-bottom: 10px;}

.xw{ width:1200px; margin:0 auto;}
.box{width:370px;margin:10px 40px 0 10px;background:#fff; }
.box img{ padding-top:10px;width:370px;}
.box2{width:300px;margin:10px auto 0;background:#fff; padding-right:50px; }
.tab_menu{overflow:hidden; border-bottom:1px solid #CCC}
.tab_menu li{width:100px;float:left;height:30px;line-height:30px;color:#333;cursor:pointer;padding-bottom: 10px;font-size:16px;}
.tab_menu li.current{color:333; border-bottom:3px solid #e20001; z-index:99999;}
.tab_menu li a{color:#333;text-decoration:none; font-size:16px}
.tab_menu li.current a{color:#333;}
.tab_box{padding:0px 0px 20px 0px}
.tab_box li{height:30px;overflow:hidden; background:url(/statics/images/tem/wz_77.jpg) no-repeat left center; padding-left:15px; line-height:30px}
.tab_box li a{ font-size:13px}
.tab_box li span{float: right;color: #424343;}
.tab_box .hide{display:none;}
#scrollDiv .faq_inner li p{line-height: 28px; color: #666666;padding-bottom: 10px; padding-top: 10px; }
#scrollDiv{width:444px;height:392px;background:#fff; overflow:hidden;}
.scrollDiv  ul li{background:url(/statics/images/tem/wz_65.jpg) no-repeat 0 12px;l;line-height: 40px;padding:9px 0 1px 55px;font-size:14px;height: 90px;}
.scrollDiv ul li a{ color: #333333;}
.scrollDiv ul li a:hover{ color:#F30}
.scrollDiv  ul li p{line-height: 54px;color:#777;pa;padding-bottom: 8px;}


/*底部*/
.footer {
    width: 100%;
    background: #111;
    height: 375px;
    overflow: hidden;
    margin-top: 60px;
}
.cheat{background:#000;width:100%;line-height:35px;color:#fff;text-align:center;}
.cheat a{color:#fff;}

.consult {
    width: 215px;
    float: left;
    margin-left: 40px;
    /* border-left: 1px solid #fff; */
    margin-left: 80px;
}
.consult .phonemunber {
    overflow: hidden;
}
.consult .phonemunber .phone {
    float: left;
    color: #fff;
}
.consult .phonemunber .phone h3 {
    display: block;
    font-size: 28px;
    color: #fff;
}
.consult p {
    font-size: 14px;
    color: #fff !important;
    line-height: 30px;
    margin-top: 8px;
}
.ewm_img {
    width: 110px;
    float: right;
    text-align: center;
}
.ewm_img img {
    width: 98px;
    height: 98px;
    border: 4px solid #fff;
}
.ewm_img p {
    font-size: 13px;
    color: #fff !important;
}
.link {
    display: block;
    text-align: center;
    padding-bottom: 15px;
    overflow: hidden;
    color: #fff;
}
.link span {
    font-size: 14px;
    color: #fff;
}
.link a {
    display: inline-block;
    padding: 0px 10px;
    font-size: 14px;
    color: #fff;
}
.link a:hover {
    color: #fff;
}
.link em {
    display: inline-block;
    color: #fff;
}
.sbottom_related02 {
    float: left;
    height: auto;
    width: 100%;
    padding-top: 70px;
}
.sbottom_related02 ul {
    padding-right: 35px;
    float: left;
    padding-left: 35px;
}
.sbottom_related02 ul:first-child {
    padding-left: 0;
}
.sbottom_related02 ul li a {
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    line-height: 30px;
}
.sbottom_related02 ul li a.sbottom_link {
    color: #fff;
    font-size: 16px;
    display: block;
    opacity: 1;
}

.min_width{width: 1200px;margin: 0 auto;}

/* 内页样式 */

.com-title {
    padding-top: 65px;
    padding-bottom: 45px;
    text-align: center;
}
.gr-case-list {
    width: 1220px;
}
.gr-case-list li {
    margin-right: 18px;
    width: 388px;
    float: left;
}

.gr-case-list li .pic {
    display: block;
    position: relative;
    width: 388px;
    height: 262px;
    overflow: hidden;
}
.gr-case-list li .pic .cover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
}
.gr-case-list li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	display:block;
	margin:0 auto; 
}
.gr-case-list li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
} 
.gr-case-list li .cont {
    position: relative;
    margin: -40px auto 25px;
    padding: 15px 25px 15px;
    z-index: 99;
    position: relative;
    background: #fff;
    width: 81%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.gr-case-list li .cont:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #d0212b;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-case-list li:hover .cont:before {
    opacity: 1;
}
.gr-case-list li .cont .tit {
    margin-bottom: 5px;
    font-size: 16px;
    color: #1d1819;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gr-case-list li .cont .tit a {
    color: #1d1819;
}
.gr-case-list li:hover .cont .tit a{
    color: #d0212b;
}
.gr-case-list li img{
	display:block;
	width:281px;
	height:221px
	
}
.com-title .tit-cn {
    margin-bottom: 15px;
    font-size: 36px;
    color: #000;
    line-height: 1;
}
.case-select-list {
    position: relative;
    top: 1px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 0;
    background: #fff;
    box-shadow: 0 0 20px #ddd;
}
.case-select-list li {
    position: relative;
    display: inline-block;
    margin: 0 38px;
    font-size: 16px;
    color: #1d1819;
    cursor: pointer;
}
.case-select-list li a{
	display:block;
	
}
.case-select-list li:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
}
.case-select-list li.on,
.case-select-list li:hover {
    color: #d0212b;
    border-bottom: 2px solid #D0212D;
}
.case-select-list li.on:before {
    left: 0;
    width: 100%;
}
.crumbs{
	display:block;
	width:1200px;
	padding-top:50px;
	margin:0 auto 20px auto;
	font-size:14px;
}
.crumbs a{
	font-size:14px;
}
.mytopxgt_er {
    width: 1200px;
    border: 1px solid #EAEAEA;
    margin: 22px auto 0 auto;
}
.mytopxgt_er .list_ew {
    width: 100%;
}
.mytopxgt_er .list_ew table {
    width: 100%;
    border: none;
    line-height: 28px;
    border-collapse: collapse;
}
.mytopxgt_er .list_ew table tr {
    width: 100%;
    border: 0;
    border-bottom: 1px dotted #EAEAEA;
    border-collapse: collapse;
}
.mytopxgt_er .list_ew table th {
    font-weight: normal;
    font-size: 14px;
    color: #888;
    white-space: nowrap;
    padding: 6px 25px;
    border: 0;
    background-color: #FAFAFA;
}
.mytopxgt_er .list_ew table td {
    border: 0;
    padding: 6px 4px;
    border-collapse: collapse;
}
.mytopxgt_er .list_ew table td a {
    color: #666666;
    margin: 0 2px;
    padding: 1px 3px;
    border: 1px solid #fff;
    white-space: nowrap;
}
.mytopxgt_er .list_ew table td a.on { border-radius:1px !important;color: #F76D4E !important;border: 1px solid #F76D4E !important;background: #fff !important; }
.mytopxgt_er .list_ew table td a:hover{
	border-radius:1px !important;color: #F76D4E !important;border: 1px solid #F76D4E !important;background: #fff !important;
}


