﻿@charset "utf-8";


/*全局样式*/
html, body {
    margin: 0; padding: 0; font-size:12px; font-family:"微软雅黑"; color:#4d4d4d; background:#fff;/*background:url(../image/ydbg.jpg) no-repeat center 73px #edefee;*/box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%; margin:0; padding:0;}
img,iframe{border:0;text-decoration:none;border: thin none;}
table{border-collapse:separate;}
th,td{text-align:left;font-weight:400; }
del{text-decoration:line-through}
em{font-style:normal;}
a{text-decoration:none;color:#fff}
button,input,select,textarea{margin:0; cursor:pointer;  border:0; font-family:"微软雅黑"; }
p{margin:0; padding:0;}
div {text-align: left; padding:0px; border:0px;}
form { margin: 0px; padding: 0px;}
ol,ul,dl{ list-style:none; margin:0px; padding:0px;}



#main-nav.navbar-default {
background:url(../images/top_bg.png) #e3e3e3; 
}
#main-nav.navbar-default .navbar-nav > li.wechat{ background: #12bd9b;}
#main-nav.navbar-default .navbar-nav > li.service{ background: #2490c2; }
#main-nav.navbar-default .navbar-nav > li.register{ background: #dc4737;}
#main-nav.navbar-default .navbar-nav > li.wechat a,#main-nav.navbar-default .navbar-nav > li.service a,#main-nav.navbar-default .navbar-nav > li.register a{ color: #fff}
#main-nav.navbar-default .navbar-nav > li.wechat:hover a,#main-nav.navbar-default .navbar-nav > li.service:hover a,#main-nav.navbar-default .navbar-nav > li.register:hover a{ color: #fff}

#main-nav.navbar-default .navbar-nav > li.wechat:hover{ background: #12cda8}
#main-nav.navbar-default .navbar-nav > li.service:hover{ background: #1c94cc}
#main-nav.navbar-default .navbar-nav > li.register:hover{ background: #e03d2c}


#main-nav.navbar-default .navbar-nav > li.active > a, #main-nav.navbar-default .navbar-nav > li.open > a, #main-nav.navbar-default .navbar-nav > li:hover > a {

color: #19739e;
}
.navbar.navbar-default {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
  height: auto;
  padding: 13px 15px 13px;
  
}
/*.navbar-right{ margin-top:20px;}*/
.ding{ position:relative;}
    .ding .er_nav {
        position: absolute;
        left: 0px;
        width: 100%;
        height: auto;
        border: 1px solid #CCC;
        background: #fff;
        display: none;
        z-index: 99999998;
        font-size: 16px;
        text-align: center;
        top: 90px;
    }
.er_nav li{ border-bottom:1px solid #CCC; }
.er_nav li a{ padding:5px 10px; color:#999; line-height:30px;}
.er_nav li a:hover{ color:#6e8036; text-decoration:none;}
.ding:hover .er_nav{ display:block;}
@media only screen and (min-width: 768px) {
  #main-nav.navbar-default {
    background:url(../images/top_bg.png) #fff;
	/*filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;*/
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26); 
  }
	
	
	#main-nav.navbar-default .navbar-nav > li{    
    font-size: 20px;
    padding: 0 10px;
    padding: 0 10px;
    padding-top: 22px;
    height: 90px;
   
  
   
    text-align: center;
    }	
	#main-nav.navbar-default .navbar-nav > li:hover{  background: #84b71a; color:#fff; }	
  #main-nav.navbar-default .navbar-nav > li > a { }
 
  .navbar-default .navbar-nav>li>a {
	color: #444;
	}
  #main-nav.navbar-default .navbar-nav > li.active > a,
  #main-nav.navbar-default .navbar-nav > li.open > a,
  #main-nav.navbar-default .navbar-nav > li:hover > a {
    color: #fff;
  }
  #main-nav.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color: rgba(26, 28, 40, 0.9);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-nav.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-nav.navbar-default .dropdown-menu > li > a { 
    padding: 15px 0;
    color:#A8A8A8; 
  }
  #main-nav.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-nav.navbar-default .dropdown-menu > li.active,
  #main-nav.navbar-default .dropdown-menu > li.open,
  #main-nav.navbar-default .dropdown-menu > li:hover {
    border-left-color: #45aed6;
  }
  #main-nav.navbar-default .dropdown-menu > li.active > a,
  #main-nav.navbar-default .dropdown-menu > li.open > a,
  #main-nav.navbar-default .dropdown-menu > li:hover > a {
    color: #45aed6;
    background-color: transparent;
  }
}
/*资讯中心*/
/*分页样式*/
.pagination{ 
    width: 1200px;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.pagination .pageList-wrap{
    display: inline-block;
}
.pagination .item{
    width: 60px;
    height: 30px;
    line-height: 30px;
    background: #dedede;
    cursor: pointer;
    border-radius: 4px;
    display:inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 3px;
    user-select: none;
}
.pagination .eliplise,
.pagination .item[value]{
    width: 35px;
}

.pagination .item[value].active{
    background: #7e941b;
    color: #fff;
}
.pagination .item:hover{
    color: #be4c4d;
    background: #d2d2d2;
}

.pagination .page-list-wrap{
    display: inline-block;
}
.pagination .page-count{
    height: 30px;
    margin-left: 20px;
    vertical-align: top;
    line-height: 30px;
    display: inline-block;
}
.pagination .page-count_num{
    margin: 0 5px;
    color: #7e941b;
    font-size:18px;
	font-style:normal;

}
.pagination .item.disabled{
    cursor: not-allowed;
}
.pagination .item.disabled:hover{
    color: #333;
    background: #dedede;
}


.n_tit_img{ width:186px; height:110px; margin:auto; margin-top:50px;}
.n_tex{ width:1200px; height:30px; margin:auto; margin-top:20px; margin-bottom:50px;}
.n_tex a{ font-size:16px; color:#666;}
.n_tex p span{ line-height:30px; margin-left:15px; margin-right:10px;}

/*切换样式*/
.mus_butt{ margin:auto; width:286px; height:50px;}
.buttons{display:block;padding:8px;width:140px;text-align:center;margin:1px;background:#FFF;text-decoration:none; color:#6e8036;float:left;font-family: "微软雅黑"; font-size:16px}

.buttonHover{background:#6e8036; color:#FFF;text-decoration:none; }

a.buttons:hover{background:#6e8036;color:#FFF; text-decoration:none;}
.b,.c,.d,.e,.f,.g,.h{ display:none;}
#tabb {text-align:justify;overflow:hidden;color:#fff;padding:0px;width:1200px;height:auto;margin:auto; padding-top:20px;}
#infor{text-align:left;overflow:hidden;width:1200px;height:auto;}
.a_ul{ padding:0; margin-bottom:50px;}
.a_ul li{ width:100%; height:293px; margin-bottom:30px;}
.a_ul li .new_img{ float:left;}
.a_ul li .news_rig{ float:left; width:550px; margin-left:40px;}
.news_rig .ne_p01{ color:#666666; font-size:25px; line-height:100px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_rig .ne_p02{ color:#999; font-size:18px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_rig .ne_p01 a{color:#666; text-decoration:none;}
.news_rig .ne_p01 a:hover{ color:#096;}
.news_rig .ne_p02 a{ color:#999; text-decoration:none;}
.news_rig .ne_p02 a:hover{ text-decoration:underline;}
.news_rig span{color:#999; margin-right:20px; display:block; height:38px; width:130px; float:left; margin-top:15px;}
.news_rig span img{ float:left;}
.news_rig span i{ float:left; display:block;font-style:normal; line-height:28px; margin-left:10px;}

.b_ul{ padding:0; }
.b_ul li{ width:100%; height:293px;  margin-bottom:30px;}
.b_ul li .new_img{ float:left;}
.b_ul li .news_rig{ float:left; width:550px; margin-left:40px;}

/*公共部*/
.index_foot02{ background:url(../image/coo_bgimg02.jpg) no-repeat center; width:100%; height:404px;  clear:both; padding-bottom:0px; padding-top:70px;}
.index_foot02 .fx-main{ background:none}

.index_foot02 .messa02{ width:1200px; height:244px; margin:auto;  padding-top:70px;}
.m_wenz02{ float:left;font-size:25px; color:#333; line-height:200px;}
.m_wenz02 span{ font-size:16px; color:#999;}
.m_wenz02 .sp_wen01{ font-size:25px; color:#333;}
.ewm02{ float:right;}
.m_t0u02 div{ float:left; width:30px; height:25px;  margin:15px 20px;}

/*公共部*/
.btm_btm02{ background:url(../image/dibu_bg02.jpg) no-repeat center;/* background-color:#738539; */height:125px; width:100%;}
.btm_btm02 .btm_end{ width:1200px; margin:auto; }
.btm_btm02 .left_p{ width:1200px;  font-size:16px; color:#FFF;line-height:125px; text-align:center;}

/*资讯内容*/
.conte{ width:100%; height:auto;}
.conte .cont_co{ width:1200px; margin:auto;}
.cont_co .left_con{ float:left; width:825px; height:auto; margin-bottom:40px;}
.cont_co .right_con{ float:right; width:344px; height:600px; }

.subj{ width:100%; text-align:center; font-size:25px; color:#333; line-height:35px;}
.sb_xiao{  width: 640px; margin: auto;padding: 15px 0; text-align: center;}
.part{ font-size:15px; color:#666; font-family:Arial, Helvetica, sans-serif; padding:15px; line-height:35px; text-indent:2em;}

.part img{ display:block; width:100%; margin:auto; margin-top:40px; margin-bottom:40px;}

.up_pag{ font-size:15px; color:#666; width:100%; display:block; padding:10px 15px;}
.next_pag{ font-size:15px; color:#666;width:100%; display:block;padding:10px 15px;}
.up_pag:hover{ color:#6e8036;}
.next_pag:hover{ color:#6e8036;}

.right_con form{ width:100%; height:308px; border-bottom:3px solid #e8e8e8; background:#FFF; padding-top:27px;}
form p{ width:100%; text-align:center; font-size:26px; color:#6e8036; line-height:25px; }
form p span{font-size:14px;}
.texe{ width:300px; height:40px; padding-left:15px; color:#333; margin:17px 20px 0 28px; font-size:16px; border:1px solid #CCC;}
.butt0t{ width:120px; height:40px; background:#6e8036; letter-spacing:1px; border-radius:5px; margin-left:120px; margin-top:30px; color:#FFF; font-size:16px;}

.hot_lis{ padding:15px; width:100%; height:534px; background:#FFF;}
.tit_hot{ background:url(../image/new_hot.png) no-repeat left; font-size:16px; color:#666; padding-left:20px; margin-top:63px; margin-bottom:20px;}
.tit_hot span{ float:right; font-size:12px;}
.l_hot{ width:100%; height:47px; background:url(../image/hot_li_ti.png) left no-repeat;}
.l_hot p{ font-size:13px; color:#999; line-height:47px;}
.l_hot p i{ font-style:normal; float:right;}
.l_hot p a{ display:block; margin:0; float:left; padding-left:20px; color:#999; width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


/*景观*/

.busi{ width:100%; height:auto;}
.busi .jianjie{ width:1200px; height:337px; margin:auto; }
.jianjie .jj_img{ float:left;}
.jianjie .jj_wen{  float:left;width:500px; height:300px; margin-left:20px; padding-top:80px;}
.jj_wen h6{ font-size:25px; line-height:50px; color:#333; display:block; font-weight:bold;}
.jj_wen .lin_l{ display:block; background:#6e8036; width:60px; height:3px; margin:0; margin-bottom:20px;}
.jj_wen { width:95%; line-height:35px; color:#999; font-size:15px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.busi .anli{ width:1200px; height:auto; margin:auto; }
.anli_im{ width:186px; height:109px; margin:auto; margin-top:50px; margin-bottom:30px;}
.mo_a{ width:1200px; height:40px; margin:auto;}
.mo_a a{ padding:5px 20px; font-size:18px; float:right; color:#666;}
.mo_b{ text-align:center;}
.mo_b a{ font-size: 24px;color: #666;padding: 20px 40px;background-color: rgba(255,255,255,0.7);display: inline-block;margin-top: 20px;}
.mo_b a:hover{ background-color: #84b71a; text-decoration: none; color: #fff;}

.al_lis{ width:100%; height:auto;}
.al_lis .li_list{width:367px; height:320px;float:left; margin:0 16px 40px 16px; /*border-bottom:1px solid #CCC;*/}
.li_list .al_txe{width:367px; height:80px;}
.al_txe .tex_01{ float:left; width:80%; margin-top:18px; margin-bottom:5px; font-size:20px;color:#666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_txe span { padding:1px 11px; float:right; border:1px solid #999; color:#666; margin-top:20px;}
.al_txe .tex_02{ width:99%; font-size:15px; letter-spacing:2px;color:#999;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.li_list:hover .tex_01{ color:#6e8036;}
.li_list:hover .tex_02{ color:#6e8036;}

.busi_jd .jianjie{ width:1200px; height:337px; margin:auto; }
.busi_jd .anli{ width:1200px; height:auto; margin:auto; }

/*关于东篱团队*/
.tm_tit_img{ width:387px; height:110px; margin:auto; margin-top:40px; margin-bottom:20px;}

.tea_m{ width:100%; height:auto;}
.tea_m .zizhi{ width:1200px; height:640px; margin:auto;}
.zizhi .zz_lie{ width:100%; height:450px;}
.zz_lie .lie_l{ width:351px; height:394px; float:left; background:#FFF; margin:0 24px 20px 24px; padding:65px 18px 0 18px;}
.lie_l p{ font-size:18px; text-align:center; padding-top:65px;}
.tiao{ width:230px; height:4px; margin:auto;}
.tiao div{ width:65px; height:4px; background:#CCC; float:left; margin:0 5px;}
.tiao .co_lv{ background:#6e8036;}

.zizhi .zz_su{ width:100%; height:177px; border-bottom:1px solid #CCC;}
.zz_su ul .su_ry{ padding:28px 34px; float:left;}
.su_ry h1{ text-align:center; font-size:32px; line-height:78px; font-weight:bold; color:#333;}
.su_ry h3{ text-align:center; font-size:18px; color:#999;}

.tea_m .crew{ width:1200px; margin:auto; height:1400px;}
.crew .tm_im{width:387px; height:110px; margin:auto; margin-top:50px; margin-bottom:30px;}
.tm_lis{ width:100%; height:auto;}
.tm_lis .tm_list{width:355px; height:552px;float:left; margin:0; background:#FFF; margin: 0 5px 30px 5px; /*border-bottom:1px solid #CCC;*/}
.tm_list .tm_txe{width:100%; height:215px; padding:0 25px;}
.tm_txe .tex_01{ float:left; width:80%; margin-top:18px; margin-bottom:5px; font-size:26px;color:#666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tm_txe .tex_01 i{ font-style:normal;font-size:19px; margin-left:15px;}
.tm_txe span { padding:3px 12px; font-size:14px; float:none; border:1px solid #999; color:#666; margin-top:20px;}
.tm_txe .tex_02{ width:100%; margin-bottom:30px; font-size:16px; letter-spacing:1px;color:#999;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tm_list:hover .tex_01{ color:#fff;}
.tm_list:hover .tex_02{ color:#fff;}
.tm_list:hover .tm_txe{ background:#6e8036; border-top:1px solid #FFF;}
.tm_list:hover .tm_txe span{ background:#fff; color:#738539; border:0;}

/*案例*/
.mus_butt02{ margin:auto; width:860px; height:80px;}
.buttons02{    display: block;
 
    width: 120px;
    text-align: center;
    margin: 1px;
    background: #FFF;
    text-decoration: none;
    color: #6e8036;
    float: left;
    font-family: "微软雅黑";
    font-size: 16px;
    height: 40px;
    line-height: 40px;}
.button02Hover{background:#6e8036; color:#FFF;text-decoration:none; }
a.buttons02:hover{background:#6e8036;color:#FFF; text-decoration:none;}

.seek{ width:100%; height:50px; margin-top:30px;}
select{ width:252px; height:50px; border:1px solid #373737; font-size:20px; padding-left:10px; color:#0c0307; appearance: none;　-webkit-appearance: none;/*去除chrome浏览器的默认下拉图片*/
-moz-appearance: none;  /*去除Firefox浏览器的默认下拉图片*/text-indent:0.01px;　text-overflow:"";background:url(../image/la_ico.png) no-repeat right 3px center; float:left;}

.fieldset{ width:252px; height:50px;border:1px solid #999; float:right; background:#FFF;}
.type-ahead__input {padding: 12px 33px 11px 12px; border:none; border-radius: 0; font-size: 18px;letter-spacing: .4px;caret-color: #0c0307;color: #0c0307;outline: none;width:200px;
/*box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.1);*/ float:left; }
.sub_ico{ background:url(../image/ssuo_ico.png) no-repeat center #FFF; display:block; float:right; width:50px; height:48px; }

/*关于我们*/
.ab_im{ width:588px; margin:auto; height:109px; margin-top:50px; margin-bottom:20px;}

.tea_m .zizhi_ab1{ width:1200px; height:500px; margin:auto; border-bottom:1px solid #f1f1f1;}
.tea_m .zizhi_ab{ width:1200px; height:1300px; margin:auto; border-bottom:1px solid #f1f1f1;}
.zizhi_ab .ab_lie{ width:100%; height:1100px;}
.zizhi_ab .ab_lie p{ font-size:18px; color:#666; letter-spacing:2px; line-height:40px; padding-top:40px;}


.ab_lie .lie_l{ width:351px; height:394px; float:left; background:#FFF; margin:0 24px 20px 24px; padding:65px 18px 0 18px;}
.lie_l p{ font-size:18px; text-align:center; padding-top:65px;}

.crew_ab{ width:1200px; margin:auto; height:1040px;}
.cul_01{ width:100%; height:301px; background:#f1f1f1;margin:35px 0;}
.cul_01 img{ float:left;}
.cul_01 .cul_wzi{ float:left; margin-left:10px; width:590px; height:301px; padding:30px 40px;}
.cul_wzi h2{ font-size:26px; color:#333; line-height:50px;}
.cul_wzi h6{ font-size:12px; color:#666;}
.cul_wzi p{ font-size:15px;color:#666; line-height:29px; letter-spacing:1px; margin-top:30px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.cul_02{ width:100%; height:301px; background:#f1f1f1; margin:35px 0;}
.cul_02 img{ float:right;}
.cul_02 .cul_wzi{ float:left; margin-left:10px; width:590px; height:301px; padding:30px 40px;}

.cul_03{ width:100%; height:182px;  margin:35px 0;}
.ent_01{ width:573px; height:182px; float:left; border:1px solid #e2e2e2; margin-right:54px;}
.ent_01 img{ float:left; padding:40px 30px 40px 68px;}
.ent_01 .wz_ent{ float:left; margin-left:10px; width:350px; height:180px; padding:30px 20px;}
.wz_ent h2{ font-size:26px; color:#333; line-height:50px;}
.wz_ent h6{ font-size:12px; color:#999;}
.wz_ent p{ font-size:15px;color:#333; line-height:23px; letter-spacing:1px; margin-top:10px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.ent_02{ width:573px; height:182px; float:left; border:1px solid #e2e2e2;}
.ent_02 img{ float:left; padding:40px 30px 40px 68px;}
.ent_02 .wz_ent{ float:left; margin-left:10px; width:350px; height:180px; padding:15px 20px;}

/*东篱设计*/
.tm_tit_img{ width:387px; height:110px; margin:auto; margin-top:40px; margin-bottom:20px;}
.desi_ab{ width:1200px; height:930px; margin:auto; border-bottom:1px solid #f1f1f1;}
.desi_ab .ab_de{ width:100%; height:920px;}
.desi_ab .ab_de p{ font-size:18px; color:#666; letter-spacing:2px; line-height:40px; padding-top:40px;}
.desi_ab .ab_de p span{ display:block; width:100%; text-align:center; font-size:25px; color:#333; padding-top:20px;}

/*联系我们*/
.conta{ width:100%;height:850px;}
.us_lianxi{ width:1200px;  height:750px;}
.cont_im{ width:186px; height:110px; margin:auto; margin-top:40px; margin-bottom:20px;}
.le_map{ float:left; }
.ri_add{  float:right; width:750px; height:542px; background:url(../image/call_add_bg.jpg) no-repeat center;}
.ri_add .addre{ width:70%; height:200px; margin-left:60px; margin-top:50px;}
.addre h1{ font-size:54px; font-weight:bold; line-height:80px; color:#FFF;}
.addre h1 span{font-size:45px;}
.addre h6{ font-size:24px;text-transform: uppercase; line-height:40px;color:#FFF;}
.addre hr{ width:120px;  background:#FFF; margin:0; margin:10px 0;}
.addre p span{ line-height:30px;color:#FFF;font-size:18px;}
.addre p em{ line-height:30px;color:#FFF;font-size:18px;}
.ri_add .area{width:75%; height:190px; margin-left:60px; margin-top:0px; margin-bottom:45px ;}
.area ul{ width:100%; height:150px;}
.area hr{ width:120px; margin-left:0;}
.area ul li{ float:left; color:#FFF; font-size:18px; padding:0 10px; margin:5px 0;  border-right:1px solid #FFF;}
.area ul li a:hover{ color:#CFC;}
.ri_add .dw_butt{ display:block;  background:url(../image/add_ico02.png) no-repeat left #fff;background-position: 25px 10px; color:#6e8036; font-size:18px; width:155px; height:50px; margin:0; line-height:50px; padding-left:55px}

.ri_add02{ float:none; display:none; width:1000px; height:600px; background:url(../image/call_dz_bg02.jpg) no-repeat center; padding-top:150px;}
.ri_add02 .addre{ width:65%; height:215px; margin:auto; }
.ri_add02 .addre h1{ font-size:48px; font-weight:bold; line-height:90px; color:#FFF;}
.ri_add02 .addre h1 span{font-size:38px;}
.ri_add02 .addre h6{ font-size:24px;text-transform: uppercase; line-height:40px;color:#FFF;}
.ri_add02 .addre hr{ width:120px;  background:#FFF; margin:0; margin:15px 0;}
.ri_add02 .addre p span{ line-height:30px;color:#FFF;font-size:18px;}
.ri_add02 .addre p em{ line-height:30px;color:#FFF;font-size:18px;}
.ri_add02 .area{width:65%; height:auto; margin:auto; margin-top:10px; margin-bottom:25px ;}
.ri_add02 .area ul{ width:100%; height:80px;}
.ri_add02 .area hr{ width:120px; margin-left:0;}
.ri_add02 .area ul li{ float:left; color:#FFF; font-size:18px; padding:0 10px; margin:5px 0;  border-right:1px solid #FFF;}
.ri_add02 .area ul li a:hover{ color:#CFC;}
.ri_add02 .dw_butt{ display:block; background:url(../image/add_ico02.png) no-repeat left #fff;background-position: 25px 10px; color:#6e8036; font-size:18px; width:155px; height:50px; margin:0; line-height:50px; padding-left:55px}


@media(max-width:1200px){ 
	
.pagination{ width:100%;}
#tabb {width:100%;}
#infor{width:100%;}
.n_tex{ width:100%; padding-left:10px;}
.messa{ width:100%;}

.new{width:100%; height:auto; }

	.foot-wechat{ text-align:center; width: 100%; float:none; padding-bottom: 20px;}
.foot-wechat img{ width: 50%; padding-top: 15px }
.ctt-box{width:100%; float:none; margin: 0}

	.btm_right{ padding-top: 0;}
	/*.index_foot .foot_share{ background:url(../images/bott_logo.png) no-repeat top center; padding-top:50px;  text-align:center; padding-left: 0; height: 110px}
	.work_time{ text-align: center; letter-spacing:0px; }
	.btm_ctt{ background:none; padding-left:0px; height:56px; margin-top:14px;}
	.btm_ctt h3{ display: none}
	.btm_ctt p{ text-align: center; width: 100%}
	.index_foot .tip .text{ padding: 0 5%; padding-top:14px;font-size:12px; line-height:20px ;  color:#9da6ae; letter-spacing:1px}
	
	.right_ul{ width:100%; float:none; }
	.left_p{ width:100%; float:none; text-align:center; padding-top: 20px}
	.btm_btm{height:auto; overflow: hidden; padding-bottom: 40px}
	.btm_end{ width:100%; margin:0; }
	.right_ul li{ float:left; width: 50%; margin-right: 0; text-align: center; line-height: 30px}
	.right_ul h3{float:none; margin-right: 0; width: 100% ; text-align: center}*/
	.tp-banner-container{ margin-top: 40px}



}




@media(max-width:414px){
.main { margin-top:70px;}
	.navbar.navbar-default .navbar-brand img{ width: 70%; margin:0;}
	.navbar.navbar-default .navbar-toggle{ margin-top: 18px; margin-right:20px;}
.tp-banner-container{ margin-top: 30px}
	.what .what_img img{ width: 30%; margin-top: 30px}
	.what_rig h2{font-size: 40px}
	.what_rig h3{font-size: 20px}
	.order_pp{font-size: 18px; line-height: 30px}
	.scan h4{font-size: 24px}
	.scan h5{font-size: 16px; letter-spacing: 0}
	.scan_but{width: 96%; padding: 0 2%}
	.oper h6{font-size: 36px}
	.tim_one,.tim_two,.tim_three{font-size: 20px}
	.flow_mob{  padding-top: 220px; padding-bottom: 60px}
	.oper{ height: auto}
	.tit_hed{font-size: 24px}
	.font_t{font-size: 14px; line-height: 20px}
	.class_li{ padding-bottom: 20px}
	.why{ height: auto; padding-bottom: 40px; overflow: hidden}
	/*.ski_js{ height: 50px;}
	.infor_lef ul li a, .infor_rig ul li a{width: 70%}
	.date, .infor_rig ul li .date{width: 30%;}
	.date{font-size: 16px}*/
	.new h1{ font-size: 36px; margin: 0; text-align: center; width: 100%}
	#about{ margin-bottom: 20px}
	.navbar-default .navbar-nav > li > a{font-size: 16px}

	.ba02{ display:block; width:100%;}
	.ba01{ display:none;}
	
.n_tit_img{ width:30%; height:auto; margin:auto; margin-top:20px;}
.n_tit_img img{ width:100%;}
.n_tex{ width:100%; margin-top:10px; margin-bottom:10px; }
.n_tex p a{ font-size:13px;}
.n_tex p span{ margin:0; margin:0 5px;}

#tabb {width:100%;height:auto; padding-top:0;}
 
#infor{width:100%;height:auto;}
.mus_butt{ margin:auto; width:60%; height:auto;}
.buttons{display:block;padding:8px;width:45%; border:1px solid #CCC;}
.a ul li .new_img{ float:left; width:40%}
.a ul li .news_rig{ float:left; width:55%; margin-left:10px;}
.news_rig .ne_p01{ color:#666666; font-size:1.3rem; line-height:25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_rig .ne_p02{ color:#999; font-size:1rem; line-height:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.a ul li{ width:100%; height:auto; margin-bottom:30px;}
.news_rig span{color:#999; margin-right:5px; display:block; height:38px; width:47%; float:left; margin-top:5px;}
.news_rig span img{ float:left; width:20%;}
.news_rig span i{ float:left; display:block;font-style:normal; line-height:20px; margin-left:5px;}

.b ul li .new_img{ float:left; width:40%}
.b ul li .news_rig{ float:left; width:55%; margin-left:10px;}
.b ul li{ width:100%; height:auto; margin-bottom:30px;}

/*内容*/
.conte .cont_co{ width:100%; margin:auto;}
.cont_co .left_con{ float:none; width:100%; height:auto;  margin-bottom:20px;}
.cont_co .right_con{ float:none;width:100%; height:auto; }
.subj{ padding:0px 15px; font-size:1.5rem;}

.part{ font-size:13px; line-height:25px; }
.part img{ margin-top:20px; margin-bottom:20px}

/*商业景观*/

.busi .jianjie{ width:100%; height:auto; padding: 10px;}
.jianjie .jj_img{ float:none; width:100%;}
.jianjie .jj_wen{  float:none;width:100%; height:auto; padding:0; padding:10px 0 10px 0; margin:0;}
.jj_wen h6{ font-size:1.8rem; line-height:30px; color:#333; display:block; font-weight:bold;}
.jj_wen .lin_l{ display:block; background:#6e8036; width:40px; height:3px; margin:0; margin-bottom:10px; margin-top:10px;}
.jj_wen { width:95%; line-height:25px; color:#999; font-size:13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; }

.busi .anli{ width:100%; height:auto; margin:auto; }
.anli_im{ width:35%; height:auto; margin:auto; margin-top:30px; margin-bottom:10px;}
.anli_im img{ width:100%;}
.mo_a{ width:100%; height:30px; margin:auto;}
.mo_a a{ padding:4px 20px; font-size:16px; float:right; color:#666;}
.al_lis{ width:100%; height:auto; padding:0 8px;}
.al_lis .li_list{width:47%; height:auto;float:left; margin:0; margin:5px;}
.li_list img{ width:100%;}
.li_list .al_txe{width:100%; height:80px;}
.al_txe .tex_01{ float:left; width:80%; margin-top:10px; margin-bottom:5px; font-size:1.3rem;}
.al_txe .tex_02{  font-size:12px; letter-spacing:0;}

.busi_jd{ width:100%; height:auto;}
.busi_jd .jianjie{ width:100%; height:auto; padding: 10px;}
.busi_jd .anli{ width:100%; height:auto; margin:auto; }


/*团队*/
.tm_tit_img{ width:60%; height:auto; margin:auto; margin-top:20px; margin-bottom:20px;}
.tm_tit_img img{ width:100%;}
.tea_m .zizhi{ width:100%; height:auto; padding:0 10px; }

.zizhi .zz_lie{ width:100%; height:auto;}
.zz_lie .lie_l{ width:100%; height:auto; margin:0; padding:0; padding:10px; margin-bottom:20px;}
.zz_lie .lie_l img{ width:100%;}
.lie_l p{ width:100%; font-size:1.5rem; padding:0; line-height:30px; padding-bottom:10px; }

.tiao{ display:none;}
.zizhi .zz_su{ width:100%;}
.zz_su ul .su_ry{ width:50%; padding:0;float:left; margin-bottom:20px; padding:10px 15px;}
.su_ry h1{font-size:20px; line-height:40px;}
.su_ry h3{ font-size:15px; letter-spacing:2px; }

.tea_m .crew{ width:100%; height:auto;}
.crew .tm_im{width:60%; height:auto; margin:auto; margin-top:50px; margin-bottom:30px;}
.crew .tm_im img{ width:100%; padding-top:30px;}
.tm_lis{ width:100%; height:auto;}

.tm_lis .tm_list{width:44%; height:auto;float:left; margin:0 10px 20px 10px;  /*border-bottom:1px solid #CCC;*/}
.tm_list img{ width:100%;}
.tm_list .tm_txe{width:100%; height:auto; padding:0 10px 15px 10px;}
.tm_txe .tex_01{ float:left; width:100%; margin-top:18px; margin-bottom:5px; font-size:1.6rem;}
.tm_txe .tex_01 i{ font-style:normal;font-size:1.1rem; margin-left:15px;}
.tm_txe span { padding:3px 12px; font-size:14px; float:none; }
.tm_txe .tex_02{  font-size:12px; margin-bottom:0; margin-bottom:15px; letter-spacing:0; }

/*关于*/
.ab_im{ width:100%; margin:auto; height:auto; margin-top:40px; margin-bottom:20px;}
.ab_im img{ width:100%;}
.aabb{ width:100%; padding:0 15px;}
.tea_m .zizhi_ab{ width:100%; height:1200px; margin:auto; border-bottom:1px solid #f1f1f1;}
.zizhi_ab .ab_lie{ width:100%; height:auto; padding:0 15px;}
.zizhi_ab .ab_lie img{ width:100%;}
.zizhi_ab .ab_lie p{ font-size:14px; line-height:25px; padding-top:10px;}

.crew_ab{ width:100%; margin:auto; height:1040px; padding:0 15px;}
.cul_01{ width:100%; height:auto; background:#f1f1f1;margin:30px 0; }
.cul_01 img{ width:100%;}
.cul_01 .cul_wzi{ float:left; margin-left:0px; width:100%; height:auto; padding:0;}
.cul_wzi h2{ font-size:26px; color:#333; line-height:50px;}
.cul_wzi h6{ font-size:12px; color:#666;}
.cul_wzi p{ font-size:13px;color:#666; line-height:25px; letter-spacing:1px; margin-top:15px; padding-bottom:25px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}

.cul_02{ width:100%; height:auto; background:#f1f1f1; margin:30px 0;}
.cul_02 img{ width:100%;}
.cul_02 .cul_wzi{ margin-left:0px; width:100%; height:auto; padding:0;}

.cul_03{ width:100%; height:auto;  margin:35px 0;}
.ent_01{ width:100%; height:auto; float:left; border:1px solid #e2e2e2;margin-bottom:20px;}
.ent_01 img{ float:left; padding:0; padding:20px 0 0 15px;}

.ent_01 .wz_ent{ float:left; margin-left:10px; width:60%; height:140px; padding:30px 20px;}
.wz_ent h2{ font-size:18px; color:#333; line-height:30px;}
.wz_ent h6{ font-size:12px; color:#999;}
.wz_ent p{ font-size:13px;color:#333; line-height:20px; letter-spacing:1px; margin-top:5px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.ent_02{ width:100%; height:auto; float:left; border:1px solid #e2e2e2; margin-bottom:40px;}
.ent_02 img{ float:left; padding:0;padding:20px 0 0 15px;}
.ent_02 .wz_ent{ float:left; margin-left:10px; width:63%; height:140px; padding:15px 20px;}



/**/

.desi_ab{ width:100%; height:720px; margin:auto; border-bottom:1px solid #f1f1f1;}
.desi_ab .ab_de{ width:96%; height:720px;margin:auto;}
.desi_ab .ab_de img{ width:100%;}
.desi_ab .ab_de p{ font-size:1.1rem; color:#666; letter-spacing:2px; line-height:25px; padding-top:10px;}
.desi_ab .ab_de p span{ display:block; width:100%; text-align:center; font-size:1.5rem; color:#333; padding-top:20px;}

/*案例*/
.mus_butt02{ margin:auto; width:93%; height:120px;}
.buttons02{display:block;padding:8px;width:30%; border:1px solid #CCC;}
.seek{ width:100%; height:45px; margin-top:30px; padding:0 10px;}
select{ width:48%; height:45px; border:1px solid #373737; margin:7px 3px; font-size:18px; padding-left:10px; }
.fieldset{ width:90%; height:45px;border:1px solid #999; float:right; background:#FFF; margin-top:10px; margin-right:20px;}
.type-ahead__input {padding: 9px 33px 9px 12px; border:none; border-radius: 0; font-size: 18px;letter-spacing: .4px;caret-color: #0c0307;color: #0c0307;outline: none;width:80%; float:left; }
.sub_ico{ display:block; float:right; width:50px; height:40px; }

/*底部*/
.index_foot02{ width:100%; height:240px; padding:0;}
.index_foot02 .messa02{ width:100%; height:240px; margin:auto;  padding:70px 25px;}
.m_wenz02{ float:none; width:100%;font-size:1.8rem; color:#333; line-height:30px;}
.m_wenz02 span{ font-size:1rem; color:#999; display:block; width:100%; line-height:30px;}
.m_wenz02 .sp_wen01{ font-size:1.8rem; color:#333;}

.ewm02{ float:none; width:100%; margin-top:30px;}
.ewm02 .m_box{ width:50%; margin:auto;}
.m_box .cas{ width:100%;}
.m_box .cas img{ width:100%;}
.m_t0u02{ width:50%; margin:auto;}
.m_t0u02 div{ float:left; width:30px; height:25px;  margin:15px 10px;}

.btm_btm02{ background:url(../image/dibu_bg.jpg) no-repeat center;/* background-color:#738539; */height:125px; width:100%;}
.btm_btm02 .btm_end{ width:100%; margin:auto; }
.btm_btm02 .left_p{ width:100%;  font-size:14px; line-height:20px; padding-top:50px; color:#FFF; text-align:center;}
/*联系*/
.conta{ width:100%;height:1050px;}
.us_lianxi{ width:100%; height:1000px;}
.cont_im{ width:30%; height:auto; margin:auto; margin-top:40px; margin-bottom:0px;}
.cont_im img{ width:100%;}
.le_map{ float:none; width:90%; margin:auto; }
.le_map img { width:100%;}
.ri_add{ display:none;}
.ri_add02{ display:block; width:100%; height:699px; background:url(../image/call_dz_bg02.jpg) no-repeat center; padding-top:230px;}
.ri_add02 .addre{ width:85%; height:auto; margin:auto; }
.ri_add02 .addre h1{ font-size:2rem; font-weight:bold; line-height:40px; color:#FFF;}
.ri_add02 .addre h1 span{font-size:1.8rem;}
.ri_add02 .addre h6{ font-size:1.3rem;text-transform: uppercase; line-height:30px;color:#FFF;}
.ri_add02 .addre hr{ width:120px;  background:#FFF; margin:0; margin:10px 0;}
.ri_add02 .addre p span{ line-height:25px;color:#FFF;font-size:16px;}
.ri_add02 .addre p em{ line-height:25px;color:#FFF;font-size:16px;}
.ri_add02 .area{width:85%; height:auto; margin:auto; margin-top:10px; margin-bottom:25px ;}
.ri_add02 .area ul{ width:100%; height:auto;}
.ri_add02 .area hr{ width:120px; margin-left:0;}
.ri_add02 .area ul li{ float:left; color:#FFF; font-size:14px; padding:0 7px; margin:6px 0;  border-right:1px solid #FFF;}
.ri_add02 .area ul li a:hover{ color:#CFC;}
.ri_add02 .dw_butt{ display:block; background:url(../image/add_ico02.png) no-repeat left #fff;background-position: 25px 5px; color:#6e8036; font-size:18px; width:155px; height:40px; margin:0; line-height:40px; padding-left:55px}
}

@media(max-width:400px){.su_ry h3{ font-size:16px; letter-spacing:2px; line-height:20px; }}
@media(max-width:320px){
	.zz_su ul .su_ry{ width:50%; padding:0;float:left; margin-bottom:20px; padding:10px 15px;}
	.su_ry h3{ font-size:14px; letter-spacing:2px; line-height:20px; }
	.tm_lis .tm_list{width:43%; height:auto;float:left; margin:0 10px 20px 10px;}
	.tm_txe .tex_01{ font-size:1.2rem;}
	tm_txe .tex_01 i{ font-size:12px;}
	
	.m_t0u02 div{ float:left; width:30px; height:25px;  margin:15px 5px;}
	}




.al_pic{width:100%; height:250px; overflow:hidden}

@media (max-width: 414px) {
   .al_pic{   height:126px; }
}
 