You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
421 lines
33 KiB
421 lines
33 KiB
5 months ago
|
*{padding: 0;margin: 0;box-sizing: border-box;}html,body{width: 100%;height: auto;font-size: 14px;font-family: "microsoft yahei";}ul{list-style: none;}img{border: none;}a{text-decoration: none;color: inherit;}a:hover{color: #099a10;}
|
||
|
|
.fl{float: left;}
|
||
|
|
.fr{float: right;}
|
||
|
|
.w1200{margin: 0 auto;width: 1200px;height: auto;overflow: hidden;}
|
||
|
|
|
||
|
|
/*头部开始*/
|
||
|
|
.header .top_bar{height: 44px;background: #f5f5f5;line-height: 44px;color: #666;}
|
||
|
|
.header .top_bar .w1200{overflow: visible;}
|
||
|
|
.header .top_bar ul li{display: inline-block;margin-left: 20px;padding-left: 25px;position: relative;}
|
||
|
|
.header .top_bar ul li.wx .wxerweima{position: absolute;display: none;background: #fff;padding: 10px;}
|
||
|
|
.header .top_bar ul li:hover .wxerweima{display: block;}
|
||
|
|
.header .top_bar ul li:first-child{background: url(../images/wx_icon.png) left center no-repeat;}
|
||
|
|
.header .top_bar ul li+li{background: url(../images/wb_icon.png) left center no-repeat;}
|
||
|
|
.header .top{height: 120px;background: url(../images/top_bg.png) center top no-repeat;padding-top:44px}
|
||
|
|
.header .top .logo{margin-right: 280px;}
|
||
|
|
.header .top .search{background: url(../images/search_bg.png) center center no-repeat;}
|
||
|
|
.header .top .search input{display: inline-block;border: none;height: 42px;width: 301px;float: left;background: none;}
|
||
|
|
.header .top .search input[type=text]{text-indent: 45px;}
|
||
|
|
.header .top .search input[type=submit]{width:80px ;cursor: pointer;}
|
||
|
|
.header .top .search input:focus{outline: none;}
|
||
|
|
.header .top .tel{height: 44px;line-height: 44px;font-size: 24px;color: #099a10;padding-left: 60px;background: url(../images/tel_icon.png) left center no-repeat;}
|
||
|
|
.header .nav{height: 55px;line-height: 55px;width: 100%;background: #1b434e;}
|
||
|
|
.header .nav .w1200{overflow: visible;}
|
||
|
|
.header .nav ul li{float: left;width: 133px;height: 100%;text-align: center;font-size: 18px;color: #fff;position: relative;}
|
||
|
|
.header .nav ul li a{display: block;width: 100%;height: 100%;}
|
||
|
|
.header .nav ul li.active{background: #099a10;}
|
||
|
|
.header .nav ul li:hover{background: #099a10;}
|
||
|
|
.header .nav ul li:hover a{color: #fff;}
|
||
|
|
.header .nav ul li:hover .sub_nav{display: block;}
|
||
|
|
.header .nav ul li .sub_nav{display: block;position: absolute;left: 0;width: 133px;z-index: 999;background: #fff;display: none;}
|
||
|
|
.header .nav ul li .sub_nav ul li{float: left;width: 100%;height: 40px;line-height: 40px;}
|
||
|
|
.header .nav ul li .sub_nav ul li a{display: block;width: 100%;height: 100%;color: #666;}
|
||
|
|
.header .nav ul li .sub_nav ul li a:hover{background: #099a10;color: #fff;}
|
||
|
|
/*首页轮播图*/
|
||
|
|
.slider{width: 100%;height: 580px;overflow: hidden;position: relative;}
|
||
|
|
.slideBox .hd{ height:5px;width: 100%;text-align: center;position:absolute; bottom:30px; z-index:99;}
|
||
|
|
.slideBox .hd ul li{margin: 0 10px; width:60px; height:5px; background:#fff; cursor:pointer;display: inline-block;text-align: center;}
|
||
|
|
.slideBox .hd ul li.on{ background:#099a10; color:#fff; }
|
||
|
|
.slideBox .bd{ position:relative; height:100%;}
|
||
|
|
.slideBox .bd li{width: 100%;height: 580px;}
|
||
|
|
.slideBox .prev{ position:absolute; left:2%; top:50%; margin-top:-55px; display:block; width:55px; height:110px; background:url(../images/prev.png) center center no-repeat rgba(27,67,78,.8); }
|
||
|
|
.slideBox .next{ position:absolute;right:2%;top:50%; margin-top:-55px; display:block; width:55px; height:110px; background:url(../images/next.png) center center no-repeat rgba(27,67,78,.8);}
|
||
|
|
/*首页关于我们*/
|
||
|
|
.index_about{width: 100%;height: auto;overflow: hidden;padding-bottom: 40px;}
|
||
|
|
.index_about .desc{line-height: 30px;font-size: 16px;height: auto;overflow: hidden;color: #666;}
|
||
|
|
.index_about .desc p{padding: 15px 35px;text-indent: 32px;}
|
||
|
|
.index_about .desc ul{padding-top: 30px;}
|
||
|
|
.index_about .desc ul li{width: 285px;float: left;margin-right: 20px;margin-bottom: 10px;}
|
||
|
|
.index_about .desc ul li:last-child{margin-right: 0;}
|
||
|
|
.index_about form{background: #FFFFCC;width: 100%;height: auto;padding: 20px;}
|
||
|
|
.index_about form input{display: inline-block;border-radius: 25px;height: 42px;border: 1px solid #e6e6e6;margin-right: 15px;}
|
||
|
|
.index_about form input[type=submit]{width: 100px;border-radius: 25px;background: #48aa45;color: #fff;font-size: 18px;font-weight:bold;border: 1px solid #48aa45;cursor: pointer;text-indent: 0;}
|
||
|
|
/*首页资讯*/
|
||
|
|
.index_news{width: 100%;height: 480px;overflow: hidden;}
|
||
|
|
.index_news .zx_list{margin-right: 230px;padding-top: 45px;}
|
||
|
|
.index_news .zx_list ul li{line-height: 38px;padding-left: 30px;background: url(../images/taiji_icon.png) left center no-repeat;}
|
||
|
|
/*首页服务流程*/
|
||
|
|
.index_services{width: 100%;height: auto;overflow: hidden;padding-bottom: 70px;}
|
||
|
|
.index_services .slogan{font-size: 24px;color: #099a10;text-align: center;}
|
||
|
|
.index_services ul li{float: left;width: 218px;margin:45px 11px 0 11px;text-align: center;cursor: pointer;}
|
||
|
|
.index_services ul li:hover img{box-shadow: 0 0 0 3px #FF0000;border-radius: 50%;}
|
||
|
|
.index_services ul li p{line-height: 30px;font-size: 18px;color: #1b434e;margin-top: 10px;}
|
||
|
|
/*首页施工案例*/
|
||
|
|
.index_case{width: 100%;height: auto;overflow: hidden;background: #f6f6f6;padding-bottom: 60px;}
|
||
|
|
.index_case .last_case{width: 100%;height: auto;overflow: hidden;position: relative;padding: 15px 0;}
|
||
|
|
.index_case .last_case .r{position: absolute;width: 685px;height: 392px;border: 5px solid #099a10;right: 0;top: 35px;padding: 30px 30px 30px 140px;}
|
||
|
|
.index_case .last_case .r ul li{font-size: 18px;color: #666;line-height: 44px;list-style-type: disc;}
|
||
|
|
.index_case .last_case .r ul li span{float: right;}
|
||
|
|
.index_case .case_case ul li{float: left;width: 24.5%;margin-right: 0.6666%;position: relative;overflow: hidden;}
|
||
|
|
.index_case .case_case ul li img{width: 100%;}
|
||
|
|
.index_case .case_case ul li:last-child{margin-right: 0;}
|
||
|
|
.index_case .case_case ul li .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(9,154,16,.5);opacity: 0;transition: all ease-in .3s;}
|
||
|
|
.index_case .case_case ul li .mask p{position: absolute;top: 50%;transform: translateY(-50%);font-size: 24px;font-weight: bold;color: #fff;text-align: center;display: block;width: 100%;top:45%\9;}
|
||
|
|
.index_case .case_case ul li:hover .mask{opacity: 1;}
|
||
|
|
/*首页精品案例*/
|
||
|
|
.jp_case{width: 100%;height: auto;overflow: hidden;padding-bottom: 60px;}
|
||
|
|
.jp_case .category{height: auto;overflow: hidden;padding: 20px 0;}
|
||
|
|
.jp_case .category ul li{float: left;width: 75px;text-align: center;margin: 0 37px;cursor: pointer;}
|
||
|
|
.jp_case .category ul li.active img{box-shadow: 0 0 0 2px #FF0000;border-radius: 50%;}
|
||
|
|
.jp_case .category ul li:hover img{box-shadow: 0 0 0 2px #FF0000;border-radius: 50%;transition: all ease-in .2s;}
|
||
|
|
.jp_case .category ul li p{margin: 10px 0;}
|
||
|
|
.jp_case .jp_case_case{display: none;}
|
||
|
|
.jp_case .jp_case_case.active{display: block;}
|
||
|
|
.jp_case .jp_case_case ul li{float: left;width: 19.76%;margin-right: 0.3%;position: relative;overflow: hidden;margin-bottom: 5px;}
|
||
|
|
.jp_case .jp_case_case ul li img{width: 100%;}
|
||
|
|
.jp_case .jp_case_case ul li:nth-child(5n){margin-right: 0;}
|
||
|
|
.jp_case .jp_case_case ul li .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(9,154,16,.5);opacity: 0;transition: all ease-in .3s;}
|
||
|
|
.jp_case .jp_case_case ul li .mask .desc{position: absolute;top: 50%;transform: translateY(-50%);font-size: 18px;font-weight: bold;color: #fff;text-align: center;display: block;width: 100%;top:30%\9;}
|
||
|
|
.jp_case .jp_case_case ul li .mask .desc p{margin-bottom: 20px;}
|
||
|
|
.jp_case .jp_case_case ul li .mask .desc .p2 span{font-size: 14px;padding: 0 10px;font-weight: normal;}
|
||
|
|
.jp_case .jp_case_case ul li .mask .desc .p3 a{border: 1px solid #fff;padding: 5px 25px;font-size: 14px;font-weight: normal;border-radius: 15px;}
|
||
|
|
.jp_case .jp_case_case ul li .mask .desc .p3 a:hover{background: #fff;}
|
||
|
|
.jp_case .jp_case_case ul li:hover .mask{opacity: 1;}
|
||
|
|
/*首页装修团队*/
|
||
|
|
.index_team{width: 100%;height: 680px;overflow: hidden;background: url(../images/index_team_bg.jpg) no-repeat #ececec;background-size: cover;position: relative;}
|
||
|
|
.index_team .team_list.fl{position: absolute;left: 0;top: 240px;}
|
||
|
|
.index_team .team_list.fr{position: absolute;right: 0;top: 240px;}
|
||
|
|
.index_team .team_list ul li{float: left;width: 193px;margin: 0 20px;}
|
||
|
|
.index_team .team_list ul li img{width: 100%;}
|
||
|
|
.index_team .team_scroll{width: 100%;position: relative;}
|
||
|
|
/*首页客户怎么说*/
|
||
|
|
.customer_say{width: 100%;height: auto;overflow: hidden;}
|
||
|
|
.customer_say ul li{width: 49%;float: left;margin-top: 35px;}
|
||
|
|
.customer_say ul li .say{width: 403px;height: 180px;border-radius: 15px;background: #f6f6f6;margin-right: 10px;position: relative;padding: 20px;}
|
||
|
|
.customer_say ul li:nth-child(2n){margin-left: 2%}
|
||
|
|
.customer_say ul li:nth-child(2n) .say{margin-right: 0;}
|
||
|
|
.customer_say ul li .say:after{content: "";width: 0;height: 0;border-width: 20px;border-style: solid;border-color: transparent transparent #f6f6f6 transparent;position: absolute;top: 30%;left: -20px;}
|
||
|
|
.customer_say ul li .say p.t{color: #099a10;font-size: 18px;margin-bottom: 5px;}
|
||
|
|
.customer_say ul li .say p.desc{color: #666;font-size: 14px;line-height: 25px;}
|
||
|
|
.customer_say ul li:hover .say{background: #099a10;cursor: pointer;}
|
||
|
|
.customer_say ul li:hover .say:after{border-color: transparent transparent #099a10 transparent;}
|
||
|
|
.customer_say ul li:hover p.t{color: #fff;}
|
||
|
|
.customer_say ul li:hover p.desc{color: #fff;}
|
||
|
|
.customer_say .more{text-align: center;height: auto;overflow: hidden;margin: 40px 0 60px 0;}
|
||
|
|
.customer_say .more a{display: inline-block;padding: 12px 55px;color: #fff;background: #099a10;border-radius: 25px;font-size: 18px;}
|
||
|
|
/*首页新闻*/
|
||
|
|
.index_news2{width: 100%;height: 580px;overflow: hidden;background: #f6f6f6;}
|
||
|
|
.index_news2 .w1200{position: relative;overflow: visible;}
|
||
|
|
.index_news2 .img{position: absolute;left: 0;top:-110px;}
|
||
|
|
.index_news2 .new_cate{text-align: center;color: #666;padding: 5px 0 30px 0;}
|
||
|
|
.index_news2 .new_cate ul li{display: inline-block;margin: 0px 4px;}
|
||
|
|
.index_news2 .new_cate ul li a{padding: 5px 35px;font-size: 18px;border: 1px solid #e6e6e6;border-radius: 25px;}
|
||
|
|
.index_news2 .new_cate ul li.active a{color: #174755;border: 1px solid #174755;font-weight: bold;}
|
||
|
|
.index_news2 .new_cate ul li:hover a{color: #174755;border: 1px solid #174755;font-weight: bold;}
|
||
|
|
.index_news2 .tj_news{position: absolute;width: 875px;height: 135px;background: #1b434e\9;background: rgba(23,71,85,.8);z-index: 2;right: 0;color: #fff;padding: 15px 30px 0 55px;}
|
||
|
|
.index_news2 .tj_news h3{font-size: 22px;margin-bottom: 10px;}
|
||
|
|
.index_news2 .tj_news h3 span{font-size: 14px;font-weight: normal;color: #aaa;float: right;}
|
||
|
|
.index_news2 .tj_news p.desc{font-size: 16px;line-height: 30px;}
|
||
|
|
.index_news2 .news_list{display: none;}
|
||
|
|
.index_news2 .news_list.active{display: block;}
|
||
|
|
.index_news2 .news_list ul{width: 875px;height: auto;overflow: hidden;padding: 30px 30px 30px 80px;margin-top: 135px;}
|
||
|
|
.index_news2 .news_list ul li{float: left;width: 352px;line-height: 35px;font-size: 16px;color: #666;list-style-type: disc;margin-right: 60px;}
|
||
|
|
.index_news2 .news_list ul li span{float: right;color: #aaa;font-size: 14px;}
|
||
|
|
.index_news2 .news_list ul li:nth-child(2n){margin-right: 0;}
|
||
|
|
/*首页底部专精团队*/
|
||
|
|
.zj_team .zy_team{padding-top: 20px;}
|
||
|
|
.zj_team .zy_team .b ul li{margin-bottom: 50px}
|
||
|
|
/*关于我们*/
|
||
|
|
.container.about{width: 100%;height: auto;overflow: hidden;padding: 75px 0 260px 0;}
|
||
|
|
.container.about h2{font-size: 24px;color: #1b434e;position: relative;text-align: center;margin-bottom: 20px;font-weight: normal;}
|
||
|
|
.container.about h2:after{content: "";width: 75px;height: 2px;background: #1b434e;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);}
|
||
|
|
.container.about p.t_en{text-align: center;margin-bottom: 20px;text-transform: uppercase;}
|
||
|
|
.container.about .main{padding:0px 35px 60px 35px;line-height: 30px;font-size: 16px;text-align: center;}
|
||
|
|
.container.about .main p{text-indent: 32px;text-align: left;}
|
||
|
|
.container.about .main img{margin: 10px 0}
|
||
|
|
/*装修流程*/
|
||
|
|
.container.liucheng .w1200{overflow: visible;}
|
||
|
|
.container.liucheng{width: 100%;height: auto;overflow: hidden;padding: 75px 0 210px 0;}
|
||
|
|
.container.liucheng h2{font-size: 24px;color: #1b434e;position: relative;text-align: center;margin-bottom: 20px;font-weight: normal;}
|
||
|
|
.container.liucheng h2:after{content: "";width: 75px;height: 2px;background: #1b434e;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);}
|
||
|
|
.container.liucheng p.t_en{text-align: center;text-transform: uppercase;}
|
||
|
|
.container.liucheng .liuchengtu{width: 100%;height: auto;overflow: hidden;background: url(../images/liuchengtu_bg.png) top 160px center no-repeat;}
|
||
|
|
.container.liucheng .liuchengtu ul li{float: left;width: 148px;text-align: center;margin: 80px 76px;}
|
||
|
|
.container.liucheng .liuchengtu ul li p{padding: 20px 0;font-size: 18px;color: #1b434e;}
|
||
|
|
.container.liucheng .liucheng_submit{width: 100%;height: auto;overflow: hidden;border: 1px solid #e6e6e6;padding: 30px 18px;box-shadow: 0px 3px 5px rgba(222,222,222,.8);}
|
||
|
|
.container.liucheng .liucheng_submit .l{margin-right: 35px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .t{width: 100%;height: 75px;overflow: hidden;}
|
||
|
|
.container.liucheng .liucheng_submit .r .t ul li{display: inline-block;float: left;padding-left: 60px;font-size: 16px;line-height: 22px;position: relative;padding-right: 50px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .t ul li span{color: #099a10;}
|
||
|
|
.container.liucheng .liucheng_submit .r .t ul li.step1:after{content: "1";position: absolute;display: block;width: 47px;height: 47px;text-align: center;line-height: 47px;font-size: 30px;color: #fff;left: 0;top: 0;background: #099a10;border-radius: 50%;}
|
||
|
|
.container.liucheng .liucheng_submit .r .t ul li.step2:after{content: "2";position: absolute;display: block;width: 47px;height: 47px;text-align: center;line-height: 47px;font-size: 30px;color: #fff;left: 0;top: 0;background: #099a10;border-radius: 50%;}
|
||
|
|
.container.liucheng .liucheng_submit .r .t ul li.step3:after{content: "3";position: absolute;display: block;width: 47px;height: 47px;text-align: center;line-height: 47px;font-size: 30px;color: #fff;left: 0;top: 0;background: #099a10;border-radius: 50%;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .form{width: 540px;position: relative;margin-right: 20px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .form input{display: block;width: 420px;height: 40px;border: 1px solid #e6e6e6;margin-bottom: 12px;float: left;text-indent: 35px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .form input:nth-child(1){background: url(../images/name.svg) left 10px center no-repeat;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .form input:nth-child(2){background: url(../images/phone.svg) left 10px center no-repeat;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .form input:nth-child(3){background: url(../images/house.svg) left 10px center no-repeat;margin-bottom: 0;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .form input[type=submit]{width: 95px;height: 145px;background: #1b434e;text-align: center;line-height: 145px;font-size: 24px;color: #fff;right: 0;top: 0;position: absolute;margin-bottom: 0;text-indent: 0;cursor: pointer;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .data{width: 370px;height: auto;overflow: hidden;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .data p{background: #f2f2f2;padding: 12px 20px;font-size: 18px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .data p span{color: #cd0000;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .data ul{padding: 10px 0 0 20px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .data ul li{line-height: 23px;font-size: 12px;}
|
||
|
|
.container.liucheng .liucheng_submit .r .b .data ul li span{padding: 0 35px;}
|
||
|
|
/*联系我们*/
|
||
|
|
.container.contact{width: 100%;height: auto;overflow: hidden;padding: 50px 0 260px 0;}
|
||
|
|
.container.contact .contact_info{width: 100%;height: auto;overflow: hidden;}
|
||
|
|
.container.contact .contact_info .l{width: 600px;height: 600px;overflow: hidden;}
|
||
|
|
.container.contact .contact_info .r{width: 600px;height: 600px;background: #1b434e;color: #fff;padding: 50px 88px;}
|
||
|
|
.container.contact .contact_info .r h2{font-size: 24px;position: relative;text-align: center;margin-bottom: 20px;font-weight: normal;}
|
||
|
|
.container.contact .contact_info .r h2:after{content: "";width: 75px;height: 2px;background: #fff;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);}
|
||
|
|
.container.contact .contact_info .r p.t_en{text-align: center;margin-bottom: 20px;text-transform: uppercase;}
|
||
|
|
.container.contact .contact_info .r .info{padding: 25px 0px 0px 0px;text-indent: 45px;}
|
||
|
|
.container.contact .contact_info .r .info p{line-height: 30px;font-size: 18px;margin-bottom: 40px;}
|
||
|
|
.container.contact .contact_info .r .info p:nth-child(1){background: url(../images/contact_address.svg) left top 2px no-repeat;margin-bottom: 20px;}
|
||
|
|
.container.contact .contact_info .r .info p:nth-child(2){background: url(../images/contact_tel.svg) left top 2px no-repeat;}
|
||
|
|
.container.contact .contact_info .r .info p:nth-child(3){background: url(../images/contact_train.svg) left top 2px no-repeat;}
|
||
|
|
.container.contact .contact_info .r .info p:nth-child(4){background: url(../images/contact_bus.svg) left top 2px no-repeat;}
|
||
|
|
.container.contact .contact_info .r .info p:nth-child(5){background: url(../images/contact_time.svg) left top 2px no-repeat;}
|
||
|
|
.leave_message{padding-top: 50px;}
|
||
|
|
.leave_message h2{font-size: 24px;position: relative;text-align: center;margin-bottom: 20px;font-weight: normal;color: #1b434e;}
|
||
|
|
.leave_message h2:after{content: "";width: 75px;height: 2px;background: #1b434e;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);}
|
||
|
|
.leave_message p.t_en{text-align: center;margin-bottom: 40px;text-transform: uppercase;color: #1b434e;}
|
||
|
|
.leave_message form>div{margin-bottom: 30px;}
|
||
|
|
.leave_message form input{width: 555px;height: 50px;border: 1px solid #e6e6e6;text-indent: 20px;font-size: 16px;line-height: 55px;}
|
||
|
|
.leave_message form textarea{resize: none;width: 100%;height: 200px;border: 1px solid #e6e6e6;text-indent: 20px;padding-top: 20px;font-size: 16px;font-family: "微软雅黑";margin-bottom: 20px;}
|
||
|
|
.leave_message form input[type=submit]{width: 375px;background: #1b434e;color: #fff;text-indent: 0;font-size: 18px;cursor: pointer;}
|
||
|
|
/*内页banner*/
|
||
|
|
.banner{width: 100%;height: 460px;position: relative;padding-top: 100px;}
|
||
|
|
.banner .banner_text{margin: 0 auto;width: 606px;height: 212px;background: rgba(81, 115, 124, 0.9);position: relative;color: #fff;}
|
||
|
|
.banner .banner_text:after{position: absolute;content: "";width: 592px;height: 198px;border: 1px solid #fff;left: 6px;top: 6px;}
|
||
|
|
.banner .banner_text .zh{font-size: 36px;text-align: center;line-height: 60px;padding-top: 35px;}
|
||
|
|
.banner .banner_text .en{font-size: 14px;letter-spacing: 8px;text-transform:uppercase;text-align: center;padding-top: 25px;}
|
||
|
|
/*内页主体*/
|
||
|
|
.container{width: 100%;height: auto;overflow: hidden;color: #666;}
|
||
|
|
.container .crumbs{padding: 30px 0 15px 0;border-bottom: 1px solid #e6e6e6;font-size: 16px;}
|
||
|
|
.container .category{padding-top: 30px;text-align: center;padding-bottom: 20px;}
|
||
|
|
.container .category a{display: inline-block;font-size: 24px;padding: 12px 40px;background: #e6e6e6;margin: 0 12px;}
|
||
|
|
.container .category a.active{background: #1b434e;color: #fff;}
|
||
|
|
/*案例*/
|
||
|
|
.container.case .w1200{overflow: visible;}
|
||
|
|
.container.case .case_category{padding: 50px 0 40px 0;height: auto;overflow: hidden;width: 100%;}
|
||
|
|
.container.case .case_category ul li{float: left;width: 75px;text-align: center;margin: 0 37px;}
|
||
|
|
.container.case .case_category ul li:hover img{box-shadow: 0 0 0 2px #FF0000;border-radius: 50%;}
|
||
|
|
.container.case .case_category ul li p{margin: 10px 0;}
|
||
|
|
.container.case .cont{padding-bottom:35px ;height: auto;width: 100%;}
|
||
|
|
.container.case .cont ul li{float: left;width: 380px;margin-right: 30px;overflow: hidden;height: 420px;margin-bottom: 30px;}
|
||
|
|
.container.case .cont ul li:hover{box-shadow: 0 0 0 1px #099a10;}
|
||
|
|
.container.case .cont ul li:nth-child(3n){margin-right: 0;}
|
||
|
|
|
||
|
|
.container.case .cont ul li img{width: 380px;}
|
||
|
|
.container.case .cont ul li h2{text-align: center;font-size: 18px;font-weight: bold;padding: 13px 0;border-bottom: 1px solid #e6e6e6;}
|
||
|
|
.container.case .cont ul li p{line-height: 25px;padding: 10px 0 0px 0;}
|
||
|
|
/*案例详情页*/
|
||
|
|
.container.case_detail{width: 100%;height: auto;overflow: hidden;padding-bottom: 80px;}
|
||
|
|
.container.case_detail .cont{width: 100%;height: auto;overflow: hidden;padding: 30px 0;}
|
||
|
|
.container.case_detail .cont .main{width: 850px;height: auto;overflow: hidden;border: 1px solid #e6e6e6;padding: 40px;}
|
||
|
|
.container.case_detail .cont .main h1{color: #1b434e;font-size: 24px;text-align: center;margin-bottom: 30px;}
|
||
|
|
.container.case_detail .cont .main .desc{font-size: 18px;line-height: 30px;}
|
||
|
|
.container.case_detail .cont .main .desc img{max-width: 100%;margin: 5px 0;}
|
||
|
|
.container.case_detail .cont .designer{width: 320px;border: 1px solid #e6e6e6;text-align: center;margin-bottom: 20px;padding-bottom: 25px;}
|
||
|
|
.container.case_detail .cont .designer img{width: 100%;}
|
||
|
|
.container.case_detail .cont .designer p.t{font-size: 18px;color: #099a10;padding: 15px 0;border-bottom: 1px solid #e6e6e6;}
|
||
|
|
.container.case_detail .cont .designer p.t span{font-size: 30px;color: #1b434e;padding-right: 15px;}
|
||
|
|
.container.case_detail .cont .designer p.sub_t span{display: inline-block;margin: 15px;font-size: 18px;}
|
||
|
|
.container.case_detail .cont .designer p.more{margin: 15px 0;}
|
||
|
|
.container.case_detail .cont .designer p.more a{background: #099a10;color: #fff;padding: 15px 85px;}
|
||
|
|
/*新闻列表*/
|
||
|
|
.container.news .cont ul li{float: left;padding: 35px 0;border-bottom: 1px solid #e6e6e6;}
|
||
|
|
.container.news .cont ul li .img{float: left;width:309px;height: 197px;overflow: hidden;}
|
||
|
|
.container.news .cont ul li .desc{width: 891px;float: left;padding: 0 55px 0 35px;position: relative;}
|
||
|
|
.container.news .cont ul li .desc h2{font-size: 24px;padding-bottom: 20px;font-weight: normal;}
|
||
|
|
.container.news .cont ul li .desc p{line-height: 30px;font-size: 14px;}
|
||
|
|
.container.news .cont ul li .desc span{display: block;float: left;margin-top: 20px;}
|
||
|
|
.container.news .cont ul li .desc a.more{position: absolute;padding: 5px 8px;border: 1px solid #099a10;color: #099a10;right:55px;bottom: 0px;}
|
||
|
|
/*新闻详情页*/
|
||
|
|
.container.news_detail{padding: 50px 0 320px 0;}
|
||
|
|
.container.news_detail h1{text-align: center;font-weight: normal;font-size: 30px;padding-bottom: 20px;}
|
||
|
|
.container.news_detail .time_share{text-align: center;font-size: 14px;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;}
|
||
|
|
.container.news_detail .time_share>div{display: inline-block;}
|
||
|
|
.container.news_detail .time_share .share{padding-left: 40px;}
|
||
|
|
.container.news_detail .cont{padding: 35px 50px 0 50px;line-height: 30px;font-size: 16px;}
|
||
|
|
.container.news_detail .cont img{max-width: 100%;padding: 30px 0;}
|
||
|
|
.container.news_detail .prev_next{text-align: center;padding-top: 80px;}
|
||
|
|
.container.news_detail .prev_next span{display: inline-block;padding: 10px 25px;border: 1px solid #e6e6e6;border-radius: 10px;margin: 0 20px;}
|
||
|
|
/*精英团队*/
|
||
|
|
.container.team .cont{display: none;}
|
||
|
|
.container.team .cont.active{display: block;}
|
||
|
|
.container.team .cont ul{width: 100%;height: auto;overflow: hidden;padding-bottom: 35px;}
|
||
|
|
.container.team .cont ul li{float: left;width: 375px;height: 485px;border: 1px solid #e6e6e6;overflow: hidden;padding: 0;margin-top: 35px;margin-right: 37px;}
|
||
|
|
.container.team .cont ul li:nth-child(3n){margin-right: 0;}
|
||
|
|
.container.team .cont ul li .img{width: 375px;height: 375px;}
|
||
|
|
.container.team .cont ul li .desc{text-align: center;}
|
||
|
|
.container.team .cont ul li .desc h2{margin-top: 12px;margin-bottom: 13px;font-size: 30px;font-weight: normal;color: #1b434e;}
|
||
|
|
.container.team .cont ul li .desc h2 span.zhiwei{font-size: 18px;color: #099a10;padding-left: 20px;}
|
||
|
|
.container.team .cont ul li .desc p{font-size: 18px;}
|
||
|
|
.container.team .cont ul li .desc p span{padding: 0 18px;}
|
||
|
|
.container.team .cont ul li .desc span{display: inline-block;}
|
||
|
|
/*团队内页*/
|
||
|
|
.container.team_detail .cont{width: 100%;height: auto;overflow: hidden;padding: 30px 0 110px 0;position: relative;}
|
||
|
|
.container.team_detail .cont .main{width: 850px;height: auto;overflow: hidden;}
|
||
|
|
.container.team_detail .cont .main h2{height: 55px;line-height: 55px;width: 100%;background: #f1f1f1;font-size:18px ;color: #1b434e;font-weight: normal;padding-left: 22px;margin-bottom: 25px;}
|
||
|
|
.container.team_detail .cont .main .desc{width: 100%;height: auto;overflow: hidden;}
|
||
|
|
.container.team_detail .cont .main .desc:after{content: "" ;display: block;clear: both;}
|
||
|
|
.container.team_detail .cont .main .desc .img{margin-right: 30px;}
|
||
|
|
.container.team_detail .cont .main .desc img{width: 305px;height: 305px;}
|
||
|
|
.container.team_detail .cont .main .desc .info{width: 515px;}
|
||
|
|
.container.team_detail .cont .main .desc .info h3{font-size: 36px;color: #1b434e;font-weight: normal;margin-bottom: 10px;}
|
||
|
|
.container.team_detail .cont .main .desc .info h3 span{font-size: 18px;color: #099a10;padding-left: 20px;}
|
||
|
|
.container.team_detail .cont .main .desc .info p{line-height: 30px;font-size: 18px;}
|
||
|
|
.container.team_detail .cont .main .desc .info p span{color: #1b434e;font-size: 18px;}
|
||
|
|
.container.team_detail .cont .main .desc .info p.line{width: 100%;height: 1px;background: #e6e6e6;margin: 10px 0;}
|
||
|
|
.container.team_detail .cont .main .btn{margin: 50px 0;text-align: center;}
|
||
|
|
.container.team_detail .cont .main .btn a{display: inline-block;margin: 0 15px;height:46px ;line-height: 46px;width: 158px;text-align: center;color: #1b434e;border: 1px solid #1b434e;font-size: 18px;}
|
||
|
|
.container.team_detail .cont .main .btn a.active{background: #1b434e;color: #fff;}
|
||
|
|
.container.team_detail .cont .main .like_case ul li{width: 270px;float: left;margin-right: 20px;}
|
||
|
|
.container.team_detail .cont .main .like_case ul li:nth-child(3n){margin-right: 0;}
|
||
|
|
.container.team_detail .cont .main .like_case ul li img{width: 270px;height: 196px;display: block;}
|
||
|
|
.container.team_detail .cont .main .like_case ul li p{text-align: center;line-height: 60px;font-size: 18px;font-weight: bold;}
|
||
|
|
/*尾部*/
|
||
|
|
.footer{padding: 30px 0;background: #1b434e;color: #fff;}
|
||
|
|
.footer .left{width: 240px;margin-right: 20px;padding: 20px 0;}
|
||
|
|
.footer .middle{padding: 20px 0;}
|
||
|
|
.footer .middle ul li{float: left;padding: 0 28px;}
|
||
|
|
.footer .middle ul li h3{font-size: 16px;font-weight: 600;margin-bottom: 15px;}
|
||
|
|
.footer .middle ul li p{font-size: 14px;text-align: left;margin-top: 10px;max-width: 165px;}
|
||
|
|
.footer .middle ul li p.flink a{display: block;float: left;margin-right: 20px;margin-bottom: 10px;}
|
||
|
|
.footer .right{width: 300px;position: relative;padding: 20px 0;}
|
||
|
|
.footer .right:after{content: "";position: absolute;height: 100%;width: 1px;background: #647f87;left: -30px;top:0px;}
|
||
|
|
.footer .right .l h3{font-size: 16px;font-weight: 600;margin-bottom: 10px;}
|
||
|
|
.footer .right .l h3.rx{margin-top: 15px;}
|
||
|
|
.footer .right .l p{font-size: 16px;color: #fff;font-weight: 600;}
|
||
|
|
.footer .right .l p.weibo{font-size: 12px;font-weight: normal;color: #a1c6d2;margin-top: 15px;background: url(../images/weibo.svg) no-repeat left center;padding-left: 25px;font-family: "宋体";height: 18px;line-height: 18px;}
|
||
|
|
.footer .right .l p.qq{font-size: 12px;font-weight: normal;color: #a1c6d2;margin-top: 10px;background: url(../images/qq.svg) no-repeat left center;padding-left: 25px;font-family: "宋体";height: 18px;line-height: 18px;}
|
||
|
|
.footer .right .r p{text-align: center;margin-top: 5px;}
|
||
|
|
.footer .copyright{clear: both;width: 100%;font-size: 14px;color:#929292;text-align: center;padding-top: 30px;}
|
||
|
|
/*其他样式*/
|
||
|
|
/*首页的标题*/
|
||
|
|
.index h2.t{font-size: 36px;color: #1b434e;position: relative;text-align: center;padding-top:45px;margin-bottom: 20px;font-weight: normal;}
|
||
|
|
.index h2.t:after{content: "";width: 75px;height: 2px;background: #1b434e;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);}
|
||
|
|
.index p.t_en{text-align: center;margin-bottom: 20px;text-transform: uppercase;font-size: 14px;color: #1b434e;}
|
||
|
|
/*相关案例推荐*/
|
||
|
|
.like_case_tj h2{height: 55px;line-height: 55px;width: 100%;background: #f1f1f1;font-size:18px ;color: #1b434e;font-weight: normal;padding-left: 22px;margin-bottom: 25px;}
|
||
|
|
.like_case_tj ul li{width: 285px;float: left;margin-right: 20px;}
|
||
|
|
.like_case_tj ul li:last-child{margin-right: 0;}
|
||
|
|
.like_case_tj ul li img{width: 285px;height: 196px;display: block;}
|
||
|
|
.like_case_tj ul li p{text-align: center;line-height: 60px;font-size: 18px;font-weight: bold;}
|
||
|
|
/*侧边栏固定*/
|
||
|
|
.side .designer.fixed{position: fixed;top: 0;background: #fff;z-index: 9999;}
|
||
|
|
.side .submit_hx.fixed{position: fixed;top: 0;background: #fff;z-index: 9999;}
|
||
|
|
/*专业团队*/
|
||
|
|
.zy_team{width: 100%;height: auto;overflow: hidden;}
|
||
|
|
.zy_team .t ul li{float: left;width: 385px;height: 130px;line-height: 130px;background: #099a10;font-size: 30px;color: #fff;text-align: center;margin-right: 22px;margin-bottom: 30px;box-shadow: 0px 3px 3px rgba(0,0,0,.3);}
|
||
|
|
.zy_team .t ul li:last-child{margin-right: 0;}
|
||
|
|
.zy_team .t ul>li+li+li{margin-right: 0;}
|
||
|
|
.zy_team .t ul li font{font-size: 48px;}
|
||
|
|
.zy_team .b ul li{float: left;width: 220px;height: 100px;margin-right: 25px;border: 1px solid #e6e6e6;background: #fff;margin-bottom: 100px;}
|
||
|
|
.zy_team .b ul li:last-child{margin-right: 0;}
|
||
|
|
.zy_team .b ul>li+li+li+li{margin-right: 0;}
|
||
|
|
/*免费申请户型*/
|
||
|
|
.submit_hx{padding: 30px 25px 25px 25px;border: 1px solid #e6e6e6;width: 320px;}
|
||
|
|
.submit_hx p{text-align: center;font-size: 18px;}
|
||
|
|
.submit_hx p.t{color: #000;margin-bottom:10px;}
|
||
|
|
.submit_hx p.sub_t{color: #999;margin-bottom: 15px;}
|
||
|
|
.submit_hx form input{display: block;margin-bottom: 20px;height: 42px;width: 100%;text-indent: 35px;border: 1px solid #e6e6e6;}
|
||
|
|
.submit_hx form input[type=submit]{text-indent: 0;font-size: 18px;height: 54px;background: #099a10;color: #fff;margin-bottom: 0;}
|
||
|
|
.submit_hx form input:nth-child(1){background: url(../images/name.svg) left 10px center no-repeat;}
|
||
|
|
.submit_hx form input:nth-child(2){background: url(../images/phone.svg) left 10px center no-repeat;}
|
||
|
|
.submit_hx form input:nth-child(3){background: url(../images/house.svg) left 10px center no-repeat;}
|
||
|
|
.hot_case{padding: 30px 25px 25px 25px;border: 1px solid #e6e6e6;width: 320px;margin-top: 25px;}
|
||
|
|
.hot_case p.t{color: #000;margin-bottom:15px;text-align: left;font-size: 18px;}
|
||
|
|
.hot_case ul{padding-left: 20px;}
|
||
|
|
.hot_case ul li{line-height: 30px;list-style-type:circle;font-size: 16px;}
|
||
|
|
/*分页*/
|
||
|
|
#page{padding-bottom: 60px;padding-top: 30px;width: 100%;height: auto;overflow: hidden;text-align: center;}
|
||
|
|
#page a{display: inline-block;margin: 0 10px;width: 35px;height: 35px;border: 1px solid #a4a4a4;border-radius: 50%;line-height: 34px;text-align: center;}
|
||
|
|
#page a:hover{border: 1px solid #099a10;color: #099a10;}
|
||
|
|
#page a.active{border: 1px solid #099a10;color: #099a10;}
|
||
|
|
/*右侧浮动客服*/
|
||
|
|
.kefu{position: fixed;right: 0;top: 350px;width: 97px;}
|
||
|
|
.kefu ul li{float: left;width: 97px;height: 97px;border-bottom: 1px solid #fff;text-align: center;background-color:#1b434e ;background-position: center top 20px;background-repeat: no-repeat;color: #fff;font-size: 18px;cursor: pointer;position: relative;}
|
||
|
|
.kefu ul li span{display: block;position: absolute;width: 25px;height: 25px;border-radius: 50%;border: 2px solid #fff;line-height: 22px;text-align: center;color: #fff;background: #ee0000;top: 2px;right: 2px;font-size: 14px;}
|
||
|
|
.kefu ul li:last-child{border: none;}
|
||
|
|
.kefu ul li.active{background-color: #099a10;}
|
||
|
|
.kefu ul li:hover{background-color: #099a10;}
|
||
|
|
.kefu ul li p{margin-top: 60px;}
|
||
|
|
.kefu ul li:nth-child(1){background-image: url(../images/kefu_zixun.png);}
|
||
|
|
.kefu ul>li{background-image: url(../images/kefu_zixun.png);background-position-x: center;background-position-y: 20px;}
|
||
|
|
.kefu ul li:nth-child(2){background-image: url(../images/kefu_tel.png);}
|
||
|
|
.kefu ul>li+li{background-image: url(../images/kefu_tel.png);background-position-x: center;background-position-y: 20px;}
|
||
|
|
.kefu ul li:nth-child(3){background-image: url(../images/kefu_huodong.png);}
|
||
|
|
.kefu ul>li+li+li{background-image: url(../images/kefu_huodong.png);background-position-x: center;background-position-y: 20px;}
|
||
|
|
.kefu ul li:nth-child(4){background-image: url(../images/kefu_baojia.png);}
|
||
|
|
.kefu ul>li+li+li+li{background-image: url(../images/kefu_baojia.png);background-position-x: center;background-position-y: 20px;}
|
||
|
|
.kefu ul li:nth-child(5){background-image: url(../images/kefu_fanhui.png);background-color: #616161;}
|
||
|
|
.kefu ul>li+li+li+li+li{background-image: url(../images/kefu_fanhui.png);background-position-x: center;background-position-y: 20px;}
|
||
|
|
|
||
|
|
/*百度分享*/
|
||
|
|
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {margin: 0px 6px 0px 0!important;}
|
||
|
|
.bdshare-button-style0-16:after{display: none!important;}
|
||
|
|
|
||
|
|
|
||
|
|
.button, button, input[type="submit"], input[type="button"], input[type="reset"] {
|
||
|
|
display: inline-block;
|
||
|
|
|
||
|
|
background:#FF9966;
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none;
|
||
|
|
-webkit-transition: all 0.2s ease-in-out;
|
||
|
|
-moz-transition: all 0.2s ease-in-out;
|
||
|
|
-ms-transition: all 0.2s ease-in-out;
|
||
|
|
-o-transition: all 0.2s ease-in-out;
|
||
|
|
transition: all 0.2s ease-in-out;
|
||
|
|
font-weight: 800;
|
||
|
|
height:30px;
|
||
|
|
width:80px;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.button:hover, .button:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
|
||
|
|
outline: none;
|
||
|
|
cursor: pointer;
|
||
|
|
background:#CC3366;
|
||
|
|
color: #fff
|
||
|
|
width:80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button1:hover {
|
||
|
|
background-color:#FFCC99;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fy{text-align:center;padding-top:20px}
|
||
|
|
.fy a{display:inline-block;padding:4px 10px;border:1px solid #f5e703;margin:0 2px;color:#d75e15;text-decoration:none}
|
||
|
|
.fy .ac{background:#3c9fee;border-color:#83c414;color:#fff}
|
||
|
|
.fy a:hover{background:#FFCC99;border-color:#83c414;color:#fff}
|
||
|
|
|
||
|
|
.newsline TD {
|
||
|
|
LINE-HEIGHT: 25px; BORDER-BOTTOM: #c9c9c9 1px dashed
|
||
|
|
}
|
||
|
|
.newsline TD A:link {
|
||
|
|
COLOR: #000
|
||
|
|
}
|
||
|
|
.newsline TD A:visited {
|
||
|
|
COLOR: #000
|
||
|
|
}
|
||
|
|
.newsline TD A:hover {
|
||
|
|
COLOR: #000
|
||
|
|
}
|
||
|
|
.newsline TD A:active {
|
||
|
|
COLOR: #000
|
||
|
|
}
|