html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 'si',Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}

@font-face {
    font-family: 'si';
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}
@font-face {
    font-family: 'si2';
    src: url(../fonts/SourceHanSansCN-Light.otf);
}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.w1920{
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	position: relative;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}

/*.page-position,.xypg-left-title,.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:active, .product-detail-tab .product-detail-tabli li:visited,.relate-title span{
	background: #3480ce;
}
.page-position,.page-position a,.page-product-inquiry a{
	color: #fff;
}
.xypg-detail-tags .tags-title h3{
    border-color:#3480ce; 
}*/
.container{
	    width: 1200px !important;
}
.box_voann,.box_voann *{
	  box-sizing:content-box;  
}
/* 板块通用样式标题 */
.sa {padding-left: 6px;display: flex;align-items: center;}
.sa-wire {width: 11px;height: 46px;background-color: #0e8543;margin-right: 10px;}
.sa-title h1 {font-size: 27px;color: #000;font-weight: bold;}
.sa-title h1 span {font-size: 16px;color: #333333;font-style: italic;font-weight: normal;}
.sa-title p {font-size: 18px;color: #0b8443;font-family: Arial;letter-spacing: 7.5px;text-transform: uppercase;margin-top: 5px;}


/*头部样式*/
.dfc {display: flex;justify-content: space-between;align-items: center;}
#header{width:1200px;margin:0 auto;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.k1{float:left;}
.k1,.k1 a{
	color: #666;
	font:500 12px/24px "微软雅黑";
}
.k1 a:hover{
  color: #0e8543;
}

#menu{margin-top:5px;}

/*热门搜索*/
.search{text-align:left;padding: 10px 0;}
#formsearch{width:auto;float:right;}
.hotSearch{width:auto;float:right;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #666;}
.hotSearch a:hover{
	color: #0e8543;
}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:24px;line-height:24px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#0e8543;color:#fff;border:none;cursor:pointer;}

/* 导航栏 */
.nav1 {height: 72px;}
.nav-li {position: relative;z-index: 999;width: 103px;height: 72px;margin-left: 10px;}
.nav-li .nav-a {display: block;line-height: 72px;font-size: 16px;color: #323333;width: 103px;text-align: center;position: absolute;left: 0;right: 0;top: 0;z-index: 9999;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 0;top: 72px;background-color: rgba(255,255,255,.7);z-index: 999;width: 110%;}
.nav-li:hover .nav-ul{padding-top: 20px;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;height: 38px;line-height: 38px;text-align: center;display: block;color: #323333;font-size: 14px;}

.nav-li:hover .nav-a {color: #fff;background: url(../images/nav-hover.png) no-repeat center top;padding-bottom: 22px;}
.nav-ul li a:hover {color: #0e8543;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}
/*产品列表*/
.product_list li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:1px;border:1px solid #e0e1dc;}
.product_list li a.img img{width:150px;height:120px;}
.product_list li h3{text-align:center;padding-top:5px;}
.product_list li h3 a{font-weight:normal;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}
.roll_product{float:left;}





/* 整装 */
.s1 {padding-top: 45px;}

.s1a-list {display: flex;align-items: center;font-family: '微软雅黑';}
.s1a-list li+li {margin-left: 25px;}
.s1a-list li a {display: block;padding: 0 10px; line-height: 32px;text-align: center;border: 1px solid transparent;font-size: 14px;color: #000;}
.s1a-list li:last-child a {border-color: #0e8543;background-color: #0e8543;color: #fff;width: 152px;}

.s1a-list li a:hover {border-color: #0e8543;}

.s1b {    width: 1200px;
    height: 497px;
    position: relative;
    margin: 0 auto;
    margin-top: 45px;}

.s1b li {position: absolute;}
.s1b li a.img {display: block;width: 100%;height: 100%;overflow: hidden;}
.s1b li a img {min-width: 100%;min-height: 100%;width:100%;}

.s1b li:nth-child(1) {width: 796px;height: 497px;left: 0;top: 0;}
.s1b li:nth-child(2) {width: 394px;height: 244px;right: 0;top: 0;}
.s1b li:nth-child(3) {width: 394px;height: 244px;right: 0;bottom: 0;}

.bj1{display: none;width: 100%;height: 100%;background: rgba(0,0,0,.57);position: absolute;top:0;left: 0;}
.s1b li .bj1 .pbt{letter-spacing: 1px;color: #f0f0f0;text-align: center;font-size: 16px;padding-top: 80px;}
.xq{width: 144px;height: 38px;background-color: #0f8345;border-radius: 19px;line-height: 38px;margin: 0 auto;color: #f0f0f0;font-size: 14px;margin-top: 20px;text-align: center;}
.s1b li:nth-child(1) .pbt{font-size: 44px;padding-top: 170px;}
.s1b li:hover .bj1{display: block;}



/* 关于我们 */
.s2 {padding-top: 95px;}
.s2 .s2b{
	margin-top: 44px;
}
.s2b-img {width: 641px;height: 425px;position: relative;}
.s2b-bg {width: 474px;height: 384px;background-color: #8cbc34;position: absolute;right: 0;bottom: 0;}
.s2b-item {width: 610px;height: 397px;overflow: hidden;position: absolute;left: 0;top: 0;}
.s2b-item img {min-width: 100%;min-height: 100%;}

.s2b-con {width: 515px;margin-right: 20px;}
.s2b-name {width: 100%;height: 90px;display: flex;justify-content: flex-end;flex-direction: column;background-image: url(../images/s2b-name.png);background-repeat: no-repeat;background-position: 425px bottom;}
.s2b-name h1 {font-size: 25px;color: #000;font-weight: 600;}
.s2b-name h1 span {font-size: 30px;color: #0e8543;}
.s2b-name p {font-size: 15px;color: #000;text-transform: uppercase;margin-top: 5px;}

.s2b-title {margin-top: 20px;}
.s2b-title p {font-size: 14px;color: #333333;line-height: 24px;text-indent: 2em;}

.s2b-con .s2b-more {display: block;width: 152px;line-height: 34px;text-align: center;background-color: #0e8543;color: #fff;font-size: 14px;margin-top: 30px;}

/* 优势 */
.s3 {padding-top: 105px;}

.s3b {width: 100%;padding-right: 360px;margin-top: 50px;height: 394px;position: relative;}

.s3b-img {width: 927px;height: 394px;position: absolute;left: 0;bottom: 0;z-index: 9;overflow: hidden;}
.s3b-img img {min-width: 100%;min-height: 100%;}

.s3b-name {font-size: 49px;color: #333333;text-transform: uppercase;position: absolute;right: 321px;letter-spacing: 6px;padding-right: 45px;top: -41px;font-family: 'Georgia';}
.s3b-name span {font-size: 148px;color: #0b8443;}

.s3b-ts {position: absolute;left: 525px;top: 40px;z-index: 99;background-color: rgba(0, 0, 0, .5);width: 285px;height: 310px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.s3b-ts h1 {font-size:30px;color: #fff;font-weight: 500;}
.s3b-ts img {display: block;margin-top: 20px;}
.s3b-ts div {margin-top: 20px;text-align: center;}
.s3b-ts div p {font-size: 32px;color: #fff;line-height: 60px;padding-left: 21px;background: url(../images/dian1.png) no-repeat left center;}



.s3b-ts2 {position: absolute;left: 927px;top: 122px;z-index: 99;background-color:#efefef;width: 324px;
	height: 272px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.s3b-ts2 h1 {font-size:40px;color: #d9d9d9;font-weight: 500;font-family: 'Georgia';text-transform: uppercase;padding-bottom: 6px;background: url(../images/line1.jpg) no-repeat bottom center;}
.s3b-ts2 img {display: block;margin-top: 20px;}
.s3b-ts2 div {margin-top: 20px;text-align: center;}
.s3b-ts2 div p {font-size: 24px;color: #333333;line-height: 28px;padding-left: 21px;background: url(../images/dian.png) no-repeat left center;}


.s3b-ts3 {position: absolute;right: 345px;top: 122px;z-index: 99;background-color:#fff;width: 324px;
	height: 272px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.s3b-ts3  .p1{letter-spacing: 1px;color: #333333;line-height: 21px;font-size: 14px;text-align: center;font-family: 'si2';padding-top: 96px;background: url(../images/line2.png) no-repeat top center;}















.s3b-list {position: absolute;right: 360px;bottom: 0;display: flex;align-items: center;z-index: 999;}
.s3b-list li {width: 317px;height: 272px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.s3b-list li:first-child {background-color: #efefef;}

.s3b-list li h1 {font-size: 40px;text-transform: uppercase;color: #dbdbdb;}
.s3b-list li div {width: 40px;height: 2px;background-color: #0e8543;margin-top: 5px;}
.s3b-list li h3 {font-size: 20px;color: #000;margin-top: 5px;font-weight: 500;}
.s3b-list li p {text-align: center;font-size: 16px;color: #000;line-height: 37px;margin-top: 5px;}

.s3c {width: 100%;height: 440px;padding-left: 360px;position: relative;}
.s3c-img {position: absolute;right: 0;top: 0;width: 1237px;height: 440px;overflow: hidden;}
.s3c-img img {min-width: 100%;min-height: 100%;}

.s3c-list {position: absolute;left: 683px;top: 0;z-index: 9;display: flex;align-items: center;}
.s3c-list li {width: 324px;height: 272px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #0e8543;}
.s3c-list li h1 {font-size: 30px;text-transform: uppercase;color: #fff;letter-spacing: 1px;}
.s3c-list li div.line1 {width: 40px;height: 2px;background-color: #fff;margin: 10px 0;}
.s3c-list li h3 {font-size: 14px;color: #fff;letter-spacing: 1px;margin-top: 5px;font-weight: 500;text-transform: uppercase;font-family: 'si2';}
.s3c-list li .qi {padding-top: 50px; text-align: center;font-size: 16px;color: #fff;line-height: 37px;margin-top: 5px;font-family: 'si2';}

.s3c-list li:nth-child(2) div {background-color: #fff;}
.s3c-list li:nth-child(2) h1 {color: #6a80ad;}

/* 案例展示 */
.s4 {padding-top: 40px;}

.s4b {justify-content: space-around;width: 100%;margin-top: 40px;}
.s4b li a {display: block;width: 188px;height: 680px;}
.s4b-img {width: 100%;height: 592px;overflow: hidden;}
.s4b-img img {min-width: 100%;min-height: 100%;}

.s4b-title {width: 100%;height: 88px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.s4b-title h1 {font-size: 20px;color: #000;font-weight: 500;}
.s4b-title p {font-size: 13px;color: #000;margin-top: 10px;text-transform: uppercase;}
.plist2{margin-top: 80px;}
.plist2 li{margin-right: 19px;margin-bottom: 51px;}
.plist2 li:nth-child(3n){margin-right: 0;}
.plist2 li a.img{display: block;border:1px solid #0e8543;}
.plist2 li a.img img{display: block;width: 385px;height: 256px;}
.plist2 li h3 a{display: block;font-weight: normal;text-align: center;color: #333333;font-size: 23px;/*background: url(../images/line3.png) no-repeat center;*/line-height: 45px;}
.cmore a{display: block;color: #fff;font-size: 17px;width: 116px;height: 32px;background-color: #0e8543;font-family: 'si2';border-radius: 16px;line-height: 32px;text-align: center;margin: 0 auto;}
.nmore a{display: block;color: #0e8543;font-size: 16px;text-transform: uppercase;margin-top: 11px;}






/* 新闻资讯 */
.s5 {padding-top: 60px;}

.s5b {margin-top: 30px;}

.s5b-item {width: 374px;}
.s5b-img {width: 100%;height: 216px;overflow: hidden;}
.s5b-img img {min-width: 100%;min-height: 100%;}

.s5b-name {display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.s5b-name p {display: block;width: 33px;height: 2px;background-color: #000;}
.s5b-name h1 {font-size: 17px;color: #333333;letter-spacing: 4px;width: 100px;text-align: center;font-weight:500;}

.s5b-fname {width: 100%;text-align: center;color: #e0e0e0;font-size: 18px;text-transform: uppercase;margin-top: 5px;font-family: 'Georgia';}
.s5b-list {margin-top: 15px;}
.s5b-list li+li {margin-top: 20px;}
.s5b-list li a {width: 100%;padding-bottom: 10px;border-bottom: 1px dashed #c8c7c8;}
.s5b-list li a p {font-size: 14px;color: #333333;white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; }
.s5b-list li a p:first-child {width: 260px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.s5b-list li:hover a .p2{color: #0e8543;}






/* 装修流程 */
.s6 {padding-top: 100px;}

.s6a-form {width: 815px;justify-content: flex-end;}

.s6a-form input {width: 100px;height: 36px;background-color: #e7e7e7;padding-left: 5px;border-radius: 5px;border:none;outline: none;color:#333;}

.s6a-form input+input {margin-left: 5px;}
.s6a-form p {margin-left: 5px;display: flex;align-items: center;justify-content: center;}
.s6a-form p+input {margin-left: 5px;background-color: #294888;color: #fff;width: 120px;}

.s6b {width: 100%;margin-top: 15px;}
.s6b img {width: 100%;}




/* 底部 */
footer {background-color: #2d2d2d;margin-top: 52px;font-family: 'si2';}
.footer {display: flex;align-items: center;justify-content: center;padding-top: 35px;padding-bottom: 45px;}

.footer-wire {width: 2px;height: 162px;background-color: #595959;margin: 0 60px;}

.footer-code img {width: 136px;height: 136px;}
.footer-code p {font-size: 12px;color: #fff;text-align: center;margin-top: 10px;font-family: '微软雅黑';}

.footer-tel-name h1 {    font-size: 16px;
    color: #fff;
    font-weight: 500;}
.footer-tel-name p {font-size: 12px;color: #fff;text-transform: uppercase;margin-top: 5px;}

.footer-tel-title {margin-top: 10px;vertical-align: middle;}
.footer-tel-title p {font-size: 14px;color: #fff;line-height: 2;}
.footer-tel-title img{
	padding-right: 8px;vertical-align: middle;
}
.footer-nav {width: 160px;flex-wrap: wrap;}
.footer-nav li {width: 50%;}
.footer-nav li a {font-size: 14px;color: #fff;}

.footer-nav li:nth-child(2n) {text-align: end;}
.footer-nav li:nth-child(n+3) {margin-top: 25px;}

/* 页脚 */
.footer-bottom {text-align: center;background-color: #000;line-height: 1.5;font-size: 14px;color: #fff;padding: 10px 0;}
.footer-bottom a {line-height: 1.5;font-size: 14px;color: #fff;}