/*内页banner图样式*/

.sub-banner {

	width:100%;

    min-width: 1200px;

    margin: 0 auto;

    position: relative;

}

.sub-banner img {

    width:100%;

}



/*当前栏目标题 */

.column-title {

    text-align: center;

    margin: 15px 0 30px 0;

}

.column-title .en {

    height: 60px;

    line-height: 60px;

    overflow: hidden;

    text-align: center;

    font-size: 40px;

    color: #c8c8c8;

}

.column-title .china {

    color: #000;

    font-size: 22px;

    padding: 0 24px;

    height: 49px;

    line-height: 49px;

    overflow: hidden;

}



/*当前位置*/

.position {

    width: 1200px;

    margin: 0 auto;

    color: #666;

    font-size: 14px;

}

.position .position-link {

    float:left;

    min-width: 200px;

    height: 20px;

    line-height: 20px;

    padding: 32px 0 24px;

}

.position .position-link a:hover,.position .position-link a:last-child {

    color:#182D57;

}



.position .sub {

    float: right;

    min-width: 200px;

}

.position .sub li {

    float: left;

    height: 75px;

    margin-left:30px;

    position:relative;

}

.position .sub .cur a{

    color: #182D57;

 }

.position .sub li a {

    display: block;

    height: 72px;

    line-height: 82px;

    float: none;

    font-size: 14px;

    color: #666;

    padding: 0 8px;

}

.position .sub li:after{

    content:"";

    position: absolute;

    left:0;

    bottom:0;

    width:0;

    height:2px;

    background:#182D57;

    transition: all 0.3s;

}

.position .sub li:hover:after,.position .sub li.cur:after {

    width:100%;

}



/*分页样式*/

.page {padding:15px 0 15px;text-align:center;overflow:hidden;}

.page ul li{display:inline-block;height:30px;}

.page ul li a{display:block;font-size:12px;line-height:30px;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;}

.page a:hover{text-decoration:none;}

.thisclass{line-height:30px;padding:0 12px;text-align:center;margin-left:2px;background:#182D57;color:#fff;}



.box {

    padding:40px 0;

}



/*栏目大标题*/

.new-title {

    text-align: center;

}

.new-title .en {

    height:70px;

}

.new-title .china {

    font-size: 30px;

    color:#3e3e3e;

    height:40px;

}



/*新闻列表*/

.news-list {}

.news-list li {

    float: left;

    width: 372px;

    margin-right: 42px;

    margin-bottom: 60px;

}

.news-list li:nth-of-type(3n) {

    margin-right: 0;

}

.news-list li .pic {

    width:372px;

    height:248px;

    overflow:hidden;

}

.news-list li .pic img {

    width:372px;

    height:248px;

}

.news-list li .txt {

    padding: 20px 8%;

    background-color: #fbfbfb;

}

.news-list li .txt h4 {

    font-size: 18px;

    color: #333;

    font-weight: bold;

    padding-bottom: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.news-list li .txt p {

    line-height: 22px;

    height: 66px;

    overflow: hidden;

    text-overflow: ellipsis;

}

.news-list li .time {

    padding: 15px 8%;

    background: #efefef;

    overflow:hidden;

}

.news-list li .time .fl {

    width:70%;

    height:42px;

    line-height: 42px;

}

.news-list li .time .fl span {

    font-family: Arial;

    color: #aeaeae;

    font-size: 30px;

}

.news-list li .time .fl i {

    color: #d4d3d3;

    font-size: 14px;

    font-style: normal;

    padding-left: 20px;

}

.news-list li .time .fr {

    width: 42px;

    height: 42px;

    background: url(../images/news-fr-Bg.png) no-repeat center top;

    transition: all 0.3s;

}



/*新闻列表-hover事件*/

.news-list li:hover .txt h4 {

    color:#182D57;

}

.news-list li:hover .time {

    background:#182D57;

    

}

.news-list li:hover .time .fl span,.news-list li:hover .time .fl i {

    color:#fff;

}

.news-list li:hover .time .fr{

    background-position: center bottom;

}





/*新闻内页 left*/

.news-Box {

    float:left;

    width: 840px;

    background: #fff;

    padding: 0 30px 0;

} 

.news-title{

    text-align: center;

    padding-bottom: 52px;

    border-bottom: 1px solid #e5e5e5;

}

.news-title h1 {

    display: block;

    line-height: 40px;

    font-size: 28px;

    color: #000;

    margin-bottom: 20px;

    overflow: hidden;

}

.news-title span {

    padding:0 20px;

}

.news-content {

    width: 800px;

    min-height: 850px;

	margin:0 auto;

    padding: 50px 0;

    line-height: 30px;

    font-size: 15px;

    color: #777;

    overflow: hidden;

}
.news-content p {
	color:#666;
}
.news-content>p {
	padding:5px;
	line-height:24px;
	text-indent:2em;
}

.news-content img {

    max-width:100% !important;

    height:auto !important;

}



.updown {

    width:100%;

    padding: 40px 0;

    border-top: 1px solid #e5e5e5;

}

.updown span {

    display:inline-block;

    width:45%;

}

.updown span a {

    padding-left: 10px;

}

.updown span a:hover {

    color:#182D57;

}



.hot-box {

    float:left;

    width:300px;

}

.hot-box h2 {

    font-size: 20px;

    color: #000;

    margin-bottom: 20px;

}

.hot-box ul {

    padding:10px;

    background:#f6f6f6;

}

.hot-box ul li {

    margin:0 0 40px 0;
	
	padding:5px;
	
	background:#fff;

}

.hot-box ul li .pic {

    width:100%;

    height:186px;

    overflow:hidden;

}

.hot-box ul li .pic img {

    width:100%;

    height:186px;

}

.hot-box ul li h3 {

    font-size: 16px;

    color:#000;

    margin: 5px 0;

}

.hot-box ul li p {

    font-size: 12px;

    color:#666;

}

.hot-box ul li span {}







/*联系我们*/

.contact-txt {}

.contact-txt h1{

    text-align: center;

    font-size: 22px;

    color: #182D57;

    margin-top: 50px;

    font-weight: normal;

}

.contact-txt h3{

    text-align: center;

    font-size: 20px;

    color: #3a3a3a;

    margin-top: 20px;

    font-weight: normal;

}

.contact-txt .contact-box {

	margin:50px 0 0 0;

	text-align:center;

}

.contact-txt .contact-box ul{

	display: -webkit-box;

    display: -webkit-flex;

    display: flex;

}

.contact-txt .contact-box li{

	-webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

	border-left: dashed 1px #d4d4d4;

}

.contact-txt .contact-box li:last-child {

    border-right: dashed 1px #d4d4d4;

}

.contact-txt .contact-box li i {

	display:block;

	font-size:18px;

	color: #000;

	font-style:normal;

	margin-bottom:20px;

}

.contact-txt .contact-box li span {

	display:block;

	font-size:16px;

}



.map .contact-map{

	margin-top:60px;

    width:100%;

    height:400px;

}





/*工程案例列表*/

.case-box {}

.case-list {

    padding-top: 50px;

}

.case-list li {

    float:left;

    width:370px;

    margin:0 45px 45px 0;

}

.case-list li:hover {

    box-shadow: 0 0 2px #ccc;

}

.case-list li:nth-of-type(3n) {

    margin-right: 0;

}

.case-list li .pic {

    width:370px;

    height:246px;

    overflow:hidden;

}

.case-list li .pic img {

    width:370px;

    height:246px;

    transition: all 0.5s;



}

.case-list li:hover .pic img {

    transform:scale(1.28);

}

.case-list li p {

    height:50px;

    line-height: 50px;

    text-align: center;

    background:#f6f6f6;

}



/*工程案例列表  战略合作伙伴*/
.logo-list {
	margin:20px auto;
	text-align:center;
}
.logo-list h2 {
	font-size:18px;
	color: #182D57;
}
.logo-list ul {
	margin:20px 0;
}
.logo-list ul li {
	float:left;
	width:240px;
	margin: 10px 0;
}
.logo-list ul li img {
    border: 1px solid #efebeb;
	transition: all 1.08s;
}
.logo-list ul li:hover img{
	transform:scale(1.08);
	-webkit-filter: grayscale(0);
    filter: gray;
    filter: grayscale(0);
}
.logo-list ul li p {}

/*工程案例列表*/

.honor-box {}

.honor-list {

    padding-top: 50px;

}

.honor-list li {

    float:left;

    width:266px;

    margin:0 45px 45px 0;

}

.honor-list li:hover {

    box-shadow: 0 0 2px #ccc;

}

.honor-list li:nth-of-type(4n) {

    margin-right: 0;

}

.honor-list li .pic {

    width:266px;

    height:374px;

    overflow:hidden;

}

.honor-list li .pic img {

    width:266px;

    height:374px;

    transition: all 0.5s;



}

.honor-list li:hover .pic img {

    transform:scale(1.08);

}

.honor-list li p {

    height:50px;

    line-height: 50px;

    text-align: center;

    background:#f6f6f6;

}



/*工程案例列表*/

.case-box {}

.case-list {

    padding-top: 50px;

}

.case-list li {

    float:left;

    width:370px;

    margin:0 45px 45px 0;

}

.case-list li:hover {

    box-shadow: 0 0 2px #ccc;

}

.case-list li:nth-of-type(3n) {

    margin-right: 0;

}

.case-list li .pic {

    width:370px;

    height:246px;

    overflow:hidden;

}

.case-list li .pic img {

    width:370px;

    height:246px;

    transition: all 0.5s;



}

.case-list li:hover .pic img {

    transform:scale(1.28);

}

.case-list li p {

    height:50px;

    line-height: 50px;

    text-align: center;

    background:#f6f6f6;

}





/*视频专区列表*/

.video-box {}

.video-list {

    padding-top: 50px;

}

.video-list li {

    float:left;

    width:370px;

    margin:0 45px 45px 0;

	position: relative;

}

.video-list li:hover {

    box-shadow: 0 0 2px #ccc;

}

.video-list li:nth-of-type(4n) {

    margin-right: 0;

}

.video-list li .pic {

    width:370px;

    height:246px;

    overflow:hidden;

}

.video-list li .pic img {

    width:370px;

    height:246px;

    transition: all 0.5s;



}

.video-list li:hover .pic img {

    transform:scale(1.08);

}

.video-list li a {

    text-align: center;

    background-color: rgba(0,0,0,0.4);

    position: absolute;

    top: 0;

    width: 100%;

    height: 246px;

    left: 0;

    opacity: 0;

    transition: all 0.4s ease 0s;

    transform: scale(0.1);

    font-size: 22px;

    line-height: 256px;

    font-weight: bold;

    color: #fff;

}

.video-list li:hover a{

    opacity: 1;

    transform: scale(1);

}



/*装修列表*/

.effect-box {}

.effect-list {

    padding-top: 50px;

}

.effect-list li {

    float:left;

    width:266px;

    margin:0 45px 45px 0;

}

.effect-list li:hover {

    box-shadow: 0 0 2px #ccc;

}

.effect-list li:nth-of-type(4n) {

    margin-right: 0;

}

.effect-list li .pic {

    width:266px;

    height:181px;

    overflow:hidden;

}

.effect-list li .pic img {

    width:266px;

    height:181px;

    transition: all 0.5s;



}

.effect-list li:hover .pic img {

    transform:scale(1.08);

}

.effect-list li p {

    height:50px;

    line-height: 50px;

    text-align: center;

    background:#f6f6f6;

}



/*发展历史*/

.history {

    background:#fff;

}

.history .course_box {

    padding:0 80px;

    margin:50px 0;

    overflow:hidden;

    display:none;

}

.history .course_box .pic {

    width:40%;

}

.history .course_box .pic img {

    width:346px;

    height:235px;

}

.history .course_box .txt {

    width:50%;

}

.history .course_box .txt h3 {

    font-size: 28px;

    font-weight: bold;

    color:#182D57;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px dotted #ccc;

}

.history .course_box .txt p {

    font-size:14px;

    background: url(../images/history-icon.jpg) no-repeat 0 10px;

    padding:0 0 10px 15px;

}

.yearNav {

    width: 100%;

    background: url(../images/course_icon_1.png) no-repeat center top;

    padding: 19px 0 30px 0;

    overflow: hidden;

    position: relative;

}

.yearNav a.Prev {

    position: absolute;

    left: 30px;

    top: 39px;

    width: 26px;

    height: 20px;

    background: url(../images/left.png) no-repeat center center;

}

.yearNav a.Next {

    position: absolute;

    right: 30px;


    top: 39px;

    width: 26px;

    height: 20px;

    background: url(../images/right.png) no-repeat center center;

}

.yearNav .bd_box {

    width: 1072px;

    padding-left: 88px;

    height: 58px;

    line-height: 58px;

    overflow: hidden;

}

.yearNav .bd_box ul li {

    float: left;

    width: 134px;

    font-size: 23px;

    height: 58px;

    line-height: 58px;

    cursor:pointer;

}

.yearNav .bd_box ul .on{

    font-size: 28px;

    color: #182D57;

}





/*公司简介*/

.about {

    padding:50px 0 30px 0;

}

.about-box {

}

.about-box div {

    float:left;

    width:50%;

    height:350px;

    overflow:hidden;

}

.about-box div p {

    font-size: 16px;

    line-height: 2;

    padding:30px 50px 0 30px;

    text-indent: 2em;

}



/*6个数字介绍企业*/

.about .number {}

.about .number li {

    float:left;

    width:200px;

    padding: 60px 0;

    text-align: center;

}

.about .number li i {

    color:#182D57;

    font-size: 44px;

    font-family: Impact;

    font-style: normal;

}

.about .number li p {

    font-size: 14px;

    color:#3a3a3a;

    padding: 10px 0 0 0;

}

.about .number li.blue {

    background:#182D57;

}

.about .number li.blue i,.about .number li.blue p{

    color:#fff;

}





/*关于我们*/

.aboutus {

    padding:20px 0 50px 0;

}

.aboutus>h3 {

    font-size: 28px;

    font-weight: bold;

    color:#182D57;

    padding:20px 0;

    text-align: center;

}

.aboutus>p {

    font-size: 16px;

    color:#666;

    padding:20px 0;

    text-align: center;

}

.Location {

    margin: 60px 0 0 0;

}

.Location li {

    float:left;

    width:280px;

    height:320px;

    border:1px solid #dadada;

    margin-left:26px;

    padding:40px 20px;

    box-sizing: border-box;

    cursor:pointer;

    transition: all 0.2s;

}

.Location li:first-child{

    margin-left:0;

}

.Location li:hover {

    box-shadow: 0 0 10px #ccc;

    -webkit-transform: translate(0px,5px);

    -moz-transform: translate(0px,5px);

    -ms-transform: translate(0px,5px);

    -o-transform: translate(0px,5px);

}

.Location li i {

    display:inline-block;

    width:100%;

    font-size: 40px;

    color:#3a3a3a;

    font-style: normal;

    text-align: center;

}

.Location li h5 {

    font-size: 20px;

    color:#182D57;

    font-weight: bold;

    text-align: center;

    margin:30px 0 40px 0;

}

.Location li p {

    font-size: 14px;

    color:#3a3a3a;

}



/*董事长致辞*/

.speak-wrap {

    background:#f6f6f6;

    padding:30px 0 70px 0;

    margin-bottom: 50px;

}

.speak-wrap .speak {}

.speak-wrap .speak>h3 {

    font-size: 28px;

    font-weight: bold;

    color:#182D57;

    padding:20px 0;

    text-align: center;

}

.speak-wrap .speak>span {

    display:block;

    font-size: 14px;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-align: center;

}

.speak-wrap .speak .left {

    float: left;

    width: 522px;

    text-align: center;

}

.speak-wrap .speak .right {

    float: right;

    width: 605px;

    margin-right: 52px;

}

.speak-wrap .speak .right .tit {

    font-size: 16px;

    color: #333333;

    height: 80px;

    line-height: 80px;

}

.speak-wrap .speak .right .tit strong {

    font-size: 26px;

    font-weight: bold;

}

.speak-wrap .speak .right .con {

    line-height: 30px;

    font-size: 14px;

    color: #555555;

    padding-left: 54px;

    background: url(../images/about2-t.png) left top no-repeat;

}

.speak-wrap .speak .right .con p {

    text-indent: 28px;

}





/*关于我们-发展历程-标题*/

.history>h3 {

    font-size: 28px;

    font-weight: bold;

    color:#182D57;

    padding:20px 0;

    text-align: center;

}

.history>span {

    display:block;

    font-size: 14px;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-align: center;

}



/*关于我们-经营理念*/

.idea-box {

    padding:50px 0 0 0;

}

.idea-box>h3 {

    font-size: 28px;

    font-weight: bold;

    color:#182D57;

    padding:20px 0;

    text-align: center;

}

.idea-box>span {

    display:block;

    font-size: 14px;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-align: center;

}

.idea {}

.idea .txt {    

    width:50%;

    height:408px;

    padding: 60px;

    box-sizing: border-box;

}

.idea .txt p {

    height:204px;

}

.idea .txt p i {

    display:block;

    font-size: 26px;

    color: #333333;

    line-height: 1;

    margin-bottom: 14px;

    font-style: normal;

}

.idea .txt p span {

    display:block;

    font-size: 14px;

    color: #333333;

    line-height: 34px;

}

.idea .pic {    

    width:50%;

    height:408px;

}





/*企业文化*/

.culture-box {

    margin:30px auto;

    border-top: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

}

.culture-box li{ 

    float: left;

    width: 259px;

    height: 230px;

    border-left: 1px solid #e8e8e8;   

    border-bottom: 1px solid #e8e8e8;

    padding-left: 40px;

    text-align: left;

}



.culture-box li:nth-child(1){background: url(../images/cl01.png) #fafafa no-repeat 40px 61px;}

.culture-box li:nth-child(2){background: url(../images/cl02.png) no-repeat 40px 61px;}

.culture-box li:nth-child(3){background: url(../images/cl03.png) no-repeat 40px 61px;}

.culture-box li:nth-child(4){background: url(../images/cl04.png) #fafafa no-repeat 40px 61px;}

.culture-box li:nth-child(5){background: url(../images/cl05.png) no-repeat 40px 61px;}

.culture-box li:nth-child(6){background: url(../images/cl06.png) #fafafa no-repeat 40px 61px;}

.culture-box li:nth-child(7){background: url(../images/cl07.png) no-repeat 40px 61px;width: 558px;}

.culture-box p{    

    font-size: 14px;

    color: #777;

    margin-top: 10px;}

.culture-box span{

    font-weight: normal;

    font-size: 22px;

    color: #555;

    margin-top: 105px;

    display: block;

}





/*栏目内容-公司简介+团队风采*/

.content-box {

    width: 1056px;

    min-height: 850px;

    padding: 50px 0;

    line-height: 30px;

    font-size: 15px;

    color: #777;

    overflow: hidden;

}

.content-box img {

    max-width:100% !important;

    height:auto !important;

}

.content-box>p {

	color:#3a3a3a;

	font-size:14px;

	line-height:1.8;

	text-indent:2em;

	padding-bottom:20px;

}

.content-box .aboutusB .caseB {}

.content-box .aboutusB .caseB {

	display:inline-block;

	padding:10px;

	width:30%;

}



.content-box .tab-content .caseB {

	display:inline-block;

	padding:10px;

	width:30%;

}

/*视频专区*/
.aboutusB {}
.aboutusT {}
.aboutusM {
	margin:10px 0 60px 0;
}
.aboutusM p {
	text-indent: 2em;
    padding: 10px 0;
}
/*视频专区*/

.content-box iframe {

    width: 100%;

    height: 530px;

    border: none;

    overflow: hidden;

}





/*产品列表多级筛选功能*/



 

/*产品列表-多级筛选显示和隐藏*/

.product-series {

	display:block !important;

}

.class-list {

    display: none;

}

.whole-125,.whole-130,.whole-131,.whole-132,.whole-133 {

	display:block !important;

	}

.bathroom-126,.bathroom-134,.bathroom-136,.bathroom-137,.bathroom-138 {

	display:block !important;

}



.closestool-237 {

	display:block !important;

}

.distance-144 {

	display:block !important;

}

.flow-145 {

	display:block !important;

}

.urinals-147 {

	display:block !important;

}

.closestool-143 {

	display:block !important;

}

.ceramic-148 {

	display:block !important;

}

.room-128,.room-151,.room-163,.room-164,.room-162,.room-161,.room-160,.room-159,.room-158,.room-157,.room-156,.room-155,.room-154,.room-153,.room-152 {

	display:block !important;

}

.bathtub-150 {

	display:block !important;

}



.faucet-165 {

	display:block !important;

}

.part-166,.part-167,.part-192 ,.part-204,.part-203,.part-202,.part-201,.part-200,.part-199,.part-198,.part-197,.part-196,.part-195,.part-194,.part-1933,.part-205,.part-206,.part-220,.part-219,.part-217,.part-216,.part-215,.part-214,.part-213,.part-212,.part-211,.part-210,.part-209,.part-208,.part-207,.part-221{

	display:block !important;

}

.product-wrap {

	width:1200px;

	margin:0 auto;

	overflow:hidden;

}

.product-wrap  .left {

	float:left;

	width:285px;

}



.product-class {}

.product-class .title {

	padding:30px 0;

}

.product-class .title span {

	font-size: 18px;

}

.product-class ul {}

.product-class  li a {

	display:block;

	height:38px;

	padding-left: 35px;

	background: url(../images/pro-icon.png) no-repeat 7px 4px;

}

.product-class  li.cur a {

	background: url(../images/pro-icon-cur.png) no-repeat 7px 4px;

}

.product-class  li a {

	font-size: 14px;

}



.class-box{}

.class-box .title {

	padding:30px 0;

}

.class-box .title span {

	font-size: 18px;

}

.class-box ul {}

.class-box ul  span  a {

	display:block;

	height:18px;

	padding-left: 35px;

	background: url(../images/pro-icon.png) no-repeat 7px 4px;

}

.class-box ul  span.cur a {

	background: url(../images/pro-icon-cur.png) no-repeat 7px 4px;

}

.class-box ul  span a {

	font-size: 14px;

}



.product-wrap .right {

	float: right;

    width: 900px;

}

.product-wrap .right .page {

	padding-top:50px;

}

 /*产品列表*/

 .product-box {

    padding:30px 0;

 }

.product-list {

	min-height: 700px;

}

.product-list li {

    float:left;

    width: 277px;

    text-align: center;

    margin-right: 30px;

    margin-bottom: 20px;

    transition: all 0.5s;

} 

.product-list li:hover {

    box-shadow: 0 0 20px #ccc;

    transform: translate(0px,5px);

    -webkit-transform:translate(0px,5px);

    -moz-transform:translate(0px,5px);

    -ms-transform:translate(0px,5px);

    -o-transform:translate(0px,5px);

}

.product-list li:nth-of-type(3n) {

    margin-right: 0;

}

.product-list li .pic {

    width: 277px;

    height: 300px;

    line-height: 300px;

    background: #fff;

    overflow:hidden;

    padding:10px;

    box-sizing: border-box;

}

.product-list li .pic img {

    width: 90%;

    max-height: 100%;

    transition: all 0.5s;

    vertical-align: middle;

}

.product-list li:hover .pic img {

    transform:scale(1.04);

}

.product-list li h3 {

    height:50px;

    line-height: 50px;

    background: #fff;

}

.product-list li:hover h3 {

    color:#182D57;

}

/*产品详情*/

.product-article {}

.product-article .top {

    padding:30px;

    *background:#f6f6f6;

}

.product-article .pic {

    float:left;

    width:456px;

	background: #fff;

    text-align: center;

    overflow:hidden;

	box-sizing:border-box;

}

.product-article .pic .photo {

	width:370px;

    height:370px;

	line-height: 370px;

	overflow: hidden;

}

.product-article .pic .photo>img {

    max-width:100%;

    max-height: 100%;

    vertical-align: middle;

}

.product-article .txt {

    float:right;

    width:56%;

    min-height:480px;

    box-sizing: border-box;

}

.product-article .txt h1 {

    font-size: 24px;

    color:#182D57;

    padding-bottom: 15px;

    

}

.product-article .txt h6 {

    background-color: #fff;

    border-radius: 13px;

    color: #666;

    font-size: 14px;

    max-width: 200px;

    min-height: 27px;

    line-height: 27px;

    margin-bottom: 15px;

    margin-right: 8px;

    padding: 0 17px;

}

.product-article .txt .parameter {

    padding:20px 0 0 0;

}

.product-article .txt .parameter .cs {

	 border-bottom: 1px dotted #d1d1d1;

	font-size: 16px;

    color:#3a3a3a;

    padding-bottom: 10px;

	background: url(../images/plus.svg) no-repeat right/13px;

}

.product-article .txt .parameter .on {

	background: url(../images/close.svg) no-repeat right/13px;

}

.product-article .txt .parameter ul {

	display:none;

	padding:12px 0;

	overflow:hidden;

}

.product-article .txt .parameter li {

	float:left;

	width:48%;
	
	max-height: 76px;

    margin:6px 0;

    overflow:hidden;

}

.product-article .txt .parameter li i {

    display:block;

    float: left;

    color: #666;

    font-size: 14px;

    font-weight: bold;

    line-height: 20px;

    width: 80px;

    font-style: normal;

}

.product-article .txt .parameter li span {

    color: #666;

    font-size: 14px;

    line-height: 20px;

}

.product-article .txt .btn {

    padding-top: 35px;

    overflow:hidden;

}

.product-article .txt .btn  a {

    color: #fff;

    cursor: pointer;

    display: block;

    float: left;

    font-size: 16px;

    font-weight: bold;

    height: 42px;

    line-height: 42px;

    margin-right: 8px;

    text-align: center;

    width: 180px;

    border: 1px solid #182D57;

}

.product-article .txt .btn .btn-1 {

    background-color: #fff;

    color: #182D57;

}

.product-article .txt .btn .btn-2 {

    background-color: #182D57;

}



/*相关产品推荐*/

.product-content {

    padding:30px 0;

}

.product-content .hot-product {

    width: 100%;

}

.product-content .hot-product h3 {

    background-color: #182D57;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    height: 46px;

    line-height: 46px;

    text-align: center;

    width: 100%;

}

.product-content .hot-product ul {

    overflow: hidden;

    border: 1px solid #d1d1d1;

    padding: 30px 15px 15px;

    background: #f8f8f8;

}

.product-content .hot-product ul li {

	float: left;

    width: 252px;

    height: 252px;

    line-height: 252px;

    margin: 20px;

	background: #fff;

}

.product-content .hot-product ul li .hot-pic {

    width: 230px;

    height:230px;

    overflow: hidden;

    text-align: center;

}

.product-content .hot-product ul li .hot-pic img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}

.product-content .hot-product ul li h6 {
    text-align: center;
	line-height: 50px;
	background:#fff;

}

.product-content .product-pic {

    float: right;

    width: 910px;

}

.product-content .product-pic .tit {

    color: #333;

    font-size: 18px;

    font-weight: bold;

    height: 45px;

    line-height: 45px;

    text-align: left;

    width: 100%;

    border-bottom: 1px solid #d1d1d1;

}

.product-content .product-pic .con-box {

    padding: 15px 0;

    overflow: hidden;

}

.product-content .product-pic .con-box img {

    max-width: 100% !important;

    max-height:auto s!important;

}





/*经销商见证列表*/

.business-list {}

.business-list li {

    float: left;

    width: 372px;

    margin-right: 42px;

    margin-bottom: 60px;

    box-shadow: 0 0 1px #ccc;

}

.business-list li:nth-of-type(3n) {

    margin-right: 0;

}

.business-list li .pic {

    width:372px;

    height:289px;

    overflow:hidden;

}

.business-list li .pic img {

    width:372px;

    height:289px;

    transition: all 0.5s;

}

.business-list li .txt {

    background-color: #fbfbfb;

}

.business-list li .txt h4 {

    font-size: 18px;

    color: #333;

    font-weight: bold;

    padding: 20px 4%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.1s;

}

.business-list li .txt p {

    line-height: 22px;

    height: 100px;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 20px 4%;

}



/*经销商见证列表-hover事件*/

.business-list li:hover .txt h4 {

    color:#fff;

    background:#182D57;

}

.business-list li:hover .pic img {

    transform:scale(1.08);

}



/*产品系列*/

.products_series_items {

    height: 624px;

    overflow: hidden;

}

.products_series_items .tit {

    font-size: 24px;

    line-height: 50px;

    height: 130px;

    margin-top: 50px;

    text-align: center;

    color:#fff;

}

.products_series_items .tit h3 {

    color: #ffffff;

    font-size: 50px;

}

.products_series_items .more {

    width: 1030px;

    margin: 0 auto;

	padding-bottom:20px;

    background: #fff;

    text-align: center;

}

.products_series_items .more a {

	display:block;

	font-size: 18px;

    color: #fff;

    background: #182D57;

    text-align: center;

    width: 174px;

    line-height: 47px;

    border-radius: 25px;

	margin:0 auto;

}

.products_series_items .more a:hover {

}

.products_series_items .pro-hot {

    width: 1030px;

    margin:0 auto;

	border:2px solid #fff;

	box-shadow:0 0 2px #ccc;

    overflow: hidden;

	background: #fff;

}

.products_series_items .pro-hot li {

	float:left;

	width:25%;

}

.products_series_items .pro-hot li .pic {

	width:100%;

	height: 280px;

	line-height: 250px;

    text-align: center;

    padding: 5px;

    box-sizing: border-box;

}

.products_series_items .pro-hot li .pic img {

	max-width:100%;

	max-height:100%;

}

.products_series_items .pro-hot li .txt {

	height:40px;

}

.products_series_items .pro-hot li .txt h3 {

	height:40px;

	line-height:40px;

	text-align:center;

}

.products_series_items .pro-hot li:hover .txt h3 {

	color:#182D57;

}



/*产品系列*/

.series-box{



}

.series-box>ul>li {

    padding: 30px 0;

    border-bottom: 1px solid #e5e5e5;

}

.series-box>ul>li .pic {

    width:628px;

    height:500px;

    overflow:hidden;

}

.pic .fullSlide{ position:relative;width:100%;overflow:hidden;z-index:0;}

.pic .fullSlide .bd{ position:relative; z-index:0; }

.pic.pic .fullSlide .bd li {width:100%;}

.pic .fullSlide .bd li img {width:100%;}

.pic .fullSlide .hd{ position:absolute; left:0; bottom:20px;line-height:1em;text-align:center; width:100%;}

.pic .fullSlide .hd ul{ text-align:center;  padding-top:5px;  }

.pic .fullSlide .hd ul li{ cursor:pointer; display:inline-block;zoom:1; width:10px; height:10px; margin:10px; overflow:hidden; font-size:0;background:#fff;}

.pic .fullSlide .hd ul .on{ background:#182D57;}

.pic.series-box>ul>li .pic img {

    transition: all 2s;

	width: 100%;

}

.series-box>ul>li .txt {

    width:46%;

}

.series-box>ul>li .txt h4{

    font-size: 48px;

    color:#544c4c;

    line-height: 48px;

    text-align: center;

}

.series-box>ul>li .txt h2 {

    margin:20px 0 50px 0;

    cursor: pointer;

    text-align: center;

    position:relative;

}

.series-box>ul>li .txt h2 a {

	display:block;

    font-size: 48px;

    color:#182D57;

	transition: all 2s;



}

.series-box>ul>li .txt h2:hover a {

	transform: translate(10px,0px);

    -webkit-transform:translate(10px,0px);

    -moz-transform:translate(10px,0px);

    -ms-transform:translate(10px,0px);

    -o-transform:translate(10px,0px);

	transition: all 2s;

}



.series-box>ul>li .txt>a {

	display:none;

    font-size: 18px;

    color: #fff;

    background: #182D57;

    text-align: center;

    width: 150px;

	margin-top: 20px;

    line-height: 40px;

    border-radius: 25px;

}

.series-box>ul>li .txt:hover>a {

	display:block;

}

.series-box li .txt h2:before{content: "";left:0;bottom:-36px;height:1px;background:#182D57;width:0;position:absolute;transition:all 0.3s;}

.series-box li .txt h2:hover:before{width:100%;}



.series-box .series-about {

	height:0px;

	overflow:hidden;

	transition: all 2s;

}

.series-box .series-about  p {

    font-size: 16px;

    margin-top:10px;

	line-height:28px;

}

.series-box .series-about  p  a {

	padding:5px 10px;

}

.series-box .series-about  p  a:hover {

	color:#182D57;

}

.series-box>ul>li .txt  .txt-box:hover .series-about {

	height:100px;

}

.series-box .series-product-list {

    width: 100%;

    height: 200px;

    margin:0 auto;

	border:2px solid #fff;

	box-shadow:0 0 2px #ccc;

    overflow: hidden;

	background: #fff;

}

.series-box .series-product-list li {

	float:left;

	width:25%;

}

.series-box .series-product-list li .pic {

	width:100%;

	height: 138px;

	line-height: 138px;

    text-align: center;

    padding: 5px;

    box-sizing: border-box;

}

.series-box .series-product-list .pic img {

	max-width:100%;

	max-height:100%;

}

.series-box .series-product-list li .txt {

	height:40px;

}

.series-box .series-product-list .t1 {

	height:18px;

	line-height:18px;

	text-align:center;

}

.series-box .series-product-list li:hover .t1 {

	color:#182D57;

}



/*服务支持*/

.service .service-title {

  margin:0.2rem 0;

}

.service .service-title h2 {

  color:#182D57;

  font-size: 50px;

  font-weight: bold;

  height: 60px;

  text-align: center;

}

.service .service-title p {

  font-size: 18px;

  margin:17px 0;

  text-align: center;

}



.service .tab {

	float:left;

	width:32% !important;
	    
	height: 57px;

	margin-left:1.3%;

	margin-top: 10px;

}

.service .serviceList {

	width:100%;

}

.service .tab  select {

	border: 1px solid #ddd;

    font-size: 14px;

    height: 38px;

    line-height: 36px;

    width: 380px;

    color: #666;

}

.service .tab input {

	border: 1px solid #ddd;

    font-size: 14px;

    height: 38px;

    line-height: 36px;

    width: 380px;

    color: #666;

}

.service .file {}
.service .file span {
	padding-right:20px;}
.service .file input {
	width: 240px;
}

.service .txt {

	margin-left:1.3%;



}

.service .txt input {

	border: 1px solid #ddd;

    font-size: 14px;

	width: 1179px;

    height: 80px;

	margin-top: 10px;

    line-height: 18px;

    color: #666;

}

.service .submit {

	margin-top:10px;

}

.service .service-submit {

	display: block;

    width: 100%;

    height: 50px;

    background-color: #182D57;

    text-align: center;

    line-height: 50px;

    text-decoration: none;

    font-size: 18px;

    color: #fff;

    cursor: pointer;

    border: none;

}
.text {
	padding: 20px;
}
.text .t1 {
	font-size: 14px;
    color: #182D57;
}
.text .t2 {
	font-size: 14px;
    color: #3a3a3a;
}
.text .t3 {
	font-size: 14px;
    color: #3a3a3a;
	padding-top:30px;
}
.text .t3 a {
	font-size: 28px;
    color: #182D57;
}

/*经销商下载*/

.download-list {}

.download-list li {

    float: left;

    width: 282px;

    margin-right: 24px;

    padding-bottom: 40px;

 }

.download-list li:nth-of-type(4n) {

    margin-right:0;

  }

.download-list li .pic {

    width:282px;

    height:282px;

    overflow: hidden;

  }

.download-list li .pic img {

    width:100%;

}

.download-list li  p {

	height:40px;

	line-height:40px;

	color: #3a3a3a;

    font-size: 15px;

}

.download-list li h3{

    padding: 20px 0;

    background: #fff;

    text-indent: 2em;

}

.download-list li:hover h3 {

    color:#fff;

}



/*经销商下载详情页*/

.download-content {

    padding: 30px;

    background: #fff;

}

.download-content .pic {

    float: left;

    width: 500px;

    height: 500px;

}

.download-content .txt {

    float: right;

    width: 580px;

    height: 500px;

}

.download-content .txt .time {

    padding-top:20px;

}

.download-content .txt .time span {

    padding-right:15px;

}

.download-content .txt .pass {

    padding-top:20px;

    color:#000;

    }

.download-content .txt .pass .password {

    font-size:18px;

    color:#182D57;

}

.download-content .txt .downlink {

    height: 50px;


    margin: 50px 0;

}

.download-content .txt h1 {

    font-size: 30px;

    color: #000;

    margin:10px 0 40px 0;

}

.download-content .txt h3 {

    font-size: 16px;

    color: #000;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px dotted #ccc;

}

.download-content .txt .downlink li a {

    display:block;

    width: 100px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: #182D57;

}





/*预约设计*/

.appointment-inner {width:1200px; margin:40px auto 60px;}



.desgin-title {

    text-align: center;

}

.desgin-title h3 {

	height: 40px;

    font-size: 32px;

    color: #333;

    font-weight: normal;

}

.desgin-title p {

    text-transform: uppercase;

    color: #666;

    font-size: 14px;

    padding: 5px 0;

}



.inddesign {

    background: #fff none repeat scroll 0 0;

    overflow: hidden;

    padding-bottom: 40px;

}

.inddesign ul {

    margin: 60px auto 20px;

    overflow: hidden;

    width: 1200px;

}

.inddesign ul li {

    float: left;

    text-align: center;

    width: 200px;

}

.inddesign ul li i {

    display: block;

    height: 130px;

    margin: 0 auto 10px;

    transition: -moz-transform 2s ease-out 0s;

    width: 130px;

}

.inddesign ul li.yy1 i {

    background: rgba(0, 0, 0, 0) url("../images/inddeg1.png") repeat scroll 0 0;

}

.inddesign ul li.yy2 i {

    background: rgba(0, 0, 0, 0) url("../images/inddeg2.png") repeat scroll 0 0;

}

.inddesign ul li.yy3 i {

    background: rgba(0, 0, 0, 0) url("../images/inddeg3.png") repeat scroll 0 0;

}

.inddesign ul li.yy4 i {

    background: rgba(0, 0, 0, 0) url("../images/inddeg4.png") repeat scroll 0 0;

}

.inddesign ul li.yy5 i {

    background: rgba(0, 0, 0, 0) url("../images/inddeg5.png") repeat scroll 0 0;

}

.inddesign ul li.yy6 i {

    background: rgba(0, 0, 0, 0) url("../images/inddeg6.png") repeat scroll 0 0;

}

.inddesign ul li span {

    color: #121212;

    display: block;

    font-size: 18px;

    margin-bottom: 10px;

}

.inddesign ul li:hover span {

    color: #182D57;

}

.inddesign ul li p {

    font-size: 14px;

    color:#666;

}



.diymain {

    background-color: #f8f8f8;

    border: 1px solid #ccc; 

    margin: 0 0 15px; 

    padding: 30px; 

    overflow:hidden;

}

.diymain .tit {

    font-size:22px;

    margin-bottom:20px;

}

.diymain .tit span:nth-of-type(1) {

    padding-left:10px; 

    font-size:18px;

}

.diymain .tit span:nth-of-type(2) {

    padding-left:10px; 

	color: #182D57;

    font-size:14px;

}

.diymain .tit span:nth-of-type(3) {

    padding-left:200px; 

	color: #a9a4a4;

    font-size:14px;

}

.diymain .tit em {

    padding-left:10px; 

    font-size:12px;

}

.diymain .con {

    overflow:hidden;

}

.diyipt {

    border: 1px solid #ddd;

    color: #666;

    font-size: 14px;

    height: 18px;

    line-height: 18px;

    padding: 11px 10px 11px 10px;

    width: 240px;

    margin-right:10px;

    float:left;

}

.diymain select,.msg-list select{ 

    border:1px #ddd solid;color: #6a6a6a;

    float: left;

    height: 40px;

    margin-right: 10px;

    width: 120px;

    padding:0 5px;

    float: left;

}

.msg-list select {

    height:36px;

}

.ml90 {

    margin-left:103px;

}

.diymain #show{ 

    color:#3399FF; 

}

.diymain .btn {

    color: #fff;

    cursor: pointer;

    display: block;

    float: left;

    font-size: 16px;

    font-weight: bold;

    height: 38px;

    line-height: 38px;

    text-align: center;

    width: 160px;

    background:#182D57;

    margin-left:20px;

}



/*华艺百科˜*/

.service-news  {

    background: #fff;

    padding-bottom: 50px;

}

.service-news .service-box {

    

}

.service-news .service-box ul {

    width:575px;

}

.service-news .service-box li {

    border-bottom: 1px dotted #d8d8d8;

}

.service-news .service-box li .title {

    font-size: 16px;

    color: #3a3a3a;

    line-height: 60px;

    position: relative;

    cursor: pointer;

    background: url(../images/plus.svg) no-repeat right/13px;

}

.service-news .service-box li .content {

    display: none;

    background-color: #f9f9f9;

    box-sizing: border-box;

    padding: 16px;

    font-size: 14px;

    line-height: 2;

}
/*门店查询*/
 .store 
{
    padding:5px 0;
    background:#f5f3f0;
}
.store-list {
    width:370px;
    height:500px;
    overflow: auto;
    padding:15px;
}
.store-list select {
	border: 1px #ddd solid;
    color: #6a6a6a;
    float: left;
    height: 28px;
    margin-right: 10px;
    width: 120px;
    padding: 0px 3px;
}
.store-list button {
	display: block;
    border: 1px #ddd solid;
    color: #fff;
    float: left;
    height: 28px;
    width: 88px;
    padding: 0px 3px;
    cursor: pointer;
    background: #182D57;
}
.store-list ul {
	padding-top:30px;
}
.store-list li {
    padding: 16px 16px 16px 48px;
    font-size: 14px;
    margin-top: 10px;
    background: #fff;
    box-sizing: border-box;
    background: url(../images/map.png) #fff no-repeat scroll 10px 15px;
    background-size: 20px;
}
.store-list li:hover {
    box-shadow: 0 0 20px 8px rgba(102,102,103,.1);
}
.store-list li .name {
    line-height: 22px;
    font-size: 16px;
    padding-bottom: 8px;
    color: #000;
}
.store-list li .address {
    font-size: 14px;
    color: #666;
    min-height: 36px;
    line-height: 18px;
    padding-bottom: 14px;
}
.store-list li .tel {}

.store-map {
    width:800px;
    height:540px;
    background:#f5f3f0;
    overflow:hidden;
}
.store-map iframe {
    width:800px;
    height:530px;
    border:none;
    overflow:hidden;
}