/*全局样式*/
*{margin:0;padding:0;}
body{background:#fff; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:14px; overflow-x:hidden; line-height:24px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width:100%; max-height: 100%;display: block;	margin:auto;padding:auto;}

.wrap{width:1200px !important; margin:0 auto;}
header{width:100%; float:left;}
main{width:100%; float:left;}
footer{width:100%; float:left;}
/*End*/

.header{width:100%; float:left; position:relative;}
.header::before{content:""; width:1000px; float:left; height:82px; background:#005ea4; position:absolute; left:80%; top:0;}
.logo{width:275px; float:left; position:relative; padding:33px 0 33px 12px;}
.logo::before{content:""; width:1000px; float:left; height:100%; background:#0e9fdb; position:absolute; right:0; top:0;}
.logo img{/*width:212px; */display:block; height:68px; position:relative; z-index:2;}
.header_R{display:block; overflow:hidden;}
.header_B{display:block; overflow:hidden; height:82px; background:#005ea4;}
.header_txt{float:left; padding-left:15px; line-height:82px; font-size:20px; color:#fff;}
.header_txt span{width:42px; float:left; height:42px; border:2px solid #11a2df; line-height:38px; text-align:center; font-family:Arial; font-size:25px; color:#11a2df; margin:20px 8px 0 0;}
.header_dianhua{float:right; height:82px; margin-top:15px; font-family:Arial; font-size:26px; color:#fff; line-height:30px; position:relative; z-index:2;}
.header_dianhua span{display:block; overflow:hidden; height:20px; line-height:20px; margin-bottom:5px; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:28px;}

/*导航*/
nav{display:block; overflow:hidden;}
nav ul{display:flex; align-content:center; align-items:center; justify-content:center; overflow:hidden;}
nav ul li{float:left; position:relative; padding-right:5px;}
nav ul li::before{content:""; width:5px; float:left; height:5px; border-radius:50%; background:#0e9fdb; position:absolute; right:0; top:50%; transform: translateY(-50%);}
nav ul li>a{display:block; overflow:hidden; height:52px; line-height:52px; text-align:center; font-size:16px; color:#333; transition:all 0.4s; padding:0 40px;}
nav ul li:last-child{padding:0;}
nav ul li:last-child::before{display:none;}
nav ul li:hover>a{background:#0e9fdb; color:#fff;}
nav ul li.on>a{background:#0e9fdb; color:#fff;}
/*END*/

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:26.04%;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
.banner .swiper-pagination {position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px; background:#0e9fdb; opacity:1; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#005ea4;}
.banner .next{right:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(../images/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(../images/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END*/

.gsjj{width:100%; float:left; display:flex;}
.gsjj_L{width:63%; float:left; padding:85px 50px 50px 0;}
.gsjj_title{display:block; overflow:hidden; text-align:right;}
.gsjj_p{display:block; height:22px; line-height:22px; overflow:hidden; font-size:16px; color:#005ea4; font-weight:bold;}
.gsjj_sp{display:block; height:36px; line-height:36px; overflow:hidden; font-family:Arial; font-size:40px; color:#333333; font-weight:bold; position:relative;}
.gsjj_sp::before{content:""; width:100%; float:left; height:1px; background:#b5b5b5; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.gsjj_sp span{float:right; background:#fff; position:relative; z-index:2; padding-left:22px;}
.gsjj_txt{display:block; max-width:760px; float:right; overflow:hidden; font-size:16px; color:#333333; line-height:35px;/* text-align:right;*/ margin-top:35px;}
.gsjj_spp{display:block; max-width:760px; float:right; overflow:hidden; line-height:34px; margin-top:20px; font-weight:bold; font-size:16px; color:#333333;}
.gsjj_spp .gsjj_pp{font-size:25px; color:#005ea4;}
.gsjj_spp .gsjj_ps{color:#0e9fdb;}
.gsjj_more{display:block; width:100%; float:right; overflow:hidden; margin-top:25px;}
.gsjj_more a{width:130px; float:right; height:38px; line-height:36px; border:1px solid #ddd; text-align:center; border-radius:5px; font-size:14px; color:#999999; transition:all 0.4s;}
.gsjj_more a:hover{background:#005ea4; color:#fff;}
.gsjj_R{width:37%; float:left;}

.case{width:100%; float:left; display:flex;}
.case_L{width:63%; float:left; height:100%; position:relative;}
.case-imgbox{height:100%;}
.case-imgbox .swiper-slide{height:100%;}
.case-imgbox .swiper-slide a{width:100%; float:left;height:100%; position:relative;}
.case-imgbox .swiper-slide a .case_img{width:100%;height:100%; overflow:hidden;}
.case-imgbox .swiper-slide a .case_img::before{content:""; display:block; padding-top:669px; /*padding-top:56.43813%;*/}
.case-imgbox .swiper-slide a .case_hover{width:207px; float:right; height:207px; position:absolute; right:0; top:0; background:url(../images/case_hover.png) no-repeat center center; padding:25px 25px 0 0; text-align:right; transition:all 0.4s;}
.case-imgbox .swiper-slide a .case_hover .case_p{width:100%; overflow:hidden; height:34px; line-height:34px; font-size:20px; color:#fff; transition:all 0.4s;}
.case-imgbox .swiper-slide a .case_hover .case_jia{display:block; overflow:hidden; width:34px; height:34px; line-height:32px; border:1px solid #fff; border-radius:50%; font-size:28px; text-align:center; color:#fff; float:right; margin:10px 15px 0 0; transition:all 0.4s;}
.case-imgbox .swiper-slide a:hover .case_hover{width:100%; height:100%; background:rgba(0, 94, 164, 0.4) none repeat scroll 0 0 !important; background-color:#005ea4; padding:0;}
.case-imgbox .swiper-slide a:hover .case_hover .case_p{ position:absolute; left:0; bottom:51%; text-align:center;}
.case-imgbox .swiper-slide a:hover .case_hover .case_jia{position:absolute; left:50%; top:51%; transform: translateX(-50%); margin:0;}
.case-next{right:10px; position:absolute;bottom:10px; width:40px; height:40px; background:rgba(0, 94, 164, 0.65) none repeat scroll 0 0 !important; background-color:#005ea4; overflow:hidden; opacity:1; cursor:pointer; z-index:999; font-family:SimSun; font-size:26px; color:#fff; font-weight:bold; display:flex; align-content:center; align-items:center; justify-content:center;}
.case-prev{right:60px; position:absolute; bottom:10px; width:40px; height:40px; background:rgba(0, 94, 164, 0.65) none repeat scroll 0 0 !important; background-color:#005ea4; overflow:hidden; opacity:1; cursor:pointer; z-index:999; font-family:SimSun; font-size:26px; color:#fff; font-weight:bold; display:flex; align-content:center; align-items:center; justify-content:center;}
.case-next:hover,.case-prev:hover{ background:rgba(17, 163, 221, 0.65) none repeat scroll 0 0 !important; background-color:#11a3dd;}
.case_R{width:37%; float:left; background:url(../images/case_bj.jpg) no-repeat center center; background-size:cover; padding:38px 0 0 30px;}
.case_RB{width:334px; float:left;}
.case_title{display:block; overflow:hidden;}
.case_pp{display:block; overflow:hidden; height:46px; line-height:46px; font-size:30px; color:#333333;}
.case_pp span{display:inline-block; width:46px; height:46px; border:3px solid #9fd9f1; line-height:43px; text-align:center; border-radius:50%; background:#0e9fdb; color:#fff;}
.case_spp{display:block; overflow:hidden; height:26px; line-height:26px; position:relative;}
.case_spp::before{content:""; width:100%; float:left; height:1px; background:#b5b5b5; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.case_spp span{float:left; background:#fff; font-family:Arial; font-size:14px; color:#0e9fdb; font-weight:bold; text-transform:uppercase; position:relative; z-index:2; padding-right:15px;}
.case_ul{display:block; overflow:hidden; border-top:4px solid #0e9fdb; padding-top:5px;}
.case_ul li{width:100%; float:left; margin-top:30px;}
.case_ul li a{width:100%; float:left; position:relative;}
.case_ul li a::before{content:""; display:block; padding-top:73.3533%;}
.case_ul li a .case_txt{width:100%; float:left; position:absolute; left:0; bottom:0; height:48px; background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; background-color:#000; display:flex; flex-wrap:wrap; overflow:hidden; transition:all 0.4s;}
.case_ul li a .case_txt .case_txt_p{width:100%; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; color:#fff; transition:all 0.4s;}
.case_ul li a .case_txt .case_txt_sp{width:100%; float:left; height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff; transition:all 0.4s;}
.case_ul li a .case_txt .case_txt_heng{width:40px; display:block; height:1px; background:#fff; margin:10px auto 0 auto;}
.case_ul li a:hover .case_txt{ height:100%; align-content:center; align-items:center; justify-content:center;}
.case_ul li a:hover  .case_txt .case_txt_p{height:38px; line-height:38px;}

.lc{width:100%; overflow:hidden; padding:50px 0;}
.lc_title{display:block; overflow:hidden; padding:30px 0 21px 0; position:relative; background:url(../images/lc_title_bj.png) no-repeat 56% center;}
.lc_p{display:flex; align-content:center; align-items:center; justify-content:center; flex-wrap:wrap; overflow:hidden; height:48px; line-height:48px;}
.lc_p span{ position:relative; font-size:30px; color:#333333; padding:0 20px;}
.lc_p span::before{content:""; width:2000px; float:left; height:1px; background:#b5b5b5; position:absolute; right:100%; top:50%; transform: translateY(-50%);}
.lc_p span::after{content:""; width:2000px; float:left; height:1px; background:#b5b5b5; position:absolute; left:100%; top:50%; transform: translateY(-50%);}
.lc_p span em{color:#11a3dd;}
.lc_sp{display:block; overflow:hidden; line-height:30px; text-align:center; font-family:Arial; font-size:14px; color:#333333; opacity:0.4; text-transform:uppercase;}
.lc_contect{display:block; overflow:hidden; padding-top:30px;}
.lc_contect img{display:block; max-width:100%; height:auto; margin:0 auto;}

footer{ background:#101124; padding:15px 0; text-align:center; color:#fff; text-align:center;}
footer a{color:#fff; margin:0 10px;}
footer a:hover{color:#fff; text-decoration:underline !important;}


/*关于我们*/
.main{width:100%; overflow:hidden; padding:40px 0;}
.dqwz_title{width:100%; float:left;}
.dqwz_p{display:block; overflow:hidden; line-height:40px; text-align:center; font-size:25px; color:#005ea4; font-weight:bold;}
.dqwz_heng{display:block; overflow:hidden; height:17px; background:url(../images/company_heng.jpg) no-repeat center center;}
.dqwz_sp{display:block; overflow:hidden; line-height:32px; text-align:center; font-size:16px; color:#dcdcdc; text-transform:uppercase;}
.dqwz_contect{width:100%; float:left; padding-top:40px;}
.company{display:block; overflow:hidden; font-size:16px; color:#333333; line-height:34px;}

.company img{max-width:100%; height:auto;}
.cpxq_txt img{max-width:100%; height:auto;}
.xwxq_txt img{max-width:100%; height:auto;}/*END*/

/*装修案例*/
.case_nav{display:flex; align-content:center; align-items:center; justify-content:center; flex-wrap:wrap; overflow:hidden;}
.case_nav li{ float:left; margin:0 6px 5px 6px; border:1px solid #e3e3e3; padding:1px;}
.case_nav li a{display:block; overflow:hidden; height:40px; line-height:38px; border:1px solid #e3e3e3; text-align:center; font-size:16px; color:#fff; transition:all 0.4s; background:#005ea4; transition:all 0.4s; padding:0 10px;}
.case_nav li:hover a{background:#0e9fdb;}
.case_nav li.case_on a{background:#0e9fdb;}

.case_ul1{display:block; overflow:hidden; width:1220px; padding-top:50px;}
.case_ul1 li{width:285px; float:left; margin:0 20px 40px 0;}
.case_ul1 li .case_B{width:100%; overflow:hidden; border:1px solid #e3e3e3; padding:1px;}
.case_ul1 li .case_B .case_img{width:100%; overflow:hidden; border:1px solid #e3e3e3; transition:all 1s;}
.case_ul1 li .case_B .case_img::before{content:""; display:block; padding-top:80.28674%;}
.case_ul1 li .case_txt{display:block; overflow:hidden; height:44px; line-height:42px; text-align:center; border:1px solid #e3e3e3; margin-top:5px; font-size:16px; color:#333333; transition:all 0.4s;}
.case_ul1 li:hover .case_B .case_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.case_ul1 li:hover .case_txt{background:#0e9fdb; color:#fff;}

.casexq{display:block; overflow:hidden; padding-top:30px;}
.casexq_T{display:block; overflow:hidden; text-align:center; font-size:25px; color:#333333; line-height:35px;}
.casexq_img{display:block; overflow:hidden; padding-top:15px; font-size:14px; line-height:30px; color:#333;}
.casexq_img img{display:block; max-width:100%; height:auto; margin:0 auto;}


.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; line-height:30px;  font-size:20px; color:#2a273a; font-weight:bold; margin-bottom:10px; text-align:center;}
.cpxq_img{display:block;  overflow:hidden;}
.cpxq_txt{ font-size:16px; color:#666; line-height:1.8em;}
.cpxq_img img{display:block; max-width:100%; height:auto; margin:0 auto;}


/*END*/

/*装修流程*/
.zxlc{display:block; overflow:hidden; font-size:16px; color:#333333; line-height:34px;}
.zxlc span{color:#005ea4;}
/*END*/

/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{width:35%; float:left; font-size:16px; color:#333; line-height:34px;}
.contact_map{width:65%; float:left;}
#dituContentmap{width:100%; overflow:hidden; height:380px; border:1px solid #ccc;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}


/*浮动QQ*/
.open{width:31px; height:110px; background:url(../qq/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:150px;z-index:9999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../qq/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:140px;z-index:9999; cursor:pointer;}
.fix_qq { display:none;
position: fixed;
right: 0px;
top: 150px;
width: 93px;
height: 122px;
z-index:9999;
background: url(../qq/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../qq/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../qq/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../qq/qq_04.png) no-repeat;
}



/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; border-bottom:1px dashed #ccc; line-height:40px;}
.xw_ul li a{display:block; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#000;}
.xw_ul li a span{float:right; color:#888888;}
.xw_ul li a:hover{color:#2dbb55;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; color:#000; font-size:18px; line-height:30px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; color:#888888; font-size:14px; line-height:22px; padding:15px 0;}
.xwxq_txt{display:block; overflow:hidden; color:#000; font-size:14px; line-height:30px;}
.xwxq_txt img{display:block; max-width:100%; height:auto; margin:15px auto;}
/*END*/