@charset "utf-8";
/* Style Reset
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
	margin: 0;
	font-size: 12px;
	_background-image: url(about:blank);
	_background-attachment: fixed;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}
ul, li, dl, dt, dd, ol {
	display: block;
	list-style: none;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
a {
	text-decoration: none;
	outline: 0;
}
center {
	padding: 20px 0;
}
/* topbg */

.banner {
    width: 1920px;
    height: 850px;
    position: relative;
    margin: 0 auto;
}

.bannerbg {
	display: block;
	width: 100%
}
.top {
	height: 80px;
}

.logo {
    width: 600px;
    height: 60px;
    margin: 20px 0px;
    display: block;
}

.toptel {
	float: right;
	margin: 27px 14px 0 0;
	display: inline
}
.navbg {
    width: 160px;
    background: #e13535;
    height: 700px;
    position: absolute;

	left: 0;
    z-index: 5;
}

.nav a {
    display: block;
    width: 160px;
    height: 60px;
    text-align: center;
    font: 16px/60px 'Microsoft YaHei';
    color: #fff;
    _margin-left: -1px;
	transition: all ease-in-out 0.3s;
}
.nav a:hover {
	display: block;
    width: 160px;
    height: 60px;
    text-align: center;
    font: 16px / 60px 'Microsoft YaHei';
    color: #fff;
    background: #ff002f;
	transition: all ease-in-out 0.3s;
}


.fixed {
	position: fixed;
	width: 55px;
	height: 212px;
	right: 25px;
	bottom: 50px;
	_position: absolute;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	z-index: 999;
}
.fixed a {
	display: block;
	width: 55px;
	height: 53px;
}
.book {
	background: url(../images/fixed.jpg) 0 0 no-repeat;
}
.book:hover {
	background-position: -54px 0;
}
.fixed a.codepic {
	background: url(../images/fixed.jpg) 0 0 no-repeat;
	background-position: 0 -53px;
	height: 52px;
}
.fixed a.codepic:hover {
	background-position: -54px -53px;
}
.fixed div {
	position: relative;
}
.fixed a.backup {
	background: url(../images/fixed.jpg) 0 0 no-repeat;
	background-position: 0 -158px;
	height: 52px;
}
.fixed a.backup:hover {
	background-position: -54px -158px;
	height: 53px;
}
.fixed div img {
	position: absolute;
	left: -196px;
	width: 196px;
	height: 196px;
	top: -106px;
	display: none;
}
/* marqueebg */
.marqueebg {
	width: 100%;
	height: 73px;
	background: url(../images/marquee.jpg) center 0 no-repeat #202020;
	margin-bottom: 9px
}
.marquee {
	width: 1080px;
	height: 73px;
	margin: 0 auto;
}
.marquee marquee {
	float: left;
	font: 14px/73px 'Microsoft YaHei';
	color: #fff;
	width: 515px;
	margin: 0 5px 0 105px;
	display: inline;
	height: 73px;
}
.search {
	float: left;
	width: 351px;
	height: 39px;
	margin: 17px 0 0 0;
	display: inline;
}
.text {
	float: left;
	width: 208px;
	height: 39px;
	font: 14px/39px '宋体';
	color: #333;
	text-indent: 14px;
	border: 0;
	background: url(../images/text.jpg) 0 0 no-repeat;
	display: inline
}
.select {
	float: left;
	width: 101px;
	height: 39px;
	border: 0;
	background: url(../images/select.jpg) no-repeat 0 0;
}
.button {
	float: left;
	background: url(../images/button.jpg) no-repeat;
	width: 42px;
	height: 39px;
	border: 0;
}
.select select {
	width: 101px;
}
.searchBar span {
	float: right;
	margin-top: 6px;
}
.searchBar span a {
	color: #666;
	margin-right: 8px;
}
.searchBar span a:hover {
	color: #ef9b11;
}
.searchBar .select {
	float: left;
	margin-top: 1px;
	display: inline;
	margin-right: 8px;
}
.searchBar .text {
	float: left;
}
.searchBar .text input {
	width: 214px;
	padding-top: 3px;
	height: 17px;
	border: 1px solid #b7d1eb;
}
div.selectbox-wrapper {
	border-right: #b7d1eb 1px solid;
	border-top: #b7d1eb 0 solid;
	overflow: hidden;
	border-left: #b7d1eb 1px solid;
	width: 99px;
	border-bottom: #b7d1eb 1px solid;
	position: absolute;
	background: #fff;
	text-align: left;
*margin-top:0;
	z-index: 10;
}
div.selectbox-wrapper ul li.selected {
	background-color: #e0ecf7;
}
div.selectbox-wrapper ul li.current {
	color: #fff;
	background-color: #36c
}
div.selectbox-wrapper ul li {
	text-align: center;
	padding-right: 3px;
	padding-bottom: 3px;
	width: 101px;
	cursor: pointer;
	line-height: 20px;
	padding-top: 3px;
	font-size: 14px;
	font-family: '微软雅黑';
	color: #666;
}
.selectbox {
	border: none;
	display: block;
	width: 101px;
	text-indent: 13px;
	cursor: pointer;
	height: 39px;
	background: none;
	font-size: 14px;
	font-family: 'simsun';
	color: #333;
	line-height: 39px;
}
.btn {
	float: left;
	display: inline;
	margin-left: 8px;
	margin-top: 2px;
}
/* con1 */
.con1 {
	width: 1080px;
	height: 519px;
	margin: 0 auto
}
.left {
	width: 236px;
	float: left;
}
.lefttitle {
	width: 236px;
	background: url(../images/lefttitle.jpg) 0 0 no-repeat;
	height: 77px;
}
.lefttitle span {
	display: block;
	width: 134px;
	padding-left: 102px;
	padding-top: 24px;
	font: 20px/22px 'Microsoft YaHei';
	color: #b2b2b2;
}
.lefttitle p {
	width: 134px;
	padding-left: 102px;
	font: 14px/22px 'Arial';
	color: #6f6c6c;
	text-transform: uppercase
}
.leftnav {
	width: 236px;
	background: #3c3c3c;
	padding-bottom: 8px
}
.leftnav li {
	width: 236px;
	background: url(../images/border1.jpg) 0 48px repeat-x;
}
.leftnav li a {
	display: block;
	width: 100%;
	height: 50px;
	background: url(../images/icons1.jpg) 37px center no-repeat;
	text-indent: 73px;
	font: 14px/50px 'Simsun';
	color: #969595
}
.leftmore {
	width: 224px;
	height: 57px;
	padding-right: 12px;
	background: #3c3c3c;
	font: 14px/57px 'Simsun';
	text-align: right
}
.leftmore a {
	color: #ffa200
}
.con1right {
	float: left;
	width: 741px;
	padding-left: 2px;
	padding-top: 17px
}
.con1right li {
	width: 232px;
	float: left;
	padding-left: 14px;
	height: 237px;
}
.imgborder {
	display: block;
	width: 224px;
	height: 193px;
	border: 4px solid #d9d9d9
}
.img_txt {
	display: block;
	width: 232px;
	height: 36px;
	text-align: center;
	font: 14px/36px 'Simsun';
	color: #202020
}
/* con2bg */
.con2bg {
	width: 100%;
	height: 380px;
	background: url(../images/con2bg.jpg) center 0 no-repeat #373737;
}
.con2 {
	width: 1080px;
	height: 380px;
	margin: 0 auto
}
.con2left {
	float: left;
	width: 476px;
	height: 380px;
}
.con2title {
	width: 100%;
	height: 57px;
	background: url(../images/border1.jpg) 0 bottom repeat-x;
}
.con2title img {
	float: left;
	margin: 16px 0 0 8px;
}
.con2title a {
	display: block;
	background: url(../images/more.png) 0 0 no-repeat;
	width: 67px;
	height: 30px;
	font: 12px/30px 'Simsun';
	color: #fff;
	text-align: center;
	float: right;
	margin: 16px 4px 0 0;
}
.newslist {
	width: 100%;
}
.newslist li {
	width: 100%;
	height: 89px;
	padding-top: 15px;
	border-bottom: 1px dashed #4a4a4a
}
.newslist li a {
	display: block;
	width: 100%;
	height: 28px;
	font: 16px/28px 'Microsoft YaHei';
	color: #a5a3a3;
	overflow: hidden
}
.newslist li div {
	width: 100%;
	height: 60px;
	font: 12px/30px 'Simsun';
	color: #757575;
	overflow: hidden;
	border-bottom: 1px dashed #2c2c2c
}
.con2right {
	float: left;
	width: 476px;
	padding-left: 28px;
}
.foottable {
	font: 16px/30px 'microsoft yahei';
	color: #a5a3a3;
	margin-top: 18px;
}
.foottable tr {
	padding: 0;
	margin: 0;
}
.foottext {
	width: 242px;
	height: 28px;
	background: #6a6a6a;
	border: 1px solid #2e2e2e;
	color: #131313
}
.footarea {
	background: #6a6a6a;
	width: 365px;
	height: 105px;
	border: 1px solid #2e2e2e;
	float: left;
	color: #131313
}
.textyzm {
	float: left;
	width: 97px;
	height: 28px;
	border: 1px solid #2e2e2e;
	background: #6a6a6a;
	margin-top: 4px;
}
.yzmpic {
	display: block;
	float: left;
	margin-left: 9px;
	_display: inline;
	margin-top: 4px
}
.footbtn {
	float: left;
	background: url(../images/index_submit.png) 0 0 no-repeat;
	width: 100px;
	height: 32px;
	border: 0;
	cursor: pointer;
	margin: 3px 0 0 9px;
}
.color_red {
	color: #fb0a02;
	font-size: 16px;
	padding-left: 4px
}
/* linksbg */
.linksbg {
	width: 100%;

	font: 12px/57px 'simsun';
	color: #7b7b7b;
	background: #212121
}
.links {
	width: 1080px;

	margin: 0 auto;
}
.links a {
	color: #7b7b7b;
	margin-left: 10px;
}
.linkstitle {
	font: 20px/57px 'microsoft yahei';
}

.footbg {
    width: 100%;
    margin: 0 auto;
    padding-top: 26px;
    background: #000;
    text-align: center;
    padding-bottom: 20px;
}

.footbg p {
    font: 18px / 30px 'simsun';
    color: #dadada;
}
.footbg p a {
	color: #dadada
}
.footbg img {
	margin-top: 15px
}
.footbg p span {
	float: left;
	margin: 0 15px;
}
/* subpage */
.subpage {
	width: 1380px;
	margin: 0 auto;
}
.lefttitle2 {
	width: 236px;
	background: url(../images/lefttitle2.jpg) 0 0 no-repeat;
	height: 71px;
	margin-top: 4px
}
.lefttitle2 span {
	display: block;
	width: 134px;
	padding-left: 102px;
	padding-top: 18px;
	font: 20px/22px 'Microsoft YaHei';
	color: #b2b2b2;
}
.lefttitle2 p {
	width: 134px;
	padding-left: 102px;
	font: 14px/22px 'Arial';
	color: #6f6c6c;
	text-transform: uppercase
}
.leftbg {
	width: 236px;
	background: #3c3c3c;
	border-bottom: 1px solid #616161;
	padding: 12px 0;
	margin-bottom: 20px
}
.leftbg div {
	width: 188px;
	margin: 0 auto;
	font: 12px/24px 'simsun';
	color: #969595
}
.leftbg div img {
	margin: 10px 0
}
.leftnav li li a {
	background: none;
	font-size: 12px
}
.leftnav li a:hover {
	font-weight: bold
}
.right {
	float: left;
	width: 1300px;
	padding-left: 16px;
	padding-top: 17px
}
.righttitle {
	width: 100%;
	height: 45px;
}
.titlename {
	float: left;
	font: 18px/45px 'microsoft yahei';
	color: #000;
	padding-left: 7px
}
.righttitle p {
	float: right;
	font: 12px/45px 'simsun';
	color: #333;
	padding-right: 8px
}
.righttitle p a {
	color: #333
}
.rightcon {
	width: 100%;
	padding: 15px 0;
	font: 14px/30px 'sumsun';
	color: #666;

}
.product {
	width: 741px;
}
.product li {
	width: 247px;
	float: left;
	height: 248px;
}
/* pages */
.pages {
	width: 100%;
	height: 28px;
	margin: 14px 0;
	clear: both;
}
.pages ul {
	float: right;
	margin: 0 15px 0 0;
	display: inline;
}
.pages ul li {
	float: left;
	display: inline;
	margin: 0 7px 0 0;
	font: 500 14px/26px 宋体;
	color: #333;
	width: 25px;
	height: 25px;
	border: 1px solid #9f9e9e;
	background: url(../images/btnbg.jpg) 0 0 repeat-x;
	text-align: center;
}
.pages ul li a {
	color: #333;
	display: block;
	width: 26px;
	height: 25px;
}
.pages ul li.prev {
	width: 64px;
	height: 25px;
	background: url(../images/prev_page.jpg) -1px -1px no-repeat;
	text-indent: 13px;
	text-align: left;
}
.pages ul li.prev a, .pages ul li.next a {
	display: block;
	width: 64px;
	height: 25px;
}
.pages ul li.ok a {
	display: block;
	width: 55px;
	height: 28px;
}
.pages ul li.next {
	width: 64px;
	height: 25px;
	background: url(../images/next_page.jpg) -1px -1px no-repeat;
	text-indent: 6px;
	text-align: left;
}
.pages ul li.clickli {
	font-weight: bold;
}
.pages ul li.dot {
	border: 0;
	background: none;
	color: #333;
}
.pages ul li.allpage {
	width: 136px;
	border: 0;
	background: none;
}
.allpage input {
	width: 26px;
	height: 25px;
	border: 1px solid #9f9e9e;
	text-align: center;
	background: url(../images/btnbg.jpg) 0 0 repeat-x;
	margin: 0 5px;
	color: #333;
	font: 14px/25px 宋体;
}
.pages ul li.ok {
	background: url(../images/okbg.jpg) no-repeat 0 0;
	width: 55px;
	height: 28px;
	border: 0;
	float: left;
}
.pages ul li.ok a {
	color: #bcc3d0;
}
/* news */
.news {
	width: 100%;
}
.news li {
	width: 100%;
	height: 48px;
	border-bottom: 1px dashed #cccdcd;
	background: url(../images/icons2.jpg) 10px center no-repeat;
	text-indent: 21px;
	color: #666;
	font: 14px/48px 'Simsun'
}
.news li a {
	color: #666;
	float: left;
}
.news li span {
	float: right
}
.news li a:hover {
	color: #333
}
.news li.margin {
	margin-bottom: 20px
}
/* caseul */
.caseul {
	width: 105%;
	height: 700px;
	margin-right: 20px;
}
.caseul li {
	float: left;
	position: relative;
	width: 420px;
	height: 335px;
	padding-top: 10px;
	margin-right: 20px;
}
.picbox {

}
.casetitle {
	float: left;
	display: block;
	width: 468px;
	margin-left: 14px;
	font: 600 12px/32px 'Simsun';
	color: #333;
	height: 32px;
	overflow: hidden;
	margin-top: 8px
}
.caseul li div {

}

.caseul li img{
	width: 420px;
	height: 280px;
	transition: .5s;
	padding: 0px!important;
}

.caseul li:hover img{
	transform: scale(1.2);
	transition: .5s;
}
/* book*/
.bookmain {
	width: 650px;
	margin: 10px auto;
	height: auto;
	background: #fff;
	padding: 0 25px;
}
.bookline {
	width: 650px;
	height: 34px;
	background-image: url(../images/about_box_line.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	float: left;
	margin-top: 10px;
}
.book3 {
	width: 650px;
	margin: 0 auto;
}
.booktop {
	width: 650px;
	height: 30px;
	float: left;
	background: url(../images/bookico.png) no-repeat 10px 7px;
	margin-top: 20px;
}
.booktop_name {
	width: 470px;
	height: 30px;
	float: left;
	color: rgb(30,54,1);
	padding-left: 30px;
	line-height: 30px;
	font-weight: bold;
}
.booktop_time {
	width: 150px;
	height: 30px;
	float: left;
	color: rgb(30,54,1);
	text-align: right;
	line-height: 30px;
}
.bookcontent {
	width: 628px;
	min-height: 40px;
	height: auto!important;
	height: 40px;
	float: left;
	border: 1px solid #d6deef;
	background: url(../images/bookcontentbg.jpg) repeat-x;
	background-color: #fff;
	padding: 10px;
	color: rgb(30,54,1);
}
.bookadmin {
	width: 650px;
	height: auto;
	float: left;
}
.bookadmin_top {
	width: 650px;
	height: 12px;
	float: left;
}
.bookadmin_mid {
	width: 628px;
	min-height: 30px;
	height: auto!important;
	height: 30px;
	border-left: 1px solid #d6deef;
	border-right: 1px solid #d6deef;
	border-bottom: 1px solid #d6deef;
	float: left;
	padding: 10px;
	color: rgb(30,54,1);
}
.messagecol {
	color: rgb(30,54,1);
}
.admincol {
	color: rgb(30,54,1);
	font-weight: bold;
}
.admintimecol {
	color: rgb(30,54,1);
	float: right;
*margin-top:-17px;
}
.message {
	width: 600px;
	height: auto;
	float: left;
	padding-left: 50px;
	color: rgb(30,54,1);
}
.message li {
	width: 500px;
	height: 40px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.message li input {
	height: 15px;
	line-height: 15px;
	width: 150px;
}
.message li p.message_title {
	width: 100px;
	height: 25px;
	float: left;
	text-align: right;
	font-size: 12px;
}
.message li .tj{ width:150px; height:30px; line-height:30px; margin-left:100px}
.message li p.message_content {
	width: 400px;
	float: left;
}
.message li.contentb {
	width: 500px;
	height: 150px;
	float: left;
}
.message li.contentb textarea {
	width: 370px;
	height: 120px;
}
.message li.yzm {
	width: 500px;
	height: 60px;
	float: left;
}
.message li p.message_yzminput {
	width: 100px;
	float: left;
}
.message li p.message_yzminput input {
	width: 70px;
}
.message li p.message_yzmico {
	width: 100px;
	height: 40px;
	float: left;
}
.message li p.message_sub {
	width: 200px;
	height: 40px;
	float: left;
	text-align: right;
}
.tab2 {
	background: #fff;
	width: 100%;
	margin-top: 5px;
	border: 1px solid #e1e0e1;
}
.blank {
	width: 100%;
	height: 20px;
	margin-bottom: 5px;
}
.c_red {
	color: red;
	margin-left: 4px;
	position: relative;
	z-index: 9;
}
/* view */
.rightcon h1 {
	/* width: 100%;
	text-align: center;
	font: 18px/30px '宋体';
	color: #333; */
}
.datetitme {
	width: 100%;
	text-align: center;
	height: 40px;
	font: 12px/14px '';
	color: #999;
	border-bottom: 1px solid #cecece;
	margin-bottom: 10px;
}
.back {
	display: block;
	width: 104px;
	height: 34px;
	margin: 10px auto;
	color: #fefeff;
	background: url(../images/back.jpg) 0 0 no-repeat;
	text-align: center;
	font: 16px/34px 'microsoft yahei';
}
.page {
	width: 100%;
	height: 50px;
	text-indent: 29px;
	border-bottom: 1px solid #cecece;
	font: 12px/48px '宋体';
	color: #333;
}
.page a {
	color: #ff7301;
}
.rightcon div {
	font-size: 14px
}

.rightcon .pb {
    padding: 20px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 10px 20px rgb(57 57 57 / 10%);
}

/*pages*/ .pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #09f;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #09f;
	color: #fff;
	cursor: default;
}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}



.txli{
	width: 1350px;
}

.txli li{
	float: left;
    margin-right: 27px;
    width: 340px;
    border: 1px solid #ededed;
    position: relative;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
	margin-bottom: 20px;
}

.picpx{
	padding: 0 20px;
}

.txli li .picpx img{
	width: 300px;
    height: 200px;
}

.miaoshubox {
    padding: 15px 20px;
}

.miaoshubox .pb5 {
    height: 27px;
    line-height: 27px;
    overflow: hidden;
	color: #000000;
}

.miaoshubox .mscont {
    line-height: 19px;
    height: 19px;
    overflow: hidden;
}

.miaoshubox span {
    display: block;
    color: #999;
}

.pb5 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.miaoshubox .mscont {
    line-height: 19px;
    height: 19px;
    overflow: hidden;
}

.miaoshubox span {
    display: block;
    color: #999;
}

.miaoshujiage {
    padding: 5px 20px 8px 20px;
}

.miaoshujiage span.jiage {
    margin-right: 10px;
}

.miaoshujiage em {
    color: #e13535;
	font-style: normal;
}

.miaoshujiage b {
    color: #e13535;
    font-size: 22px;
}

.miaoshujiage span.yuyuegift {
    background: #e13535;
    color: #fff;
    padding: 0 5px;
    margin-top: 5px;
    margin-right: 10px;
}

.miaoshujiage span.mendian {
    text-decoration: line-through;
    font-family: "宋体","微软雅黑","microsoft yahei",Arial,Helvetica,sans-serif;
    color: #999;
    margin-top: 10px;
}

.msfootbgbox {
    border-top: 1px solid #ededed;
}

.msfootbg {
    background: #fafafa;
    height: 35px;
    line-height: 35px;
    margin: 1px;
    padding: 0 20px;
    color: #999;
}

.txli li:hover {
    border-bottom-color: #e13535;
    box-shadow: 0 -1px 0 #e13535 inset;
}

.msfootbg span.followfl {
    float: left;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    width: 138px;
}

.msfootbg span.followfr {
    float: right;
    width: 155px;
    overflow: hidden;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.msfootbg span.followfl em {
    padding: 0 5px;
    color: #e13535;
}



.w177infor {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: -webkit-gradient(linear,0% 5%,0% 100%,color-stop(0,rgba(0,0,0,0)),color-stop(.2,rgba(0,0,0,.2)),color-stop(.4,rgba(0,0,0,.55)));
    background: -moz-linear-gradient(center top,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 20%,rgba(0,0,0,.55) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#80000000,grandientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.fgRinner li:hover span.w177infor {
    bottom: 0;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fgul{
	width: 1200px;
	justify-content: space-between;
}
.fgli{
	margin-right: 13px;
    float: left;
    width: 260px;
    height: 260px;
    margin-left: 0;
    overflow: hidden;
	margin-bottom: 15px;
    position: relative;
}

.fgli a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fgli img {
    width: 260px;
	height: 260px;
}

.poppubtxtcont {
    display: block;
    border-bottom: 1px dotted #999;
}

.poppubtit {
    overflow: hidden;
    font-weight: 400;
    padding: 0 10px;
    border-bottom: 1px dotted #999;
    height: 26px;
    line-height: 26px;
}

.poppubtitnobb {
    border-bottom: 0 none;
}

.fgLbox1 .poppubtit {
    height: 30px;
    line-height: 30px;
}

.poppubtxt {
    padding: 5px 10px;
    font-size: 13px;
}

.zppicbox{
    width: 1130px;
}

.zppicbox li {
    float: left;
    width: 330px;
    margin-right: 45px;
	margin-bottom: 20px;
    overflow: hidden;
}

.zppicbox li p.img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.zppicbox li p.img img {
    width: 330px;
	height: 300px;
}

.zppicbox li p.info span.fl {
	float: left;
    line-height: 40px;
    color: #666;
    width: 273px;
    font-size: 14px;
	height: 40px;
    overflow: hidden;
    white-space: nowrap;
}

.zppicbox li p.info span.fr {
    float: right;
    line-height: 40px;
    font-size: 12px;
    color: #999;
  
    padding-left: 20px;
}

.zppicbox li p.img span.price {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 82px;
    height: 30px;
    line-height: 30px;
    text-indent: 5px;
    color: #fff;
   
}

.info{
	width: 100%;
    height: 40px;
}

.firm{
	font-size: 16px;
	color: #000;
}

.listtitle{
    width: 315px;
    float: left;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    color: #323038;
    height: 25px;
    line-height: 22px;
}

.price2{
	text-align: right;
	float: right;
	width: 100px;
    height: 25px;
	font-size: 16px;
    font-weight: 600;
    color: #323038;
    line-height: 22px;
}

.card{
	font-size: 14px;
    font-weight: 400;
    color: #68676c;
    line-height: 20px;
    padding: 4px 0;
}

.tag{
	position: absolute;
    left: 0;
    top: 10px;
    background: #323038;
	color: #fff;
    justify-content: center;
    align-items: center;
}

.tag2{
	font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 2px 7px;
}

.pubconttitbox {
    height: 105px;
    margin-top: 150px;
    margin-bottom: 15px;
    width: 100%;
}

.pubconttit {
	width: 100%;
}

.pubcontitmore {
    float: right;
    padding-top: 14px;
    color: #666;
}

.pubconttit h3 {
	width: 100%;
    font-size: 30px;
    color: #333;
	text-align: center;

	margin: 0 ;
}

.pubconttit strong {
	color: #999;
    font-size: 15px;
    display: block;
    font-weight: 400;
    width: 100%;
    text-align: center;
}


.wksiderRbox {
    background: #fff;
    padding: 15px;
    overflow: hidden;
    width: 295px;
    border: 1px solid #e7e7e7;
    margin-bottom: 30px;
}

.wksiderRbox img{
	width: 220px;
    height: 220px;
    margin: 0 auto;
    display: block;
}

.wkname {
	margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 310px;
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-top: 5px;
}


.wkadd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 310px;
	text-align: center;
}

.pubdetaillistz li {
    width: 248px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    margin: 15px 0 0 0;
}

.pubdetaillistz li .zhekounwew img {
    width: 250px;
}

.pubdetaillistz li .zhekounwew {
    width: 250px;
}

.zhekounwew {
    position: relative;
    height: 170px;
    overflow: hidden;
}

.disTxt2 {
    overflow: hidden;
    width: 246px;
}

.linethr3 {
    color: #333;
    width: 226px;
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    word-wrap: break-word;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}

.redTxt2 {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    height: 20px;
    overflow: hidden;
    word-break: break-all;
}

.redTxt2 b {
    font-size: 18px;
    font-weight: 400;
    color: #e13535;
    font-family: "Hiragino Sans GB",Arial,Helvetica,sans-serif,"宋体";
}

.redTxt2 span.t1 {
    text-decoration: line-through;
    letter-spacing: 0em;
    margin-left: 20px;
}

.redTxt2 span.view {
    font-size: 12px;
    color: #999;
    float: right;
    line-height: 20px;
}

.redTxt2 span.view i {
    width: 23px;
    height: 20px;
    background: url(/skin/images/ll.png) no-repeat 5px 5px;
    float: left;
}

.s_title {
    color: #333;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
}

.s_title i {
    background: url(/skin/images/aix.png) no-repeat scroll 0 0 transparent;
    height: 14px;
    width: 14px;
    display: block;
    float: left;
    margin-top: 6px;
}

.s_title span {
    float: left;
    font-size: 25px;
    font-weight: bold;
}

.info2 {
    line-height: 30px;
    color: #515151;
    font-size: 14px;
    border-top: 0;
    padding: 20px;
    border-radius: 15px;
    background: #f6f6f6;
}

.info2 h1 {
    line-height: 30px;
    font-size: 30px;
    font-weight: 400;
    color: #333;
    min-height: 50px;
}

.info2 h1 span {
	margin-top: 5px;
    font-size: 13px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 370px;
    display: inline-block;
    vertical-align: bottom;
}

.bigger {
    font-size: 30px;
}

.text-danger {
    color: #e13535;
    clear: both;
}

.text-danger i {
    font-size: 18px;
}

.text-danger em {
    color: #999;
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
}

.til {
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.til i {
    width: 3px;
    height: 20px;
    background: #e13535;
    float: left;
    margin-right: 10px;
}

.wkbtnge {
	margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #e13535;
    background: #fff2f2;
    color: #ff5c5c;
    padding: 0 10px 0 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border-radius: 2px;
    font-family: "微软雅黑","microsoft yahei";
}

.pb img{
	height: auto;
}

.content___92Ucz{
	box-sizing: border-box;
    overflow-wrap: break-word;
    width: 830px!important;
    background: rgb(248, 248, 248);
    padding: 16px 20px!important;
}










.carousel-container {
    position: relative;
    max-width: 1920px;
    height: 650px;
    margin: 0px auto  70px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.2);
    border: none;
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.carousel-control.next {
    right: 20px;
}

.carousel-control.prev {
    left: 20px;
}

.carousel-slide img{
	margin: 1px 0px 0px -1px;
    width: 1922px;
}

.pb div{
	font-size: 16px;
}



.ServicesBox.fl {
	position: relative;
 
}

.ServicesBox .imgbox {
    padding-top: 60%;
    width: 100%;

	border: 3px solid #d2975b;
}


.ServicesBox .imgbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;


	transition: all 0.5s;

}

.ServicesBox .show {
	border: 3px solid #d2975b;
    width: 100%;
    padding-bottom: 60%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(2,2,2,.6);
    transition: all 0.4s;
}

.ServicesBox:hover .show {
    top: -100%;
    opacity: 0;
}

.ServicesBox .hide .htit2 {
    font-size: 44px;
    color: #000000;
    font-weight: normal;
    line-height: 44px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ServicesBox .hide .hcon {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    width: 80%;
}

.ServicesBox .hide .more {
    display: inline-block;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    line-height: 40px;

    font-weight: bold;

	color: #000;
}

.imgbox {
    overflow: hidden;
    position: relative;
}

.HomeService {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    width: 100%;
    height: auto;
    margin: 30px auto 200px;
}

.tj{
	width: 300px;
    height: 50px;
    background: #e13535;
    color: #fff;
    border: none;

	cursor: pointer;
}