﻿@charset "UTF-8";
/* 重设样式 */
*{margin:0;padding:0;list-style:none;border:none;outline:none;}
body{ font:12px/1.5 "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;font-variant:normal;color:#000000;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
input, select, textarea {font-size: 100%;}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {border-collapse: collapse;border-spacing: 0;}
/* 去除默认边框 */
fieldset, img {border: 0;}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {border: 0;font-variant: normal;}
/* 一致的 del 样式 */
del {text-decoration: line-through;}
address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}
/* 去掉列表前的标识, li 会继承 */
ol, ul {list-style: none;}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {text-align: left;}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {text-decoration:none;}
/* 默认不显示下划线，保持页面简洁 */
ins, a {text-decoration: none;color:#000000;
    -moz-transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    transition:all .3s ease-in;}
div {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.banner_1{background: url("../images/1_01.jpg")center no-repeat;width: 100%;height: 911px;}
.banner_1 .banner_center{width: 1200px;margin: 0 auto;height: 911px;position: relative;}

.title_cai{font-size: 50px;text-align: center;font-weight: bold;margin: 50px 0;}
.title_cai i{color: #f9cc00;font-weight: bold;}

.banner_2{background: url("../images/1_03.jpg")center no-repeat;width: 100%;height: 224px;}
.banner_2 .banner_center{width: 1200px;margin: 0 auto;height: 224px;position: relative;}

.banner_3{background: url("../images/1_04.jpg")center no-repeat;width: 100%;height: 133px;}
.banner_3 .banner_center{width: 1200px;margin: 0 auto;height: 133px;position: relative;}

.banner_4{background: url("../images/1_05.jpg")center no-repeat;width: 100%;height: 145px;}
.banner_4 .banner_center{width: 1200px;margin: 0 auto;height: 145px;position: relative;}
.banner_4 a{display: block;width: 300px;height: 45px;position: absolute;right: 0;left: 0;top: 50px;margin: 0 auto;}

.banner_5{background: url("../images/1_06.jpg")center no-repeat;width: 100%;height: 239px;}
.banner_5 .banner_center{width: 1200px;margin: 0 auto;height: 239px;position: relative;}
.banner_5 h1{font-size: 50px;text-align: center;font-weight: bold;padding-top: 50px;padding-left: 116px;}

.banner_6{background: url("../images/1_07.jpg")center no-repeat;width: 100%;height: 613px;}
.banner_6 .banner_center{width: 1200px;margin: 0 auto;height: 613px;position: relative;}
.banner_6 .fu_name_left{float:left;width: 47%;margin-left: 60px;padding-top: 37px;}
.banner_6 .fu_name_left .form{}
.banner_6 .fu_name_left .home-design-form{padding: 25px 10px 100px;}
.banner_6 .fu_name_left h1{font-size: 24px;text-align: center;}
.banner_6 .fu_name_left h1 i{font-size: 35px;color: #f0c002;}
.banner_6 .fu_name_left .home-design-form .form-list-box{height:55px;margin-bottom: 15px;border-radius:10px;position: relative;}
.banner_6 .form-list-box .form-loction,.banner_6 .form-list-box .form-phone,.banner_6 .fu_name_left .form-list-box .form-area{width:58%;float:left;position:relative;height:55px;border-radius:5px;background: #ffffff;}
.banner_6 .fu_name_left .form-list-box .form-area{float:right}
.banner_6 .form-list-box .form-yusuan-provinces,.banner_6 .fu_name_left .form-list-box .form-area{position:relative}
.banner_6 .form-list-box input[type=text],.banner_6 .fu_name_left .form-list-box input[type=tel]{display:block;text-align:left;width:94%;border:none;outline:0;font-size:16px;line-height:55px;background: #ffffff;}
.banner_6 .fu_name_left .yusuan-areas-input,.yusuan-provinces-input{-webkit-appearance:none;outline:0;padding-left:15px;display:inline-block}
.banner_6 .fu_name_left .form-list-box input::-webkit-input-placeholder{font-size:16px;color:#7b7b7b}
.banner_6 .fu_name_left .form-area span{position:absolute;top:14px;z-index:2;right:5px;font-size:18px;color:#7b7b7b}
.banner_6 .fu_name_left .form-yusuan-provinces::after{content:"";display:block;position:absolute;border-top:9px solid #7b7b7b;border-left:9px solid transparent;border-right:9px solid transparent;top:23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.banner_6 .fu_name_left .form-list-box .yusuan-provinces-input{display:block;text-align:left;width:100%;color:#7b7b7b;border:none;outline:0;font-size:16px;line-height:55px;background: #ffffff;}
.banner_6 .fu_name_left .download-arrow2::after{content:"";display:block;position:absolute;border-top:9px solid #7b7b7b;border-left:9px solid transparent;border-right:9px solid transparent;top:23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.banner_6 .fu_name_left .overlay-bd{position:relative;width:100%}
.banner_6 .fu_name_left .hyc_bot{position:relative;cursor:pointer;height:55px;border-radius:5px;margin-top:15px;background-color: #000000;}
.banner_6 .form-list-box .form-phone{width:98.5%;padding-left:10px}
.banner_6 .fu_name_left .hyc_bot p{width:100%;height:100%;font-size:22px;line-height:55px;color: #fff;text-align:center;}
.banner_6 .fu_name_left .homepage-ico{width:28px;height:55px;position:absolute;right:155px;top:12px;background-size:contain;background:url(../images/ico.png) no-repeat}
.banner_6 .home-design-finger{animation:figerscale .5s linear infinite alternate;-webkit-animation:figerscale .5s linear infinite alternate}
.banner_6 .fu_name_left .md-list{width: 100%;height:355px;margin:0;background: #ffff;}
.banner_6 .fu_name_left .picMarquee-hu{width:100%;height: 35px;position:relative;overflow: hidden;}
.banner_6 .fu_name_left .picMarquee-hu .bd{width:100%;height: 35px;overflow:hidden;position:relative;border-top:0;}
.banner_6 .fu_name_left .picMarquee-hu .bd ul{overflow:hidden;zoom:1}
.banner_6 .fu_name_left .picMarquee-hu .bd ul li{height:35px;line-height:35px;zoom:1;cursor:pointer;font-size: 20px;border:0;float: left;width: 100%;}
.banner_6 .fu_name_left .pic-a{width: 100px;float:left;height:35px;overflow:hidden;text-align:center;}
.banner_6 .fu_name_left .pic-b{width: 110px;float:left;height:35px;overflow:hidden;text-align:center;}
.banner_6 .fu_name_left .pic-c{width: 354px;float:left;height:35px;overflow:hidden;text-align:center;}
.banner_6 .fu_name_left .picMarquee-hu .hd{width:100%;height:60px;line-height:50px;color:#888;text-align:center;font-size: 24px;border-bottom:1px dashed #bfbfbf;}
.banner_6 .fu_name_left .picMarquee-hu .hd i{height:36px;overflow:hidden;text-align:center;font-size:36px;font-weight:700;color: #fdc979;margin: 0 16px;}


.banner_7{background: url("../images/1_08.jpg")center no-repeat;width: 100%;height: 239px;}
.banner_7 .banner_center{width: 1200px;margin: 0 auto;height: 239px;position: relative;}

.banner_8{background: url("../images/1_09.jpg")center no-repeat;width: 100%;height: 288px;}
.banner_8 .banner_center{width: 1200px;margin: 0 auto;height: 288px;position: relative;}

.banner_9{background: url("../images/1_10.jpg")center no-repeat;width: 100%;height: 626px;}
.banner_9 .banner_center{width: 1300px;margin: 0 auto;height: 626px;position: relative;}
.banner_9 .xi-jie{overflow: hidden;width: 1212px;margin: 0 auto;height: 626px;}
.banner_9 .xi-jie .hd{overflow: hidden; width: 100%;}
.banner_9 .xi-jie .hd ul li{width: 383px;height: 301px;float: left;margin: 0 5px 20px 15px;position: relative;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;}
.banner_9 .xi-jie .hd ul li a{-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;width: 383px;height: 301px;display: block;}
.banner_9 .xi-jie .hd ul li a .hd-ts{width: 383px;height: 301px;background: #facc00;color: #ffffff;position: absolute;top: 0;left: 0;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;border-radius: 10px;}
.banner_9 .xi-jie .hd ul li a .hd-ts .hd-ts-s{font-size: 90px;text-align: center;display: block;padding-top: 25px;}
.banner_9 .xi-jie .hd ul li a .hd-ts .hd-ts-b{font-size: 50px;text-align: center;display: block;}
.banner_9 .xi-jie .hd ul li a .hd-ta{width: 383px;height: 301px;opacity: 0;position: absolute;top: 0;left: 0;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;border-radius: 10px;}
.banner_9 .xi-jie .hd ul li a .hd-ta img{display: block;width: 383px;height: 301px;}
.banner_9 .xi-jie .hd ul li.on a .hd-ta,.xi-jie .hd ul li:hover a.hd-ta{opacity: 1;}
.banner_9 .xi-jie .hd ul li.outline{width: 383px;height: 626px;}
.banner_9 .xi-jie .hd ul li.outline a{width: 383px;height: 626px;}
.banner_9 .xi-jie .hd ul li.outline .hd-ts{width: 383px;height: 626px;}
.banner_9 .xi-jie .hd ul li.outline .hd-ts .hd-ts-s{font-size: 90px;text-align: center;display: block;padding-top: 190px;}
.banner_9 .xi-jie .hd ul li.outline .hd-ts .hd-ts-b{font-size: 50px;text-align: center;display: block;}
.banner_9 .xi-jie .hd ul li.outline .hd-ta{width: 383px;height: 626px;}
.banner_9 .xi-jie .hd ul li.outline .hd-ta img{width: 383px;height: 626px;}

.banner_11{background: url("../images/1_12.jpg")center no-repeat;width: 100%;height: 149px;}
.banner_11 .banner_center{width: 1200px;margin: 0 auto;height: 149px;position: relative;}
.banner_11 a{display: block;width: 300px;height: 45px;position: absolute;right: 0;left: 0;top: 55px;margin: 0 auto;}


.banner_12{background: url("../images/1_13.jpg")center no-repeat;width: 100%;height: 234px;}
.banner_12 .banner_center{width: 1200px;margin: 0 auto;height: 234px;position: relative;}

.ru_he{width: 1200px;margin: 0 auto 30px;font-size: 32px;color: #333;font-weight: bold;}

.banner_13{background: url("../images/1_15.jpg")center no-repeat;width: 100%;height: 417px;}
.banner_13 .banner_center{width: 1200px;margin: 0 auto;height: 417px;position: relative;}

.banner_14{background: url("../images/1_16.jpg")center no-repeat;width: 100%;height: 129px;}
.banner_14 .banner_center{width: 1200px;margin: 0 auto;height: 129px;position: relative;}
.banner_14 a{display: block;width: 300px;height: 45px;position: absolute;right: 0;left: 0;top: 15px;margin: 0 auto;}


.banner_15{background: url("../images/1_17.jpg")center no-repeat;width: 100%;height: 281px;}
.banner_15 .banner_center{width: 1200px;margin: 0 auto;height: 281px;position: relative;}
.banner_15 .banner_center .four{width: 94% !important;overflow:hidden;float:right;margin-top: 150px !important;}
.banner_15 .banner_center .four .times{height: 65px;margin: 0 20px 0 16px;float:left;width: 37% !important;}
.banner_15 .banner_center .four .times input{line-height: 92px;padding:0 0 0 10px;font-size: 20px;width:100%;border:0;border-radius:5px;background: rgba(255, 255, 255, 0);}
.banner_15 .banner_center .four .net_bot{text-align:center;font-size: 22px;cursor:pointer;float:right;width: 257px;height: 65px;line-height: 65px;border-radius:5px;background: rgba(251, 204, 0, 0);    margin-top: -52px;color: #fff;}
.banner_15  .banner_center .four div:nth-child(2){
    display:block;
}

.banner_15  .banner_center .four div:nth-child(3){
    display:block;
}
.banner_15  .banner_center .four #bot_bo3_1{
   background:transparent !important;
}

.banner_16{background: url("../images/1_18.jpg")center no-repeat;width: 100%;height: 215px;}
.banner_16 .banner_center{width: 1200px;margin: 0 auto;height: 215px;position: relative;}

.banner_17{background: url("../images/1_19.jpg")center no-repeat;width: 100%;height: 137px;}
.banner_17 .banner_center{width: 1200px;margin: 0 auto;height: 137px;position: relative;}

.title_wu{font-size: 54px;text-align: center;background: #eee;padding: 45px 0;font-weight: bold;}

.banner_18{background: url("../images/1_20.jpg")center no-repeat;width: 100%;height: 464px;}
.banner_18 .banner_center{width: 1200px;margin: 0 auto;height: 464px;position: relative;}

.banner_19{background: url("../images/1_22.jpg")center no-repeat;width: 100%;height: 649px;}
.banner_19 .banner_center{width: 1200px;margin: 0 auto;height: 649px;position: relative;}

.banner_20{background: url("../images/1_23.jpg")center no-repeat;width: 100%;height: 272px;}
.banner_20 .banner_center{width: 1200px;margin: 0 auto;height: 272px;position: relative;}
.banner_20 .four{width: 94%;overflow:hidden;float:right;margin-top: 30px;}
.banner_20 .four h1{font-size: 70px;font-weight: bold;}
.banner_20 .four .times{height: 65px;margin: 25px 40px 0 0;float:left;width: 34%;}
.banner_20 .four .times input{line-height: 65px;padding:0 0 0 10px;font-size: 20px;width:100%;border:0;border-radius:5px;background: rgb(255, 255, 255);}
.banner_20 .four .zero_bot{animation:figerscale .5s linear infinite alternate;-webkit-animation: figerscale .6s linear infinite alternate;background:url("../images/qian.png") center no-repeat;cursor:pointer;float: right;width: 190px;height: 175px;line-height: 65px;border-radius:5px;color: #fff;margin-top: -55px;}
.banner_20 .four .zero_bot_a{animation:figerscale .5s linear infinite alternate;-webkit-animation: figerscale .6s linear infinite alternate;background:url("../images/qian.png") center no-repeat;cursor:pointer;float: right;width: 190px;height: 175px;line-height: 65px;border-radius:5px;color: #fff;margin-top: -55px;}
.banner_20 .four .zero_bot_b{animation:figerscale .5s linear infinite alternate;-webkit-animation: figerscale .6s linear infinite alternate;background:url("../images/qian.png") center no-repeat !important;cursor:pointer;float: right;width: 190px;height: 175px;line-height: 65px;border-radius:5px;color: #fff;margin-top: -55px;}
.banner_20 .four .zero_bot_c{animation:figerscale .5s linear infinite alternate;-webkit-animation: figerscale .6s linear infinite alternate;background:url("../images/qian.png") center no-repeat;cursor:pointer;float: right;width: 190px;height: 175px;line-height: 65px;border-radius:5px;color: #fff;margin-top: -55px;}

.banner_21{background: url("../images/1_24.jpg")center no-repeat;width: 100%;height: 247px;}
.banner_21 .banner_center{width: 1200px;margin: 0 auto;height: 247px;position: relative;}

.banner_22{background: url("../images/1_25.jpg")center no-repeat;width: 100%;height: 773px;}
.banner_22 .banner_center{width: 1200px;margin: 0 auto;height: 773px;position: relative;}
.banner_22 .gon_bao{width: 1202px;margin: 0 auto;position: relative;}
.banner_22 .gon_bao .bd{width: 1202px;height: 525px;}
.banner_22 .gon_bao .bd li{width: 1202px;height: 525px;float: left;}
.banner_22 .gon_bao .bd li img{width: 1202px;height: 525px;display: block;}
.banner_22 .gon_bao .hd{width: 100%;text-align: center;}
.banner_22 .gon_bao .hd li{width: 133px;height: 47px;position: relative;border: 1px solid #333;display: inline-block;cursor: pointer;border-radius: 5px;margin: 40px 20px;color: #333;font-size: 16px;line-height: 47px;}
.banner_22 .gon_bao .hd li.on{border: 1px solid #f9cc00;background: #f9cc00;color: #333;-moz-box-shadow: -3px 5px 8px #969696;-webkit-box-shadow:-3px 5px 8px #969696;box-shadow: -3px 5px 8px #969696;}
.banner_22 .gon_bao .hd li i{background: #d6d6d4;width: 56px;height: 11px;display: block;position: absolute;top: 655px;border-radius: 5px;}
.banner_22 .gon_bao .hd li.on i{background: #f9cc00;}

.banner_24{background: url("../images/1_27.jpg")center no-repeat;width: 100%;height: 239px;}
.banner_24 .banner_center{width: 1200px;margin: 0 auto;height: 239px;position: relative;}

.banner_25{background: url("../images/1_28.jpg")center no-repeat;width: 100%;height: 345px;}
.banner_25 .banner_center{width: 1200px;margin: 0 auto;height: 345px;position: relative;}

.banner_26{background: url("../images/1_29.jpg")center no-repeat;width: 100%;height: 325px;}
.banner_26 .banner_center{width: 1200px;margin: 0 auto;height: 325px;position: relative;}

.banner_27{background: url("../images/1_30.jpg")center no-repeat;width: 100%;height: 755px;}
.banner_27 .banner_center{width: 1202px;margin: 0 auto;height: 755px;position: relative;}
.banner_27 .hua_bao{width: 1202px;margin: 0 auto;position: relative;}
.banner_27 .hua_bao .bd{width: 1202px;height: 490px;margin-top: 25px;}
.banner_27 .hua_bao .bd li{width: 1202px;height: 490px;float: left;}
.banner_27 .hua_bao .bd li img{width: 1202px;height: 490px;display: block;}
.banner_27 .hua_bao .hd{width: 100%;text-align: center;padding-top: 45px;}
.banner_27 .hua_bao .hd li{width: 133px;height: 47px;border: 1px solid #ffffff;display: inline-block;cursor: pointer;border-radius: 5px;margin: 40px 20px;color: #fff;font-size: 16px;line-height: 47px;}
.banner_27 .hua_bao .hd li.on{border: 1px solid #f9cc00;background: #f9cc00;color: #333;}
.banner_27 .hua_bao a{width: 64px;height: 117px;position: absolute;top: 50%;}
.banner_27 .hua_bao a.prev{background: url("../images/left.png") center no-repeat;left: -90px;}
.banner_27 .hua_bao a.next{background: url("../images/right.png") center no-repeat;right: -90px;}

.banner_28{background: url("../images/1_31.jpg")center no-repeat;width: 100%;height: 235px;}
.banner_28 .banner_center{width: 1200px;margin: 0 auto;height: 235px;position: relative;}

.banner_30{background: url("../images/1_33.jpg")center no-repeat;width: 100%;height: 246px;}
.banner_30 .banner_center{width: 1200px;margin: 0 auto;height: 246px;position: relative;}

.p_ste{font-size: 16px;text-align: center;    padding: 50px 0;}

.slideBox{width: 1220px;margin: 0 auto;position: relative;overflow: hidden;}
.slideBox .bd{width: 1220px;height: 478px;}
.slideBox .bd li{width: 1220px;height: 478px;float: left;}
.slideBox .bd li img{width: 1220px;height: 478px;display: block;}
.slideBox .hd{width: 100%;text-align: center;}
.slideBox .hd li{width: 20px;height: 20px;border: 1px solid #333333;display: inline-block;cursor: pointer;border-radius: 50%;margin: 40px 20px;}
.slideBox .hd li.on{border: 1px solid #f9cc00;background: #f9cc00;}

@keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}
    100%{transform:scale(1.2);-webkit-transform:scale(1.2)}
}
@-webkit-keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}
    100%{transform:scale(1.2);-webkit-transform:scale(1.2)}
}
