/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei";
	color: #333333;
	font-size: 14px;
	width: 100%;
	background: #f3f3f3;
	background-color:#f3f3f3;
}
a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none !important;
	color: #333333;
	font-size: 13px;
}
a:hover {
	text-decoration: none !important;
}
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: rgba(0,0,0,0);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00f3f3f3, endcolorstr=#00f3f3f3);
}
li {
	list-style: none;
}
img {
	max-width: 100% !important;
}
.clear {
	clear: both !important;
	height: 0px !important;
	width: 0px !important;
	float: none !important;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
}
input:focus {
	outline: none;
}/*去除按钮选中的高亮标签*/
textarea:focus {
	outline: none;
}/*去除按钮选中的高亮标签*/
div, p, table, td, ul, li, span, a, ol, input {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
input::-ms-input-placeholder { /* Internet Explorer 10+ */
color:#cccccc;
font-size:12px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color:#cccccc;
font-size:12px;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#cccccc;
font-size:12px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#cccccc;
font-size:12px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pc {
	display: block;
}
.mo {
	display: none;
}
.show {
	display:block!important;
}
.h1, .h2, .h3, h1, h2, h3 {margin-top:10px;}

.mt10 {margin-top:10px;}
.pt10 {padding-left:10px;}

.top {background-color:#f3f3f3;height:120px;}
.pctop {margin:0 auto;max-width:100%;min-height:90px;padding-top:10px;}
.right_text {width:160px;color:#c4151c;text-align:right;}
.right_text p {height:21px;line-height:21px;}
.menuicon {
	display:none;
}

.pcmenu {background-color:#999999;height:49px;line-height:49px;}
.pcmenu li {float:left;}
.pcmenu li a {color:#fff;padding:0 29px;text-align:center;font-size:14px;display:block;}
.pcmenu li a:hover {background-color:#ccc;}

#flexslider {
	width: 100%;
	height: 254px;
	margin: 0px auto 0px;
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

div.slideBox{ position:relative; width:100%; height:254px; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; width:20px; height:20px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#093;}

div.dt_images{ position:relative; width:450px; height:300px;overflow:hidden;}
div.dt_images ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.dt_images ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.dt_images ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none;}
div.dt_images ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none;width:450px;height:300px;}
div.dt_images div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.dt_images div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.dt_images div.tips div.title a{ color:#FFF; font-size:16px; line-height:50px; margin-left:10px; text-decoration:none;}
div.dt_images div.tips div.title a:hover{ text-decoration:underline !important;}
div.dt_images div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.dt_images div.tips div.nums a{ display:inline-block; width:20px; height:20px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.dt_images div.tips div.nums a.active{ background-color:#093;}

div.dt_news {width:670px;color:#666;font-size:14px;}
div.dt_news h4 {text-align:center;color:#d32b04;font-size:16px;margin-top:0px;font-weight:bold;line-height:16px;height:18px;overflow:hidden;padding-top:1px;}
div.dt_news p {text-indent:2em;border-bottom:1px solid #666;padding-bottom:10px;line-height:2;}
div.dt_news p span,div.dt_news p span a {color:#f00;}

.news_list {display:block;}
.news_list li {background:url('../images/icon_dot.png') no-repeat left center;padding-left:20px;line-height:35px; font-size:14px;}
.news_list li a {}
.news_list li span {float:right;color:#999;}
#lvshi_content {width:100%!important;height:300px;overflow:hidden;border:1px solid #8a8a8a;}
ul.lvshi {display:block;height:302px;overflow:hidden;}
ul.lvshi li {float:left;width:228px;border-right:1px solid #8a8a8a;border-bottom:1px solid #8a8a8a;height:302px;display:inline;}
ul.lvshi img {width:227px;height:151px;}
ul.lvshi .details {height:150px;padding:0 10px;overflow:hidden;}
ul.lvshi .details h4 {font-weight:bold;}
ul.lvshi .details  p {font-size:12px;color:#999;}

.jt_l,.jt_r {width:560px;height:320px;border:1px solid #8a8a8a;overflow:hidden;}
.jt_l_info {width:240px;margin-right:10px;}
.jt_l_info h4 {font-weight:bold;}
.jt_l_info ul ,.jt_l_info p {padding:0 10px;color:#999;}
.jt_l_info p {margin-top:5px;text-align:center;}
.jt_l_info span {background:url(../images/play.png) left center no-repeat;padding-left:25px;height:20px;display:inline-block;}
.jt_r h4 {border-bottom:1px solid #999;padding-bottom:10px;padding-left:15px;font-weight:bold;}
.jt_r ul {padding-top:7px;}
.jt_r ul li {width:30%;float:left;padding-left:15px;}
.jt_r ul li p {height:30px;line-height:30px;}

.friends-link li {width:16%;float:left;padding:0 10px;}


#aboutgp {margin:10px auto;}
#info img {height:auto;}

.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 17px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}


/*列表页*/
.pageList {}
#sidebar {
	position:relative;
	float:left;
	width:220px;/* 数值核心1 */
	height: 100%;
	margin-right:-220px;/* 数值核心2 */
	background: #eee;
	padding-bottom:10px;
}
#sidebar h4{ width: 220px; height: 66px; background:url(../images/sbttbg.png) no-repeat; text-align: center;margin:0;padding:10px;}
#sidebar h4 a{ font-size: 22px; color: #fff; text-decoration: none;}
#sidebar h4 span{ display: block; font-size: 14px; font-weight: normal; color: #5dcbc9; text-transform: uppercase; padding-top: 5px;}
.slideDianhua {border-top:1px solid #ddd;}
.sortlist{}
.sortlist dl{ padding-bottom: 0;margin-bottom:0;}
.sortlist dl dt{ height: 60px; line-height: 60px; margin-bottom: 2px; background:#c5c5c5 url(../images/sbdtbg.png) no-repeat 34px center; padding-left: 58px; padding-right: 10px;}
.sortlist dl dt a{ font-size: 14px; color: #1b1b1b; display: inline-block; width: 100%; height: 60px; line-height: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sortlist dl dd{ height: 37px; padding-left: 60px; padding-right:10px; background:url(../images/sbddbg_h.png) no-repeat 39px center;}
.sortlist dl dd a{ display: inline-block; width: 100%; height: 37px; text-decoration: none; line-height: 37px; font-size: 12px; color: #404040; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sortlist dl dd:hover{background:url(../images/sbddbg.png) no-repeat 39px center;}
.sortlist dl dd:hover a{ color: #309494;}
#content {
	float:right;
	width:100%;
	height: 100%;
}
.right-content{
	margin-left:240px;/* 数值核心3 */
	height: 100%;
	background: white;
}

.rtop{ overflow:hidden; margin:10px 20px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #ed5f05; font-weight:normal; line-height:16px;}
.rtop h5 a{ font-size:16px; color:#871a2d;}
.rtop span{ float:right;padding-top:10px;}
.rtop span em,.rtop span a{ color:#999;font-size:13px;}

.imgList {margin:10px;}
.imgList p {text-align:center;background-color:#eee;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pageLists {text-align:center;}

.pageLists .active a {background-color:#871a2d;border-color:#871a2d;}
.pageLists .thisclass {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #fff;
	background-color:#871a2d;border-color:#871a2d;
}
.jt_l img {max-width:300px!important;}

/**信息页*/
#info {padding:0 30px;line-height:200%;padding-bottom:20px;}
#info h4 {text-align:center;padding:20px 0;line-height:150%;}
#info img {padding:0 2% 2% 2%;}

.newsList {padding:0 30px;}
.newsList li {
	position: relative;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.newsList li a {
	padding-left: 18px;
	background: url(../images/newsli_ico.png) no-repeat left center;
}
.newsList li span {
	position: absolute;
	top: 0;
	right: 0;
	color: #999;
}


.indexFooter {
	height:70px;
	color:#fff;
	background:#999;
	font-size:13px;
	text-align:center;
	line-height:25px;
	padding-top:10px;
}

 @media screen and (max-width:1200px) {
	.pcmenu li a {padding:0 19px;}
	#flexslider {height:160px;overflow:hidden;}
	div.dt_news {width:480px;}
	.news_list span {display:none;}
	.news_list li {line-height:30px;}
	.jt_l, .jt_r {width:460px;}
	.jt_l img {width:200px;}
	.news_list {overflow:hidden;}
}
@media screen and (max-width:992px) {
	.pctop .top_right {display:none;}
	.pcmenu {height:98px;display:none;}
	.menuicon {display:block;height: 2em;margin: 2.5em 0;cursor:pointer;}
	div.dt_images{ width:240px; height:180px;}

	div.dt_news {width:470px;}
	
	.jt_l, .jt_r {width:100%;}
	.jt_r {border-top:hidden;}
	.jt_l img {width:300px;}
	.jt_l_info {width:390px;}
	.indexFooter {height:100px;}
	.friends-link li {width:24%;}
}
@media screen and (max-width:750px) {
	div.dt_images{ width:30%; height:180px;}
	div.dt_news {width:68%;}
	.news_list {height:145px;}
	.jt_l img {width:46%;}
	.jt_l_info {width:46%;}
	.logo {width:70%!important;}
	.top {height:90px;}
	.menuicon {margin: 2em 0;}
	.friends-link li {width:31%;}

}
@media screen and (max-width:640px) {
	#sidebar {width:100%;height:30px;margin-right:0;float:none;}
	#sidebar dd,#sidebar h4,.slideDianhua {display:none;}
	#sidebar .sortlist dl  {width:33.3%;float:left;}
	#sidebar .sortlist dl dt {border-left:1px solid #fff;padding-left:38px;background-position-x:14px;height:30px;line-height:30px;}
	#sidebar .sortlist dl dt a {height:30px;line-height:30px;}
	#content {height:auto;}
	#content .rtop span {display:none;}
	#content .right-content {height:auto;margin-left:0;}
	.newsList li span,.izl-rmenu,.udesk-feedback-tab-left {display:none!important;}
	
}
@media screen and (max-width:500px) {
	.logo {width:85%!important;}
	.menuicon {margin: 1.5em 0;}
	.pcmenu {height:157px;}
	#flexslider {height:80px;}
	div.dt_images {width:100%!important;margin-bottom:10px;}
	div.dt_news {width:100%;}
	.friends-link li {width:49%;}
	.indexFooter {height:160px;}
	.news_list {height:auto;}
	.jt_l,.jt_r {height:auto;}
	
}