/*初始化样式*/
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 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}
.p6b1
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}.p6b1
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;}

p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100%;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.vw {width: 100%;box-sizing: border-box;}
.wh {width: 100%;height: 100%;}
.mwh {max-width: 100%;max-height: 100%;}
.bgc {background-repeat: no-repeat;background-position: center center;background-size: cover;}

/* 头部 */
.ph1 {height: 108px;border-bottom: 1px solid #dbdbdb;text-align: center;line-height: 108px;}
.ph1 a {display: inline-block;}

.ph2 {text-align: center;}

/* 导航栏 */
.nav1 {display: inline-block;}
.nav-li {position: relative;z-index: 999;}
.nav-li .nav-a {display: block;line-height:85px;font-size: 16px;color: #333333;text-align: center;padding: 0 34px;}
.nav1 {display: inline-block;}
.nav-li {position: relative;z-index: 999;}
.nav-li .nav-a {display: block;line-height: 85px;font-size: 16px;color: #333333;text-align: center;padding: 0 34px;}
.nav-ul {position: absolute;left: 50%;top: 100%;background-color: #fff;z-index: 999;min-width: 100%;transform: translate(-50%, 20px);opacity: 0;visibility: hidden;transition: all .5s ease;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #000;white-space: nowrap;padding: 0 5px;}

.nav-li:hover .nav-a {color: #c92127;}
.nav-li:hover .nav-ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translate(-50%, 0);}
.nav-ul li a:hover {}

/* 搜索框 */
.p1a {font-size: 12px;color: #666666;line-height: 74px;}
.p1a a {font-size: 12px;color: #666666;}

.p1b {width: 314px;height: 44px;box-sizing: border-box;border: 1px solid #e5e5e5;margin-top: 15px;}
.p1b1 {width: 252px;box-sizing: border-box;padding-left: 14px;border-right: 1px solid #e5e5e5;height: 100%;font-size: 12px;}
.p1b2 {width: 60px;height: 100%;background-color: #c92127;background-image: url(../images/p1b2.png);background-repeat: no-repeat;background-position: center center;}

.p1b1::-webkit-input-placeholder {color: #d3d3d3;}
.p1b1::-moz-input-placeholder {color: #d3d3d3;}
.p1b1::-ms-input-placeholder {color: #d3d3d3;}

/* 公司简介 */
.p2 {border-bottom: 1px solid #e9e9e9;}
.p2-box {padding-top: 42px;padding-bottom: 67px;}
.p2a {width: 402px;box-sizing: border-box;padding-top: 33px;padding-left: 31px;position: relative;}
.p2a div {width: 371px;height: 486px;box-sizing: border-box;border: 1px solid #d2d2d2;position: absolute;left: -1px;top: -1px;}
.p2a img {position: relative;z-index: 1;}

.p2b {width: 742px;box-sizing: border-box;padding-top: 96px;background-image: url(../images/p2b.png);background-repeat: no-repeat;background-position: left 10px;}

.p2b1 {font-size: 33px;color: #333333;line-height: 1;box-sizing: border-box;width: 100%;padding-left: 47px;    font-weight: bold;}

.p2b2 {width: 100%;box-sizing: border-box;padding-left: 47px;padding-right: 15px;margin-top: 35px;}
.p2b2 p {font-size: 14px;color: #666666;line-height: 30px;}

.p2b3 {width: 100%;box-sizing: border-box;padding-left: 47px;margin-top: 45px;}
.p2b3 a {font-size: 14px;color: #c92127;line-height: 1;}

.p2b4 {margin-top: 55px;}
.p2b4 li {padding: 0 47px;}
.p2b4 li h3 {text-align: center;font-size: 54px;color: #333333;line-height: 1;text-transform: uppercase;font-weight: normal;}
.p2b4 li h3 span {font-size: 14px;}
.p2b4 li p {font-size: 14px;color: #333333;line-height: 1;text-align: center;margin-top: 20px;}

/* 全屋系列 */
.p3-box {padding-top: 70px;}
.p3a {text-align: center;}
.p3a1 {display: inline-block;}
.p3a2 {font-size: 26px;color: #333333;line-height: 1;text-align: center;margin-top: 28px;}
.p3a3 {display: block;border-top: 1px solid #404040;margin: 21px auto 0;width: 29px;height: 0;}
.p3a4 {font-size: 14px;color: #666666;line-height: 1;text-align: center;margin-top: 16px;}

.p3b {margin-top: 50px;}
.p3b ul li {width: 575px;margin-right: 50px;}
.p3b ul li:nth-child(2n) {margin-right: 0;}
.p3b ul li:nth-child(n+3) {margin-top: 50px;}
.p3b ul li a {display: block;}

.p3b1 {height: 339px;}
.p3b2 {padding-left: 26px;border: 1px solid #d8d8d8;border-top: none;font-size: 16px;color: #666666;line-height: 67px;font-weight: normal;background-image: url(../images/p3b2.png);background-repeat: no-repeat;background-position: 528px center;}

.p3b ul li a:hover .p3b2 {background-color: #c92127;border-color: #c92127;color: #f5eee9;background-image: url(../images/p3b2-hover.png);}

.p3c {margin-top: 53px;}
.p3c a {display: block;width: 369px;height: 54px;border: 1px solid #cacaca;box-sizing: border-box;line-height: 52px;padding-left: 166px;background-image: url(../images/p3c.png);background-repeat: no-repeat;background-position: 105px center;margin: 0 auto;font-size: 16px;color: #666666;}

/* 案例展示 */
.p4-box {padding: 70px 0;}

.p4a {text-align: center;}
.p4a1 {display: inline-block;}
.p4a2 {font-size: 26px;color: #333333;line-height: 1;text-align: center;margin-top: 28px;}
.p4a3 {display: block;border-top: 1px solid #404040;margin: 21px auto 0;width: 29px;height: 0;}
.p4a4 {font-size: 14px;color: #666666;line-height: 1;text-align: center;margin-top: 16px;}

.p4b {position: relative;margin-top: 50px;overflow: hidden;}

.p4b1 {position: relative;left: 50%;transform: translateX(-50%);width: 2400px;}
.p4b1 ul li {width: 600px;}
.p4b1 ul li a {display: block;}
.p4b1a {height: 381px;}
.p4b1b {text-align: center;line-height: 113px;font-size: 24px;color: #666666;}

.p4b1 ul li a:hover .p4b1b {background-color: #c92127;color: #fefefe;}

.p4b2 a {position: absolute;top: 50%;transform: translateY(-50%);display: block;width: 70px;height: 70px;border-radius: 50%;background-color: #fff;background-position: center center;background-repeat: no-repeat;z-index: 9;}
.p4b2 a.prev {left: 233px;background-image: url(../images/p4b2-left.png);}
.p4b2 a.next {right: 233px;background-image: url(../images/p4b2-right.png);}

.p4b2 a:hover {background-color: #c92127;}
.p4b2 a.prev:hover {background-image: url(../images/p4b2-left-hover.png);}
.p4b2 a.next:hover {background-image: url(../images/p4b2-right-hover.png);}

.p4b3 {width: 360px;height: 100%;background-color: rgba(255, 255, 255, .77);position: absolute;left: 0;top: 0;}
.p4b4 {width: 360px;height: 100%;background-color: rgba(255, 255, 255, .77);position: absolute;right: 0;top: 0;}

.p4c {margin-top: 62px;}
.p4c a {display: block;width: 369px;height: 54px;border: 1px solid #cacaca;box-sizing: border-box;line-height: 52px;padding-left: 166px;background-image: url(../images/p3c.png);background-repeat: no-repeat;background-position: 105px center;margin: 0 auto;font-size: 16px;color: #666666;}

/* 五大优势 */
.p5 {background-color: #f8f8f8;}
.p5-box {padding: 67px 0;}

.p5a {text-align: center;}
.p5a1 {display: inline-block;}
.p5a2 {font-size: 26px;color: #333333;line-height: 1;text-align: center;margin-top: 28px;}
.p5a3 {display: block;border-top: 1px solid #404040;margin: 21px auto 0;width: 29px;height: 0;}
.p5a4 {font-size: 14px;color: #666666;line-height: 1;text-align: center;margin-top: 16px;}

.p5b {margin-top: 54px;}
.p5b ul li {width: 214px;margin-right: 26px;}
.p5b ul lii:nth-child(5n) {margin-right: 0;}
.p5b ul li a {display: block;}

.p5b1 {background-color: #f2f2f2;height: 164px;}
.p5b1a {width: 38px;height: 0;border-top: 2px solid #494b4d;margin: 0 auto;}

.p5b1b {text-align: center;margin-top: 44px;font-size: 20px;color: #333333;}

.p5b2 {padding: 85px 22px 0;min-height: 212px;position: relative;background-color: #fff;}
.p5b2a {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 101px;height: 101px;border-radius: 50%;background-color: #3c3c3c;padding: 6px}
.p5b2a div {width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;border: 1px solid #5c5c5c;background-color: #3c3c3c;text-align: center;line-height: 87px;}

.p5b2b {font-size: 12px;color: #666666;line-height: 24px;text-align: center;}

.p5b ul li a:hover .p5b2 .p5b2a {background-color: #c92127;}
.p5b ul li a:hover .p5b2 .p5b2a div {background-color: #c92127;border-color: #faf5ef;}

.p5c {text-align: center;margin-top: 66px;}
.p5c a {display: inline-block;width: 236px;height: 50px;border: 1px solid #d9d9d9;line-height: 48px;padding-left: 108px;font-size: 18px;color: #666666;background-repeat: no-repeat;background-position: 55px center;background-image: url(../images/p5c1.png);text-align: left;}

.p5c a+a {margin-left: 40px;background-image: url(../images/p5c2.png);}

/* 新闻中心 */
.p6-box {padding-top: 70px;padding-bottom: 44px;}

.p6a {text-align: center;}
.p6a1 {display: inline-block;}
.p6a2 {font-size: 26px;color: #333333;line-height: 1;text-align: center;margin-top: 28px;}
.p6a3 {display: block;border-top: 1px solid #404040;margin: 21px auto 0;width: 29px;height: 0;}
.p6a4 {font-size: 14px;color: #666666;line-height: 1;text-align: center;margin-top: 16px;}

.p6b {margin-top: 45px;}
.p6b ul li {width: 574px;margin-right: 52px;}
.p6b ul li:nth-child(2n) {margin-right: 0;}
.p6b ul li:nth-child(n+3) {margin-top: 53px;}
.p6b ul li a {display: block;height: 139px;}
.p6b1 {width: 187px;}
.p6b2 {width: 387px;height:187px;box-sizing: border-box;border: 1px solid #ececec;border-left: none;padding-left: 23px;padding-top: 22px;padding-right: 25px;}
.p6b2 h3 {font-size: 16px;color: #666666;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: normal;}
.p6b2 p {font-size: 12px;color: #666666;line-height: 29px;margin-top: 25px;}

.p6b ul li a:hover .p6b2 {background-color: #c92127;}
.p6b ul li a:hover .p6b2 h3 {color: #fefefe;}
.p6b ul li a:hover .p6b2 p {color: #fefefe;}

.p6c {margin-top: 60px;}
.p6c a {display: block;width: 369px;height: 54px;border: 1px solid #cacaca;box-sizing: border-box;line-height: 52px;padding-left: 166px;background-image: url(../images/p3c.png);background-repeat: no-repeat;background-position: 105px center;margin: 0 auto;font-size: 16px;color: #666666;}

/* 友情链接 */
.p7-box {line-height: 40px;color: #333333;font-size: 14px;}
.p7-box a {line-height: 40px;color: #333333;font-size: 14px;}

/* 底部 */
.pf {border-top: 13px solid #c92127;background-color: #f5f5f5;}

.pf-box {padding-top: 40px;}

.pf1a {margin-top: 4px;margin-left: 2px;width: 251px;}
.pf1a div {width: 100px;}
.pf1a div+div {margin-left: 17px;}
.pf1a div p {font-size: 14px;color: #333333;text-align: center;line-height: 1;margin-top: 12px;}

.pf1b {width: 264px;margin-top: 19px;}
.pf1b p {font-size: 31px;color: #c92127;line-height: 1;margin-top: 22px;}

.pf1c {width: 225px;}
.pf1c1 {box-sizing: border-box;padding-left: 20px;font-size: 18px;color: #333333;line-height: 1;position: relative;}
.pf1c1::before {content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #c92127;left: 0;top: 50%;transform: translateY(-50%);position: absolute;}

.pf1c2 {box-sizing: border-box;padding-left: 20px;margin-top: 25px;}
.pf1c2 p {width: 50%;float: left;line-height: 40px;}
.pf1c2 p a {font-size: 14px;color: #333333;line-height: 40px;}

.pf1d {max-width: 438px;}

.pf1d1 {box-sizing: border-box;padding-left: 20px;font-size: 18px;color: #333333;line-height: 1;position: relative;}
.pf1d1::before {content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #c92127;left: 0;top: 50%;transform: translateY(-50%);position: absolute;}
.pf1d2 {box-sizing: border-box;padding-left: 20px;margin-top: 25px;}
.pf1d2 p {line-height: 40px;font-size: 14px;color: #333333;}

.pf2 {margin-top: 25px;}
.pf2 div {line-height: 51px;font-size: 13px;color: #666666;}
.pf2 div a {line-height: 51px;font-size: 13px;color: #666666;}
.header {height:85px;}
.ph1-logo {margin-top:10px;}
.x-banner {clear:both;}


















