@charset "utf-8";
/* CSS Document */
body{font-size:12px; background-color:#f2f2f2 ;line-height:2.0;font-family:"Microsoft Yahei",Arial,tahoma,arial!important;margin:0;padding:0;font-style:normal!important;font-variant:normal!important;color:#333333;min-width:1200px;}
dt,dl,dd{margin:0;padding:0;}
a{color:#646464;text-decoration:none;}
a:hover{color:#ff5a00;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}
* html .clearfix{zoom: 1;}
*:first-child+html .clearfix{zoom: 1;}
*{margin:0;padding:0;}
.cell, .cell2, .cell3{border-collapse:collapse;border-spacing:0;}
.fl{float:left;}
.fr{float:right;}
.st{font-family:SimSun;}
.yh{font-family:"Microsoft Yahei";}
img{border:0px; }
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
dl,dl dt,dl dd{margin:0px;padding:0px;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input{ outline:none;}

.border_right1{border-right:1px solid #b8dbc4;}
.border_right0{border-right:0px;}
.mt19{margin-top:19px;}
.mt18{margin-top:18px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt22{margin-top:22px;}
.mt20{margin-top:20px;}
.ml6{margin-left:6px;}
.mt6{margin-top:6px;}
.w-1000{ width:1000px; margin:0 auto; position:relative;}
.w-1005{ width:1005px; margin:0 auto; position:relative;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}
.fixer{ position:fixed; left:0px; top:0px;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px"); z-index:9999;}

/*new header*/
.cndns-top-banner{ background-color:#d95900; height:36px; text-align:center;}
.cndns-top-banner a{ display:block;}
.cndns-top-banner p{ color:#fff; font-size:14px; line-height:36px;}
.cndns-top-banner .close-btn{ position:absolute; right:0; top:10.5px; width:15px; height:15px; background:url(../images/top_clo.png) no-repeat;}
.cndns-top-banner .close-btn:hover{opacity: 0.8}

.cndns-header{ min-width:1200px; background-color:#fff; height:60px; position:relative; border-bottom:1px solid #e8e8e8}
.cndns-header-logo{ display:block; width:165px; height:60px; background:url(../images/02index-logo.png) no-repeat center; padding:0 15px;}
.cndns-header-nav{ margin-left:20px;}
.cndns-header-nav li{ float:left;}
.cndns-header-nav li a.nav-btn{ display:block; line-height:58px; color:#333; font-size:14px; padding:0 15px; border-bottom:2px solid #fff; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; position:relative}
.cndns-header-nav li:hover a.nav-btn{ color:#ff6800; border-bottom-color:#ff6800}
.cndns-header-nav li .nav-btn sup{ width:21px; height:11px; position:absolute; right:2px; top:10px; background:url(../images/02index-spri.png) no-repeat;}
.cndns-header-nav li .nav-btn sup.hot{ background-position:0 -2193px;}
.cndns-header-nav li .nav-btn sup.new{ background-position:0 -2204px;}
.cndns-header-info{ margin-right:5px;}
.cndns-header-info-btn{ float:left; line-height:60px; margin-right:20px; color:#333; font-size:14px;}
.cndns-header-info-btn:hover{ color:#ff6800;}
.icon-arrow-down{ display: inline-block;  border: 4px solid transparent; border-top: 5px solid #5a5a5a;width: 0; height: 0px; margin-left: 5px; vertical-align: -1px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.cndns-header-info-btn.last{ width:80px; height:30px; text-align:center; line-height:30px; margin-top:15px; border-radius:3px; border:2px solid #ff6800; color:#ff6800;}
.cndns-header-info-btn.last:hover{background-color:#ff6800; border-color:#ff6800; color:#fff}


.btn1fr{min-width:1200px;height:273px;background-color:#f7f7f7;}
.btn1{width:1200px;margin:0 auto;padding:0;}
.btn1 dl{float:left;margin-top:32px; width:130px; margin:32px 22px 0 0;}
.btn1 dl dt{width:100%;line-height:26px;overflow:hidden;font-size:12px;}
.btn1 dl dt a{color:#333; font-weight:bold;}
.btn1 dl a:hover{text-decoration:underline;}
.btn1 dl dd{width:100%; line-height:20px; position:relative;}
.btn1 dl dd .yjhd{ position:absolute; top:-60px; left:60px; z-index:2; display:none;}
.btn1 dl dd a{color:#666;}
.btn1_t{ width:205px; float:right; margin:32px 35px 0 0}
.btn1_t h4{ color:#333; font-size:12px; line-height:26px;}
.btn1_t_r p{ margin-bottom:4px;}
.btn1_t_r p,.btn1_t_r a{ color:#666; font-size:12px; background:url(../images/cndns_domainname_chinese_img.png) no-repeat; background-position:-877px -508px; padding-left:30px; line-height:24px;}
.btn1_t_r a{background-position:-877px -535px; display:block;}
.btn1_t_r a:hover{ color:#ff5a00;}

.btn2fr{overflow:hidden;margin:0px auto; background-color:#FFFFFF; padding:10px 0;}
.btn2fr a{ color:#4d4d4d}
.btn2fr a:hover{ color:#ff5a00}
.btn2fr p{line-height:20px;color:#4d4d4d; color:#666; font-size:12px; background:#fff; text-align:center; line-height:25px;}
.btn2fr p.p1{;margin-top:17px;}
.btn2fr p.p1 a{color:#4d4d4d; font-size:12px;}
.btn2fr p.p1 a:hover{color:#ff5a00;}
.btn2fr p.p3{text-align:center;}
.btn2fr p.p3 a{color:#f86d0d;margin:0px 5px; font-size:12px;}
.btn2fr p.p3 a:hover{text-decoration:underline;}
.btn2fr p.p4{width:100%;overflow:hidden;text-align:center;margin-top:10px;}
.btn2fr p.p4 img{ display:inline-block}

.btn3fr{width:100%;border-bottom:1px solid #dfdfdf; padding:18px 0;}
.btn3fr a{ display:inline-block; color:#333; font-size:12px; line-height:20px;}
.btn3fr a:hover{ color:#ff6800}
.btn3fr span{ display:inline-block; color:#7a7a7a; margin:0 8px; font-size:12px;}


@media screen and (max-width:1440px){
  .cndns-header-nav{ margin-left:0}
  .cndns-header-nav li a.nav-btn{ padding:0 8px;}
  .cndns-header-info-btn{ margin-right:10px;}
  .cndns-header-nav li sup{ right:-2px;}
  .cndns-header-logo{ padding:0 10px;}
}

.loading {display:block;background:url(../images/loading.gif) no-repeat;width:24px;height:24px;float:left;margin-top:8px;margin-left:5px;}

.min-header{ position:fixed;top:0;left:0; width:100%; z-index:9999;}
.min-header .min-box{width:1200px; margin:0 auto; }
.min-header {background:#d95900 center;  height:60px;}
.min-header .min-logo{float:left; margin-top:10px; }
.min-header .min-nav{float:right;}

.min-header .min-nav ul li{display:inline; float:left; margin-left:20px; }
.min-header .min-nav ul li p{ text-align:center;}
.min-header .min-nav a{ font-size:18px; text-align:center; line-height:35px; color:#FFFFFF; }
.min-header .min-nav a:hover{color:#FFCC33;}
.min-banner{background:url(../images/min-banner.png) scroll no-repeat center; width:100%; height:400px;}



.lanmunav {border:1px solid #cccccc; width:278px; margin-top:15px; margin-left:15px; margin-bottom:10px;}
.lanmunav a{display:inline-block; margin:5px 0px 8px ; width:84px; float:left; height:20px; line-height:20px; text-align:center;}
.lanmunav a:hover{background-color:#343233; color:#f5930a; text-decoration:none;}
.lanmunav dl{margin:8px; display:block;}
.LINE{ height:10PX;}
.lanmunav dl dt span{width:16px; height:16px; color:#333; font-size:16px; font-weight:bold; padding-left:20px;}
.lanmunav dl dt span i{ color:#999;}
.lanmunav dl dt{border-bottom:1px dashed #999; height:30px;}
.lanmunav .office span{ background:url(../images/bg.gif) scroll  -165px -412px  no-repeat; }
.lanmunav .space span{ background:url(../images/bg.gif) scroll  -165px -436px  no-repeat; }
.lanmunav .shops span{ background:url(../images/bg.gif) scroll  -165px -390px  no-repeat; }



.culture_main{ background:#fff; padding:50px 0 100px 0;}
.culture_main .w-1000{ width:1040px;}
.culture_main_l{ width:276px; background:#ff6800; padding:30px 0 85px 0; position:relative;}
.culture_main_l p{ color:#ffffff; font-size:16px; line-height:28px; width:210px; padding-left:30px;}
.culture_main_l i{display:block; position:absolute; right:0; top:0; width:8.5px; height:100%; background:#96cb11;}
.culture_main_r{ width:700px; border:7px solid #f2f2f2;}
.picScroll-left{ width:1000px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;  }
.picScroll-left .hd ul{  overflow:hidden; zoom:1; margin-top:30px; zoom:1; width:100%; text-align:center;}
.picScroll-left .hd ul li{ width:6px; height:6px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; display:inline-block; background:#b7b7b7; border:2px solid #fff; -moz-border-radius: 50%;-webkit-border-radius:50%; border-radius:50%; }
.picScroll-left .hd ul li.on{ background:#fff; border-color:#ff6800;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li img{ width:1000px; height:460px; display:block;}

.culture_main_nr{ position:absolute; left:0; top:0; width:260px;}
.culture_main_nr h3{ color:#ff6800; font-size:38px; position:relative; z-index:1; font-weight:normal; width:195px; margin:0 auto; line-height:38px; padding:90px 0 10px 0}
.culture_main_nr p{ color:#fff; font-size:16px; position:relative; z-index:1; width:195px; margin:0 auto; line-height:28px;}
.culture_main_nr_bg{ position:absolute; left:0; top:0; width:260px; height:460px; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}


.honor_main{ width:1000px; margin:60px auto 100px auto;}
.honor_main .p1{ text-align:center; color:#ff6800; font-size:14px; line-height:24px; margin-bottom:50px;}
.honor_main_m{ min-height:1012px; background:url(../images/doc_8.jpg) no-repeat center center #fff; width:100%; position:relative; padding:65px 0;}
.honor_main_m p{ color:#888888; font-size:14px; line-height:23px; position:absolute; width:400px;}
.honor_main_m p span{ color:#ff6800; font-size:26px; line-height:26px; display:block; padding-bottom:2px;}
.honor_main_m p.p2{ top:0; width:100%; text-align:center;}
.honor_main_m p.p3{ bottom:735px; left:25px; text-align:right;}
.honor_main_m p.p4{ bottom:585px; right:25px;}
.honor_main_m p.p5{ bottom:492px; left:25px; text-align:right;}
.honor_main_m p.p6{ bottom:419px; right:25px;}
.honor_main_m p.p7{ bottom:275px; left:25px; text-align:right;}
.honor_main_m p.p88{ bottom:182px; right:25px;}
.honor_main_m p.p9{ bottom:98px; left:25px; text-align:right;}
.honor_main_m p.p10{ bottom:0; width:100%; text-align:center;}
.honor_main_m p.p11{ bottom:855px; right:25px; text-align:left;}




.z_x_zhit{ font-size:22px; color:#000000; border-bottom:1px solid #bfbfbf; padding-bottom:10px;}
.z_x_xi{ font-size:14px; color:#5b5b5b; margin-top:10px; line-height:22px;}
.z_x_xi a{margin-right:8px; line-height:30px; border:1px solid #333; width:120px; display:block; float:left; padding:3px; margin-top:10px; text-align:center;}

.z_x_xf{ height:128px; width:1200px; position:fixed; top:0px; z-index:50; background:#fff;}
.z_x_xf1{width:1200px; position:fixed; top:0px; z-index:50; background:#fff;}
.z_x_xf2{width:1200px; position:fixed; top:0px; z-index:800; background:#fff;}


.m-1{display:inline;  ; width:678px;   margin:20px 15px 20px 0; }
.article .article-nav{background:url(../images/bg.gif) scroll  -175px -349px no-repeat; height:40px; width:630px; line-height:40px; padding-left:40px; font-size:14px; color:#666;border-bottom:1px dashed #999; }
.article .article-nav a{color:#333;}
.bm-box {height:705px; color:#474747;}
.bm-box table{margin-left:10px;}
.bm-box p{margin:10px 10px; line-height:22px; color:#757575;}
.bm-box b{ font-size:14px; color:#CCC;}
.bm-box  input{border:1px solid #b5b5b6; height:27px; font-size:12px; color:#999;margin-left: 10px; }
.bm-box  select,textarea{border:1px solid #b5b5b6; height:27px; font-size:12px; color:#666;margin-left: 10px;}
.bm-box .button{background:url(../images/button.gif) scroll no-repeat; width:110px; height:37px; margin-top:20px; cursor:pointer; font-size:14px; color:#e6e7e8; font-weight:bold; border:none;}
.bm-box span { color:#757575;}
.bm-box span strong{color:#F00;}
.bm-box .radio{position: relative; top:8px;}

.piList3 {}
.piList3 ul { width: 1200px; }
.piList3 ul li { float: left; width: 256px; margin: 40px 25px 0 0; }
.piList3 ul li dl { padding: 0 20px; border: 1px solid #e3e3e3; border-top: 0; line-height: 1; }
.piList3 ul li dl dt { position: relative; padding: 8px 0; color: #585858; font-size: 18px; }
.piList3 ul li dl dt s { position: absolute; right: 0; top: 0; color: #9a9a9a; font-size: 12px; line-height: 34px; }
.piList3 ul li dl .i a { display: inline-block; width: 105px; height: 30px; background: #e7e7e7; color: #444; text-align: center; line-height: 30px; }
.piList3 ul li dl .i a:hover { background: #c6c6c6; }
.piList3 ul li dl .m a { display: block; width: 108px; height: 24px; margin: 8px auto; background: #cbaf77; border-radius: 3px; color: #fff; text-align: center; line-height: 24px; }
.piList3 ul li dl .m a:hover { background: #aa8c50; }





.wrap { width: 1100px; margin:0 auto; }
.team_detail { margin: 30px auto; }
.team_intro { float: left; width: 750px; padding-right: 50px; }
.team_intro .pic { float: left; width: 257px; margin-right: 25px; }
.team_intro dl { display: block; overflow: hidden; font-size: 14px; }
.team_intro dl dt { padding: 15px 0 25px; color: #bcbcbc; }
.team_intro dl dt h3 { display: inline; margin-right: 10px; color: #0063b2; font-size: 18px; }
.team_intro dl dd { padding: 5px 0; color: #7a7a7a; }
.team_intro dl dd s { color: #ae9a76; font-weight: bold; }
.team_intro dl .m { margin-top: 20px; }
.team_intro dl .m a { margin-right: 15px; }
.team_detail .sidebox1 { float: right; margin-bottom: 0; }
.case_m { padding: 35px 0; background: url(bg_08.gif); }
.case_m .tit { position: relative; border-bottom: 1px solid #c8c8c8; line-height: 1; }
.case_m .tit em { position: relative; bottom: -1px; display: inline-block; *display: inline; zoom: 1; margin-right: 5px; padding-bottom: 5px; border-bottom: 2px solid #125cc5; color: #125cc5; font-size: 25px; font-weight: bold; text-transform: capitalize; }
.case_m .tit s { color: #000; font-size: 21px; }
.case_m .tit .m { position: absolute; right: 0; top: 0; padding-left: 20px; background: url(ico_20.png) 0 center no-repeat; line-height: 33px; }

.case_m ul { width: 1200px; }

.team_detail { margin: 30px auto; }
.team_intro { float: left; width: 750px; padding-right: 50px; }
.team_intro .pic { float: left; width: 257px; margin-right: 25px; }
.team_intro dl { display: block; overflow: hidden; font-size: 14px; }
.team_intro dl dt { padding: 15px 0 25px; color: #bcbcbc; }
.team_intro dl dt h3 { display: inline; margin-right: 10px; color: #0063b2; font-size: 18px; }
.team_intro dl dd { padding: 5px 0; color: #7a7a7a; }
.team_intro dl dd s { color: #ae9a76; font-weight: bold; }
.team_intro dl .m { margin-top: 20px; }
.team_intro dl .m a { margin-right: 15px; }
.team_detail .sidebox1 { float: right; margin-bottom: 0; }
.team_detail { margin: 30px auto; }
.team_intro { float: left; width: 750px; padding-right: 50px; }
.team_intro .pic { float: left; width: 257px; margin-right: 25px; }
.team_intro dl { display: block; overflow: hidden; font-size: 14px; }
.team_intro dl dt { padding: 15px 0 25px; color: #bcbcbc; }
.team_intro dl dt h3 { display: inline; margin-right: 10px; color: #0063b2; font-size: 18px; }
.team_intro dl dd { padding: 5px 0; color: #7a7a7a; }
.team_intro dl dd s { color: #ae9a76; font-weight: bold; }
.team_intro dl .m { margin-top: 20px; }
.team_intro dl .m a { margin-right: 15px; }
.team_detail .sidebox1 { float: right; margin-bottom: 0; }



.piList2 {}
.piList2 ul { width: 1200px; }
.piList2 ul li { float: left; width: 247px; padding: 7px; background: #fff; border: 1px solid #ccc; margin: 15px 16px 0 0; }
.piList2 ul li dl dt { padding: 5px 0; }
.piList2 ul li dl dt a { color: #000; font-weight: bold; }
.piList2 ul li dl dt a:hover { color: #006abe; }
.piList2 ul li dl dt s { margin-left: 5px; font-weight: normal; }
.piList2 ul li dl dd { position: relative; margin-bottom: 5px; color: #000; }
.piList2 ul li dl dd i { position: absolute; right: 15px; top: 0; color: #eb6001; }





.case-details-frame{ width:701px; height:auto; margin-top:20px; float:left;}

#preview{ float:none; text-align:center; width:701px;}
.jqzoom{ width:701px; height:362px; position:relative; border:1px #eaeaea solid;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:701px; height:60px; overflow:hidden; margin-top:11px;}
#spec-left{ background:url(images/left.gif) no-repeat; width:16px; height:60px; float:left; cursor:pointer;}
#spec-right{background:url(images/right.gif) no-repeat; width:16px; height:60px; float:left;cursor:pointer;}
#spec-list{ width:656px; height:64px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-left:13px; display:inline; width:76px; height:56px; padding:1px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:76px; height:53px;}
/* 设计师简介 */
.designer-img{ width:280px; height:328px; padding:2px; border:1px #eaeaea solid; float:left;}
.designer-text{ background:url(../images/little-bg1.gif) repeat; width:345px;<!-- height:110px;--> margin-left:21px; display:inline; float:left;}
.designer-text p{ background:none; width:221px; font-size:30px; color:#20201d; line-height:30px; padding-left:14px; padding-top:27px; float:left;}
.designer-text p span{ width:235px; height:auto; font-size:18px; color:#20201d; line-height:45px; float:left;}
.designer-text input{ background:url(../images/goutong-button.jpg); width:109px; height:110px; border:none; cursor:pointer; float:left; }

.designer-main{ width:345px; height:auto; margin-left:21px; display:inline; font-size:12px; color:#666666; line-height:26px; margin-top:18px; float:left;}

.designer-big-main{ background:url(../images/little-bg1.gif) repeat; width:661px; height:auto; padding:20px; margin-top:20px; float:left; font-size:12px; color:#999999; line-height:26px;}
.designer-big-main p{    margin-bottom:15px;}
.designer-big-main b,.designer-big-main strong{ color:#333333;}

.design-team{ background:url(../images/little-bg2.jpg) repeat; width:679px; height:170px; border:1px #eaeaea solid; padding:10px; position:relative; margin-bottom:20px; float:left;}
.design-team img{ width:135px; height:170px; margin-right:14px; display:inline; float:left;}
.design-team .text{ width:460px; height:158px; font-size:12px; color:#999999; line-height:20px; padding-top:12px; float:left;}
.design-team .text p{ width:480px; height:auto; margin-bottom:8px; float:left;}
.design-team .text p font{ font-size:20px; color:#666666; float:left;}
.design-team .text p span{ color:#666666; float:left;}

.design-team-buootn-frame{ width:180px; height:20px; position:absolute; right:15px; top:22px;}
.design-team-button{ background:#ce000d;  border:1px #f10816 solid; border-radius:2px; font-size:12px; color:#FFF; padding:3px 8px; text-align:center; cursor:pointer; margin-right:14px; display:inline; }
.design-team-button:hover{ background:#e2000e; color:#FFFFFF;}



.news-list{ width:701px; height:auto; float:left;}
.news-list li{ width:679px; height:80px; border:1px #eaeaea solid; padding:9px 10px; position:relative; margin-bottom:15px; float:left;}
.news-list li img{ width:100px; height:80px; margin-right:15px; float:left;}
.news-list li p{ width:558px; height:auto; float:left;}
.news-list li p em{ width:558px; height:26px; font-size:14px; color:#666666; font-weight:bold; line-height:26px; float:left; font-style:normal;}
.news-list li p font{ width:578px; height:auto; font-size:12px; color:#999999; line-height:20px; margin-top:6px; float:left;}
.news-list li p b{ color:#ce000d;}
.news-list li .xq{background:#ce000d; width:66px; height:20px; border:1px #f10816 solid; border-radius:2px; font-size:12px; color:#FFF; line-height:20px; text-align:center; cursor:pointer; top:68px;right:17px; position:absolute; }
.news-list li input:hover{ background:#e2000e;}
40px;

.new-main-title{ width:701px; height:auto; border-bottom:1px #eaeaea dotted; padding-bottom:6px; float:left;}
.new-main-title p{ width:701px; height:auto; font-size:20px; color:#333333; line-height:30px; text-align:center; float:left;}
.new-main-title span{ width:701px; height:auto; font-size:12px; color:#999999; line-height:36px; text-align:center; float:left;}


.new-main-text{ width:661px; height:auto; padding:20px; font-size:12px; color:#666666; line-height:22px; border-bottom:1px #eaeaea dotted; float:left;}
.new-main-text b{ color:#333333;}

.next-new{ width:681px; height:40px; font-size:12px; color:#666666; line-height:40px; padding-left:20px;border-bottom:1px #eaeaea dotted;  float:left;}
.next-new a{ color:#333333;}

.doc_meau li .thisclass{color:#FF6800;}