@charset "utf-8";
/* 公共部分 */
.div_in { width: 1350px; margin: 0 auto; }
body { color: #3d3a3a; }
/* 顶部 */
.header { width: 100%; height: 105px; background-color: #f0f0f0; border-bottom: 1px solid #e0e0e0;   }
.head_logo { float: left; padding-top: 19px; }
.head_logo .logodiv img { width: 239px; height: 66px; }
.head_icon { float: left; padding: 30px 0 0 90px; }
.head_icon img { display: inline-block; padding: 0 22px; }
.head_tel { float: right; padding-top: 22px; }
.tel_img { display: block; float: left; padding: 6px 15px 0 0;}
.tel_num { display: block; float: left; font-size: 16px; }
.tel_num a { font-size: 28px; color: #ff9600; font-weight: bolder; }
.nav { width: 100%; height: 80px; font-size: 20px; }
#box li { width: 168px; height:80px; line-height: 80px; float: left;  text-align: center; }
#box .li_tt { background: url(../img/index_b.png) no-repeat right 25px; }
#box .li_tt:last-child { background: none; }
#box .li_tt p { line-height: 1px; font-size: 12px; margin-top: -10px;  }
#box li a{ display: block; width: 100px; margin: 0 auto; height: 80px; line-height: 65px; }
#box .li_tt a:hover p { color: #fff; }
#box .li_tt a:hover{background-color: #ff9600; color: #fff;}
#box ul li ul li {width: 100px; margin: 0 auto; background-color: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee ;  }
#box ul li ul li:last-child { border-radius: 0 0 10px 10px; }
#box ul li ul { width: 100px; margin: 0 auto; }
#box ul li ul{display: none; position: relative; z-index: 11;  }
#box ul li ul li a { border-radius:10px; width: 90%; height: 38px; line-height: 38px; margin-top: 6px; font-size: 16px;}
/* banner */
/* new banner  */
.fullSlide { position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; height: 480px; vertical-align:top;}
.fullSlide .hd{position:absolute; z-index:1; width: 100%; height: 10px; bottom: 35px;}
.fullSlide .hd ul{ text-align:center; width:200px; position: absolute; left: 80%; margin-left: -110px; height: 22px;}
.fullSlide .hd ul li{ cursor:pointer; float:left; display:inline; zoom:1; width: 18px;height:18px; border-radius: 50%; margin: 0px 5px;  background: #fff; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ width:18px; height:18px; background: #e60012;}
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; position:relative; margin:-277px 0 0 4%; float:left;   }
.fullSlide .next{  background-position:right 0; float:right; margin-right:6%  }
.fullSlide .prev { background: url(../img/ban_l.png) no-repeat; width: 14px; height: 50px; }
.fullSlide .next { background: url(../img/ban_r.png) no-repeat; width: 14px; height: 50px; }
/* 五组 */
.five { width: 1260px; height: 130px; margin: 0 auto; padding: 40px 0; }
.five_a { width: 209px; height: 112px; border: 1px dashed #cfcfcf; padding: 16px 0 0 25px; float: left; margin-left: 16px; }
.five_a h4 { font-size: 30px; font-family: "宋体-简";  }
.five_a p { color: #737171; }
.free { width: 100%; background: #f4f4f4; height: 630px; }
.free_left { width: 447px; height: 628px; margin: 0 auto; background: url(../img/index_c.jpg); float: left; }
.fr_logo { width: 158px; height: 37px; margin: 80px auto 0; }
.free_pp { font-size: 28px; font-weight: bolder; color: #373636; text-shadow: 1px 1px 2px #666; text-align: center; padding-top: 30px; }
.fin_aa { width: 308px; height: 55px; margin-bottom: 20px; border-radius: 12px; box-shadow: 1px 1px 2px #999; padding-left: 15px; font-size: 14px; }
.free_inp { width: 323px; margin: 40px auto 0; }
.fre_gdy { position: relative;  width: 323px; height: 55px; display: block; }
.free_pm { position: absolute; right: 10px; bottom: 19px; color: #999; }
.free_mut { width: 323px; height: 55px; margin-top: 30px; background: #ff9600; border: none; color: #fff;  border-radius: 12px; font-size: 23px; box-shadow: 1px 1px 2px #999; cursor: pointer;}
.free_right { width: 900px; float: left; }
.free_ra { width: 450px; height: 315px; float: left; }
.free_ra img { float: left; }
.frr_tit { float: left; padding: 60px 0 0 30px; width: 193px; }
.frr_tit span { font-size: 26px; font-family: "宋体-简"; border-bottom: 1px solid #999; display: inline-block; height: 50px; line-height: 50px;  }
.frr_tit p { font-size: 18px; line-height: 60px; }
.case_tit { text-align: center; font-size: 20px; padding: 70px 0 50px 0; }
.case_tit h2 { font-size: 40px; color: #000000; padding-bottom: 15px;}
.case_all { width: 100%; height: 978px; background: #f4f4f4; }
.case_top { margin-bottom: 20px;overflow: hidden; }
.case_l_img { float: left; }
.case_r_con { float: left; position: relative; margin: 0 10px; }
.caca_dtit { position: absolute; left: 0; bottom: 30px; background:  rgba(255,255,255,0.6); width: 594px; height: 66px; line-height: 56px; font-size: 18px; padding-top: 10px; }
.ca_sp { width: 142px; height: 58px; background: #ff9600; display: inline-block; color: #fff; border-radius: 0 50px 50px 0; margin-right: 30px; }
.num_bb { font-size: 24px; display: inline-block; padding: 0 5px 0 20px; }
.case_rin { float: left; }
.cas_lito { position: relative; }
.case_litit { position: absolute; left: 0; bottom: 0;background:  rgba(255,255,255,0.6); width: 318px; height: 47px; line-height: 40px; }
.ca_li { width: 120px; height: 39px;  margin: 4px 20px 0 0; font-size: 16px; }
.cas_lito:nth-child(1) { margin-bottom: 7px; }
.bule { background: #1f3878; }
.ca_li .num_bb { font-size: 20px; }
.money { width: 100%; height: 254px; background: url(../img/index_q.jpg) no-repeat; margin-top: 30px; }
.mon_in { width: 1268px; margin: 0 auto; }
.mon_in h3 { text-align: center; color: #000000; font-size: 30px; line-height: 70px; padding-top: 20px; }
.mon_inp { box-shadow: 1px 1px 1px #d5d4d4; width: 297px; height: 55px; float: left; margin-right: 11px; }
.mon_inp:last-child { margin-right: 0; }
.mon_jt { background: #fff url(../img/index_qa.png) no-repeat 272px 16px; }
.mon_num { width: 323px; height: 55px; background: #ff9600; border-radius: 10px; border: none; color: #fff; font-size: 26px; margin: 0 auto; display: block; }
.team_img { width: 100%; height: 1008px; background: url(../img/index_r.jpg); background-size: 100% 100%; }
.team_lbj { width: 199px; height: 571px; background: #b89988; }
.team_in { position: relative; padding-top: 45px;  }
.team_rcon { position: absolute; left: 67px; top: 58px; }
.team_zm { width: 230px; height: 67px; background: url(../img/index_s.png) no-repeat; background-size: 100%; }
.team_man { width: 486px; height: 491px; float: left; background: url(../img/index_t.jpg) no-repeat; background-size: 100%; }
.team_man_tit { width: 460px; padding: 281px 0 0 20px; color: #fff;  }
.team_man_tit p {  width: 450px; height: 26px; line-height: 26px;text-shadow: 1px 1px 2px #666;font-family: "宋体-简";  overflow: hidden; white-space: normal; text-overflow: ellipsis; }
.team_man_tit h3 { font-size: 26px; padding-bottom: 10px; }
.team_man_tit h3 span { font-size: 14px; text-shadow: 1px 1px 2px #666;font-family: "宋体-简";}
.team_yy { width: 146px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center; background: #c7171d; border-radius: 50px; display: block; border: none; margin-top: 12px; } 
.team_work { float: left;  position: relative;}
.team_work img { width: 797px; height: 490px; }
.team_work_tit { position: absolute; left: 0; bottom: 0; font-size: 18px; line-height: 64px; color: #fff;  text-align: center;}
.team_work_tit .team_zp { width: 132px; height: 64px;  background: #272727; display: inline-block;}
.team_lp { width: 665px; height: 64px; background: rgba(0,0,0,0.5); display: inline-block; }
/* 设计团队js css */
.large_box{ width:100%;height:571px;overflow:hidden;}
.small_box { width: 1350px; height: 214px; padding-top: 30px; overflow: hidden; } 
.small_list { width: 100%; height: 100%; position: relative; font-size: 0;overflow:hidden;}
.small_box .left_btn { position: absolute; width: 20px; height: 200px;cursor: pointer; z-index: 2;}   
.small_box .left_btn::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 2px 0 0 2px; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 13px; top: 50%;}
.small_box .right_btn { position: absolute; width: 20px; height: 200px; right: 0px; cursor: pointer; z-index: 2; }
.small_box .right_btn::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; right: -1px; top: -107px;}
.small_list ul { list-style: none; white-space: nowrap; overflow: hidden; height: 214px; display: inline-block;}
.small_list ul li { width: 190px; margin: 0 42px 0 0; display: inline-block; position: relative; float: left;}
.small_list ul li .bun_bg { width: 190px; height: 214px; background: rgba(0,0,0,0.6); display: block; position: absolute; left: 0; top: 0; color: #fff; display: none; }
.small_list ul li img { width: 190px; height: 214px; }
.team_name { width: 95px; height: 150px; color: #fff; float: left; font-size: 16px; text-align: center; line-height: 30px;   }
.team_name h4 { font-size: 18px; padding-top: 60px; }
.team_name p { font-family: "宋体-简"; }
.small_list ul li.on .bun_bg{ display: block;  }

.tm_l,.tm_r { width: 45px; height: 201px; background: url(../img/index_wl.png) no-repeat 21px 32px; display: inline-block; float: left;}
.tm_r { background: url(../img/index_wr.png) no-repeat 14px 32px; float: right; }
.team_but a { width: 414px; height: 54px; display: inline-block; border: 1px solid #fff; margin: 50px 128px 0; color: #fff; text-align: center; line-height: 54px; font-size: 20px; letter-spacing: 4px; }
.team_but a:hover { background: #ff9600; border: 1px solid #ff9600; }
.hot { width: 100%; height: 980px; background: #f4f4f4; }
.hot_top { overflow: hidden; }

.hot_left { float: left; }
.case_lb { width: 802px; }
.fullSlide1 { position:relative; background:#000; margin:0 auto; }
.fullSlide1 .bd{ position:relative; z-index:0; }
.fullSlide1 .bd li img{width:100%; height: 430px; vertical-align:top;}
.fullSlide1 .bd li { position: relative; }
.clon_in { position: absolute; color: #fff; line-height: 50px; font-size: 18px;  left: 0; bottom: 0; background: rgba(0,0,0,0.6); width: 97.5%; height: 50px; padding-left: 20px; }
.red { color: #ff9600; }
.fullSlide1 .hd{position:absolute; z-index:1; width: 100%; height: 10px; bottom: 24px;}
.fullSlide1 .hd ul{ text-align:center; width:200px; position: absolute; left: 98%; margin-left: -110px; height: 22px;}
.fullSlide1 .hd ul li{ cursor:pointer; float:left; display:inline; zoom:1; width: 18px;height:18px; margin: 0px 5px;  background: #fff; overflow:hidden; font-size:0;}
.fullSlide1 .hd ul .on{ width:18px; height:18px; background: #e60012;}

.hot_list { width: 802px; height: 260px; padding-top: 25px; }
.hot_liin { float: left; margin-right: 18px;  }
.hot_liin img { width: 255px; height: 212px; }
.hot_liin:hover img { border: 3px solid #228bff; width: 249px; height: 206px;}
.hot_liin p { line-height: 42px; }
.hot_liin:last-child { margin: 0; }
.hot_right { width: 532px; height: 700px; float: right; background: url(../img/index_za.jpg) no-repeat; background-size: 100% 100%; }
.hot_right {  }
.hot_right h3 { font-size: 30px; font-weight: bolder; padding-top: 50px; text-align: center; }
.hot_right h4 { font-size: 28px; color: #d10202; text-align: center; }
.hot_ina { width: 449px; height: 61px; margin: 0 auto; border: 1px solid #333 ; border-radius: 15px; display: block; background: none; line-height: 61px; font-size: 16px; padding-left: 20px; margin-top: 20px; }
.hot_ina input { width: 375px; height: 40px; padding-left: 20px; background: none; }
.hot_most { width: 469px; height: 61px; background: #ff9600; border: none; border-radius: 15px; margin: 0 auto; font-size: 24px; color: #fff; display: block; margin-top: 20px; }

.scroll { width: 440px; height: 260px; line-height: 35px; font-size: 18px; overflow: hidden; margin: 30px auto 0;}

.brand { width: 100%; height: 850px; background: url(../img/index_zb.jpg) no-repeat; background-size: 100% 100%; }
.brand .case_tit { color: #fff; padding: 50px 0 90px 0; }
.brand .case_tit h2 { color: #fff; }
.brand_tit { color: #fff; }
.brand_tit h2 { color: #fff; }
.brand_logo { overflow: hidden; }
.bl_more { width: 760px; height: 540px; background: url(../img/index_zc.png) no-repeat; background-size: 100% 100%; float: left; }
.bl_tit {float: left; color: #fff; font-family: "宋体-简"; padding-left: 70px; letter-spacing: 2px; font-size: 20px; line-height: 50px;  }
.bl_tit_tt { padding-bottom: 151px; }
.mouth { width: 100%; height: auto; padding: 30px 0 40px 0; background: #f4f4f4; overflow: hidden; }
.mou_li { overflow: hidden; }
.mou_li li { float: left; padding:0 30px 20px 0; }
.mou_li li img { width: 246px; height: 145px; }
.mou_li li:nth-child(5),.mou_li li:nth-child(10) { padding-right: 0; }
.ml_list { width: 433px; height: 545px; background: #fff; float: left; }
.ml_list:nth-child(2) { margin: 0 25px; }
.ml_head { float: left; padding: 40px 0 0 25px ; }
.ml_com { float: right; width: 68%; font-size: 15px; padding-right: 25px; padding-top: 26px; color: #8b8686; position: relative;  }
.mlc_img { position: absolute; right: 30px; top: 20px; width: 73px; height: 72px; background: url(../img/index_zg.jpg) no-repeat; }
.ml_com p { padding-bottom: 4px; }
.ml_pj { text-align: justify; width: 100%; height: 173px; overflow: hidden; text-overflow: ellipsis;  white-space: normal;}
.ml_name { font-size: 18px; color: #333; }
.ml_sta { width: 18px; height: 18px; background: url(../img/index_zf.jpg) no-repeat; display: inline-block; margin-right: 5px; }
.ml_imgs { padding-top: 10px; }
.ml_imgs img { width: 139px; height: 92px; border-radius: 5px; float: left; display: block; margin-bottom: 13px; }
.ml_imgs img:nth-child(odd) { margin-right: 15px; }
.point { width: 100%; padding: 35px 0; background: #232424; } 
.point .poi_top img:nth-child(2) { margin: 0 25px; }
.point .poi_bot img { margin-right: 16px; margin-top: 20px; }
.point .poi_bot img:last-child { margin: 0; }
.bottom { width: 100%; height: 380px; padding-top: 100px; background: url(../img/index_zs.jpg) no-repeat; background-size: 100% 100%; }
.bottom_left { float: left; overflow: hidden; }
.botlogo img { border-bottom: 1px solid #fff; padding-bottom: 20px; }
.bot_rem { margin-top: 20px; overflow: hidden; }
.bot_rem img { float: left; }
.bot_rtit { color: #fff; line-height: 27px; font-size: 18px; overflow: hidden; }
.bot_rtit p { float: left; padding-right: 8px;  }
.bot_add { float: left; overflow: hidden; padding-left: 30px; }
.bot_add .bot_num { padding: 18px 0 58px 0; line-height: 38px; } 
.bottom_right { float: right;  }
.bottom_right dl { float: left; font-size: 16px; padding: 0 85px; line-height: 50px; }
.bottom_right dl:nth-child(1),.bottom_right dl:nth-child(2) {  border-right: 1px solid #fff; height: 240px; }
.bottom_right dl a { color: #fff;  }
.bottom_right dl dt { font-size: 18px; }
.last { width: 100%; height: 47px; background: #232424; color: #fff; text-align: center; line-height: 47px; }

/* 套餐 */
.pa_banner { position: relative; width: 100%; height: 450px; background: url(../img/pack_banner.jpg) no-repeat; background-size: 100% 100%; }
.pack_bj { position: absolute; left: 244px; top: 0; width: 332px; height: 380px; margin-top: 40px; background: rgba(255,255,255,0.8); }
.pack_logo { margin-top: 30px; }
.pack_pp { padding-top: 15px; }
.pab_aa { width: 240px; height: 40px; border-radius: 0; box-shadow: none; border: 1px solid #bbbbbb !important; background: none; font-size: 14px; padding-left: 10px; margin: 0 auto 10px; display: block;  }
.pab_aa::-webkit-input-placeholder { color: #a8a8a8; }
.pab_aa:-moz-placeholder { color: #a8a8a8; }
.pab_aa::-moz-placeholder { color: #a8a8a8; }
.pab_aa:-ms-input-placeholder { color: #a8a8a8; }
.ban_inp { padding-top: 17px; }
.ban_mut { width: 250px; height: 40px; background: #ff9600; border: none; margin: 26px auto 0; display: block; color: #fff; font-weight: bolder; font-size: 18px;  }
.pack_tit { padding-top: 30px; }
.project { width: 100%; height: 1050px; background: #f4f4f4; }
.pack_bra { background: url(../img/pack_bg.jpg) no-repeat; height: 970px;}
.pabr_zx { width: 327px; height: 55px; background: #fff; border-radius: 10px; display: block; margin: 50px auto; font-size: 24px; line-height: 55px; text-align: center;}
.pabr_zx .pack_man { width: 33px; height: 55px; background: url(../img/pack_a.png) no-repeat 20px 8px; display: inline-block; padding-left: 20px; vertical-align: bottom; }
       
.bigBox ul { height: 70px; display: flex; font-size: 24px; color: #fff; }
.bigBox ul li { width: 265px; height: 70px; background: #373636; text-align: center; line-height: 70px; transition:all .7s ease 0s; margin-right:10px; letter-spacing: 4px;}
.bigBox ul li:last-child { margin: 0; }
.box { width: 1350px; height: 650px; margin: 0 auto 40px; background: skyblue; overflow: hidden;}        
.box>div { width: 1350px; height: 650px; background: rgb(201, 193, 255); text-align: center; font-size: 30px; font-weight: 500;}
.box>div img { width: 1350px; height: 650px; }
.active { background: #ff9600 !important ; }
.seven { width: 100%; height: 702px; background: url(../img/pack_n.jpg) no-repeat; background-size: 100% 100%; padding-top: 65px; }

/*手提琴开始*/
.flash4{width:1150px;height:560px;margin:0 auto;position:relative;}
.flash4 ul li{width:90px;height:560px;border-right:1px solid #a7a5a5;position:relative;overflow:hidden;float:left;}
.flash4 ul li .imgTop img{opacity:0.4;}
.flash4 ul li .imgTop img.tm{opacity:1;}

.flash4 ul li .imgCen{width:600px;height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:20px;line-height:50px;position:absolute;left:0px;bottom:45px;text-indent:20px;display:none;}
.flash4 ul li .imgBot{width:90px;height:560px;position: absolute; left: 0; top: 0; }
.bot_aa { background: url(../img/pack_c.jpg) no-repeat; }
.bot_bb { background: url(../img/pack_d.jpg) no-repeat; }
.bot_cc { background: url(../img/pack_e.jpg) no-repeat; }
.bot_dd { background: url(../img/pack_f.jpg) no-repeat; }
.bot_ee { background: url(../img/pack_g.jpg) no-repeat; }
.bot_ff { background: url(../img/pack_h.jpg) no-repeat; }
.bot_gg { background: url(../img/pack_i.jpg) no-repeat; }
.flash4 ul li .imgBot p.bt_1{width:23px;line-height:22px;font-size:18px;color:#fff; margin: 200px auto 0;}

.flash4 ul li.first{width:600px;}
.flash4 ul li.fast{position:absolute;right:0px;bottom:0px;}
.ae_aa { width: 65px; height: 60px; background: url(../img/pack_c.png) no-repeat; display: block; margin: 20px auto 0; }
.ae_bb { width: 40px; height: 60px; background: url(../img/pack_d.png) no-repeat; display: block; margin: 20px auto 0; }
.ae_cc { width: 48px; height: 70px; background: url(../img/pack_e.png) no-repeat; display: block; margin: 20px auto 0; }
.ae_dd { width: 32px; height: 67px; background: url(../img/pack_f.png) no-repeat; display: block; margin: 20px auto 0; }
.ae_ee { width: 64px; height: 64px; background: url(../img/pack_g.png) no-repeat; display: block; margin: 20px auto 0; }
.ae_ff { width: 81px; height: 38px; background: url(../img/pack_h.png) no-repeat; display: block; margin: 20px auto 0; }
.ae_gg { width: 80px; height: 47px; background: url(../img/pack_i.png) no-repeat; display: block; margin: 20px auto 0; }
.sev_look { color: #ff9600; }

.path { width: 100%; height: 974px; background: #f4f4f4;  } 
.plan_li { overflow: hidden; padding-bottom: 30px; }
.plan_li li { float: left; margin-right: 50px; background: #fff; width: 300px; }
.plan_li li img { width: 100%; height: 199px; }
.plan_li li:nth-child(4) { margin: 0; }
.plan { border: 2px solid #ccc; border-top: none; height: 122px; padding-top: 13px; width: 296px; text-align: center; font-family: "宋体-简"; line-height:  25px; }
.plan_an { width: 140px; height: 35px; line-height: 35px; border: 2px solid #ff9600; color:#ff9600; display: block; margin: 10px auto 0; font-size: 18px; }
.pac_erf { height: 791px; }
.pac_yhd { height: 643px; }
.pac_wts { height: 576px; }
/* case */
.case_all { width: 100%; background: #eaeaea; height: auto; padding: 50px 0; }
.case_sort { width: 1300px; padding: 25px; background: #fff; box-shadow: 1px 1px 4px #D1CFCF; margin: 0 auto; }
.nature { width: 1260px; border-bottom: 1px dashed #e2e1e1; margin: 0 auto; height: 58px; line-height: 58px; font-size: 16px; }
.nature h4 { float: left; border-right: 1px dashed #e2e1e1; padding-right: 20px; margin: 0 5px 0 0; }
.case_banner { display: block; padding-bottom: 20px; }
.case_but { height: 25px; line-height: 25px; background: #ff9600; display: inline-block; text-align: center; color: #fff; padding: 5px;}
.nature a { margin: 0 15px; }
.nature:last-child { border: none; }
.new_aa { width: 1300px; height: 40px; line-height: 40px; background: #fff; box-shadow: 1px 1px 4px #D1CFCF; margin: 15px auto 40px; padding-left: 50px; }
.new_more { width: 70px; height: 40px; background: url(../img/index_qa.png) no-repeat center; background-size: 9%; }
.new_left { float: left; width: 207px; }
.new_right { float: right; width: 920px; }
.newr_sel { width: 109px; height: 32px; padding: 0 0 0 15px; border: 1px solid #eaeaea; background: url(../img/pack_q.png) no-repeat 94px center; margin-right: 20px; }
.search { width: 163px; height: 32px; border: 1px solid #eaeaea !important; padding-left: 15px; }
.sec_but { width: 39px; height: 34px; border: none; background: #ff9600; color: #fff; margin-left: -1px; }
.house { width: 1350px; height: auto; margin: 0 auto; overflow: hidden;}
.house ul li{ width: 306px; height: 336px; float: left; background: #fff;  margin: 0 28px 20px 0; position: relative; padding: 0 5px;}
.hou_mon { width: 120px; height: 28px; background: #ff9600; border-radius: 50px; display: block; text-align: center; line-height: 28px; color: #fff; position: absolute; top: 20px; right: 15px; }
.house ul li:nth-child(4n) { margin: 0; }
.house ul li img { margin: 6px auto 0; display: block;}
.case_eyt { width: 100%; height: 228px; }
.house_tit { width: 95.4%; height: 90px; padding-left: 10px; margin: 0 auto; border: 1px solid #ff9600; }
.house_tit img { float: left; width: 66px; height: 66px; border-radius: 5px; }
.nost_rt { float: left; padding: 10px 0 0 10px; }
.nos_span { color: #999999; font-size: 12px; }
.hou_he { width: 76px; height: 20px; border: 1px solid #ff9600; display: block; text-align: center; margin-top: 5px; }
.page_div { width: 1350px; margin: 0 auto; overflow: hidden;}
.page {float: right; height: 80px;}
.page a { width: 31px; height: 30px; background: #fff; display: inline-block; margin: 20px 6px 0; text-align: center; line-height: 30px;}
.page a:hover { color: #ff9600; }
.page .page_tb { width: 74px; height: 30px; }
.page_on { color: #ff9600; }
/* hot */
.add_line { color: #a7a5a5; }
.add_line a { color: #a7a5a5;}
.floor_list { overflow: hidden; padding: 10px 0; }
.floor_list li { float: left; }
.floor_list li { margin: 15px 22px 0 0; }
.floor_list li:nth-child(4n) { margin-right: 0; }
.floor_list li a {width: 308px; height: 393px; display: inline-block; font-size: 16px; }
.floor_num { width: 99.3%; height: 65px; text-align: center; line-height: 65px; border: 1px solid #a7a5a5; }
.floor_txt:nth-child(2) { padding: 0 12px; }
.page_floor { margin: 0 auto; overflow: hidden; }
.floor_page a { border: 1px solid #e2e1e1; }
.floor_tdr { width: 100%; height: 326px; }
/* 楼盘详情 */
.flin_div { overflow: hidden; margin-top: 10px; }
.fld_left { float: left; width: 930px;}
.fldl_top { overflow: hidden; }
.fldl_top img { float: left; }
.fld_tgt { width: 502px; height: 326px; background: #f5f5f5; float: left; padding:20px 30px; }
.fld_tgt h4 {  font-family: "宋体-简"; font-size: 26px;  }
.fld_num { font-size: 16px; font-family: "宋体-简"; padding: 12px 0 19px 0; }
.fld_num span { font-size: 22px; font-weight: bolder; padding-right: 30px;}
.fld_tgt p { padding-bottom: 15px; color: #808080; }
.flo_look { width: 299px; height: 54px; border: 1px solid #ff9600; display: block; text-align: center; line-height: 54px; background: #fff;font-family: "宋体-简"; font-size: 20px; margin-top: 5px; }
.fld_egf { height: 40px; line-height: 40px; border-bottom: 1px solid #eaeaea; padding: 30px 10px 0;font-family: "宋体-简"; font-weight: bolder; font-size: 22px;  }
.fld_egf span { float: right; font-size: 14px; }
.floor_deh { padding-top: 20px; }
.floor_deh li { margin: 0 14px 0 0; }
.floor_deh li .plan { width: 99%; }
.floor_deh li:last-child { margin-right: 0; }
.flo_lsj { width: 115px; height: 32px; line-height: 32px; color: #ff9600; border: 1px solid #ff9600; font-size: 16px; }
.fldr_top { width: 355px; height: 548px; border: 1px solid #eaeaea; background: #fff;}
.fldr_free { width: 77px; height: 39px; background: #ff9600; display: block; color: #fff; text-align: center; line-height: 39px; }
.fldr_top h3 { font-size: 20px; font-weight: bold;font-family: "宋体-简"; text-align: center; padding-top: 5px; }
.fld_right { float: right; }
.floor_inpss { width: 297px; margin: 20px auto 0; }
.flo_inp { width: 278px; height: 52px; border: 2px solid #eaeaea !important; box-shadow: none; border-radius: 0; margin-bottom: 15px; }
.flo_ljs { width: 297px; height: 52px;border-radius: 0; }
.fldr_lab { width: 300px; }
.flo_have { text-align: center; line-height: 40px; color: #999; font-size: 18px; }
.flo_dimg { width: 53px; height: 51px; background: url(../img/floor_b.png) no-repeat; float: left; }
.flo_tedin { overflow: hidden; margin: 0 auto; width: 244px; padding-top: 15px; }
.flo_yht { float: left; font-size: 18px;font-family: "宋体-简"; font-weight: bold; }
.flo_wsx { font-size: 26px; }
.fld_new {font-family: "宋体-简"; padding: 20px 20px 0;   }
.fld_new h3 { font-weight: bolder; font-size: 18px; line-height: 50px; }
.fld_new h3 span { float: right; font-size: 14px; }
.fld_new ul li { line-height: 30px; }
.fld_new ul li p { float: left; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fld_new ul li span { float: right; } 
.cas_lito img { width: 331px; height: 236px; }
/* 精选案例详情 */
.casin_tit { font-size: 28px; text-align: center; padding: 50px 0 30px;}
.casin_tit span { border-bottom: 1px solid #bebebe; line-height: 40px; display: inline-block; }
.case_imgs p { font-size: 16px; padding: 10px 0; }
.case_imgs img { width: 100%; }
.men_misrf { width: 305px; padding: 25px; border: 1px solid #eaeaea; font-family: "宋体-简"; margin-bottom: 20px; }
.cas_tyr { text-align: center; padding-bottom: 20px; }
.cas_tyr span { border-bottom: 1px solid #bebebe; font-weight: bold;line-height: 30px; font-size: 20px; }
.case_wsx { padding: 0 0 30px 30px; }
.case_edc { width: 305px; }
.case_tgb { width: 170px; margin: 15px auto; }
.cas_mzs { font-size: 18px; font-weight: bolder; padding-right: 20px; }
.case_ydy { overflow: hidden; }
.case_ydy a { width: 141px; height: 39px; background: #b53629; display: inline-block; color: #fff; text-align: center; line-height: 39px; font-size: 18px;}
.case_haves { text-align: center; color: #9d9d9d; font-size: 16px; font-weight: bolder; padding-top: 10px; }
.case_othcas { width: 100%; background: #fff; padding: 20px 0 40px 0; }
.cs_dtf { text-align: center; font-size: 40px; padding: 20px 0; }
/* 设计师 */
.desi_right { width: 520px; }
.desi_liin ul li { height: 423px; position: relative; }
.desi_tit { padding: 16px 0 0 15px; }
.desi_tit h4 { font-size: 27px; }
.desi_tit h4 span { font-size: 14px; }
.desi_tit p { color: #949494; line-height: 23px; }
.des_pon span { padding-right: 23px; }
.des_pse {  width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.des_hov { width: 100%; position: absolute; left: 7px; bottom: 119px; display: none; }
.des_hov button { width: 48.1%; height: 35px; float: left; border: none; color: #fff; cursor: pointer; }
.deho_look { background-color: #1e1e1e; }
.deho_find { background-color: #ff9600; }
.desig_in:hover .des_hov { display: block;  }
.desi_liin ul li:hover { box-shadow: 1px 4px 5px #D1CFCF;  }
/* 设计师in */
.desin_name { width: 100%; height: 525px; background-color: #fff; margin: 15px 0 0 0; }
.desin_name img { width: 514px; height: 514px; float: left; margin: 6px 0 0 5px; }
.desin_ritit { float: left; padding: 10px 0 0 25px; width: 58%; }
.desin_ritit h3 { font-size: 22px; border-bottom: 1px solid #ff9600; display: inline-block; margin-bottom: 15px; }
.desin_ritit h3 span { font-size: 14px; }
.desin_ritit .des_az { line-height: 50px; }
.des_az span { padding: 0 60px 0 0; }
.des_aq { width: 111px; height: 43px; border: 1px solid #ff9600; display: block; color: #ff9600; line-height: 43px; text-align: center; font-size: 18px; margin-top: 50px; }
.des_his { border-top: 1px dashed #ff9600; width: 97%; margin-top: 20px; line-height: 30px; }
.des_his h6 { font-size: 16px; font-weight: bolder; margin-top: 15px; margin-bottom: 5px; border-bottom: 1px solid #ff9600; display: inline-block; }
.des_bottom { overflow: hidden; }
.des_aae { width: 955px; float: left; }
.des_aar { width: 4px; height: 24px; background: #ff9600; display: inline-block; vertical-align: middle; margin-right: 10px; }
.des_tg li:nth-child(3n) { margin: 0 0 20px 0; }
.des_tg li:nth-child(4n) { margin: 0 27px 20px 0; }
.des_tg li {margin-bottom: 20px; margin-right: 27px; }
.des_edc { padding-top: 90px; } 
.desig_in img { width: 100%; height: 298px; }
/* 家装知识 */
.know_in { width: 100%; background: #eaeaea; padding-bottom: 50px; }
.konw_add {  padding-left: 35px; }
.konw_add a { color: #a7a5a5; line-height: 60px; }
.add_line .blon { color: #414141; }
.know_all { overflow: hidden; }
.knowa_left { width: 270px; float: left; }
.knle_top { width: 100%; height: 110px; border-radius: 10px 10px 0 0; background: #ff9600 url(../img/know_a.png) no-repeat center; background-size: 80%; }
.knle_list a { width: 98.6%; height: 73px; display: block; border-bottom: 1px solid #f0efef; background: #fff; line-height: 73px; text-align: center; font-size: 20px; border-left: 4px solid #fff;}
.knle_list .on_a,.knle_list a:hover { color:#ff9600; border-left: 4px solid #ff9600;  }

.add_right { width: 79%; height: auto;float: right;  }
.add_right ul li a { width: 99.5%; height: 215px;display: block; background: #fff; margin-bottom: 20px; border-radius: 5px; }
.add_right ul li a:hover {  box-shadow: 1px 4px 5px #D1CFCF;  }
.add_right ul li a img { width: 269px; height: 199px; border-radius: 10px; margin: 8px 0 0 8px; float: left; }
.ar_text {height: 215px; float: left; width: 70%; padding-left: 25px; font-size: 16px; color: #5b5656; position: relative; }
.ar_text h3 {font-size: 24px; padding: 20px 0 10px 0; color: #333; }
.ar_text span { position: absolute; bottom: 20px; color: #8b8686; }
/* 内页 */
.knin_aq { overflow: hidden; padding: 30px 0; }
.knin_aw { text-align: center; width: 71%; float: left; }
.knin_aw h3 { font-size: 26px; }
.knin_aw .knin_ae { color: #8b8686; line-height: 40px; }
.knin_ar { text-align: left; text-indent: 28px; padding: 20px 0 0 0; color: #666; line-height: 35px; font-size: 16px; border-bottom: 1px solid #e4e4e4; }
.knin_ar p { padding-bottom: 20px; }
.knin_at { padding:40px 0 0 100px; overflow: hidden; }
.knin_at a {  width: 315px; height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; text-align: left; display:inline-block;}
.knin_ay { background: url(../img/know_c.jpg) no-repeat left center; padding: 0 20px 0 15px;  }
.knin_au {background: url(../img/know_d.jpg) no-repeat left center;padding: 0 0 0 15px;   }
.know_az { border: none; }
.know_as { padding-bottom: 60px;  }
.know_as li { margin-bottom: 10px; margin-top: 20px; }
.know_as li:nth-child(4n) {  margin-bottom: 10px; margin-top: 20px; margin-right: 0; }
/* 业主口碑 */
.pra_ul { float: right; width: 79%; }
.pra_ul .ml_list { width: 99.5%; height: auto; border-radius: 10px; padding-bottom: 10px; margin-bottom: 30px;  }
.pra_ul .ml_pj { height: auto; padding: 15px 0; }
.pra_ul .ml_com { width: 87%;  }
.pra_ul .ml_head { padding: 16px 0 0 25px; }
.pra_de span { padding: 0 20px; }
.pra_de .ml_name { padding: 0; }
.preimg_a img { margin-right: 15px; }
.pra_de { padding: 20px 0; }
.pra_ul .mlc_img { top: 10px; }
.pra_ul .ml_list:hover {   box-shadow: 1px 4px 5px #D1CFCF; }
/* 在施工地 */
.site_ban { width: 96.3%; padding: 25px 25px 5px 25px; background: #fff; }
.four_right { width: 100%; }
#fr_uhdy { width: 100%; height: 56px;line-height: 56px; background: #fff; margin: 20px 0;  font-family: "宋体-简"; }
#fr_uhdy span { float: left; width: 125px; height: 56px; background: #ff9600; text-align: center; color: #fff; font-size: 22px;  }
#fr_uhdy a { float: left;  display: inline-block; padding: 0 25px; font-size: 18px; }
#fr_uhdy .nwe_on { color: #ff9600;  }
#boxx ul li,.sitein_li li { width: 100%; height: 254px; background: #fff; border-radius: 10px; margin-bottom: 20px; }
#boxx ul li:hover { box-shadow: 1px 4px 5px #D1CFCF; }
.sit_aq img { width: 321px; height: 239px; margin: 7px 0 0 7px; border-radius: 10px; float: left; }
.sit_sw { width: 880px; float: right; padding-right: 50px; position: relative; }
.sit_lok { width: 198px; height: 40px; background: #ff9600; color: #fff; text-align: center; line-height: 40px; position: absolute; top: 25px; right: 60px; }
.sit_sw h3 { font-size: 26px; line-height: 72px; }
.sit_sw p {color: #969696; padding-bottom: 10px; }
.sit_de { overflow: hidden;   padding-top: 18px;}
.sit_sw p span { width: 195px; display: inline-block;}
.sit_de .over { width: 32px; overflow: hidden; }
.sit_de_over { width: 120px; float: left; }
.over_img { width: 120px; height: 32px; background: url(../img/site_b.png) no-repeat; display: inline-block; }
.sit_de_over span { width: 30px; display: inline-block; line-height: 15px; padding-top: 8px; padding-left: 3px; }
.indexnew_a {display: none;}
#boxx .show { display: block;}
.on_img { width: 120px; height: 32px; background: url(../img/site_c.png) no-repeat; display: inline-block; }
.last_img { width: 120px; height: 32px; background: url(../img/site_d.png) no-repeat; display: inline-block;  }
.sitein_h3 { font-size: 26px; text-align: center; border-bottom: 2px solid #817e7e; margin: 30px auto; display: block; width: 149px; padding-bottom: 10px; }
.site_odd { border-left: 1px solid red; margin: 20px 0 80px 0; }
.siod_a { margin-left: -1px; padding-top: 50px; }
.siod_a h4 {  font-family: "宋体-简"; margin-left: -3px; line-height: 0; font-size: 20px;}
.siod_a h4 i { width: 7px; height: 7px; background: #ff9600; display: inline-block; margin-right: 5px;  }
.siod_a img { width: 321px; height: 239px; border-radius: 10px; margin: 10px 10px 0 0; }
.siod_a p {color: #a7a5a5; padding-left:10px; line-height: 40px;}
.site_odd .siod_a:nth-child(1) { padding: 0; }

/*弹出*/

#yuyuebmbox{background:rgba(0,0,0,.4);position:fixed;top:0;left:0;}

.content{width:1040px;margin:70px auto 0;position: relative; }

.textboxly{overflow: hidden;position:absolute;top:60px;padding-bottom: 30px;}

.textboxly .textleft{float:left;width:519px;}

.textboxly .textleft h3{text-align: center;padding-top:20px;font-size: 28px;

color: #4c91d2;line-height: 36px;padding-left: 5px;font-weight: bold;}

.textboxly .textleft .font14{font-size: 12px;text-align: center;}

{height: 32px;line-height: 32px;font-size: 14px;position: relative;color: #666;margin-bottom: 20px;}

.textboxly .textleft ul {width:362px;margin:0 auto; list-style: none;padding: 16px 40px 10px;}

.textboxly .textleft ul li{margin:10px 0; width: 100%; height: 48px; float: none;}

.textboxly .textleft ul li .span1{color: #ff9600;position: relative;top:3px;

    font-size: 24px;vertical-align: middle;margin-right: 0px;line-height: 34px;}

.textboxly .textleft ul li .span2{line-height: 34px;display: inline-block;}

.textboxly .textleft ul li select{width: 114px;height: 34px;

padding-left: 6px;font-size: 14px;color: #666;border: 1px solid #dddddd;

vertical-align: middle;outline: none;}

.textboxly .textleft ul li input{ outline:none;padding: 5px 9px 6px;border: 1px solid #dddddd;

vertical-align: middle;width:213px;}

.clos:hover{ cursor:pointer;}

.thisclass{color:#fd7004}

.here a{font-size:14px;}

.textboxly .imgright{float:right;width:520px;}




@media screen and (max-width: 1280px){
	.div_in { width: 1100px; }
	.five { width: 1100px;  }
	#box li { width: 137px; }
	.five_a { width: 185px; padding: 16px 0 0 17px; }
	.free_left { width: 364px; background-size: 100% 100%; }
	.free_ra { width: 351px; }
	.free_ra img { width: 198px; height: 315px; }
	.frr_tit { width: 141px; padding: 60px 0 0 12px; }
	.free_right { width: 735px; }
	.case_l_img { width: 255px; height: 375px; }
	.case_r_con img { width: 570px; height: 375px; }
	.caca_dtit { width: 515px; }
	.cas_lito img { width: 255px; height: 185px; }
	.case_litit { width: 250px; }
	.ca_li { width: 90px; font-size: 14px; margin: 4px 6px 0 0; }
	.num_bb { padding: 0 5px 0 11px;  }
	.case_all { padding: 25px 0; }
	.mon_inp { width: 255px; }
	.mon_jt { background: #fff url(../img/index_qa.png) no-repeat 235px 16px; }
	.mon_in { width: 1100px; }
	.team_man { width: 415px; height: 420px; }
	.team_man_tit { padding-top: 210px; }
	.team_lbj { height: 500px; }
	.team_work img { width: 618px; height: 420px; }
	.team_work_tit .team_zp { width: 100px; }
	.team_lp { width: 518px; }
	.contain { width: 1100px; }
	.team_but a { width: 282px; }
	.case_lb { width: 673px; }
	.hot_liin img { width: 212px; height: 178px; }
	.hot_liin:hover img { width: 206px; height: 172px; }
	.hot_list { width: 672px; height: 231px; }
	.hot_right { width: 415px; height: 670px; }
	.hot_ina { width: 306px; height: 45px; line-height: 45px;  }
	.hot_most { width: 327px;   height: 45px; line-height: 45px;}
	.scroll { font-size: 15px; line-height: 30px; padding-left: 15px; }
	.hot_liin { margin-right: 10px; }
	.hot { height: 922px; }
	.bl_more { width: 570px; height: 440px; }
	.bl_tit_tt { padding-bottom: 45px; }
	.mou_li li img { width: 196px; height: 128px; }
	.ml_list { width: 350px; height: 515px; }
	.ml_head { padding-left: 8px; }
	.ml_imgs img { width: 114px; height: 80px; margin-bottom: 6px; }
	.ml_imgs img:nth-child(odd) { margin-right: 9px; }
	.poi_top img { width: 347px; height: 347px; }
	.poi_bot img { width: 203px; height: 203px; }
	.bottom_right dl { padding: 0 49px; }
	.box { width: 1100px;  height: 520px;}
	.box>div { width: 1100px;  height: 520px;}
	.box>div img { width: 1100px;  height: 520px;}
	.flash4 { width:1147px; }
	.plan_li li { margin-right: 18px; width: 261px; }
	.plan { width: 256px; }
	.pack_bra { height: 860px; }
	.case_sort { width: 1050px; }
	.floor_list li a img { height: 240px;  }
	.floor_txt:nth-child(2) {padding: 0 5px; }
	.floor_list li a { width: 258px; height: 327px; }
	.floor_list li { margin: 15px 6px 0 0; }
	.fld_tgt { width: 406px; padding: 10px 15px; height: 347px; }
	.fld_left { width: 706px; }
	.fld_num span { padding-right: 10px; }
	.fldl_top img { width: 270px; }
	.fld_right { width: 335px; }
	.fldr_top { width: 332px; }
	.floor_deh li .plan { width: 98%; }
	.floor_deh li img { width: 100%; }
	.pac_erf { height: 630px; }
	.pac_yhd { height: 543px; } 
	.pac_wts { height: 480px; }
	.new_aa { width: 1070px; padding-left: 30px;}
	.new_right { width: 825px;  }
	.house { width: 1100px; }
	.nature { width: 100%; }
	.newr_sel { margin-right: 5px; }
	.house ul li { margin-right: 10px; width: 257px; height: ; }
	.page_div { width: 1100px; }
	.men_misrf { padding: 25px 14px; }
	.desin_name img { width: 40%; height: 430px; }
	.desin_ritit { width: 56%; }
	.des_aq { margin-top: 20px; }
	.desin_ritit h3 { margin-bottom: 0; }
	.des_his { margin-top: 10px; }
	.desin_name { height: 445px; }
	.des_his h6 { margin-top: 10px; }
	.des_aae { width: 755px; }
	.desig_in img  { height: 250px; }
	.desi_liin ul li { height: 375px; }
	.desi_right { width: 467px; }
	.floor_deh li { margin-right: 10px; width: 227px; }
	.des_tg li { margin-right: 27px; }
	.knowa_left { width: 22%; }
	.pra_ul { width: 76%; }
	.pra_ul .ml_com { width: 86%; }
	.pra_ul .mlc_img { background-size: 60%; }
	.add_right { width: 77%; }
	.ar_text span { bottom: 7px; }
	.ar_text { width: 63%; }
	.ar_text p { width: 100%; height: 72px; overflow: hidden;  }
	.knin_aw { width: 67%; }
	.sit_aq img { width: 285px; }
	.sit_sw { width: 774px; padding-right: 10px; }
	.sit_de_over { width: 103px; }
	.siod_a img { width: 261px; height: ; }
}