@charset "utf-8";
/* CSS Document */

/*about*/
#p_banner{ width:100%; height:244px;}

#nav_po{ width:100%; height:40px; background:#d6ac64; }
#nav_po .nav_po{ width:1000px; margin:0 auto;position:relative;}
#nav_po p{ color:#fff; line-height:40px; font-family:"宋体";}
#nav_po p a{ color:#fff;}
#nav_po p img{ vertical-align:middle; margin:0 10px;}
#nav_po .sub_title{ position:absolute; bottom:0; right:0;}

#sub_menu{ width:100%; height:34px; line-height:34px; position:relative; z-index:44;}
#sub_menu ul{ overflow:hidden;}
#sub_menu  li{ float:left; text-align:center;width:116px; font-size:14px;}
#sub_menu  li a{ color:#666; display:block;}
#sub_menu  li a:hover,#sub_menu  li.cur a{ color:#fff; background:#997a45;} 

#sub_main{ width:100%; background:#fafaf9; padding-bottom:50px;}
#sub_main .main_bg{ background:url(../images/main_line1.png) repeat-x center 0; width:100%; height:14px;}
#sub_main .sub_main{ width:1000px; margin:0 auto; position:relative;}
.about_title{ margin-top:10px;}
.about_title .line{ height:1px; width:100%; border-top:1px dotted #997a45; position:absolute; top:57px;}
.about_title img{ position:relative; z-index:88;}

.p_about{ position:relative;}

.p_about .about_text{ line-height:24px; width:530px; padding:40px 30px 50px; background:#fff; margin-top:10px; color:#666; text-indent:2em;}
.p_about .pro{ margin-top:30px;}
.p_about .about_img{ position:absolute; right:0; top:120px;}


/*honnor*/
.honnor_bg{height:218px; background:url(../images/bonnor_bg.png) no-repeat center bottom; padding-top:50px;}
.honnor{ position:relative;}
.honnorslider{ height:100px; background:url(../images/honnor_mark1.png) no-repeat 0 center; width:878px; margin:0 auto;}
.honnorslider ul{ margin-left:41px;}
.honnorslider .slides li{ text-align:center; font-size:14px; font-family:"Arial";}
.honnorslider .slides li.cur a{ padding-top:85px;background:url(../images/honnor_mark2.png) no-repeat 100px 48px;}
.honnorslider .slides li a{ display:block; height:70px; color:#555;background:url(../images/honnor_mark2.png) no-repeat 100px 16px;}
.flex-prev{ width:48px; height:48px; background:url(../images/honnor_next.png) no-repeat; display:block; font-size:0px; position:absolute; left:0; top:25px;}
.flex-next{ width:48px; height:48px; background:url(../images/honnor_prev.png) no-repeat; display:block; font-size:0px;position:absolute; right:0; top:25px;}
.honnorslider .slides li .select{  color:#fff; background:url(../images/honnor_mark3.png) no-repeat 91px 3px;}
.honnorslider .slides li.cur .select{background:url(../images/honnor_mark4.png) no-repeat 93px 40px;}
.honnorslider .slides li .select span{background:#d6ac64; padding:4px 16px;}
.honnorslider .slides li .detail{ display:none;}

.honnor_detail{ background:#fff; border:1px solid #e3e3e3; padding:20px 0 30px;}
.honnor_detail h1{ height:44px; width:178px; line-height:44px; background:#d6ac64; color:#fff; font-family:"Arial"; font-size:24px; font-weight:normal;}
.honnor_detail .detail{ color:#666; line-height:24px; padding-top:14px; border-top:1px dotted #ccc; margin:0 20px; padding-left:15px;}


.roundabout-holder{width:870px;height:396px;margin:0 auto;}
.roundabout-moveable-item{width:500px;height:328px;cursor:pointer;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus{ width:496px; border:none; position:relative; z-index:9999;}
.roundabout-in-focus img{ border:none; width:500px; height:328px;}
.myroundabout li{ position:relative;}
.roundabout-moveable-item p{ position:absolute; left:0; right:0; bottom:0; font-size:14px; color:#fff; text-align:center; background:url(../images/honnor_bg.png) repeat; line-height:40px; display:none;}
.roundabout-in-focus p{ display:block;}

/*culture*/
.about_title .r{ margin-top:10px; overflow:hidden;}
.about_title .r p{ text-transform:uppercase; color:#997a45;}
.about_title .r img{ float:right;}
.culture{border-left:2px solid #d6ac64; margin-top:30px;}
.culture ul{ padding:20px 0;}
.culture li{ position:relative; margin-top:20px; }
.culture li .bg{ position:absolute; left:-9px; height:17px; top:50%; margin-top:-8px;}
.culture li .culture_txt{ margin-left:36px; padding:10px 20px 20px; background:#fff; border-bottom:3px solid #e6e6e6; font-size:14px; color:#666; line-height:22px; }

/*contact*/
.contact{ margin-top:20px;}
.contact .l{ width:482px; border:1px solid #e3e3e3;  background:#fff;}
.contact .l dl{ background:url(../images/contact1.png) no-repeat right 0; padding:20px 0 22px 30px;}
.contact .l dt{ color:#d6ac64; font-size:18px;}
.contact .l dt p{ color:#bcbcbc; font-family:"Arial"; font-size:10px; line-height:20px;}
.contact .l dd{ color:#666; line-height:24px;}
.contact .r{ width:482px; border:1px solid #e3e3e3; background:#fff; padding:18px 0 17px;}
.contact .r img{ float:left; width:128px; margin:0 24px 0 18px;}
.contact .r p{ font-size:14px; color:#666; line-height:26px;}
.contact .r p a{ color:#d6ac64; line-height:32px;}
.share{ position:relative; margin-top:10px;}

/*news*/
.news{ position:relative; margin-top:20px;}
.news .news_line{ width:100%; height:1px ; border-top:1px solid #d6ac64; position:absolute; top:38px;}
.news h1{ text-align:center; font-weight:normal; font-size:18px; color:#666;}
.news h1 span{ text-transform:uppercase; font-size:14px; font-family:"Arial"; position:relative; z-index:99999; background:#FAFAF9; padding:0 10px;}
.news_top{ margin-top:30px;}
.news_top ul{ overflow:hidden; width:1024px;}
.news_top li{ float:left; width:240px; margin-right:12px;border:1px solid #e6e6e5; box-shadow:2px 2px 2px #e6e6e5; background:#fff;}
.news_top table img{ max-width:240px; max-height:130px; display:block; margin:0 auto;}
.news_top li .time{ line-height:26px; padding-left:12px; color:#6e572f;font-family:"Arial";}
.news_top li h2{ color:#997a45; font-family:"宋体"; font-size:14px; padding:0 10px; line-height:40px;}
.news_top li p{ color:#d6ac64;font-family:"宋体";padding:0 10px;}
.news_top li span{ float:right; color:#997a45; margin-right:10px; padding:20px 0;}
.news_top li a:hover span{ text-decoration:underline;}
.news_top li span img{ vertical-align:middle;}
.news_list{ margin-top:50px;}
.news_list li{ overflow:hidden; padding-bottom:20px; margin-top:20px; border-bottom:1px solid #e3e3e3;}
.news_list li .time{ text-align:center; width:92px; background:#d6ac64; height:100px; float:left; margin-right:18px;}
.news_list li .time span{ color:#ffd58d; background:#997a45; display:block; height:20px;}
.news_list li .time p{ color:#997a45; margin-top:0;} 
.news_list li .time p em{ font-size:48px; line-height:56px;}
.news_list li h2 a{ font-size:18px; color:#997a45; font-weight:normal;}
.news_list li h2 a:hover{ text-decoration:underline;}
.news_list li p{ color:#909090; margin-top:10px;}

.page{ display:inline-block; float:right; margin-top:40px; font-family:"宋体"; color:#d6ac64;}
.page a{ color:#fff; background:#d6ac64; padding:4px 8px 2px;}
.page a:hover{ background:#997a45;}

/*news_detail*/
.news_detail{ margin-top:20px;}
.news_detail h2{ text-align:center; height:30px; line-height:30px; border-bottom:2px solid #e6e6e6; background:#fff; color:#997a45; font-size:16px; font-weight:normal;}
.news_detail h3{ text-align:center; display:block; color:#997a45; line-height:40px; font-weight:normal;}
.news_detail .detail{ font-family:"宋体"; color:#666; text-indent:2em; line-height:30px; margin-top:10px; padding-bottom:50px; border-bottom:1px dotted #ccc;}
.news_page{ margin-top:12px;}
.news_page li{ font-family:"宋体"; height:28px;}
.news_page li a{ background:#fff;  padding:4px 60px 4px 10px; color:#d6ac64;}
.news_page li span{ background:#d6ac64; color:#fff; padding:4px 10px;}
.newsshare{ position:absolute; right:0px; bottom:0px;}
.newsshare span{font-family:"宋体"; color:#666; padding:6px 10px;}

/*case*/
.case{ margin-top:20px;}
.case .case_tb{ width:100%;font-family:"宋体";}
.case .case_tb tr td.name{ width:96px; text-align:center; color:#fff; background:#d6ac64; line-height:40px; border-bottom:1px solid #997a45;}
.case .case_tb tr td.cur1 {border-bottom:4px solid #997a45;}
.case .case_tb tr td.text{ border-bottom:1px dotted #e6e6e6; color:#666; background:#fff;}
.case .case_tb tr td.cur2 {border-bottom:4px solid #e6e6e6;}
.case .case_tb tr td span{ padding:0 15px; cursor:pointer;}
.case_search{ height:34px; line-height:34px; border:1px solid #e3e3e3; font-family:"宋体"; padding-left:20px; margin-top:10px; color:#b1b1b1; overflow:hidden;}
.case_search span{ color:#d6ac64; font-weight:bold;}
.case_search .search{ background:url(../images/case_search.png) no-repeat; width:223px; height:26px; line-height:26px; float:right; margin-top:4px; margin-right:6px;}
.case_search .search .text{ width:180px; padding-left:10px;font-family:"宋体";color:#d6ac64; margin-top:4px; background:none; border:none; }
.case_search .search .buttom{ width:30px;margin-top:4px;background:none; border:none; cursor:pointer; }
.case_list{ margin-top:10px;}
.case_list ul{ overflow:hidden; width:1020px;}
.case_list li{ float:left; width:240px;border:1px solid #e6e6e5; box-shadow:2px 2px 2px #e6e6e5; margin-right:12px; background:#fff; margin-bottom:14px;}
.case_list li p{ line-height:40px; color:#997a45; font-size:14px;font-family:"宋体"; font-weight:bold; padding-left:10px;}
.case_list li img{ max-width:240px; max-height:206px; display:block; margin:0 auto;}
.case_list li a:hover p{ text-decoration:underline;}

/*case_detail*/
.case_detail{ margin-top:20px;}
.case_detail .title{ height:32px; border:1px solid #e3e3e3; line-height:32px; color:#997a45; font-size:14px; font-family:"宋体"; font-weight:bold; padding-left:20px;}
#horizontal .slyWrap{margin:3em 0;}
#horizontal .scrollbar{height:5px; margin-top:30px;}
#horizontal .scrollbar .handle{width:100px;height:100%;}
#horizontal .example1 .sly{height:200px;}
#horizontal .example1 .sly ul{height:100%;}
#horizontal .example1 .sly ul li{float:left;width:235px;height:200px; margin-right:20px;}
#horizontal .example1 .sly ul li img{max-width:235px;max-height:200px; display:block; margin:0 auto;}
.scrollbar{background:#dadada;border-radius:4px;}
.scrollbar .handle{border-radius:4px;background:#d6ac64;cursor:pointer;}
.case_text{ overflow:hidden;}
.case_text .l{ width:630px; line-height:30px; color:#666; text-indent:2em;}

/*area*/
.shopping{ position:relative;  margin-top:20px;}
.shopping .line{ height:1px; width:100%; border-top:1px dotted #000; position:absolute; top:18px;}
.shopping h2{font-family:"宋体"; font-size:12px; color:#fff; background:#d6ac64; display:inline-block; width:170px; height:30px; line-height:30px; padding-left:20px; float:right; position:relative; z-index:99; cursor:pointer;}
.shopping h2 img{ vertical-align:middle;}
#shop{ width:168px; position:absolute; right:0; top:32px; border:1px solid #e0dfde; z-index:1002; background:#fff; padding:12px 10px 0; display:none;}
#shop ul{ border-bottom:1px dotted #ccc;}
#shop li{ overflow:hidden; margin-bottom:18px;}
#shop li table{ float:left; margin-right:10px;}
#shop li img{ max-height:40px; max-width:48px; display:block; margin:0 auto;}
#shop li h3{ color:#997a45;font-family:"宋体"; font-size:12px; font-weight:normal;}
#shop li p{ font-size:16px; color:#666;}
#shop h1{ font-size:14px; color:#666; font-weight:normal; text-align:center; line-height:40px;}
#shop h1 span{ font-size:18px; color:#997a45;}

.area{ overflow:hidden; margin-top:20px;}
.area .area_l{ float:left; width:230px;}
.area .area_l h2{ background:url(../images/case_mark4.png) no-repeat; width:230px; height:138px; font-size:36px; color:#fff; text-align:center; padding-top:50px;}
.area .area_l h2 em{ font-size:24px; font-family:"Arial"; text-transform:uppercase;}
.area .area_l h3{ font-family:"Arial"; background:#846a3f; width:76px; height:50px; color:#fff; text-align:center; line-height:50px; font-weight:normal; margin-top:2px; }
.area .area_l h3 a{ color:#fff;display:block;}
.area .erea_r{ float:right; width:750px;}
.area .erea_r ul{ overflow:hidden; width:800px;}
.area .erea_r li,.area_list li{ float:left; width:240px; margin-right:12px;border:1px solid #e6e6e5; box-shadow:2px 2px 2px #e6e6e5; padding-bottom:18px;}
.area .erea_r li img,.area_list li img{ max-width:240px; max-height:205px; display:block; margin:0 auto;}
.area .erea_r li h2,.area_list li h2{ font-size:14px; color:#997a45;font-family:"宋体"; line-height:40px; padding:0 12px;}
.area .erea_r li h2 a,.area_list li h2 a{color:#997a45;}
.area .erea_r li h2 a:hover{ text-decoration:underline;}
.area .erea_r li h3,.area_list li h3{padding:0 12px;font-size:14px; color:#666; font-weight:normal; overflow:hidden;}
.area .erea_r li h3 span,.area_list li h3 span{ float:right; font-size:12px; color:#d6ac64;}

/*area_list*/
.area_list{ width:100%;}
.area_list h1{ padding-left:14px; height:38px; line-height:38px; border-bottom:2px solid #e5e5e5; background:#fff; font-size:18px; color:#d6ac64; font-weight:normal;}
.area_list h1 span{ color:#a9a9a9; font-size:12px;font-family:"Arial"; padding:0 10px;}
.area_list ul{ width:1040px; overflow:hidden; margin-top:20px;}

/*area_detail*/
.area_detail{ overflow:hidden; margin-top:20px;}
.area_detail .l{ width:610px;}
.area_detail .l img{width:610px;}
.area_detail .r{ width:360px; margin-right:10px;}
.area_detail .r h1{ font-size:24px; color:#d6ac64; font-weight:normal;}
.area_detail .r dl{ overflow:hidden; margin-top:20px;}
.area_detail .r dl dd{ width:180px; float:left; font-size:16px; color:#666; line-height:26px;}
.area_detail .r h2{ font-size:18px; color:#d6ac64; font-weight:normal; margin-top:14px;}
.area_detail .r p{ line-height:24px; color:#666; margin-top:6px;}
.area_detail .r ul{ width:400px; overflow:hidden; margin-top:30px;}
.area_detail .r li{ float:left; width:154px; height:50px; background:#d6ac64; line-height:50px; color:#fff;font-family:"宋体"; text-align:center; margin-right:30px;}
.area_detail .r li span{ color:#997a45; font-size:18px; font-family:"微软雅黑";}
.area_detail .r li a{font-family:"微软雅黑"; color:#fff; font-size:16px;}
.area_detail .r li img{ vertical-align:middle; margin-right:6px;}

/*common*/
.common{ margin-top:20px;}
.common li{ overflow:hidden; height:132px; position:relative; padding:20px 0; border-bottom:1px solid #e3e3e3;}
.common li dl{ width:740px; float:left;}
.common li dl dt{ font-size:14px; color:#898989;}
.common li dl dd{ color:#d6ac64;}
.common li a:hover dl dt{ text-decoration:underline;}
.common li dl p{ position:absolute; bottom:20px; width:740px; color:#666;}
.common li img{ width:203px; height:132px;}

/*brand*/
.brand_title{ height:40px; line-height:40px; background:#fff; border-bottom:2px solid #e6e6e6; padding-left:24px; margin-top:20px;}
.brand_title span{ padding:0 35px; font-size:16px; color:#666; cursor:pointer;}
.brand_title .total{ background:#d6ac64; padding:9px 14px; color:#fff; border-bottom:2px solid #997a45;}
.brand_title ul{ overflow:hidden;}
.brand_title li{ float:left; margin-right:20px;}
.brand_title li a{font-size:16px; color:#666;padding:0 20px;}
.brand_title li.cur a{color:#fff; border-bottom:2px solid #997a45; background:#d6ac64; display:block; padding:0 20px;}
.brand{ margin-top:30px;}
.brand ul{ overflow:hidden; width:1020px;}
.brand li{ float:left; width:240px; margin-right:12px; background:#fff;border:1px solid #e6e6e5; box-shadow:2px 2px 2px #e6e6e5; margin-bottom:20px;}
.brand li table{ border-bottom:1px solid #ededed;}
.brand li img{ max-height:150px; max-width:240px; display:block; margin:0 auto;}
.brand li p{ line-height:40px; text-align:center; font-family:"宋体"; font-size:14px; color:#666; padding-left:20px;}

/*design*/
.case_list li dl{font-family:"宋体"; color:#997a45; padding-left:10px; padding-bottom:18px;}

/*environment*/
.environment{ overflow:hidden; margin-top:20px;}
.environment .l{ width:745px;}
.environment .l ul{ overflow:hidden; width:800px;}
.environment .l li{ float:left; height:214px; margin-right:10px; margin-bottom:10px; position:relative; overflow:hidden;}
.environment .l li .bg{ background:#000;-moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; position:absolute; top:0; left:0; width:100%; height:100%; right:0; bottom:0; display:none; }
.environment .l li h2{ position:absolute; font-size:18px; color:#fff; top:80px; left:-100px; border-bottom:1px solid #fff; line-height:40px;filter:alpha(opacity=0); opacity:0;-moz-opacity:0;}
.environment .l li h2 img,.environment .r h2 img{ vertical-align:middle; position:relative; }
.environment .l li p{position:absolute; font-family:"Arial"; color:#fff; top:125px; left:-100px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.environment .l li.en h2,.environment .l li.en p{ left:-100px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.environment .r{ position:relative; width:245px; overflow:hidden;}
.environment .r .bg{ background:#000;-moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; position:absolute; top:0; left:0; width:100%; height:100%; right:0; bottom:0; display:none;}
.environment .r h2{ position:absolute; font-size:18px; color:#fff; top:200px; left:-100px; border-bottom:1px solid #fff; line-height:40px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.environment .r p{position:absolute; font-family:"Arial"; color:#fff; top:250px; left:-100px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

/*srever*/
.srever{font-family:"宋体"; color:#666; line-height:24px; margin-top:20px;}
.srever h2{ font-size:14px; color:#d6ac64; line-height:50px;}

/*question*/
.question{ margin-top:20px;}
.question h2{ font-size:14px; color:#d6ac64; font-weight:normal; background:url(../images/online_mark3.png) no-repeat 10px center; padding-left:26px; line-height:40px; background:#fff;}
.question h2 a{color:#d6ac64;}
.question h2 a:hover{ text-decoration:underline;}
.question .list{ border-top:2px solid #e3e3e3;}
.question .list .l{ width:56px; height:50px; font-size:24px; color:#848484; line-height:50px; text-align:center; background:#e3e3e3;}
.question .list .r{ width:935px; text-indent:2em; color:#666; padding-top:10px;}
.question .list h3{ color:#666; font-size:12px; font-weight:normal; line-height:60px;}
.question .cur{ border-bottom:1px solid #e3e3e3;}

/*online*/
.online{ margin-top:20px;}
.online .online_nav{ position:relative;}
.online .online_nav ul{ overflow:hidden; background:url(../images/online_nav.png) repeat-x center;height:36px;}
.online .online_nav li{ float:left; line-height:34px;  position:relative; height:36px;}
.online .online_nav li img{ position:absolute; left:-100px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.online .online_nav li.select img,.online .online_nav li.cur img{ opacity:1; left:10px;-moz-opacity:1;filter:alpha(opacity=100);}
.online .online_nav li a{ font-size:18px; color:#666; padding:3px 20px 3px 40px;}
.online .online_nav li a:hover,.online .online_nav li.cur a{ background:#d6ac64; color:#fff;border-bottom:3px solid #997a45; padding:3px 20px 3px 40px;}
.online .online_nav li img{ vertical-align:middle; margin-right:5px;}

.online_ct{ overflow:hidden; background:url(../images/temp/online_pic01.jpg) no-repeat center top; min-height:574px; padding-top:50px;}
.online_ct .l{ position:relative; padding:0 50px;}
.online_ct .l h2{ font-size:12px; color:#d6ac64; line-height:34px;}
.online_ct .l .hot1{ position:absolute; left:0; top:0;}
.online_ct .l .hot2{ position:absolute; right:0; top:0;}
.online_ct .l .hot3{ position:absolute; left:0; bottom:0;}
.online_ct .l .hot4{ position:absolute; right:0; bottom:0;}
.online_ct .r{ width:336px; border:1px dashed #c7c7c7; background:#fff; color:#666;font-family:"宋体"; padding:20px 35px 40px; }
.online_ct .r h1{ color:#d6ac64; font-size:18px;}
.online_ct .r table tr{ height:44px;}
.online_ct .r table tr td input{ width:250px; height:30px; line-height:30px; border:1px solid #e3e3e3;}
.online_ct .r table tr td img{ margin-left:10px; cursor:pointer;}
.online_ct .r table tr td select{ color:#666; border:1px solid #e3e3e3; width:70px;}
.online_ct .r table tr td button{ width:184px; height:30px; text-align:center; line-height:28px; background:#d6ac64; color:#fff; border:none; border-bottom:2px solid #997a45; font-size:14px; cursor:pointer;}

/*fix*/
.fix{ margin-top:20px;}
.fix table{font-family:"宋体"; color:#666;}
.fix  table tr{ height:44px;}
.fix table tr td input{ width:268px; height:30px; line-height:30px; border:1px solid #e3e3e3;}
.fix table tr td button{ width:184px; height:30px; text-align:center; line-height:28px; background:#d6ac64; color:#fff; border:none; border-bottom:2px solid #997a45; font-size:14px; cursor:pointer;}
.fix table tr td img{ margin-left:10px; cursor:pointer;}

/*join*/
.join{ position:relative; margin-top:8px;}
.join .join_top{ width:100%; height:250px; background:url(../images/join2.png) no-repeat right 0; border-top:1px solid #e3e3e3;}
.join .join_top img{ margin-top:50px;}
.join .join_top h1{ font-size:24px; color:#717171; font-weight:normal; padding-left:60px;}
.join .join_top h2{ font-family:"Arial";color:#b9b9b9; font-weight:normal; padding-left:50px; text-transform:uppercase; font-size:12px; line-height:24px;}
.join .join_bt{ position:relative;border-top:1px solid #e3e3e3; margin-top:26px; padding-top:46px;}
.join .join_bt img{ position:absolute; width:128px; left:50%; margin-left:-64px; top:-30px;}
.join .join_bt table{ color:#666; width:100%;}
.join .join_bt table tr{ height:38px; line-height:38px;}
.join .join_bt table tr th{ width:25%; text-align:center; font-size:14px; color:#fff; background:#997a45;}
.join .join_bt table tr td{ text-align:center;}
.join .join_bt table tr td a{ color:#666;}
.join .join_bt table tr.tb{ background:#e9e0cf;}
.join .join_bt table tr .text{ text-align:left; padding-left:38px;}