@charset "utf-8";
/* CSS Document */
/*导航页*/
.nav_index{width: 100%; height: 100%; background:#dbd7d8; background-size: 100% 100%;}
.index{width: 100%;  background-size:100% 100%; }
.nav1,.nav2{width: 80%;margin: 0 auto;height:9em;padding-top: 3em;}
.nav1 span{vertical-align: top;font-size: 1.2em;display: inline-block;}
.index1{width: 65%; height: 5em;}
.index1 img{width: 98%;margin-left: 5%;overflow: 
	;}
.index2{width: 33%; background: #0c57be;text-align: center;line-height: 5.1em;}
.index2 a{color: #fff;}

.nav2{height: 6em; padding: 0 !important;}
.nav2 span{vertical-align: top;font-size: 1.2em;display: inline-block;}
.nav2 span img{width: 100%;height: 100%;}
.index3{width: 32%; }
.index3 img{width: 100%;}
.da4b05{background: #3079dc;}
.index0{background: none !important;}


img{width: 100%;}
.f5400{color:#f54000 !important;}
.yindao{width: 100%; height: 100%;}
.warp{width: 100%;height:100%; background: url(../images/daohangbj.jpg) no-repeat; background-size: 100% ;}
.daohang{width: 20%; margin-left:5%; }
.daohang .iconfont{font-size: 1.52em; color: #996d38;}
.daohang{width: 20%; margin-left:5%; }
.daohang .iconfont{font-size: 1.52em; color: #fff;}
.header1{width: 100%; height: 3.2em; font-size: 1.2em;  line-height: 3em; text-align: center;z-index: 999; color: #fff; background: #1c2228;}
.sidenav_on{display: block; color: #996d38; margin-right: 3%;}
.sidenav_on .iconfont{color: #996d38; font-size: 1.5em;}
.nav{width: 60%;position: fixed;top: 3.2em;right: 0;}
.nav li{width: 100%; padding-left: 9%; height: 2.5em; line-height: 2.5em;background: #313335 ;padding-right: 5%; text-align: left; border-bottom: 1px solid #515050;}
.nav li a{display: block;color: #fff;}
.nav li .iconfont{color: #fff;font-size:.8em;	}
.nav_on{background: #444343 !important;}
.nav_on a{color: #fff;}
/*/loge*/
.login_n{width: 18%;float: left;margin-top: 0.2rem;font-size: 14px;}
.login_n a{color: #FFF;}
.logo{width: 60%; margin-top: .2em; /*margin-left: 5%;*/ color: #fff;}

/*第一个部分*/

.in_tit{width: 100%; background: url(../images/in_tit.jpg) center no-repeat; background-size: 100%;  height:1.5em;  text-align: center; color: #edc766; margin-top: 1.5em; line-height: 1.6em;}
.in_tit span{display: block; font-size:.9em;}
.title_li1{width: 30%; color: #333; margin-left: 2%;}
.title_li2{width: 60% ;color: #fff;}
.bzheng{width: 100%; padding: 0 1%; margin-top: .8em;}
.bzheng li{width: 100%; margin-top: .8em;}
.bzheng li span{display: inline-block !important;}
.lis_sty{width: 1.5em; height: 1.5em; border-radius: 50%; background: #17a0cb;color: #fff; text-align: center;line-height: 1.5em;}
.lis_zi{width: 90%; font-size: .8em; color: #666; margin-left: 2%; line-height: 1.5em;}
.f_s_103{font-size: 1.3em !important;}
.liucheng{width: 95%; margin: .8em auto;height: 2em; font-size: .9em;color: #fff;background: #008cb8; text-align: center;}
.lc_list li{width: 100%;border-bottom: 1px dashed #cccccc; padding-bottom: .4em; margin-top: .4em;}
.lc_list li span{width: 45%; display: inline-block;padding-left:3%;}
.lianx{color:#008cb8; width: 95%; margin: 1em auto; height: 3em; background: #e0e0e0;}
.lianx .iconfont{font-size: 2.3em !important; }
.dianhua{font-weight: bold;width: 20%;text-align: right;line-height: 1.5em !important; padding-right: 3%;}
.lianx span{display: inline-block; line-height: 1.5em; vertical-align: top;}
.lixidih{width: 60%;}
.lixidih i{display: block;}

/*项目工程展示*/
.tabs_title{width: 100%;background: #dfdfdf; padding: 0 !important;height: 3em;overflow: hidden;box-shadow: 1px 2px 2px #999; margin-bottom: .5em;}
.tabs_title span{width: 48%; display: inline-block;padding-left: 3%}
.leiming{background: #008cb8; height: 3em; line-height: 3em;color: #fff;}
.lei_more{background: #dfdfdf; height: 3em; line-height: 2em; color: #666; text-align: right; padding-right: 3%; }
.anli1{width:100%;margin-top: .8em;padding-bottom: 1.5em !important;}
.anli1 a{display: inline-block;width: 44%;  margin-right: 5%; margin-top: .8em;vertical-align: top; text-align: center;line-height: 1.5em; height: 14em;}
.anli1 a img{width:100% !important; border:1px solid #e0e0e0;padding: 5px;height: 11em;}
.anli1 a:nth-child(2){margin-right: 0;}
.sanjiao{width: 5%; height: .5em;background: url(../images/sanjiao.png) no-repeat; top: 3em;left:19%;}
.gcshi{border:none !important; padding: 0 !important; margin-top: .8em;}
.gcshi i{display:block;line-height: 1.5em; text-align: left;}
.anli1 a i:nth-child(1){overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.new_nr{height: 4.8em; overflow: hidden;}
.new_nr1{height: 9em;text-align: left;}
.news_list{width: 100%;}
.news_list li{width: 100%; border-bottom: 1px dashed #e0e0e0;padding-bottom: .5em; clear: #666; padding-left: 3%;}

/*关于我们*/
/*公司介绍*/
.neirong {padding-bottom: 1.5em; width: 100%; padding: 2%; clear: both;}
.neirong img{max-width:100%;width:auto;display:inline-block;}
h4{color: #2f34ff !important;margin-top: .8em;}
.wz_neir{width: 96%;margin: 0 auto;}
.wz_neir p{text-indent: 2em; color: #666;margin-top: .5em;}
.tabs{width: 100%;margin: 0 auto; }
.tabs > ul >li{width: 50%;height: 2.5em;background: #d6d5d5; text-align: center;line-height: 2.5em;font-size: 1.1em; float: left; color: #666;}
.tabs > ul > li:nth-child(3){width: 34% !important; border-right: none;}
.tabs_on{background: #2f34ff !important;color: #fff !important;}
.neirong p{color: #666;line-height: 1.5em;}
.yindaoci{color: #333 !important;line-height: 1.5em;font-family: "方正黑体简体"; margin-top: 1em;}
.ruishi,.deguo{background: url(../images/g_1.jpg)left top no-repeat;background-size:8%; padding-left: 10%;line-height: 1.2em !important;margin-top: .8em;}
.deguo{background: url(../images/g_2.jpg)left top no-repeat !important;}
.hengfu{width: 100%;height: 4em;text-align: center;line-height:4em;font-size: 1em;margin-top: 1.5em;background: #2e3541; }
.hengfu span{display: inline-block;color: #fff;font-family: "宋体";}
.hengfu_l{margin-left: 3%;}
.hengfu_r{width: 25%;height: 2em;border-radius: 15px;background: #fff;color: #0c57be !important; margin-right: 3%;margin-top: 1em;line-height: 2em !important;}
.huoban{margin-bottom: 3em;}
.huoban li{width: 30%; margin-right: 3%;float: left;border: 1px solid #e0e0e0;margin-top: .8em;height: 3em;}
.huoban li img{width:100% !important;}
.rongyu {width: 102%;overflow: hidden;}
.rongyu li{width: 46%;margin-right: 4%;margin-top:0.5em;float: left; text-align: center;}
.rongyu li img{width: 96%; padding: 5px;border: 1px solid #e0e0e0;}













.pic{text-indent: 0 !important; }
.pic img{ width: 46%; margin-right: 2%;}
.tabs2{padding-bottom: 1em;}
.gsjj_l p{margin-bottom: .8em;color: #666; font-size: .8em; text-indent: 2em;}
.anli2 img{border:1px solid #e0e0e0;padding: 5px; margin-right: 2%; width: 45%; float: left;}
.anli2 img:nth-child(2){margin-right: 0;}
.neirong .anli1{padding:0!important;}
/*设计师团队*/
.yzqdzs{width: 98%;margin:0 auto; padding-bottom: 2em;}
.yzqdzs ul li{width: 48%; margin-right:4%; background: #eff0f0; max-height: 18em; float: left;margin-top: .5em;box-shadow: 1px 2px 5px #999; padding-bottom: .5em;overflow: hidden;}
.yzqdzs ul li:nth-child(2n+2){margin-right:0; }
.yzqdzs_top1{width: 5.5em;height: 5.5em;overflow: hidden;border-radius: 50%;margin: .5em auto; border: 1px dashed #333; padding: .2em;}
.yzqdzs_top {width: 5em;height: 5em;overflow: hidden;border-radius: 50%; }
.yzqdzs_top img{width: 100%;}
.yzqdzs_bottom{height: 12.5em;overflow: hidden;}
.yzqdzs_bottom h2,.yzqdzs_bottom1 h2{font-size: .9em; text-align: center;margin: 0; line-height: 1em;}
.yzqdzs_bottom p, .yzqdzs_bottom1 p{font-size: .8em;}

/*设计师团队详情*/
.tpzsj{padding-bottom: 5em;}
.tpzsj_list{width: 100%; padding-bottom: 1em; overflow: hidden;}
.tpzsj_list ul li{width: 49%;overflow: hidden; float: left;;margin-top: .4em; padding: .2em 1% .2em 1%;height: 14em; }
.tpzsj_list ul li a {text-align: center;display: block;}
.tpzsj_list ul li a img{height: 12em;}
.qywh_pic_spa{width: 100%;}
.qywh_pic_spa img{width: 100%;}
.tpzsj p{text-indent: 0em;color: #333;font-size: 1em; text-align: center;}
.tpzsj i{font-size: .9em; color: #666; display: block; line-height: 1.5em;}



/*品牌故事*/
.scjg{width: 100%; padding: 2%;}
.scjg p{color: #333;font-family: "方正黑体简体"; line-height: 1.5em;margin-top: .5em; text-indent: 2em;}

#picScroll2{margin-top: 1em; margin-bottom: 2em;}
#picScroll2 .hd .next,#picScroll2 .hd .prev{width: 4%; height: 3em; display: block;  float: left;}
#picScroll2 .hd .next img,#picScroll2 .hd .prev img{width: 100%;}
#picScroll2 .bd{padding-bottom: 2em;}
#picScroll2 .li_round{width: 90%; font-weight: lighter;}
#picScroll2 .li_round .li_round1{width: 48% !important;  float: left; margin-right: 1% !important; position: relative;height: 14em;}
#picScroll2 .li_round .li_round1 span{width: 98% !important; display: inline-block!important; border: 1px solid #e0e0e0; padding: 5px;height: 12em;}
#picScroll2 .hd{position:absolute;width:100%;height:1em; padding-top:.3em; bottom:0; z-index:1; text-align:center;}

#picScroll2 .hd ul{width: 80%; display: block; margin: 1em auto 0 auto; text-align: center; height: 1em !important;}
#picScroll2 .hd ul li{ display:inline-block; width:.5em; height:.5em; border-radius:50%;  -webkit-border-radius:50%; -moz-border-radius:50%;background: #000;opacity:.5; text-indent:-9999px; overflow:hidden; margin:0 .3em; cursor:pointer;text-align: center; }
#picScroll2 .hd ul .on{background: #008cb8;background-size: 100% 100%; opacity:1;}
.ls_title1{width: 100%; text-align: center;}

/*新闻中心*/
.news_loeiao{width: 100%; padding-bottom: 3em;}
.news_loeiao li{margin-top: 1.5em; height: 9em;overflow: hidden;}
.title{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}

/*新闻详情*/
.rong_xq{width: 96%; margin: 0 auto;}
.new_tit{border-bottom: none !important;font-size: 1.2em;text-align: center;}
.xwxq_time{width: 100%; text-align: center;border-bottom: 2px solid #e0e0e0;padding-bottom: .5em;}
/*联系我们*/
.conteact p{text-indent: 0 !important;}

/*产品中心*/
.ck_more{width: 28%;height: 2em; text-align: center;line-height: 2em;color: #fff;background: #bdbdbd;margin-top: 1em;margin-left: 3%;}
.pho_cpzx{width: 96%;margin: 1em auto auto;}
.pho_cpzx li{width: 48%; margin: 0 1% .5em 1%;float: left;height: 14em; text-align: center;line-height: 2em; color: #333;}
.pho_cpzx li a img{height: 12em;}
.fenlei{top: 1em;left: 0; width: 100%; border-top: 1px solid #e0e0e0;padding: .5em 2% 1em 2%;background: #fff;}
.fenlei1{width: 98%; border-bottom: 1px solid #ff5400;padding-bottom: .3em;	}
.fenlei p{margin-top: .5em;}
.fenlei1 li a{ float: left;font-size: .8em;color: #666; margin:0 5%;}
.close{width: 2em;height:2em; top: .5em;right: 4%;display: block;}
.close img{width: 100%; height: 100%;}

/*产品详情*/
.xqjs_xq{width: 100%;border-bottom:1px solid #e0e0e0;margin-bottom: 10px;font-family: "宋体";font-weight: bold;margin-top: 30px;}
.xqjs_xq span{width:30%;display: block;height: 35px;line-height: 35px;border-bottom:1px solid #2f34ff;}
.anli_xq{width: 100%; padding:1em 2% 3em 2%;}
.xq_l{width: 48%;border: 1px solid #e0e0e0;display: inline-block;}
.xq_l img{width: 98%; padding:5px;}
.xq_r{width: 48%;margin-left: 2%;display: inline-block;vertical-align: top;}
.xq_r i{display: block; line-height: 1.5em;vertical-align: top; margin-top: .3em; font-size: .8em; }
.anli_xq p{margin-top: .5em;}

/*工程案例*/
.shoufang{margin-top: 1em; border-top: 1px solid #c7c8c8; }
.por_center1{width: 100%; border-bottom: 1px solid #c7c8c8; }
.li_show1{display: block;width: 100%; background: #dcdddd;}
.li_left{width:14%; border-right: 1px solid #e0e0e0;padding: .8em; }
.li_left .iconfont{font-size: 1.8em;display: block;}
.li_right{text-align: left;display: block; width: 86%; padding-left: 5%; line-height: 3em;}
.por_pic{width: 100%; padding-top: .3em; font-size: .8em;color: #fff;}
.beijing{background: #2f34ff; color: #fff;}
.beijing1{background:#2f34ff; color: #fff !important;}

.neirong_xq p{padding: 0 2%;}
.neirong_xq p span{color: #2323b4;margin-right: 3%;}
.neirong_xq p span i{font-size: 1.5em;}


/*css-by zyc*/
.lr1{overflow: hidden;text-overflow: ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;}
.lr2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.z_search{background: #c9c9ce;padding: 10px;}
.z_search_input{height: 30px;border-radius: 5px;background: #FFF;outline: none;border:none;text-indent: 30px;}
.z_search input[type="submit"]{display: block;width:40px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;background: rgba(255,255,255,0);outline: none;border: none;}
.z_search img.icon{z-index: 20;width:16px;height: 16px;top: 17px;left: 15px;display: block;}
.cx_ul{background: #FFF;margin-top: 10px;padding:0 0 0 10px;}
.main_z{background: #f3f3f3;}
.cx_li{padding: 10px 0;border-bottom: 1px solid #e5e5e5;}
/*.cx_li span{padding: 2px 10px;border:1px solid #2f34ff;color: #2f34ff;border-radius: 5px;margin: 5px 0;display: inline-block;line-height: 1.4;}*/
.cx_li p{color: #666;margin: 3px 0 5px;line-height: 1.4;}
.cx_li p.time{color: #999;font-size: 14px;}
.cx_li a{color: #2f34ff;margin-left: 30px;}
.zj_li{display: block;padding: 10px 0;border-bottom: 1px solid #e5e5e5}
.zj_ul{padding:0 0 0 10px;background: #FFF;margin-top: 10px;}
.zj_li .img{width: 80px;height: 80px;overflow: hidden;border-radius: 40px;margin-right: 10px;}
.zj_li .img img{min-width: 100%;min-height: 100%;max-width: 110%;max-height: 110%;vertical-align: middle;}
.zj_li h3{margin-top: 0;color: #333;}
.zj_li p.time{font-size: 14px;color: #999;margin-top: 5px;}
.zj_li p.time span{display: inline-block;padding: 1px 5px;border:1px solid #2f34ff;color: #2f34ff;margin-right: 10px;border-radius: 3px;}
.zj_dt_box{padding: 10px;margin-top: 10px;background: #FFF;}
.zj_dt_box img{display: block;margin: 0 auto;margin-bottom: 10px;max-width: 100%;}
.zj_dt_bb{padding: 10px 0;background: #FFF;margin-top: 10px;}
.zj_dt_bb h3{text-indent: 15px;margin-bottom: 5px;}
/*东方*/
.zdf_hm{background:#f3f3f3;}
.zdf_syf .neirong{padding-left:0;padding-right:0;padding-top: 20px;}
.zdf_syf li input,.zdf_syf li textarea{border:0;outline: none;resize: none;padding-left:25px;}
.zdf_syf li input{height:28px;margin-top: -2px;vertical-align: middle;}
.zdf_syf select{border:none;outline: none;padding-left: 25px;height:28px;}
.zdf_syf textarea{height:60px;vertical-align: middle;margin-top: 10px;font-size:14px;padding-top: 2px;}
.zdf_syf ul{margin-bottom:10px;padding-left:15px;border-top:1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;background:#fff;}
.zdf_syf li{border-bottom: 1px solid #d9d9d9;line-height:40px;color:#333;position: relative;}
.zdf_syf li .z_bt{color:#f00;font-size:12px;position: absolute;top:0px;right:5px;}
.zdf_syf li:last-child{border-bottom: none;}
.zdf_syf li:last-child label{vertical-align:top;}
.zdf_syf input[type="radio"]{width:20px;vertical-align: middle;margin-left: 15px;height:18px;}
.zdf_tj{color:#fff;width:200px;height:40px;background:#2f34ff;border:0;outline: none;display: block;margin:15px auto;border-radius:5px;}


.zdf_dl{margin-left: 0;}
.zdf_ma{padding:50px 30px;}
.zdf_ma li{position: relative;}
.zdf_ma li label{position: absolute;top:10px;left:10px;width:20px;height:20px;display: block;opacity:.4;}
.zdf_ma li:first-child label{background: url(../images/user_icon.png) no-repeat center;background-size:auto 100%;}
.zdf_zc li:nth-child(2) label{background: url(../images/phone_icon.png) no-repeat center;background-size:auto 100%;}
.zdf_ma li:last-child label{background: url(../images/password_icon.png) no-repeat center;background-size:auto 100%;}
.zdf_ma li input{width: 100%;border:1px solid #ced6dc;border-radius:3px;line-height: 40px;padding-left:40px;margin-bottom: 20px;}
.zdf_dlbtm{width: 100%;border-radius:3px;line-height: 40px;background:#2f34ff;border:0;color:#fff;box-shadow: 0px 5px 0px 0px #0c0ee9;
} 
.zdf_ma p{text-align: center;margin:10px 0 30px;}
.zdf_ma p a{color:#a1b1c2;text-decoration: underline;}
.zdf_mfzc{width: 100%;border-radius:2px;line-height: 40px;background:#404e5c;color:#fff;display: block;text-align: center;margin-top: 20px;box-shadow: 0px 5px 0px 0px #101417;
}
.zdf_ma li .z_bt{color:#f00;font-size:12px;position: absolute;top:-16px;right:5px;}

.z_nav{line-height: 36px;margin-bottom: 10px;}
.z_nav a{display: block;width: 33.333%;text-align: center;height: 36px;font-size: 14px;border-bottom: 2px solid #e5e5e5;}
.z_nav a.on{color: #2f34ff;border-color: #2f34ff;}