﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input {
	margin: 0;
	padding: 0;
}
body, input, textarea {
	font-size: 14px;
	color: #666666;
	font-family: 'Microsoft Yahei';
}
img {
	border: none;
}
ul, ol, li, a {
	list-style: none;
	text-decoration: none;
}
input, select, textarea {
	outline: none;
	border: none;
	background: #FFF;
}
textarea {
	resize: none;
}
body {
	word-wrap: break-word;
	word-break: break-all
}
/*清浮动*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
/*公共部分*/
.fl {
	float: left;
} /*左浮动*/
.fr {
	float: right;
} /*右浮动*/
.c {
	clear: both;
} /*清浮动*/
.dn {
	display: none;
} /*不显示*/
body {
	background: #fff;
	word-wrap: break-word;
	word-break: break-all
}
a {
	color: #888
}
/* ------------------------------------------index----------------------------------- */
/* 顶部样式 */
.h_top_c {
	width: 100%;
	height: 45px;
	background-color: #000000;
}
.h_top, .h_mid {
	width: 1004px;
	margin: 0 auto;
	position: relative;
}
.h_top span {
	position: absolute;
	top: 12px;
	right: 0;
	color: #ffd200;
	font-size: 16px;
}
.logo {
	float: left;
	margin-top: 5px;
	padding-left: 20px;
}
.h_mid_c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 39px;
	z-index: 99;
}
.h_mid_c1 {
	width: 100%;
	height: 65px;
	padding-top: 4px;
	z-index: 99;
}
.search {
	position: relative;
	float: right;
	z-index: 999;
	width: 204px;
	background: url(../img/seabg.png) center top no-repeat;
	height: 32px;
	display: inline;
	margin: 15px 0 0 20px;
	line-height: 32px;
	padding: 0 0 0 11px;
}
div.selectbox-wrapper {
	border: #dcdcdc 1px solid;
	overflow: hidden;
	width: 66px;
	position: absolute;
	top: 31px;
	left: 3px;
	background: #fff;
	text-align: center;
	z-index: 10;
	border-top: 0;
}
div.selectbox-wrapper ul li.selected {
	background: #7a7a7a;
	color: #fff
}
div.selectbox-wrapper ul li.current {
	color: #fff;
	background-color: #7a7a7a
}
div.selectbox-wrapper ul li {
	float: left;
	display: inline-block;
	font-size: 12px;
	width: 66px;
	padding-left: 0px;
	height: 26px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 26px;
	color: #7a7a7a;
	cursor: pointer;
}
.selectbox {
	float: left;
	font-size: 12px;
	width: 66px;
	height: 30px;
	line-height: 30px;
	color: #7a7a7a;
	padding-left: 6px;
	background: url(../img/drop_down_icon_03.png) #fff no-repeat 100% center;
	margin: 1px 0 0 3px;
	cursor: pointer;
}
.text {
	font-size: 12px;
	border: 0;
	margin: 1px 0 0 3px;
	width: 83px;
	height: 30px;
	line-height: 30px;
	color: #7a7a7a;
	float: left;
}
.button {
	width: 32px;
	z-index: 9;
	position: relative;
	height: 32px;
	float: right;
	background: url(../img/insexsearch.png) no-repeat left top;
	cursor: pointer;
	margin-left: -1px;
}
.select {
	float: left;
	position: relative;
mar/gin:2% 0 0 0;
	padding: 0 0 0 3px;
	background: none;
	width: 86px;
	height: 23px;
	line-height: 23px;
	color: #7a7a7a;
}
.select select {
	margin: 5px auto;
	width: 80px
}
/* logo search end*/
.head_rtel {
	color: #c39d7d;
	float: right;
	background: url(../img/tel.png) 15px center no-repeat;
	background-color: rgba(77,62,46,0.8);
	line-height: 40px;
	font-size: 16px;
	height: 40px;
	padding: 0 10px 0 43px;
	border-radius: 0 0 5px 5px;
}
.head_rtel span {
	display: block;
	font-size: 14px;
}
.head_rtel2 {
	color: #146cd7;
	float: right;
	background: url(../img/tel.png) 15px center no-repeat;
	line-height: 65px;
	font-size: 16px;
	height: 65px;
	padding: 0 10px 0 43px;
	border-radius: 0 0 5px 5px;
}
.head_rtel2 span {
	display: block;
	font-size: 16px;
}
/*banner*/
.banner1 {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.banner2 {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}
/* nav */
.nav_c {
	width: 100%;
	height: 54px;
	position: relative;
	background: url(../img/navbg.gif) top left repeat-x;
}
.nav {
	width: 1004px;
	margin: 0 auto;
	height: 54px;
	position: relative;
	z-index: 9;
}
.nav ul li {
	float: left;
	width: 100px;
	margin: 0 0 0 0;
	text-align: center;
	position: relative;
	z-index: 8;
}
.nav ul li:hover {
	background: url(../img/navhover.gif) bottom center repeat-x #b60202;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
.nav ul li.on {
	background: url(../img/navhover.gif) bottom center repeat-x #b60202;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
.nav ul li a {
	width: 100%;
	font-size: 14px;
	line-height: 54px;
	color: #fff;
	display: block;
	font-family: 'Microsoft Yahei';
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.nav ul li:first-child {
	border-left: 0;
}
.nav ul li:last-child {
	border-right: 0;
}
.nav_dd {
	width: 90%;
	position: absolute;
	padding: 1% 5% 5% 5%;
	top: 54px;
	left: 0%;
	z-index: 7;
	background: #b60202;
}
.nav ul li .nav_dd a {
	font-size: 14px;
	line-height: 30px;
	background: url(../img/navdd.gif) bottom center repeat-x;
}
.nav ul li .nav_dd_bg a:last-child {
	background: none
}
/* main */
.main1 {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-ms-keyframes rotate {
from {
-ms-transform:rotate(0deg)
}
to {
	-ms-transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}
.honomain {
	position: relative;
	margin-top: -102px;
}
.qlink {
	float: left;
	color: #fff;
	font-size: 12px;
	height: 32px;
	margin-top: 135px;
	line-height: 32px;
	width: 680px
}
.qlink li {
	float: left;
	position: relative;
	overflow: hidden;
	width: 134px;
	background: #1d1d1d;
	margin-right: 1px;
	text-align: center;
}
.qlink li a {
	color: #fff;
	display: block;
	padding-top: 30px;
	height: 95px;
	position: relative;
	z-index: 2;
	line-height: 2;
}
.qlink li div {
	position: absolute;
	top: -40%;
	left: -50%;
	z-index: 1;
	width: 200%;
	height: 240px;
	content: "";
	background: url(../img/shadow.gif) left center no-repeat;
	animation: 15s linear 0s normal none infinite rotate;
	-webkit-animation: 15s linear 0s normal none infinite rotate;
}
.qlink li.two {
	background: #eb0303;
}
.qlink li.two div {
	background: url(../img/shadow1.gif) left center no-repeat;
	animation: 15s linear 0s normal none infinite rotate;
	-webkit-animation: 15s linear 0s normal none infinite rotate;
}
.ihonor {
	float: right;
	width: 268px;
ma/rgin-top:-102px;
	position: relative;
	z-index: 999;
}
.ihonor_t {
	width: 193px;
	color: #fff;
	height: 65px;
	text-transform: uppercase;
	font-size: 18px;
	padding: 37px 0 0 75px;
	float: left;
	background: url(../img/honorbg.png) top left no-repeat;
}
.ihonor_t font {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif
}
.hdp_container {
	width: 268px;
	height: 158px;
	float: left;
	position: relative;
	display: inherit;
	font-size: 12px;
	overflow: hidden;
	margin: 0 0 0 0
}
.hdp_container ul {
	height: 10px;
	padding: 15px 0;
	background: rgba(0,0,0,0.5);
	border-radius: 10px 0 0 10px;
}
.inotice {
	background: #b60202;
	margin-top: 60px;
	color: #fff;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	height: 32px;
	width: 100%
}
.inotice .fl {
	padding-left: 28px;
	width: 400px;
	background: url(../img/notice.png) left center no-repeat;
}
.inotice b, .inotice marquee {
	float: left;
	height: 32px;
}
.inotice marquee {
	width: 300px;
}
.itel {
	padding-left: 28px;
	float: right;
	background: url(../img/tel.png) left center no-repeat;
}
.ititle {
	text-align: center;
	width: 100%;
	background: url(../img/title.png) center no-repeat;
	margin-top: 40px;
	white-space: 40px;
	margin-bottom: 24px;
}
.ititle p {
	font-size: 20px;
}
.ititle font {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase
}
.icase {
	width: 100%;
	background: url(../img/casebg.gif) top center repeat-x #f6f6f6;
	height: 440px;
}
.icase .ititle {
	color: #fff;
}
.icaseli {
	width: 1300px;
}
.icaseli li {
	float: left;
	width: 210px;
	padding: 0 4px;
	height: 210px;
	display: inline;
	margin: 0px 30px 0 0;
	background: #fff;
	border: 1px solid #e6e6e6;
}
.icaseli li a {
	float: left;
	position: relative;
	width: 201px;
hei/ght:279px;
}
.icaseli li a img {
	width: 210px;
	height: 155px;
	margin: 4px 0;
	display: inline;
	transition: 0.5s;
	opacity: 1;
}
.icaseli li span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	padding: 5px 0 0 0;
	color: #242424;
	height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.icaseli li a:hover span {
	display: block;
}
.icaseli li:hover img {
	opacity: 1;
	z-index: 2;
	-webkit-transform: scale(1.01) translateY(2px);
	-moz-transform: scale(1.01) translateY(2px);
	-ms-transform: scale(1.01) translateY(2px);
	transform: scale(1.01) translateY(2px);
}
.inews {
	height: 460px;
	width: 100%;
}
.newscon {
	width: 1300px;
}
.newscon li {
	float: left;
	width: 465px;
	height: 85px;
	margin-right: 30px;
	margin-bottom: 20px;
}
.newstime {
	width: 65px;
	height: 60px;
	font-family: "Arial";
	float: left;
}
.newstime h1 {
	width: 63px;
	height: 39px;
	line-height: 39px;
	border: 1px solid #dcdcdc;
	border-bottom: 0;
	text-align: center;
	color: #9b9b9b;
	font-size: 20px;
	font-weight: 200;
}
.newstime span {
	display: block;
	width: 65px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #b60202;
}
.newsli_r {
	width: 335px;
	float: left;
	padding-left: 20px;
}
.newsli_rt {
	float: left;
	width: 100%;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #353535
}
.newscon label {
	float: right;
	width: 69px;
	display: inline;
	margin: 7px 0 0 0;
	text-align: center;
	color: #8b8b8b;
	line-height: 23px;
	height: 23px;
	border: 1px solid #eaeaea;
	font-size: 12px;
}
.newscontent {
	color: #8b8b8b;
	float: left;
	width: 100%;
	line-height: 20px;
	height: 37px;
	font-size: 12px;
	overflow: hidden;
	padding: 4px 0 0 0;
}
.inews .i_more {
	margin-top: 10px;
}
.newscon li a {
	float: left;
	border: 1px solid #fff;
	width: 445px;
	height: 61px;
	padding: 12px 10px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.newscon li a:hover {
	border: 1px solid #b60202;
}
.newscon li a:hover .newsli_rt {
	color: #b60202
}
.iproduct {
	width: 100%;
	background: url(../img/probg.gif) top center repeat-x;
	height: 490px;
}
.iproduct .ititle {
	color: #fff;
}
.iproli {
	width: 1300px;
	height: 285px
}
.iproli li {
	float: left;
	width: 201px;
	padding: 0 9px;
	display: inline;
	margin: 0px 34px 0 0;
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
}
.iproli li a {
	float: left;
	position: relative;
	width: 201px;
hei/ght:279px;
}
.iproli li a img {
	width: 194px;
	height: 144px;
	border: 3px solid #e1e0e0;
	margin: 9px 0;
	display: inline;
}
.iproli li span {
	display: block;
	width: 200px;
	font-size: 14px;
	line-height: 28px;
	padding: 5px 0 0 0;
	color: #242424;
	height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.iproli li p {
	font-size: 12px;
	height: 32px;
	overflow: hidden;
	margin-bottom: 28px;
}
.iproli font {
	position: absolute;
	bottom: -15px;
	z-index: 9;
	left: 85px;
	width: 30px;
	height: 30px;
	color: #fff;
	background: #b60202;
	text-align: center;
	font-size: 20px;
}
.i_more {
	text-align: center;
	margin-top: 34px;
}
.i_more a {
	display: inline-block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #393939;
	border-radius: 30px;
	border: 2px solid #ededed;
}
.i_more a:hover {
	background: #b60202;
	color: #fff;
}
/* foot*/
.boot {
	width: 100%;
	min-width: 1004px;
	color: #888;
	font-size: 12px;
	overflow: hidden;
	height: 100px;
	padding-top: 22px;
	border-top: 1px solid #ddd
}
.fmain {
	width: 980px;
	margin: 0 auto;
}
.flink {
	line-height: 25px;
	margin-bottom: 22px;
	float: left;
}
.you_select {
	float: left;
	width: 185px;
	height: 23px;
	border: 1px solid #bbb;
	background: #fff;
	margin: 0px 0 0 10px;
	color: #868686;
	font-family: 'microsoft yahei';
	font-size: 12px;
}
.you_select option {
	color: #868686;
	font-family: 'microsoft yahei';
}
.boot .fr {
	width: 384px;
}
.site {
	float: left;
	width: 155px;
	height: 40px;
	padding: 0 20px 0 42px;
	font-size: 14px;
	background: url(../img/site.png) left center no-repeat;
}
.site a {
	line-height: 40px;
}
.site:hover {
	opacity: 0.7;
}
.bq {
	line-height: 52px;
	border-top: 1px solid #ddd;
	width: 100%;
}
.bq .fr {
	text-align: right
}
.newsshare {
	display: block;
	height: 29px;
	padding: 3px 0 10px 0
}
.newsshare .bdshare-button-style0-16 a {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 29px !important;
	height: 29px !important;
	padding: 0 !important;
	margin: 0 0 0 10px!important;
}
.newsshare a {
	background: url(../img/share.gif) no-repeat !important;
}
.newsshare .bds_tsina, .newsshare a.bds_tsina:hover {
	background-position: 0 0 !important;
}
.newsshare .bds_tqq, .newsshare a.bds_tqq:hover {
	background-position: -78px 0 !important;
}
.newsshare .bds_sqq, .newsshare a.bds_sqq:hover {
	background-position: -38px 0 !important;
}
.newsshare .bds_weixin, .newsshare a.bds_weixin:hover {
	background-position: -116px 0 !important;
}
.itfname {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	padding: 0 0 0 10px;
}
/*---------右边悬浮------------------------------*/
.side_nav {
	position: fixed;
	top: 50%;
	right: 0;
	width: 60px;
	z-index: 999
}
.side_nav ul li {
	position: relative;
	width: 60px;
	height: 60px;
	float: right;
	margin-bottom: 1px;/* border-bottom: 1px solid #fff; */
}
.side_nav ul li a {
	display: inline-block;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.current_side_n {
	width: 140px!important;
}
.current_side_n a {
	width: 140px!important;
}
.side_nav ul li span {
	float: left;
	color: #fff;
	line-height: 60px;
	font-size: 16px;
	margin-left: 60px;
	cursor: pointer;
}
.side_nav_3 a {
	width: 60px;
}
.side_nav_3 a span {
	height: 128px;
	position: absolute;
	right: 60px;
	bottom: 0px;
	margin-left: 0!important;
	display: none;
}
.tel a {
	background: #262626 url(../img/0013920_47.png) no-repeat 15px 15px;
}
.QQ a {
	background: #262626 url(../img/0013920_47.png) no-repeat 15px -96px;
}
.sub_QR a {
	background: #262626 url(../img/0013920_47.png) no-repeat 15px -207px;
}
.back_top a {
	background: #262626 url(../img/0013920_47.png) no-repeat 15px -317px;
}
/* ------------------------------------------index end----------------------------------- */
/* ------------------------------------------subpage------------------------------------- */
/* 公共 */
.fy_cfra {
	border: 1px solid #fff;
	padding: 10px;
}
.sub_content {
	width: 225px;
	margin-top: 20px;
	color: #3d3d3d;
}
.sub_content_list p {
	padding: 15px 10px 15px 52px;
	font-size: 12px;
	width: 163px;
	border: 1px solid #e8e8e8;
	border-top: 0
}
.ltel {
	background: url(../img/ltel.png) no-repeat 15px 11px;
}
.lemail {
	background: url(../img/lemail.png) no-repeat 15px 11px;
}
.ladd {
	background: url(../img/ladd.png) no-repeat 15px 11px;
}
.lcel {
	background: url(../img/lcel.png) no-repeat 15px 11px;
}
.sub_youhui {
	width: 225px;
padding:8px margin-top:20px;
	margin-top: 20px;
	padding: 0 0 10px 0;
	background: #262626;
}
.sub_common {
	margin-bottom: 20px;
}
.sub_common_padding {
	width: 203px;
	margin: 0 auto;
	padding-bottom: 15px;
	padding-top: 5px;
	background-color: #fff;
	color: #390f4e;
}
.sub_common_padding a {
	color: #390f4e;
}
.sub_common_title {
	width: 100%;
	height: 62px;
	padding-top: 25px;
	border: 1px solid #eb1515;
	background: #b60202 url(../img/leftbg.png) no-repeat top right;
}
.sub_common_title h2 {
	line-height: 22px;
	color: #fff;
	background: url(../img/leftcon.gif) no-repeat top left;
	padding-left: 60px;
	font-weight: normal;
	margin-left: 20px;
}
.sub_common_title h2 p {
	font-size: 18px;
}
.sub_common_title h2 font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
.content_com_title {
	border-bottom: 1px solid #d3d3d3;
	position: relative;
	height: 35px;
	margin-bottom: 15px;
	line-height: 35px;
}
.content_com_title h2 {
	bottom: -1px;
	border-bottom: 1px solid #d54f43;
	display: inline-block;
	position: absolute;
	left: 0;
	font-size: 20px;
	font-weight: normal;
	color: #d54f43;
	text-align: left;
}
.bread {
	font-size: 12px;
	color: #444444;
	position: absolute;
	top: 2px;
	right: 9px;
}
.bread a {
	display: inline-block;
	color: #444444;
}
/* 左侧 */
.sp_left {
	width: 225px;
	float: left;
	margin-top: 30px;
}
/* left_nav */
.sub_nav_list {
	overflow: hidden;
}
.sub_nav_list ul li {
	width: 195px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 9px;
	overflow: hidden;
}
.sub_nav_list ul li a {
	display: block;
	height: 33px;
	padding-left: 40px;
	border-radius: 20px;
	border: 1px solid #7e5195;
}
.sub_nav_list ul li a:hover {
	background-color: #cd9ae6;
	border: 1px solid #cd9ae6;
}
.current_snl a {
	color: #d6bae4!important;
	border: 1px solid #632781!important;
	background-color: #632781!important;
}
/* 优惠模块 */
.syl_pic img {
	width: 240px;
	height: 138px;
}
.syl_list ul li {
	width: 98%;
	padding: 0 1%;
	height: 33px;
	line-height: 33px;
}
.syl_list ul li a {
	font-size: 12px;
	color: #646464;
	background: url(../img/fyjian1.gif) 174px center no-repeat;
	border-bottom: 1px solid #cfcfcf;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0 30px 0 5px;
}
.syl_list ul li a:hover {
	background: url(../img/fyjian.png) #b60202 174px center no-repeat;
	border-bottom: 1px solid #cfcfcf;
	color: #fff;
}
/* 优惠模块 end*/

/* 右侧内容 */
.sp_content {
	width: 758px;
	float: right;
	margin-top: 20px;
}
.content {
	line-height: 180%;
	min-height: 672px;
_height:expression(this.scrollHeight < 672 ? "672px" : "auto");
}
/* 离线宝样式 */
/*LXB reset*/
#LXB_CONTAINER.lxb-container {
font-size:.2rem !important;
}
#LXB_CONTAINER input.lxb-cb-input {
	font-size: 0.2rem !important;
}
#LXB_CONTAINER.lxb-container-mobile-5 .lxb-cb-input-btn {
	font-size: 0.2rem !important;
}
#LXB_CONTAINER.lxb-container-mobile-5 .lxb-cb-input-tip-content {
 font-size:.2rem !important;
 line-height:.3rem !important;
}
#LXB_CONTAINER .lxb-cb-input-tip b {
 font-size:.2rem !important;
}
#LXB_CONTAINER .lxb-cb-input-tip, #LXB_CONTAINER .lxb-cb-input-feedback {
 font-size:.2rem !important;
 line-height:.3rem !important;
}
#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-tip-content, #LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-tip-content {
 font-size: .2rem !important;
 line-height: .3rem !important;
}
#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-btn, #LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-btn {
 font-size: .16rem !important;
}
#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-latest-call, #LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-latest-call {
 font-size:.2rem !important;
}
.icon_hover {
	background: #fff
}
.pic_scroll ul li {
	background: #f00;
}
