/* Write your styles */
*{ padding:0px; margin:0px; list-style:none;}
body{font-family: "Microsoft YaHei "}
.clear{clear: both;}
/*咨询窗口*/
#doyoo_monitor{ width:98%!important; left:0px!important; top:50%!important; margin:-93px 1% 0 1%!important; background-size:100%!important; height:156px!important; padding:0 0 10px 0; display:none!important;}

/* 首页 */
.in-header{height: 48px;background: #7d1c74;color: #fff;line-height: 48px;position: fixed;width: 100%;z-index: 100;overflow: hidden; max-width:640px;}
.in-header .fa-navicon{color: #fff;padding-left: 13px; z-index: 2;position: relative;font-size: 18px;padding-right: 15px;}
.in-header select{background: #7d1c74;border: none;font-size: 12px;z-index: 2;position: relative;padding:0 5px; color:#FFF;}
.in-yvyue{width: 42px;height: 20px;color: #fff;font-size: 40px;z-index: 2;position: relative;
  line-height: 20px;text-align: center;display: block;float: right;margin-top: 14px;margin-right: 10px;}
.in-gs{display:block;position: absolute;top: 0;text-align: center;left: 0;width: 100%;z-index: 1;font-size: 17px;}

/*定位弹窗*/
.location_div{ position:fixed; width:98%; height:206px;top:80px;z-index:999999999; border:5px solid #7d1c74; margin:0 1%}
.location_div h2{ height:30px; line-height:30px; width:100%; background:#7d1c74; text-align:right;}
.location_div h2 a{ font-size:20px; color:#FFF; margin:0 5px 0 0;}
.ld_content{ height:166px; width:100%; background:#FFF;}
.ld_text{ height:90px; width:100%; text-align:center; font-size:20px; color:#7d1c74; line-height:90px;}
.ld_text img{width:25px; position:relative; top:2px; padding:0 2px;}
.ld_btn{ height:76px; line-height:76px; text-align:center;}
.ld_btn span{ margin:0 10px;}
.ld_btn span a{ padding:0 20px; height:35px; text-align:center; line-height:35px; background:#7d1c74; font-size:15px; color:#FFF; display:inline-block;}

.city_list{ display:none; width:100%;height:166px;background:#FFF;}
.city_list span{ display:inline-block; width:16%; text-align:center; margin:5px 2%;}
.city_list span a{ font-size:15px; color:#7d1c74;}
.city_list span a:hover{ color:#666666;}
.l_message{ height:35px; line-height:23px; text-align:center; font-size:15px; color:#666666;}
.l_message a{color:#7d1c74; font-size:15px;}

.in-nav{list-style:none;padding-top: 30px;}
.in-nav li{line-height: 80px;font-size: 24px;}
.am-offcanvas-bar{width: 200px;}

/* 轮播 */
.in-lunbo img{width: 100%!important;height: auto!important;}
.in-lunbo .swiper-pagination{bottom: 0;}
.swiper-pagination-bullet{background: #fff;  opacity: 1;border: 1px solid #dfdedc;}
.in-lunbo .swiper-pagination-bullet-active{background: #7d1c74;border: none;}

/* 图标 */
.in-icon a{    width: 33.%;
    height: 104px;
    text-align: center;
    font-size: 14px;
    padding-top: 75px;
    color: #7d1c74;}
.in-icon a img{width: 80%; padding: 10px 10px 0 10px}
#iicon_1{background:url(../images/414icon/01.png) center center no-repeat}
#iicon_2{background:url(../images/414icon/02.png) center center no-repeat}
#iicon_3{background:url(../images/414icon/03.png) center center no-repeat}
#iicon_4{background:url(../images/414icon/04.png) center center no-repeat}
#iicon_5{background:url(../images/414icon/05.png) center center no-repeat}
#iicon_6{background:url(../images/414icon/06.png) center center no-repeat}


/* 轮播01 */
.in-anli{padding:0;position: relative;overflow: hidden;}
.in-tit{height: 60px;background: #7d1c74;color:#fff;line-height: 60px;text-align: center;font-size: 18px;margin:0;}
.in-lunbo01 img{width: 100%;height: auto;}
.in-lunbo01 .swiper-pagination{bottom: 0;}
.in-lunbo01 .swiper-pagination-bullet-active{background: #7d1c74;border: none;}
.swiper-pagination01{position: absolute;bottom: 0;  left: 0; width: 100%;text-align: center;z-index: 5;}
.swiper-pagination01 span{margin: 0 5px;}

.in-anli-lx{height: 37px;border-bottom: 1px solid #f2f2f2;line-height: 37px;display: block;text-align: center;width: 100%;color: #1b1b1b;
font-size: 12px;}
.in-gudian{padding:0;text-align: center;}
.in-gudian h2{font-size: 29px;color: #000;font-weight: bold;margin-top: 30px;margin-bottom: 10px;}
.in-gudian h2 span{color: #7d1c74;}
.in-gudian h3{font-size: 17px;color: #000;margin:0;}
.in-gudian h4{font-weight: normal;font-size: 14px;margin-top: 5px;margin-bottom: 28px;}
.in-gudian img{width: 100%;height: auto;}


.in-90kehu {background: url(../images/index_05.png) no-repeat center 30px;padding:80px 0 0;text-align: right;}
.in-90kehu h3{color: #222222;font-weight: normal;font-size: 18px;margin-top: 10px;margin-bottom: 0;padding-right: 30%;}
.in-90kehu h4{color: #222222;font-size: 16px;margin-top: 0;padding-right: 30%;margin-bottom: 40px;}
.in-90kehu img{width: 100%;height: auto;}

.in-zhuangx{padding:0 8px;background: #f3f3f3;}
.in-zhuangx01{display: block;width: 132px;height: 43px;background: #000;color: #fff;line-height: 43px;
  font-size: 20px;font-weight: bold;margin:-19px auto 45px;text-align: center;}
.in-zhuangx h5{color: #000;font-size: 20px;font-weight: normal;margin:0;padding-left: 8px;}

.in-form .in-put01{height: 48px;width: 95%;border: 1px solid #dddddd;font-size: 12px;padding:0 18px; border-radius: 5px;}
.in-form .am-checkbox-inline{color: #575757;font-size: 14px;}
.in-form .am-checkbox-inline input{background: #fff;}
.in-but{width: 92%;height: 35px;background: #7d1c74;color: #fff;font-size: 16px;line-height: 35px;text-align: center;
  display: block;margin-bottom: 25px; border-radius: 5px; margin-left: 1rem; margin-top:30px; font-weight: 300;}

.in-footer a{text-align: center;line-height: 40px;color: #fff;}
/*内页公共样式
.swiper-pagination{ display:none;}*/
#doc-oc-demo2{ position:fixed; left:-50%; top:0px; z-index:99999999; background:#393939; width:40%; height:100%;}
.doc_close{ text-align:right;}
.doc_close a{ margin:0 10px 0 0; font-size:18px; color:#FFF;}
#doc-oc-demo2 ul{ padding-top:10px;}
#doc-oc-demo2 ul li{ line-height:35px; border-bottom:1px solid #CCC; text-align: center;}
#doc-oc-demo2 ul li a{ font-size:15px; color:#FFF; font-weight:normal;}

.page_body{ width:100%;}
.float_clear{ clear:both;}
.page_cattitle{ font-size:20px; height:45px; line-height:60px; padding:0 0 0 8px;}

/*分页样式*/
.page{ text-align:center; font-size:13px; color:#7d1c74; padding:20px 0 30px 0;}
.page span{ padding:5px; background:#fff; color:#7d1c74; border:1px solid #7d1c74;}
.current{padding:5px 8px!important; background:#7d1c74!important;}
.current{color:#FFF!important;}
.page a{ margin:0 5px;padding:5px 8px; background:#FFF; color:#7d1c74;border:1px solid #7d1c74;}
/*内页banner*/
.page_banner{ width:100%; height:auto;}
.page_banner img{ width:100%; height:auto; padding:48px 0 0 0;}
.page_title{ font-size:20px; border:1px solid #CCC; padding:5px;}
/*经典案例*/
#cases_search{ height:35px; line-height:35px; padding:15px 0; text-align:left; width:auto; margin:0 8px;}
#cases_search span{ font-size:15px; color:#666666; font-weight:bold;}

#case_keywored{ height:35px; width:75%; padding:5px 0 5px 5px; border:1px solid #7f1b75;  color:#828282; font-weight:normal; font-size:13px; background-color: #eeeeee;}
#case_sub{ height:35px; width:23%; text-align:center; color:#FFF; font-size:13px; background:#7d1c74; border:0px;}

.page_li_list,.page_li_content{ width:auto; margin:0 8px; background-color: #fff;}






.page_li_list ul li{ width:46%; float:left; margin:2%; height:auto!important;}
.page_li_list ul li h2 img{ height:104px;}

.page_li_list ul li h2{ overflow:hidden;}
.page_li_list ul li h2 img{ width:100%;}
.page_li_list ul li h3{ height:35px; line-height:35px; font-size:15px; font-weight:normal;}
.page_li_list ul li h4{ height:30px; font-size:15px; font-weight:normal;}
.cases_tag{ width:auto; padding:15px 0 0 0;}
.cases_tag span{ display:inline-block; width:46%; margin:1%; font-size:15px; color:#454545; font-weight:bold;}
.design_content{ padding:20px 0 100px 0;}
.design_left{ width:40%; float:left;}
.design_left img{ width:100%;}
.design_right{ width:55%; float:right;}
.design_right h3{ font-size:15px; font-weight:normal;}
.design_right h4{ font-size:13px; font-weight:normal;}
/*热装楼盘*/
#hotpage_title ul li{ float:left; margin:1%; height:44px; line-height:44px; font-size:15px; font-weight:bold; cursor:pointer; width:33.3%; text-align:center;}
.onhotli{ background:#a8844e!important; color:#FFF!important;}


#hott_top{ background:#000000; color:#FFF;}
.hoot_s{ color:#000;background:#e7e7e7;}
.ht_left{ width:100%;}
.bigimg{ width:100%; text-align:center;}
.bigimg img{ width:100%;}
.hotimg_list{ padding:30px 0 0 0;}
.hotimg_list img{ float:left; margin:5px; width:85px; height:85px; cursor:pointer;}

.hotmeg{ display:none;}
.ht_right{width:100%; margin:30px 0 80px 0;}

.hd_img{ width:40%; float:left;}
.hd_img img{ width:100%;}
.hd_text{ float:right; width:55%;}
.hd_text h2{ font-size:16px; height:40px; line-height:40px;}
.hd_text h2 a{ font-size:13px; color:#000;}
.hd_text h3{ font-size:13px; color:#585858; font-weight:normal; padding:0 0 5px 0;}
.hd_text h4{ height:25px; line-height:25px;font-size:13px; color:#585858; font-weight:normal;}
.hd_text h4 span{ font-size:13px; color:#000; font-weight:bold;}
.hotpage_jj{ padding:15px 0 0 0;}
.hotpage_jj h2{ height:35px; line-height:35px; font-size:15px;}
.hotpage_jj h3{ font-size:13px; font-weight:normal; color:#585858; line-height:23px;}

/*在建工地*/
.working_table{ width:100%; text-align:center;}
.wt_title{ height:48px; line-height:48px; background:#7d1c74; color:#FFF;}
.wt_title td{ border:1px solid #dbdbdb; border-top:0px; font-size:14px;}
.working_cont{width:100%; text-align:center;}
.wt_con{ height:45px; line-height:45px;}
.wt_con td{ border:1px solid #dbdbdb; border-top:0px; font-size:14px;}
.working_btn{ width:107px; height:31px; border:0px; background:url(../images/working_btn.png) no-repeat; cursor:pointer; position:relative; top:10px;}
.working_btn:hover{ background:url(../images/working_hover.png) no-repeat;}
.working_icon{width:48px; margin:0 auto; padding:50px 0;}
.create_btn{width:80px; height:30px; border:0px; background:#555555; display:inline-block; color:#FFF; line-height:30px; 

/*优惠活动*/
#activity{ width:100%; padding:0 0 30px 0; background:#FFF;}
.activity_content{padding:521px 0 0 0;}
.page_bg{ background:#FFF; width:100%;}
.page_content_style{ width:1200px; margin:0 auto;}
.page_content_title{ padding:45px 0;}
.page_activity_list{ width:100%; margin:0 auto;}
.page_activity_list ul li{ padding:0 0 30px 0; clear:both; border-bottom:1px solid #CCC; position:relative;}
.page_activity_list ul li:hover h5{ background:#b59669;}

.pa_img_left{ width:100%; border:1px solid #CCC;}
.pa_img_left img{ width:100%; height:auto;}
.pa_text_right{width:100%;}
.pa_text_right h2{ font-size:16px; color:#000;line-height:30px;}
.pa_text_right h2 span{ font-size:16px; color:#7d1c74;}
.pa_text_right h3{ font-size:13px; font-weight:normal; color:#767676; line-height:25px;}
.pa_text_right h4{ font-size:14px; font-weight:normal; color:#000; height:25px; line-height:25px;}
.pa_text_right h5{ margin:5px 0 0 0; width:135px; height:35px; background:#5d5d5d; line-height:35px;}
.pa_text_right h5 a{font-size:15px; color:#FFF;  font-weight:normal; padding:0 0 0 25px;}


/*品牌故事*/
.index{ padding:48px 0 0 0;}
.process_content h2 img{ width:100%; }
.pro_bg{ background:#FFF; position:relative; top:0px;width:auto; margin:0 8px;}
#proc_left{  width:100%; text-align:center;}




#proc_right{width:100%;position:relative;}
#proc_right p img{ width:auto; width:100%;}
.prr_icon{ position:absolute; bottom:40px; right:580px;}
#prr_content{ background:url(../images/prr_line.png) 44% 0% no-repeat;}
#prr_cat_content{ float:left; width:325px; padding:110px 0 0 0;}

#prr_artlist{ float:right; width:474px; padding:110px 0 70px 0;}
#prr_artlist ul li{font-size:18px; padding:0 0 0 83px; background:url(../images/prrli_bg.png) 1px center no-repeat; height:60px; line-height:50px; position:relative;}
#prr_artlist ul li span{ position:absolute; left:27px; font-size:16px; color:#FFF; top:0px;}
.onbrandmenu{background:#6b6b6b url(../images/child_mneu_bg.png) 95% 50% no-repeat;}
.onbrandmenu h2 a{color:#FFF!important;}
.index_icon{ position:relative; width:48px; height:48px; margin:0 auto; padding:30px 0; display:none;}

#index_two_title{ height:130px; width:100%; text-align:center; border-bottom:1px solid #CCC;}
#index_two_title h4{ padding:10px 0 0 0; font-size:28px;}
#index_two_title h5{ height:25px; line-height:25px; font-size:12px; color:#5e5e5e; font-weight:normal;}
#index_two_content{ margin:-60px 0 0 0;}
#index_three_content{ position:relative; margin:0 0 50px 0;}
#index_three_content img{ width:100%; width:100%;}

.impr_li{ padding:20px 0; width:100%; text-align:center;}
.impr_li img{ width:100%; height:auto;}
.nocon{ width:100%; height:35px; border:1px dashed #CCC; text-align:center; font-size:15px; font-weight:normal; color:#666666; line-height:35px; margin:20px 0;}

/*紫苹果寓意*/

#mean_list ul li{ float:left; width:25%; height:140px;  cursor:pointer;}
.mcontent{ display:none;}

@media screen and (max-width: 375px){
#iicon_1{background:url(../static/images/375icon/01.png) center center no-repeat}
#iicon_2{background:url(../static/images/375icon/02.png) center center no-repeat}
#iicon_3{background:url(../static/images/375icon/03.png) center center no-repeat}
#iicon_4{background:url(../static/images/375icon/04.png) center center no-repeat}
#iicon_5{background:url(../static/images/375icon/05.png) center center no-repeat}
#iicon_6{background:url(../static/images/375icon/06.png) center center no-repeat}
}


@media screen and (max-width:320px){
body{ display:none;}
  .in-zhuangx{padding:0 15px;}
    .in-nav li{font-size: 16px;line-height:50px;}
  .page_li_list ul li{ height:200px;}
  #iicon_1{background:url(../images/320icon/01.png) center center no-repeat}
#iicon_2{background:url(../images/320icon/02.png) center center no-repeat}
#iicon_3{background:url(../images/320icon/03.png) center center no-repeat}
#iicon_4{background:url(../images/320icon/04.png) center center no-repeat}
#iicon_5{background:url(../images/320icon/05.png) center center no-repeat}
#iicon_6{background:url(../images/320icon/06.png) center center no-repeat}


}



.am-container img{
  width: 100%
}

