﻿@charset "utf-8";

/*全局样式*/

.clearfix {

	clear: both;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

}

*html .clearfix {

	zoom: 1;

}

*+html .clearfix {

	zoom: 1;

}

a {

	color: #666;

	text-decoration: none;

	outline: none;

}

a:focus {

	outline: none;

}

a:hover {

	text-decoration: none;

}

.pr {

	position: relative;

}

.oh {

	overflow: hidden;

}

/* 在线客服样式 */


/*分页样式*/


/* 内页留言样式 */





.content {

	height: auto;

	content: "";

	display: block;

	clear: both;

}

.container {

	color: #444;

	margin: 0 auto;

	width: 100%;

}


.newss {

	background: #f2f4f9 none repeat scroll 0 0;

	margin: 0 auto;

	padding: 20px 0;

	width: 100%;

}



.deline {

	background: #c9c9c9 none repeat scroll 0 0;

	height: 1px;

	margin-bottom: 12px;

	margin-top: 12px;

	position: relative;

	width: 100%;

	display:none;

}

.center {

	margin-left: auto;

	margin-right: auto;

}

.deline span {

	background: #000 none repeat scroll 0 0;

	height: 2px;

	left: 2%;

	position: absolute;

	top: -2px;

	width: 105px;

}

.page {

	margin: 0 auto 100px;

	overflow: hidden;

	width: 1100px;

}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

	float: left;

}

*::-moz-placeholder {

 color: #95999e;

}

*::-moz-selection {

 background: #4174c5 none repeat scroll 0 0;

 color: #fff;

}

.casebg {

	background: #f2f4f9 none repeat scroll 0 0;

	padding-bottom: 80px;

	padding-top: 30px;

}

.anlilist {

	margin: 0 auto;

	position: relative;

	width: 1190px;

}

.anlilist ul {

	margin: 0;

	padding: 0;

}

.anlilist ul li.cur {

	margin-right: 0;

}

.anlilist ul li {

	background: #fff none repeat scroll 0 0;

	box-shadow: 0 2px 3px #d9dbdb;

	display: inline;

	float: left;

	height: 330px;

	margin-right:20px;

	margin-bottom: 28px;

	padding: 7px 0;

	position: relative;

	width: 380px;

}

.anlipic {

	height: 276px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	width: 366px;

}

.anlipic img, .zhongbiaolistimg img, .fanganlist dl dd span img {

	transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;

}

.anlipic img {

	height: 276px;

	left: 50%;

	margin-left: -183px;

	margin-top: -138px;

	position: absolute;

	top: 50%;

	width: 366px;

}

.anlilist ul li h3 {

	font-size: 16px;

	height: 21px;

	overflow: hidden;

	padding: 20px 7px 0;

	text-align:center;

}

.anlilist ul li p.anlitext {

	height: 46px;

	overflow: hidden;

	padding: 10px 7px 0;

}

.anlipic img:hover, .zhongbiaolistimg img:hover, .fanganlist dl dd span img:hover {

	transform: scale(1.05);

	transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;

}

.anlilist ul li h4 {

	border-top: 1px solid #ececec;

	font-size: 12px;

	margin-top: 12px;

	padding: 5px 7px 0;

}

.pageNews {

	background: #f9f9f9 none repeat scroll 0 0;

	overflow: hidden;

}



.hidden {

	overflow: hidden;

}

.w1200 {

	margin: 0 auto;

	width: 1200px;

}


.w1200 a {

	color: #666666;

}

.wrap {

	margin: 0 auto;

	position: relative;

	width: 1200px;

}

.peBar {

	margin-top: 0;

	overflow: hidden;

	position: relative;

	width: 222px;

	z-index: 11;

}

.l {

	float: left;

}

.left-title {

	background: #bc0023 none repeat scroll 0 0;

	color: #fff;

	padding: 15px;

	text-align: center;

}

.left-title h2 {

	font-size: 30px;

	line-height: 40px;

}

.left-title p {

	color: #96b826;

	font-size: 14px;

	line-height: 20px;

	text-transform: uppercase;

}

.left-nav {

	background: #fff none repeat scroll 0 0;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

	padding: 0;

}

.left-nav li {

	margin-top: 1px;

}

.left-nav li a {

	background-color: #eee;
	color: #555;

	display: block;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	padding-left: 35px;

	position: relative;

}

i, em, cite {

	font-style: normal;

}

.list_pro_left {

	background-color: #fff;

	margin-top: 20px;

}

.scale a:hover dt img {

	transform: scale(1.1);

}

a:hover {

	color: #008dd7;

}






.left-nav li a:hover, .left-nav li a.active {

	background-color: #333;
	color: #fff;

}

#bosi dl dt span, #box dl dt span {

	background-color: #008dd7;

	overflow: hidden;

	position: absolute;

}

#bosi dl dt span.botop {

	height: 1px;

	left: 0;

	top: 0;

	width: 0;

}

#bosi dl dt span.boright {

	height: 0;

	right: 0;

	top: 0;

	width: 1px;

}

#bosi dl dt span.bobottom {

	bottom: 0;

	height: 1px;

	right: 0;

	width: 0;

}

#bosi dl dt span.boleft {

	bottom: 0;

	height: 0;

	left: 0;

	width: 1px;

}

.side-product-title {

	background-color: #eee;

	color: #555;

	font-size: 16px;

	font-weight: 700;

	line-height: 46px;

	padding-left: 20px;

}

.left-contact {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	border-color: #688 #eee #eee;

	border-image: none;

	border-style: none solid solid;

	border-width: medium 1px 1px;

	overflow: hidden;

	padding: 15px;

}

.left-contact ul li {

	border-bottom: 1px dotted #ddd;

	color: #555;

	font-size: 14px;

	line-height: 35px;

	margin-top: 6px;

	position: relative;

}


.left-contact ul li span {

	background-position: left bottom;

	background-repeat: no-repeat;

	height: 22px;

	left: -2px;

	position: absolute;

	top: -1px;

	width: 22px;

}

.left-contact ul li:nth-last-child(1) {

	border: medium none;

}

.mainsss {

	float: left;

	margin-left: 28px;

	width: 950px;

}

.mainTop {

	border-bottom: 1px solid #bfbfbf;

	height: 50px;

	position: relative;

}

.mainTop h3 {

	color: #555;

	font-size: 24px;

	line-height: 50px;

}

.mainTop .location {

	position: absolute;

	right: 0;

	top: 0;

}



.pageht {

	height: 25px;

}

.page-product-list {

	margin-top: 10px;

}

.page-product-list dl {

	float: left;

	margin: 20px 20px 0 0;

	overflow: hidden;

	position: relative;

	width: 303px;

}

#bosi dl dt, #box dl dt {

	position: relative;

}

.page-product-list dl dt {

	height: 303px;

	position: relative;

}

#bosi dl:hover #bosi dl dt img, #box dl dt img{ border:1px solid red}
#bosi dl dt span.botop {

	height: 1px;

	left: 0;

	top: 0;

	width: 0;

}

#bosi dl dt span, #box dl dt span {

	background-color: #008dd7;

	overflow: hidden;

	position: absolute;

}

#bosi dl dt span.boright {

	height: 0;

	right: 0;

	top: 0;

	width: 1px;

}

#bosi dl dt span.bobottom {

	bottom: 0;

	height: 1px;

	right: 0;

	width: 0;

}

#bosi dl dt span.boleft {

	bottom: 0;

	height: 0;

	left: 0;

	width: 1px;

}

.page-product-list dl dd {

	color: #555;

	font-size: 14px;

	line-height: 40px;

	text-align: center;

	transition-duration: 0.3s;

}

.cl {

	clear: both;

}


.page-news-list {

	padding-top: 10px;

	position: relative;

}

.page-news-list ul {

	border-bottom: 1px dotted #aaa;

	padding: 20px 0;

}

.page-news-list dl {

	height: 190px;

}

#bosi dl dt, #box dl dt {

	position: relative;

	cursor:pointer;



}

.page-news-list dl dt {

	float: left;

	height: 190px;

	overflow: hidden;

	position: relative;

	width: 240px;

}

#bosi dl dt span, #box dl dt span {

	background-color: #008dd7;

	overflow: hidden;

	position: absolute;

}

#bosi dl dt img, #box dl dt img {

	border: 1px solid #e5e5e5;

	padding: 4px;

}
.page-news-list dl:hover dd h3{ color:#bc0023}
.page-news-list dl:hover dl dt img{ border:1px solid #bc0023 }
.page-news-list dl dd {

	float: left;

	font-size: 12px;

	height: 190px;

	letter-spacing: 1px;

	margin-left: 30px;

	position: relative;

	width: 680px;

	cursor:pointer;

}

.page-news-list dl dd h3 {

	color: #333;

	font-size: 18px;

	line-height: 50px;

	padding: 0 0 4px;

	transition-duration: 0.3s;

}

.page-news-list dl dd p {

	color: #666;

	line-height: 22px;

}

.page-news-list dl dd h6 {

	bottom: 0;

	color: #888;

	left: 0;

	position: absolute;

}

.page-news-list dl dd h4{ float:right;bottom: 0;position: absolute; right:0px; margin-right:30px; width:100px; height:35px; border-radius:10px; background:#eee; text-align:center; line-height:35px;}
.page-news-list dl:hover dd h4{ background:#bc0023; color:#fff}

.anlilist ul li:nth-child(3n) {

    margin-right: 0;

}

.anlilist ul li:nth-of-type(3n) {

    margin-right: 0;

}



.anlilist ul li:first-child+li+li{ margin-right: 0;}

.anlilist ul li:first-child+li+li+li+li+li{ margin-right: 0;}

.anlilist ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;}

/******关于利亚德****/
.container {
    color: #444;
    margin: 0 auto;
    width: 100%;
}
.newss {
    background: #f2f4f9 none repeat scroll 0 0;
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
}
.subNav {
    height: 28px;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.subNav a:hover, .subNav a.current {
    background: #e73633 none repeat scroll 0 0;
}
.subNav a {
    background: #1b1f29 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font: 16px/28px "微软雅黑";
    height: 28px;
    margin: 0 12px;
    padding: 5px 25px;
    transition: all 0.5s ease 0s;
}
.abouts .con {
    font-size: 14px;
    line-height: 28px;
    margin: 0 auto;
    width: 1170px;
}
.abouts .con1 .txt {
    float: left;
    width: 100%;
}
.abouts .title {
    color: #000;
    font-size: 28px;
    line-height: 1.5em;
    padding-bottom: 20px;
}
.abouts .title span {
    background: #ffa800 none repeat scroll 0 0;
    display: block;
    height: 4px;
    width: 68px;
}
.about_nr {
	margin: 0 auto;
	width: 1170px;
}
.about_who {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 46px;
	padding-top: 35px;
}
.about_who img {
	float: right;
	margin-top: 17px;
}
.about_who dl {
	width: 554px;
}
.about_who dl dt {
	color: #1b1f29;
	font-size: 20px;
	font-weight: 600;
	line-height: 42px;
}
.about_who dl dd {
	color: #444444;
	font-size: 14px;
	line-height: 30px;
}
.about_who dl dd span {
	color: #e9590c;
}
.about_youshi {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 45px;
	padding-top: 12px;
}
.about_youshi img {
	float: left;
}
.about_youshi dl {
	float: right;
	margin-right: 0px;
	width: 800px;
}
.about_youshi dl dt {
	color: #1b1f29;
	font-size: 20px;
	font-weight: 600;
	line-height: 42px;
}
.about_youshi dl dd {
	color: #444444;
	font-size: 14px;
	line-height: 30px;
}
.about_youshi dl dd span {
	color: #e9590c;
}
.abouts .con3_bg {
    background: #f5f5f5 none repeat scroll 0 0;
}.abouts .con3_bg {
    background: #f5f5f5 none repeat scroll 0 0;
}
.abouts .con3_bg .con3 {
    padding: 40px 0 70px;
}
.abouts .con3_bg .con3 .title {
    padding-bottom: 60px;
}
.abouts .con3_bg .con3 .list {
    background: url("../images/about_img3.jpg") no-repeat scroll 0 0;
font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    height: 346px;

    position: relative;
}
.abouts .con3_bg .con3 .list li {
    position: absolute;
    width: 300px;
}
.abouts .con3_bg .con3 .list .li1 {
    left: 112px;
    top: 35px;
}
.abouts .con3_bg .con3 .list .li2 {
    left: 112px;
    top: 210px;
}
.abouts .con3_bg .con3 .list .li3 {
    left: 784px;
    top: 35px;
}
.abouts .con3_bg .con3 .list .li4 {
    left: 784px;
    top: 206px;
}
.abouts .con2 .img {
    bottom: 10px;
    position: absolute;
    right: 0;
	box-shadow:0px 0px 10px #6c6c6c;
}.abouts .con2 .txt {
    padding: 40px 0 0;
    width: 523px;
}.abouts .con2 {
    height: 350px;
    padding: 10px 0 50px;
    position: relative;
}