@charset "utf-8";

/*Common Style*/
* { padding:0; margin:0; border:0; font-family:"宋体", "Microsoft YaHei", Arial; font-size:12px; outline:none; }
li { list-style:none; }
a { text-decoration:none; color:#000; }
img { border:0; padding:0; margin:0; }
.clear { clear:both; padding:0; margin:0; }

body { width:100%; background:url('../images/top-bg.jpg') repeat-x 0 0 transparent; }
div.wrap{ width:1000px; margin:0 auto; }

/* header start */
.header { width:100%; height:auto; margin-bottom:40px; }
.header .top-text-link { float:right; font-family:"Microsoft YaHei", Arial; font-size:14px; color:#4E4E4E; margin-top:40px; height:23px; line-height:23px; }
.header .top-text-link a { font-family:"Microsoft YaHei", Arial; font-size:14px; color:#4E4E4E; }
.header .top-text-link a:hover { color:#e28e12; }
.header .top-text-link span.sina-blog { display:block; float:left; margin-right:3px; }

.header .logo-menu { width:100%; margin-bottom:50px; height:66px; position:relative}
.header .logo-menu #logo { float:left; margin-right:6px; }
.header .logo-menu #logo-text { position:absolute; top:0; left:340px; float:left; font-family:"Microsoft YaHei", Arial; font-size:12px; color:#4E4E4E; margin-top:18px; }
.header .logo-menu #menu { float:right; margin-top:48px; }
.header .logo-menu #menu ul li { float:left; margin-left:6px; width:72px; background-color:#e28e12; text-align:center; padding-top:2px; }
.header .logo-menu #menu ul li a { font-family:"Microsoft YaHei", Arial; font-size:14px; color:#FDD7A0; }
.header .logo-menu #menu ul li a.current, .header .logo-menu #menu ul li a:hover { color:#FFF; }

.header .top-img { width:1000px; height:218px; }
.header .img-home { height:332px; }
.header .img-home .ft-prev, .header .img-home .ft-next { display:none; }

div#ft-buttons-rotater { height:14px; float:right; margin-top:-21px; margin-right:6px; position:relative; z-index:11; }
div#ft-buttons-rotater a { width:21px; height:14px; display:block; float:left; margin-right:2px; background-color:#969494; color:#FFF; padding:0 3px!important; font-size:12px; text-align:center; }
div#ft-buttons-rotater a.ft-button-rotater-active { background-color:#e28e12; }

.header .logo-menu #menu ul li.firstli { letter-spacing:9px; width:66px; padding-left:6px; }
/* header end */


/* main content start */
div.bang { left:36px; position:fixed; top:69px; height:141px; width:99px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop + 69)); }
div.bang a { background:url("../images/bang.jpg") no-repeat scroll 0 0 transparent; display:block; height:141px; width:99px; }
div.bang a:hover { background-position:right top; }

.container { width:100%; height:auto; margin-bottom:40px; }
.container .content-title { background:url('../images/dash-line.jpg') repeat-x left bottom transparent; font-family:"Microsoft YaHei", Arial; font-size:14px; color:#313131; width:1000px; height:20px; padding-bottom:6px; margin-bottom:15px; }

/* home start */
.blocks { width:500px; height:132px; overflow:hidden; float:left; }
.blocks img{ width:250px; height:132px;}
.blocks div { width:250px; height:132px; overflow:hidden; float:left; }
.blocks div.block-left, .blocks div.block-right { position:relative; }
.blocks div.block-left { background-color:#F0F0F0; text-align:center; line-height:132px; }
.blocks:hover div.block-left { background-color:#e28e12; }

.blocks div.block-left a span { font-size:12px; color:#737272; }
.blocks div.block-left a span.core-title { font-family:"Microsoft YaHei", Arial; font-size:14px; color:#4E4E4E; }
.blocks:hover div.block-left a span { color:#FFFFFF; }


.homeNews { width:100%; height:21px; margin:40px 0; }
.homeNews div.newsL { float:left; }
.homeNews div.newsR { float:right; }
.homeNews div a { color:#4e4e4e; }
.homeNews div a:hover { color:#e28e12; }
.homeNews div span { color:#4e4e4e; display:inline-block; margin-left:18px; }

/* home end */

/* about us start */
.aboutus { width:100%; height:auto; }
.aboutus-0-left { width:465px; height:auto; float:left; }
.aboutus-0-right { width:535px; height:auto; float:left; }
.aboutus-0-right p, .aboutus-1-right p, .aboutus-2-top p { color:#868686; line-height:2.4em; }

.aboutus-1-left { width:1000px; height:auto; float:left; }
.aboutus-1-left .show-img { width:247px; height:165px; position:relative; float:left; margin:0 0 4px 4px; }
.aboutus-1-right { width:1000px; height:auto; float:left; }
.aboutus-1-right img{ width:245px;}

.aboutus-2-top, .aboutus-2-bottom { width:1000px; height:auto; float:left; }
.aboutus-2-bottom { margin-top:18px; }

.newscontainer1 { float:left; height:154px; overflow:hidden; position:relative; width:940px; }
.newscontainer1 #navigation { position:absolute; }
.arrow_prev { background:url("../images/arrow_left.jpg") no-repeat 0 0 transparent; float:left; height:28px; margin-right:18px; margin-top:67px; width:14px; }
.arrow_next { background:url("../images/arrow_right.jpg") no-repeat 0 0 transparent; float:left; height:28px; margin-left:12px; margin-top:67px; width:14px; }
.adv-img { margin-right:4px; float:left; position:relative; }
/* about us end */

/* partners start */
.partners { width:100%; height:auto; }
.partners .par-img { float:left; width:192px; height:116px; margin:0 10px 10px 0; }
.partners .par-img img{ width:192px; height:116px;}
.partners .par-img-last { margin-right:0; }
/* partners end */

/* teams start */
.teams { width:100%; height:auto; }
.teams .member { float:left; width:460px; height:210px; margin-bottom:15px; background:url('../images/team-h-bg.jpg') repeat-x left bottom transparent; }
.teams .mem-left-bg { width:540px; }
.teams .member .mem-left, .teams .member .mem-right { float:left; }
.teams .member .mem-left img{ width:141px; height:180px;}
.teams .member .mem-right { margin-left:10px; }
.teams .member .mem-right .mem-title { margin-left:15px; font-family:"Microsoft YaHei", Arial; font-size:14px; color:#060606; }
.teams .member .mem-right .mem-career { font-size:12px; color:#4E4E4E; margin:9px 0 0 16px; }
.teams .member .mem-right .mem-career p { line-height:1.4em; }
.teams .member .mem-left-bg { width:141px; padding-left:80px; background:url('../images/team-v-bg.jpg') no-repeat 0 0 transparent; }
.teams .member-last { background:none; }
/* teams end */

/* contact us start */
.contact { width:100%; height:auto; }
.contact .contact-left { width:420px; min-height:350px; float:left; }
.contact .contact-left .contact-txt { color:#868686; line-height:1.7em; }
.contact .contact-right { width:540px; margin-left:30px; float:left; }
/* contact us end */

/* cases start */
.cases { width:100%; height:auto; }
.cases .cases-bar { width:100%; height:42px; margin-bottom:18px; }
.cases .cases-bar div { text-align:center; width:165px; height:42px; float:left; margin-right:2px; background:url('../images/cases-bg.jpg') repeat-x 0 0 transparent; }
.cases .cases-bar div a { font-family:"Microsoft YaHei", Arial; font-size:14px; color:#FFF; }
.cases .cases-bar div:hover, .cases .cases-bar .active-space { background:url('../images/cases-bg-a.jpg') repeat-x 0 0 transparent; }
.cases .cases-bar div.last-space { margin-right:0; }

.cases .cases-list { width:100%; height:auto; }
.cases .cases-list .case-block { width:327px; height:159px; margin:0 9px 45px 0; float:left; position:relative; }
.cases .cases-list .last-case { margin-right:0; }
.cases .cases-list .case-block .case-block-img { margin-bottom:6px;}
.cases .cases-list .case-block img{ width:327px; height:159px; }
.cases .cases-list .case-block .case-block-txt a { color:#4E4E4E; }
.cases .cases-list .case-block .case-block-txt a:hover { color:#e28e12; }
.cases .cases-list .case-block:hover .case-block-txt a { color:#e28e12; }

.case-page-bar { width:100%; height:20px; margin-bottom:12px; margin-top:36px; }
.case-page-bar a { font-size:14px; color:#4E4E4E; margin-right:12px; }
.case-page-bar a:hover { color:#e28e12; }

.case-left { width:740px; float:left; min-height:600px; }
.case-left .case-content{ padding:20px; color:#555555; line-height:1.8em; clear:both}
.case-right { width:260px; float:left; }
.case-right .menu_list p { font-size:14px; color:#323131; margin-bottom:18px; cursor:pointer; }
.case-right .menu_list .menu_body { display:none; padding-bottom:12px; }
.case-right .menu_list .menu_body a { display:block; color:#868686; margin:9px 0; font-size:14px; text-decoration:none; }
.case-right .menu_list .menu_body a:hover, .case-right .menu_list a.current-case { color:#e28e12; }
/* cases end */

/* news start */
.news-left { width:315px; margin-top:16px; float:left; }
.news-left .news-list { width:276px; height:72px; margin-bottom:13px; background:url('../images/news-list-bg.jpg') repeat-x left bottom transparent; }
.news-left .news-list .news-thumb { float:left; width:105px; }
.news-left .news-list .news-thumb img { width:85px; height:60px; float:left; }
.news-left .news-list .news-title { float:left; width:160px; color:#4E4E4E; font-size:12px; }
.news-left .news-list .news-title a { color:#4E4E4E; }
.news-left .news-list .news-active a, .news-left .news-list .news-active #news-date, .news-left .news-list .news-title a:hover { color:#e28e12; }
.news-left .news-list .news-title #news-title { height:47px; line-height:1.7em; }
.news-right { width:685px; margin-top:16px; float:left;}
#news-lists, .news-right #news-content { min-height:670px; }
.news-right #news-content h2 { font-family:"Microsoft YaHei", Arial; font-size:14px; color:#070707; margin-bottom:24px; text-align:center; }
.news-right #news-content p { font-size:14px; color:#4E4E4E; margin-bottom:12px; line-height:1.7em; }
.news-right #news-content p img { margin:12px; }
.news-right .news-next{ line-height:25px;}
.news-right .news-next a { color:#4E4E4E; font-size:14px; }
.news-right .news-next a:hover { color:#e28e12; }

.news-bar { padding-left:24px; }
.news-bar a { margin:0 9px; color:#4E4E4E;  }
.news-bar a:hover, .news-bar a.active-page { color:#e28e12; }
/* news end */


/* main content end */

/* footer start */
.footer { width:100%; height:80px; background:url('../images/footer-bg.jpg') repeat-x 0 0 transparent; margin:75px 0 50px; clear:both }
.footer .footer-txt { width:1000px; margin:0 auto; color:#4E4E4E; font-size:14px; padding-top:32px; }
.footer .footer-txt div { color:#4E4E4E; font-size:14px; text-align:center; }
.footer .footer-txt .footer1 { margin-bottom:15px; font-size:14px; }
/* footer end */

/*newslist*/
.newslist{}
.newslist li{ background:url(../images/listi.gif) no-repeat left center; padding-left:15px; line-height:35px; height:35px; border-bottom:1px dashed #ccc;}
.newslist li span{ float:right}
.newslist li a:hover{ color:#e28e12}

.litpic_left{ background:url('../images/workshop_16.gif') no-repeat; width:186px; overflow:hidden; float:left;margin-bottom:50px;}
.litpic_left ul{ padding:7px 4px 5px 8px;}
.litpic_left h2{ height:30px; line-height:30px; margin-top:12px; padding-left:20px; color:#eee; font-size:14px; font-weight:normal}
.litpic_left ul li{ border:1px solid #e5e5e5; height:23px; line-height:23px;  margin-bottom:2px;}
.litpic_left ul li a{padding-left:30px;}
.litpic_left ul li a:hover,.litpic_left ul li a.on{background:url('../images/workshop_28.gif') no-repeat; color:#fff; display:block;}
.litpic_right{ float:right; width:800px; margin-bottom:50px;}
.litpic_list{}
.litpic_list li{ float:left; width:225px; margin:10px 20px 25px;text-align:center}
.litpic_list li img{ width:225px; height:160px; border:1px solid #ccc;}
.litpic_list li p{ line-height:30px; }
.litpic_content{ padding-left:20px; line-height:1.5em; color:#555555}
.litpic_content h1{ font-size:16px; text-align:center; line-height:50px; margin-bottom:10px; color:#333333}

/* image mask */
div.img_mask { position:absolute; left:0; bottom:0; width:250px; height:132px; background:url('../images/mask.png') repeat 0 0 transparent; z-index:11; overflow:hidden; }
div.show_mask { position:absolute; left:0; bottom:0; width:178px; height:119px; background:url('../images/mask.png') repeat 0 0 transparent; z-index:11; overflow:hidden; }
span.adv_mask { position:absolute; left:0; bottom:0; width:231px; height:154px; background:url('../images/mask.png') repeat 0 0 transparent; z-index:11; overflow:hidden; display:block; }
div.case_mask { position:absolute; left:0; bottom:0; width:327px; height:159px; background:url('../images/mask.png') repeat 0 0 transparent; z-index:11; overflow:hidden; display:block; }

/*pages*/
.pages{ text-align:center; margin:10px; clear:both}
.pages li{ display:inline-block}
.pages li a{ display:inline-block; padding:5px 8px; border:1px solid #FDAD34; color:#4e4e4e}
.pages li a:hover,.pages li.thisclass a{ background-color:#E28E12; border:1px solid #E28E12; color:#FFFFFF}

.flink a{ color:#cccccc}

/*主导航菜单*/
#nav-menu{height:24px; float:right; margin-top:48px; }
#nav-menu .menu li{position:relative;float:left; padding-left:10px;}
#nav-menu .menu li a.xialaguang{display:block; float:left;color:#fdd7a0;height:24px; line-height:24px;width:72px;text-align:center; background:#e28e12;font-family:"Microsoft YaHei",Arial;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{ color:#FFF}
#nav-menu .menu ul.children{display:none;position:absolute;top:24px;left:0px;width:82px; z-index:99; background:#e28e12; padding:5px 5px 10px;}
#nav-menu .menu ul.children li{ border-bottom: 1px dashed #fdd7a0;    float: none;    height: 30px;    line-height: 30px; text-align:center; padding:0}
#nav-menu .menu ul.children li a{color:#fdd7a0;font-family:"Microsoft YaHei",Arial;}
#nav-menu .menu ul.children li a:hover{color:#FFF}