﻿@charset "utf-8";
/* CSS Document */

/* pages */
#page_bg { background:#fff;}
#news_bg{background:url(../images/about_bg.jpg) center 110px no-repeat #f6f6f6;}
#mainer  { margin:0 auto; width:100%; padding-top:20px;}
.bg_about{ padding-bottom:70px;}
.aboutbox{ width:600px; text-align:Justify;　text-justify:inter-ideograph; height:280px; margin:0 auto; padding:0 50px; margin-top:20px; margin-bottom:130px;}
.aboutbox img{max-width:600px !important; _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");}

#content {margin:0 auto;width: 1200px;display:block;margin-top:15px;}
#content #tit {padding:10px 0;line-height:35px;/* background:url(../images/page_tit.jpg) center bottom no-repeat; */}
#content #tit1,#content #tit2{padding:10px 0; line-height:35px;  width:900px; margin:0 auto;}
#content #tit2{padding:10px 0; background:url(../images/page_tit.jpg) center bottom no-repeat} 
#content #tit h2,#content #tit1 h2{font:normal 24px/36px 微软雅黑;text-align:center;color: #000;font-weight:bold;background: url(../images/titbg-line.png) center bottom no-repeat;padding:0 0 10px 0;}
#content #tit2 h2{ font:normal 24px/36px 微软雅黑; color:#697b85; font-weight:bold; padding:0 0 10px 0;background:url(../images/titbg1.png) center bottom no-repeat; text-align:center}
#content #tit h2 img,#content #tit1 h2 img,#content #tit2 h2 img{margin:0 0 0 17px;}
#content #sub { padding-top:10px; font-family:微软雅黑; line-height:28px; text-align:center;}
#content #sub h4{font-size:12px; font-weight:normal;}
#content #sub h4 a.hon_current,#content #sub h4 a:hover,#content #sub h5 a.hon_current,#content #sub h5 a:hover{color:#ec0120;}
#content #sub h4.news_tit{font-size:16px; margin:5px 0;}
#content #sub h5{ font-size:12px; font-weight:normal;}
#content #sub p{margin:5px 0;}
#content #sub p span{background:url(../images/com.png) left top no-repeat; padding:0 0 0 15px; width:15px; height:15px; margin:0 5px 0 30px;}
#content #sub p span.n_time{background-position:-103px -48px;}
#content #sub p span.n_article{background-position:-136px -48px;}
#content #box {padding:0 0 20px 0; font-size:12px; line-height:25px;}

#pagelist  { clear:both; margin:0 auto; width:1000px; padding:20px 0; text-align:center; font-size:14px;}
#pagelist a{padding:0 2px; margin:0 3px;}
#pagelist span{ padding:0 2px; margin:0 3px;}
#pagelist .current{ color:#EC0120;}

/* honorary */
#hon_con{width:758px; max-height:440px; margin:0 auto; position:relative; margin-top:15px;}
.rollBox{overflow:hidden; margin:15px 0 0 0;}
.rollBox .scrollcon{width:650px; overflow:hidden; margin:0 auto;}
.rollBox .LeftBotton{width:22px; height:16px; margin-bottom:10px; background:url(../images/icon1.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin-top:10px; float:right; display:none;}
.rollBox .RightBotton{width:22px;height:16px; margin-bottom:10px;background:url(../images/icon2.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin-top:10px;float:right; display:none;}
.rollBox .Cont{width:650px;overflow:hidden; margin:0 auto;}
.rollBox .ScrCont{width:10000000px; height: auto;}
.rollBox .Cont .pic{margin:0 4px 0 0; float:left;}
.rollBox .Cont .pic img{ width:105px; height:78px; border:0;}
.rollBox #List1, .rollBox #List2{float:left;}
#hon_con div.hon_pic,#hon_con div.hon_list{width:649px; margin:0 auto; overflow:hidden;}
#hon_con div.hon_pic ul{width:680px;}
#hon_con div.hon_pic ul li{float:left; margin:0 4px 0 0;}
#hon_con div.hon_list table{margin:8px 0 0 0;}
#hon_con div.hon_list table td{padding:0 28px 0 0;}
#hon_con div.hon_list table td.hon_year{width:40px;}
#hon_con div.hon_list table td.hon_jiang{padding:0 49px 0 0;}
#hon_con div.hon_list table td.hon_pos{width:256px;}


.team_list{ display:block; margin:37px 0 0 0; min-height:385px;}
.team_list li { float:left; width:213px; height: 295px; background:#fff; margin: 0 0 37px 33px; text-align:center;}
.team_list li.team_box a{ position: relative; width:250px; height: 282px; display: block;}
.team_list li.team_box a div img{width:250px; height:282px; cursor:pointer; border:0; position: absolute; left:50%; top: 0; margin-left:-125px;}
.team_list li.team_box a p img{width:250px; height:282px;cursor:pointer; border:0; position: absolute; left:50%; top: 0; margin-left:-125px;}
.team_list li div p{ margin-top:5px; line-height:20px;}

#mainer.background{ background: #F1F1F1;}
#mainer.background #content #box{ padding: 0;}
#content #tit2.title-bg{ background: url(../images/title-bg.png) no-repeat center 0; height:72px; padding: 0; margin-top: 25px;}
.news .team_list li{ width:250px; height: 345px; background:#fff; margin: 0 0 37px 66px; }
.news .team_list li.mar-left0{ margin-left: 0;}
.news .team_list li div{ font-size: 19px; color:#444; height: 63px; line-height: 63px;}
#mainer.teaminfo-box{ background: url(../images/teaminfo-bg.png) no-repeat center bottom; min-height: 700px;}
.teaminfo_list{ display:block; width:1041px; margin:0 auto; margin-top:15px; min-height:350px;}
.teaminfo_list div.teaminfo_left,.teaminfo_list div.teaminfo_left1{width:204px; float:left; height: 328px;box-shadow:0px 0px 15px 0px rgba(140,152,164,0.15); border-radius:6px;}
.teaminfo_list div.teaminfo_right{width:804px; float:right; min-height:360px;}
.teaminfo_list div.teaminfo_left a{ display: block; height: 193px; width:170px; text-align: center; overflow: hidden; margin: 19px 17px 20px; position: relative;}
.teaminfo_list div.teaminfo_left a img{cursor:pointer; margin:0 15px 0 0; width: 170px; height: 193px; position: absolute; top:0; left: 50%; margin: 0 0 0 -85px;}
.teaminfo_list div.teaminfo_left1 img{height:245px; cursor:pointer; margin:0 15px 0 0; float:left; width:200px;}
.teaminfo_list h4.position{display: none;}
.teaminfo_list p{line-height:20px; font-size: 14px; color: #7F7F7F; line-height: 30px; text-indent:0!important; padding-left: 24px;}
.teaminfo_list p img{max-width:380px; _width:expression(document.body.clientWidth > 380 ? "380px" : "auto"); height:auto !important;}
.teaminfo_list div.teaminfo_zhiwei{float:left;}
.teaminfo_list div.teaminfo_content{float:right;}
.teaminfo_list div.teaminfo_left .name-box{ text-align: center; font-size: 27px; color: #444;}
.teaminfo_list div.teaminfo_left .name-box p{ font-size: 13px; color: #aaa; line-height: 22px; width: 200px;margin: 8px auto 0; padding:0;}

.teaminfo_list div.teaminfo_right h3{ padding:24px 30px;box-shadow:0px 0px 15px 0px rgba(140,152,164,0.15); border-radius:6px; font-weight:normal; font-size: 14px; color:#7F7F7F; line-height:30px; text-indent: 0 !important;}
.teaminfo_list div.teaminfo_right h4{ background:#f8f8f8; border-left:3px solid #ed1c40; height: 45px; line-height:45px; padding-left:22px; color:#444; font-size: 17px; margin: 23px 0 20px; text-indent: 0 !important;}
.teaminfo_list div.teaminfo_right h5{ display: none !important;}

#shangxia{border-top: 1px solid #a0a0a0; padding:10px 0 0 0; height:40px;}
#shangxia .news_prev{float:left;}
#shangxia .news_next{float:right;}

.project_list{ display:block; margin:15px 0 0 0; min-height:350px; padding: 0 0 0 30px;}
.project_list li { float:left; width:260px; height:150px; margin: 0 0 30px 25px; position:relative;}
.project_list li .pic { width:235px; height:135px; overflow:hidden;}
.project_list li .pic img{ width:235px; height:135px; cursor:pointer;}
.project_list .rsp { width:235px;height:135px;overflow:hidden; position:absolute;top:0px;left:0px; background:#d10;}
.project_list .txt { width:235px;height:135px;overflow:hidden; position:absolute;top:0px;left:0px;}
.project_list .txt a{cursor:pointer;}
.project_list .txt p{width:235px;height:100px;overflow:hidden; margin-top:35px;line-height:25px;text-align:center;color:#fff; font-size:12px;}

.project_lis{width:945px; overflow:hidden; margin:0 auto; padding-top:15px; min-height:350px;}
.project_list1{ display:block; width:970px;}
.project_list1 li { float:left; width:320px; height:246px; position:relative;}
.project_list1 li .pic { width:300px; height:225px; overflow:hidden;}
.project_list1 li .pic img{ width:300px; height:225px; cursor:pointer;}
.project_list1 .rsp { width:300px;height:225px;overflow:hidden; position:absolute;top:0px;left:0px; background:#d10;}
.project_list1 .txt { width:300px;height:225px;overflow:hidden; position:absolute;top:0px;left:0px;}
.project_list1 .txt a{cursor:pointer;}
.project_list1 .txt p{width:280px;height:165px;overflow:hidden; margin-top:60px;line-height:30px;text-align:center;color:#fff; font-size:16px; padding:0 10px;}


#project_box{margin:0 auto;width: 1200px;height:auto;position:relative;margin-top:25px;}

#project_box #project_txt{height:458px; overflow-y:auto; width: 492px;color: #666;padding: 0 20px 10px;float: right; margin:35px 0 30px;}
#project_box #project_txt::-webkit-scrollbar-track-piece { background-color:#f3f3f3; }
#project_box #project_txt::-webkit-scrollbar {width:4px;height:4px;}
#project_box #project_txt::-webkit-scrollbar-thumb {background-color:#d8d8d8;background-clip:padding-box;min-height:28px; cursor: pointer;}
#project_box #project_txt::-webkit-scrollbar-thumb:hover {background-color:#aaa;}
#project_box #project_txt p{width: 492px;display:block;font-size: 14px;color: #666;line-height: 27px;}

#project_box #project_img{display:block;position:relative;width: 619px;height:419px;float: left;margin-top: -30px;box-shadow:0px 10px 33px 0px rgba(0,0,0,0.13);}
#project_box #project_img li {position:absolute;top:0;left:0;width: 593px;height:379px;text-align:center;display:none; background: #fff; padding: 20px 13px}
#project_box #project_img li table{width: 593px; height: 378px;}
#project_box #project_img li td   { width: 593px; height: 378px;}
#project_box #project_img li td img{float:left;display:inline;width: 593px; height: 378px;}

#project_box .halfprev{width:38px; height:72px; border:1px solid rgba(242,242,242,1);position:absolute;top:146px; cursor:pointer; z-index:9;left: 0; background:url(../images/sc_lt-l.png) center no-repeat rgba(255,255,255,1); opacity:0.9;}
#project_box .halfnext{width:38px; height:72px; border:1px solid rgba(242,242,242,1);position:absolute;top:146px; cursor:pointer; z-index:9;left: 580px;background:url(../images/sc_rt-r.png) center no-repeat rgba(255,255,255,1); opacity:0.9;}
#project_btn{width:90px; height:22px; margin:0 auto; padding:15px 0 0 0; display: none;}
#project_btn a{background:url(../images/com.png) no-repeat; width:22px; height:22px; display:block; float:left; margin:0 2px; cursor:pointer;}
#project_btn a.pro_b{background-position:0 0;}
#project_btn a.pro_l{background-position:-42px 0;}
#project_btn a.pro_r{background-position:-83px 0;}


/* news */
#news_box {margin: 0 auto;width: 960px;min-height: 470px;position: relative;margin-top: 20px;}
#news_box div{height:377px; border-bottom:1px solid #a0a0a0; width:786px !important; padding:0 0 45px 0;}
#news_box div.clear{margin:0; padding:0; height:0; line-height:0; border:none; background:none;}
#news_box #news_txt{ position:absolute; left:0px; bottom:0px; z-index:1; opacity:0.5; filter:alpha(opacity=50); width:760px; height:200px; overflow:hidden; padding:10px 20px; background:#000;}
#news_box #news_txt p  { width:760px; display:block; color:#ccc;}
#news_box #OverBox ul{ display:block; height:377px; position:absolute; left:40px; overflow:hidden;}
#news_box #OverBox ul li {width:153px; height:377px; float:left; margin:0 5px 0 0;}
#news_box #OverBox ul li a{height:377px; display:block; position:relative; color:#fff;}
#news_box #OverBox ul li a img{width:153px; height:377px; border:0; filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale);-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
#news_box #OverBox ul li a:hover img{FILTER:none; -webkit-filter:grayscale(0);}
#news_box ul.NewsList{margin:10px 0 0 0;}
#news_box ul.NewsList li{border-bottom:1px solid #ccc; height:35px;}
#news_box ul.NewsList li a{height:25px; padding:5px; display:block;line-height:25px; }
#news_box ul.NewsList li a:hover{background:#D4D4D4; }
#news_box ul.NewsList li a p{float:left;font-size:16px;}
#news_box ul.NewsList li a span{float:right;}
#news_box ul.NewsListTeam li{border-bottom:1px solid #ccc; height:160px; padding:0 0 15px 0; margin:0 0 30px 0;}
#news_box ul.NewsListTeam li a p{font-size:16px; width:545px; float:left; display:inline; margin:0 0 15px 0; color:#333;}
#news_box ul.NewsListTeam li a:hover p{color:#f00;}
#news_box ul.NewsListTeam li a span{display:inline-block; width:675px; float:left; display:inline; line-height:18px; color:#666;}
#news_box ul.NewsListTeam li a:hover span{color:#333;}
#news_box ul.NewsListTeam li a img{float:right; display:inline; width:220px; height:145px;}

#news_box #OverBox ul li a p{height:45px; position:absolute; bottom:0; padding:4px 16px 0 16px; text-align:center; background:#000; opacity:0.5; line-height:21px; filter:alpha(opacity=50); z-index:99; width:121px; overflow:hidden;}

#news_box div a.prev,#news_box div a.next{width:24px;margin:167px 0 0 0; line-height:42px; height:42px; position:absolute; top:0px; cursor:pointer; z-index:9; background:url(../images/com.png) left top no-repeat; text-indent:-9999px;}				
#news_box div a.prev{left:-40px; background-position:0 -48px;}
#news_box div a.next{right:-40px; background-position:-52px -48px;}
#news_btn{width:78px; height:22px; margin:0 auto; padding:15px 0 0 0;}
#news_btn a{background:url(../images/com.png) no-repeat; width:22px; height:22px; display:block; float:left; margin:0 2px; cursor:pointer;}
#news_btn a.pro_b{background-position:0 0;}
#news_btn a.pro_l{background-position:-42px 0;}
#news_btn a.pro_r{background-position:-83px 0;}


/* newsinfo */
#content #newsinfo_box{padding:17px 0; font-size: 12px; line-height: 22px; border-bottom:1px solid #a0a0a0; margin:0 auto; width:754px; _height:expression(document.body.clientWidth > 50 ? "50px" : "auto"); min-height:350px;}
#content #newsinfo_box img{width:100%;}
#content #newsinfo_btn{width:754px; margin:0 auto;}
#content #newsinfo_btn a{display:block; cursor:pointer; max-width:211px; _width:expression(document.body.clientWidth > 211 ? "211px" : "auto");}
#content #newsinfo_btn a:hover{ color:#646464;}
#content #newsinfo_btn a.news_prev{float:left;}
#content #newsinfo_btn a.news_next{float:right;}
#content #newsinfo_btn a.news_prev:hover,#content #newsinfo_btn a.news_next:hover{ color:#ea0121;}
#content #newsinfo_btn a img{float:left; margin:0 5px 0 0;}
#content #newsinfo_btn a p.newsinfo_st{margin:15px 0 4px 0; font-size:11px;}
#content #newsinfo_btn a p{font-size:11px; -webkit-text-size-adjust:none; line-height:15px;}
#content #newsinfo_btn a p.newsinfo_ltit,#content #newsinfo_btn a p.newsinfo_rtit{height:28px; overflow:hidden;}

/* video */
#content #video_box{padding:17px 0; font-size: 12px; line-height: 22px; margin:0 auto; width:915px; position:relative;}
#content .video_con{width:748px; margin:0 auto; max-height:440px; overflow:hidden; padding:0 40px 0 0; _height:expression(document.body.clientWidth > 440 ? "440px" : "auto");}
#content .video_con li{height:214px; background:url(../images/videoline.gif) bottom left repeat-x; margin:13px 0;}
#content .video_con li a.playvideo{width:316px; height:194px; float:left; margin:0 22px 0 0; cursor:pointer;}
#content .video_con li h4{font-size:16px; font-weight:normal; height:42px; padding:0 76px 0 0;}
#content .video_con li p{height:130px; text-indent:2em; padding:0 76px 0 0;}
#content .video_con li span{height:18px; padding:0 0 0 67px; background:url(../images/com.png) left center no-repeat; background-position:0 -109px; font-size:16px;}
#content .video_scroll,#hon_con .hon_scroll{width:9px; border-left:1px solid #6a6a6a; border-right:1px solid #6a6a6a; background:#6a6a6a; margin:0 2px; position:absolute; right:30px;}
#content .video_scroll{top:30px; height:420px;}
#hon_con .hon_scroll{top:0; height:443px;}

/* videoinfo */
#content #video_box .video_play{width:657px; height:388px; margin:0 auto;}


/*publication*/
#pub_box{padding:17px 0; font-size: 12px; line-height: 22px; margin:0 auto; width:915px; position:relative;}
#pub_box div.pub_con{width:622px; margin:0 auto; max-height:400px; overflow:hidden;  _height:expression(document.body.clientWidth > 400 ? "400px" : "auto");}
#pub_box div.pub_con ul{width:700px;}
#pub_box div.pub_con ul li{width:282px; height:179px; float:left; margin:0 60px 31px 0; position:relative;}
#pub_box div.pub_con ul li a{position:relative; display:block; color:#5f6160;}
#pub_box div.pub_con ul li a img{filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale);-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
#pub_box div.pub_con ul li a:hover img{FILTER:none; -webkit-filter:grayscale(0);}
#pub_box div.pub_con ul li div{position:absolute; bottom:-5px; right:0; width:122px;}
#pub_box div.pub_con ul li div p{vertical-align:text-bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#pub_box div.pub_con ul li div h3{font-weight:normal; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#pub_box div.pub_con ul li div p a:hover{color:#EC0120;}

/* talent */
#talent_box{width:749px; height:500px; padding:32px 0 0 0; margin:0 auto; background:url(../images/talentbg1.jpg) center top no-repeat; margin-top:10px;}
#talent_box h4{text-align:center; font-weight:normal; margin:0 0 25px 0;}
#talent_box div.talent_txt{height:183px; width:630px; margin:0 auto;}
#talent_box div.talent_txt p{margin:16px 0; text-align:center; text-indent:2em; line-height:21px;}
#talent_box div.talent_pic{width:710px; height:165px; background:url(../images/talentbottom.png) center top no-repeat; margin:0 auto;}

/* career */
#career_box{ background:url(../images/careerbg.jpg) center top no-repeat;}
#career_box .career_con{width:550px; min-height:468px; margin:0 auto; margin-top:14px; _height:expression(document.body.clientWidth > 468 ? "468px" : "auto");}
#career_box .career_con ul{width:550px;}
#career_box .career_con ul li{width:550px; float:left;}
#career_box .career_con ul li.career_show p{width:520px;}
#career_box .career_con ul li{}
#career_box .career_con ul li span a{color:#272729;}
#career_box .career_con ul li.career_tit{width:550px; background:none;}
#career_box .career_con ul li.career_tit span{background:#464648; color:#848484; font-size:14px; padding:2px 6px; margin:0 0 0 2px; display:block; float:left;}
#career_box .career_con ul li.crashow span{ padding:2px 6px; margin:0 0 0 2px; display:block;color:#272729; float:left; line-height:27px;background:url(../images/careerline.gif) bottom left repeat-x; height:27px; display:inline; overflow:hidden;}
.career_zw{width:90px;}
.career_gz{width:81px;}
.career_rs{width:44px;}
.career_rq{width:86px;}
.career_xq{width:81px;}
.career_sq{width:77px;}
.career_zw1{width:90px;}
.career_gz1{width:81px;}
.career_rs1{width:44px;}
.rq1{width:86px;}
.career_txt{width:81px;}
.career_apply{width:84px;}
/*#career_box .career_con table tr.career_show{background:#5f5f5f; opacity:0.5; filter:Alpha(opacity=50); filter: "alpha(opacity=50)"; zoom:1;}*/
#career_box .career_con ul li span.career_txt{cursor:pointer;}
#career_box .career_con ul li.career_show{padding:10px;   font-size:11px; -webkit-text-size-adjust:none; color:#fff; background:rgba(0,0,0,.5);background:#5f5f5f\9;filter:alpha(opacity=50)\9; width:520px; margin:0 0 0 2px; display:none;}
#career_box .career_con ul li.career_show td p{position:relative;}
#career_box .career_con ul li span.career_apply a{width:58px; height:19px; background:#eb0021; color:#f7b6ba; display:block; text-align:center; line-height:19px; margin:4px 0 0 0;}

/* jobapply */
#jobapply_box{width:704px; height:600px; margin:0 auto; padding:33px 0 0 0; background:url(../images/careerapply.jpg) center bottom no-repeat;}
#jobapply_box .jobapply_con{width:550px; margin:0 auto; margin-bottom:25px;}
#jobapply_box .jobapply_con h4{margin:0 0 22px 0; font-weight:normal; font-size:13px;}
#jobapply_box .jobapply_con table tr td{font-size:12px;}
#jobapply_box .jobapply_con table tr a{cursor:pointer; margin:0 2px;}
#jobapply_box .jobapply_con table tr input,#jobapply_box .jobapply_con table tr td select{border:1px solid #606060; background:#e6e6e6; width:145px; font-size:10px;height:17px; margin:2px 0;}
#jobapply_box .jobapply_con table tr td div.filebox{position:relative;}
#jobapply_box .jobapply_con table tr td div.filebox input.TextCss{position:absolute; top:0; left:0; height:15px; filter:alpha(opacity:0);opacity: 0; width:175px; cursor:pointer;}
#jobapply_box .jobapply_con table tr td div.filebox input.btn{width:25px; height:15px; line-height:15px; background:#ea011e; color:#fff; border:none;-webkit-text-size-adjust:none; font-size:11px; text-align:center;}
#jobapply_box .jobapply_con table tr td select{width:147px; margin:0; padding:0;}
#jobapply_box .jobapply_con table tr .job_sure{width:53px; height:16px; text-align:center; background:#eb0021; color:#fffeff; line-height:16px; font-size:11px; border:none; cursor:pointer;-webkit-text-size-adjust:none;}


/* page */
#case_box { position:relative; float:right; width:750px; height:420px; overflow:hidden;}
#case_box #case_txt {   position:absolute; left:-240px; top:0px; z-index:1; width:220px;height:360px; overflow:hidden; padding:30px 10px; color:#e6e6e6; background:url(../images/txt_bg.png) repeat;}
#case_box #case_txt h2{ font:bold 18px/54px 宋体;}

#case_box #case_txt p { float:left; width:220px; display:block; font:normal 12px/22px 宋体; color:#ccc; margin-bottom:0.5em;}
#case_box #case_txt p u { float:left; width: 60px; text-align:right; text-decoration:none;}
#case_box #case_txt p i { float:left; width:150px; font-style:normal;}
#case_box #case_txt p span{ float:left; width:220px; display:block; line-height:20px; text-indent:2em; text-align:justify;text-justify:inter-ideograph;}

#case_box #case_img   { display:block; position:relative; width:1000px; height:420px;}
#case_box #case_img li{ position:absolute; top:0px; left:0px; width:100%; height:420px;  display:none;}

#case_box .halfprev{width:50px;height:420px; position:absolute;top:0px;cursor:pointer;z-index:9;left: 0;opacity:0.1; filter:alpha(opacity=10);
background:url(../images/sc_lt.gif) no-repeat left  center;}
#case_box .halfnext{width:50px;height:420px; position:absolute;top:0px;cursor:pointer;z-index:9;right:0;opacity:0.1; filter:alpha(opacity=10);
background:url(../images/sc_rt.gif) no-repeat right center;}


/* container */
#container{ position:relative; width:1000px; margin:0 auto; height:688px; overflow:hidden;}
#container #scrollbar { clear:both;}
#container #scrollbar .viewport { width:380px; height:450px; overflow:hidden; position:relative;}
#container .box_tit { float:left; width:970px; height: 55px; overflow:hidden; padding:20px 17px 0px 17px; color:#e6e6e6; font:bold 18px/36px 宋体;}
#container .car_tit { float:left; width:970px; height: 35px; overflow:hidden; padding:0px 17px; color:#e6e6e6; font:bold 14px/28px 宋体;}
#container .box_txt { float:left; width:400px; height:460px; overflow:hidden; padding:0px 17px; color:#e6e6e6;}
#container .box_txt h3{ font:bold 14px/24px 宋体; color:#c72424;}
#container .box_txt h4{ font:normal 12px/22px 宋体; color:#ccc; margin-bottom:2em;}
#container .box_txt h4 p{ background: url("../images/listdot.gif") no-repeat scroll 1px 9px transparent; display:block; line-height:24px; padding-left:12px;}



/* career */
.career{ float:right; width:540px; height:460px; overflow:hidden; padding:0px 20px 20px 0px; color:#ccc;}
.career div.tab{ height:410px; padding:20px 25px; overflow:hidden; line-height:18px; background:#5d5d5d;}
.career .tab .tit{ font-size:14px; font-weight:bold; color:#e6e6e6; border-bottom:#ccc 1px solid; line-height:26px; margin-bottom:8px;}
.career p{ padding:3px 0; line-height:16px;}
.career input{ font-size:11px; color:#eee; text-align:center;}
.career .uline{ border:none; border-bottom:#ccc 1px solid; background:#5d5d5d; line-height:16px;}
.career .nobor{ border:none; background:#5d5d5d; line-height:16px; padding:2px 0;}
.career .ubor { border:#ccc 1px solid; background:#5d5d5d; line-height:16px; color:#e6e6e6;}
.career .sclt 		{ position:relative; border:none; border-bottom:#ccc 1px solid; width:70px;height:15px; overflow:hidden; float:left; display:inline; margin-top:1px;}
.career .sclt select{ position:absolute; left:-3px;top:-3px;font-size:12px;width:100px;line-height:18px;border:none;color:#fff;background:#5d5d5d;}
.tblist{ background:#ccc;}
.tblist td{ background:#5d5d5d; text-align:center;}

/* Career放大 */
#trigger { position:absolute; top:110px; left:444px; text-align:center;}
#trigger a{ display:block; width:540px; height:450px;}

.reveal-modal-bg   { position:fixed;height:100%;width:100%; background-color:#000;z-index:100;top:0px;left:0px; display:none;}
.reveal-modal      { position:absolute;top:120px;left:50%; margin-left:-380px; width:760px;z-index:101; visibility:hidden;}
.close-reveal-modal{ position:absolute;top:16px;right:20px; font-size:22px;color:#ccc;font-weight:bold;text-shadow:0 -1px 1px rbga(0,0,0,.6);cursor:pointer;} 

.carb{ width:760px;height:550px; overflow:hidden; color:#ccc;}
.carb div.tab{ height:510px; padding:20px; overflow:hidden; line-height:22px; background:#5d5d5d;}
.carb .tab .tit{ font-size:14px; font-weight:bold; color:#e6e6e6; border-bottom:#ccc 1px solid; line-height:26px; margin-bottom:8px;}
.carb p { padding:3px 0; line-height:16px;}
.carb td{ padding:3px 0;}
.carb input { font-size:12px; color:#eee; text-align:center;}
.carb .uline{ border:none; border-bottom:#ccc 1px solid; background:#5d5d5d; line-height:16px;}
.carb .nobor{ border:none; background:#5d5d5d; line-height:16px; padding:2px 0;}
.carb .ubor { border:#ccc 1px solid; background:#5d5d5d; font-size:12px; line-height:20px; color:#e6e6e6; font-size:12px;}
.carb .sclt { position:relative; border:none; border-bottom:#ccc 1px solid; width:120px;height:15px; overflow:hidden; float:left; display:inline; margin-top:1px;}
.carb .sclt select{ position:absolute; left:-3px;top:-3px;font-size:12px;width:150px;line-height:18px;border:none;color:#fff;background:#5d5d5d;}
.tblist{ background:#ccc;}
.tblist td{ background:#5d5d5d; text-align:center;}

/* contact */
.contact{ float:left; width:970px; height:500px; padding:0px 17px 20px 17px; color:#ccc; background:#3a3732; overflow:hidden;}
.contact .tit { font-size:14px; font-weight:bold; color:#e6e6e6; border-bottom:#ccc 1px solid; line-height:26px; margin-bottom:8px;}
.contact .box { font-size:12px; line-height:20px;}
.contact .box p.red{ font-weight:bold; color:#c72424;}

/* contact */
#contact_box{width:685px; height:340px; margin:0 auto; background:url(../images/contactbg.jpg) top center no-repeat; margin-top:82px; position:relative;}
#contact_box div.contact_left{width:373px; background:url(../images/careerline.png) top right no-repeat; position:absolute; top:-40px; padding:10px 0 25px 0;}
#contact_box div.contact_left p{margin:0 0 2px 0;background:none !important}
#contact_box div.contact_left img{margin:35px 0 0 0;}
#contact_box div.contact_right{width:281px; position:absolute; top:-40px; right:0px; padding:10px 0 0 0;}
#contact_box div.contact_right h4{font-weight:normal; font-size:14px; margin:0 0 16px 0;}
#contact_box div.contact_right ul li {margin:0 0 7px 0;}
#contact_box div.contact_right ul li input.contact_peo,#contact_box div.contact_right ul li input.contact_pho{width:109px;}
#contact_box div.contact_right ul li textarea{width:273px; height:110px; resize:none; overflow-y:hidden;}
#contact_box div.contact_right ul li div{float:left; width:131px;}
#contact_box div.contact_right ul li input.contact_btn{width:65px; height:20px; text-align:center; line-height:20px; background:#969696; color:#ffffff; border:none; cursor:pointer; margin:18px 0 0 0;}
.touying{width:590px; height:38px; background:url(../images/touying.png) center top no-repeat; margin:0 auto; margin-top:15px;margin-bottom:30px;}

/* map */
#map_box{width:476px; padding:55px 0 0 0; margin:0 auto; position:relative;}
#map_box p{margin:0 0 2px 0;}
#map_box a{background:url(../images/com.png) left top no-repeat; position:absolute; cursor:pointer; top:142px;}
#map_box a.weibo{width:108px; height:28px; background-position:0 -166px; left:317px;}
#map_box a.weixin{width:32px; height:32px; background-position:-168px -162px; left:440px;}
#map_box div#dituContent{width:474px; height:281px; margin:18px 0 0 0;}

/* input */
input,textarea{border:1px solid #323232; background:none;}

/* focus */
#focus { position:relative; width:750px; height:420px; overflow:hidden;}
#focus ul { position:absolute; width:750px; height:420px;}
#focus ul li { float:left; width:750px; height:420px; overflow:hidden; position:relative;}
#focus ul li img {  width:750px; height:420px;}
#focus .half{ width:375px; height:420px; position:absolute; top:0px; cursor:pointer;}
#focus .prev{ left: 0; background:url(../images/sc_lt.gif) no-repeat left  center;}
#focus .next{ right:0; background:url(../images/sc_rt.gif) no-repeat right center;}

/* Scrollbar */
#scrollbar { clear:both;}
#scrollbar .viewport { overflow:hidden; position:relative;}
#scrollbar .overview { list-style:none; position:absolute; left:0; top:0;}
#scrollbar .scrollbar, #scrollbar .thumb .end, #scrollbar .thumb { background:transparent url(../images/bg-scrollbar.png) no-repeat;}
#scrollbar .scrollbar { position:relative; background-position:0 0; float:right; width:4px;}
#scrollbar .track { background:transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height:100%; width:4px; position:relative;}
#scrollbar .thumb { background-position:100% 100%; height:20px; width:4px; cursor:pointer; overflow:hidden; position:absolute; top:0;}
#scrollbar .disable { display:none;}

/* project */
.project{ float:left; height:600px; padding:2px 2px 0 2px; background:#e6e6e6;}
.project li { float:left; width:499px; height:200px; color:#e6e6e6; position:relative;}
.project li img{ float:left; width:499px; height:160px;}
.project li div{ float:left; width:485px; height:28px; padding-left:14px; border-top:#e6e6e6 2px solid; border-bottom:#e6e6e6 2px solid; line-height:20px; font-size:14px; padding-top:8px;}
.project li div span{ padding-right:8px;}
.project li.lt { float:left;  background:#808080;}
.project li.rt { float:right; background:#4f4f4f;}
.project li.lt:hover, .project li.rt:hover { background:#732638;}

/* others */
/*#main  { float:left; width:800px; margin:0 30px; overflow:hidden;}*/
.sider { width:140px;}
.show{ height:auto; cursor:hand; overflow-y:hidden;}
.hide{ height:28px; cursor:hand; overflow-y:hidden;}

/*案例*/
#protainer{ margin-top:53px;}
#pro_tit{ border-bottom:3px solid #ddd; padding-bottom:5px;margin-bottom:30px;}
#pro_tit .pro_sub{ width:425px; float:left;}
#pro_tit .pro_sub ul li{ float:left;  text-align:center; line-height:30px;}
#pro_tit .pro_sub ul li a{display:block;width:53px; height:30px; color:#1a1a1a;}
#pro_tit .pro_sub ul li a:hover{ background:url(../images/pro_sub_hover.jpg) no-repeat center; }
#pro_tit .pro_sub .cutter{ background:url(../images/pro_sub_hover.jpg) no-repeat center;}

#pro_tit .pro_lb{ float:right;}
.pro_lb table{ text-align:right;}
.pro_lb input{ border:1px solid #ccc;}
#projects_list ul li{ float:left; width:260px; height:186px; margin-left:30px; margin-bottom:45px;}
#projects_list li b, .tjmb li b{ float:left;}
#projects_list li h4, .tjmb li h4{ float:right;}


/*新闻*/
#news{ margin-top:30px;}
.news_list{ width:780px; float:left;}
.news_r{ float:right; width:270px;}
.news_list img{ float:left; border:1px solid #ddd; margin-right:20px;}
.news_list ul li{ margin-bottom:30px;}
.news_list ul li h2{ color:#1a1a1a; font-size:14px;}
.news_list ul li p{ margin-bottom:20px; margin-top:5px; color:#999;}
.news_list ul li a{ line-height:22px;}

#login{width:271px;height:27px;float:right; margin-bottom:38px;}
#login form{ background:url(../images/ss.jpg) no-repeat;height:27px;}
#login form .search1{ padding-left:30px; padding-top:2px; width:230px; height:22px; float:left; background:none; border:none;  text-indent:7px; color:#999;}
#login form .botn1{width:52px; height:25px; cursor:pointer; background:none; border:none; float:right;}
.newscategory b, .tjmb b{ margin-bottom:10px; font-size:14px; display:block}
.newscategory ul li{ background:url(../images/news_line.jpg) no-repeat 0px 15px; padding-left:15px; line-height:36px; border-bottom:1px solid #ddd;}
.tjmb { margin-top:35px;}
.tjmb li{ background:url(../images/newsimg_bj.jpg) no-repeat; padding:4px; height:220px;}

/* scroll */
#ascrail2000{padding:1px; border-left:1px solid #9f9f9f;  border-right:1px solid #9f9f9f;}
#ascrail2000-hr{display:none;}


/*other*/
#o_header{ width:100%; height:163px; background:#000 url(../images/o_headbg.jpg) repeat-x;}
#o_head{ width:1000px; height:163px; margin:0 auto;}
#o_logo{ height:118px; text-align:left;}
#o_logo a{ display:block; width:424px; height:56px; margin:49px 0 0 0; float:left;}
#o_nav{height:44px;margin:1px 0 0 0;}
#o_nav ul{width:650px; overflow:hidden;}
#o_nav ul li{float:left; background:url(../images/o_line.jpg) right 5px no-repeat;}
#o_nav ul li a{display:block; padding:0 22px; height:44px; line-height:44px; float:left;}
#o_nav ul li a:hover,#o_nav ul li a.o_active{background:url(../images/o_nav.jpg) center top no-repeat; color:#ee0022;}

	
/* sorting */
#content #sorting_box{padding:5px 0 17px 0; font-size: 12px; line-height: 22px; margin:0 auto; width:915px; position:relative;}
#content #sorting_box .sorting{width:1000px; margin:0 auto; height:477px; background:url(../images/sortingmap.png) center top no-repeat; position:relative; background-position:170px 0; margin-bottom:20px;}
.sorting .sort1 p,.sorting .sort2 p,.sorting .sort3 p,.sorting .sort4 p,.sorting .sort5 p,.sorting .sort6 p,.sorting .sort7 p,.sorting .sort8 p,.sorting .sort9 p,.sorting .sort10 p{background:#727171; color:#fff; position:absolute; text-align:center; height:17px; line-height:17px; width:62px; text-align:center;}
.sorting .sort9 p{font-size:14px; height:20px; line-height:20px; width:70px;}
.sorting .sort1 a,.sorting .sort2 a,.sorting .sort3 a,.sorting .sort4 a,.sorting .sort5 a,.sorting .sort6 a,.sorting .sort7 a,.sorting .sort8 a,.sorting .sort9 a,.sorting .sort10 a{background:url(../images/position.png) center center no-repeat; cursor:pointer; position:absolute; top:0; left:0; width:16px; height:16px; display:block; padding:2px; z-index:99;}
.sort1,.sort2,.sort3,.sort4,.sort5,.sort6,.sort7,.sort8,.sort9,.sort10{position:absolute; z-index:99;}
.sorting .sort9 a{background:url(../images/position1.png) center center no-repeat;}
.sort11,.sort21,.sort31,.sort41,.sort51,.sort61,.sort71,.sort81,.sort91,.sort101{position:absolute; display:none !important;}
.sort1{left:551px; top:330px;}
.sort1 p{top:21px; left:-36px;}
.sort11{left:588px; top:174px; background:url(../images/beij.png) left top no-repeat; width:19px; height:19px;}
.sort2{left:612px; top:225px;}
.sort2 p{top:-22px; left:-46px;}
.sort21{left:488px; top:196px; background:url(../images/xia.png) left top no-repeat; width:56px; height:102px;}
.sort3{left:605px; top:280px;}
.sort3 p{top:-15px; left:4px;}
.sort31{left:605px; top:251px; background:url(../images/nanj.png) left top no-repeat; width:63px; height:52px;}
.sort4{left:650px; top:290px;}
.sort4 p{top:0px; left:20px; }
.sort41{left:655px; top:295px; background:url(../images/shangh.png) left top no-repeat; width:30px; height:31px;}
.sort5{left:460px; top:295px;}
.sort5 p{top:21px; left:-46px;}
.sort51{left:393px; top:263px; background:url(../images/chengd.png) left top no-repeat; width:117px; height:108px;}
.sort6{left:645px; top:320px;}
.sort6 p{top:0px; left:20px;}
.sort61{left:521px; top:322px; background:url(../images/changs.png) left top no-repeat; width:60px; height:71px;}
.sort7{left:515px; top:250px;}
.sort7 p{top:0px; left:-60px;}
.sort71{left:459px; top:334px; background:url(../images/guiz.png) left top no-repeat; width:68px; height:58px;}
.sort8{left:595px; top:330px; }
.sort8 p{top:21px; left:-6px;}
.sort81{left:605px; top:342px; background:url(../images/fuj.png) left top no-repeat; width:49px; height:60px;}
.sort9{left:575px; top:410px;}
.sort9 p{top:21px; left:4px;}
.sort91{left:530px; top:382px; background:url(../images/guangd.png) left top no-repeat; width:90px; height:70px;}
.sort10{left:570px; top:305px;}
.sort10 p{top:-21px; left:-24px;}
.sort101{left:530px; top:382px; background:url(../images/guangd.png) left top no-repeat; width:90px; height:70px;}
.sorting .sort_hidden{display:none;}
#mopTip01{ z-index:999;}

#mopTip01 ul{text-align:center; padding:2px 5px; background:#eb0021; }
#mopTip01 ul li{position:relative; font-size:11px; -webkit-text-size-adjust:none; color:#fff;}
#mopTip01 ul span.moptop{background:url(../images/moptop.png) left top no-repeat; height:9px; width:14px; display:block; position:absolute; top:-9px; left:0;}
.sortmap11,.sortmap21,.sortmap31,.sortmap41,.sortmap51,.sortmap61{position:absolute; display:none;}
.sortmap1 p,.sortmap2 p,.sortmap3 p,.sortmap4 p,.sortmap5 p,.sortmap6 p{background:#727171; color:#fff; position:absolute; text-align:center; height:17px; line-height:17px; width:62px; text-align:center; z-index:9;}
.sortmap11{left:171px; top:39px; background:url(../images/xibei.png) left top no-repeat; width:375px; height:259px;}
.sortmap1 p{top:150px; left:300px;}
.sortmap21{left:381px; top:264px; background:url(../images/xinan.png) left top no-repeat; width:155px; height:173px;}
.sortmap2 p{top:350px; left:420px;}
.sortmap31{left:467px; top:370px; background:url(../images/huanan.png) left top no-repeat; width:156px; height:106px;}
.sortmap3 p{top:400px; left:520px;}
.sortmap41{left:587px; top:251px; background:url(../images/huadong.png) left top no-repeat; width:87px; height:156px;}
.sortmap4 p{top:340px; left:630px;}
.sortmap51{left:515px; top:237px; background:url(../images/huazhong.png) left top no-repeat; width:116px; height:158px;}
.sortmap5 p{top:300px; left:540px;}
.sortmap61{left:533px; top:152px; background:url(../images/huabei.png) left top no-repeat; width:265px; height:259px;}
.sortmap6 p{top:205px; left:555px;}
	
/* bou */
#bou_box{width:100%; height:550px;}
.grid {width: 800px; height: 400px; margin: 100px auto 80px auto;perspective: 500px; /*For 3d*/}
.grid1{width: 770px; height: 400px; margin: 100px auto 80px auto;perspective: 500px; /*For 3d*/}
.grid img {width: 80px; height: 80px; display: block; float: left;/*filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale);-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray*/}
.grid1 img {width: 66px; height: 36px; display: block; float: left; margin:0 0 0 3px;}
.grid a:hover img{FILTER:none; -webkit-filter:grayscale(0);}
.animate { background:#db0020; color:#fff;
	line-height:36px;
	border-radius: 5px;
	cursor: pointer;
	margin:0 auto;
	width:76px;
	height:34px;
	display:block;
	text-align:center
}
.animate:hover {background:#bf001c;}
.grid a{position:relative; width:80px; height:80px; float:left;}
.grid1 a{position:relative; width:252px; height:47px; float:left; padding:0 2px; margin:0 0 5px 0; }
.grid a div p{display:none; font-size:12px; position:absolute; bottom:0; left:0;}
.grid a:hover div{width:120px; height:120px; position:absolute; left:-20px; top:-20px; z-index:99;}
.grid1 a:hover div{width:252px; height:47px; position:absolute; left:2px; top:0px; z-index:99;}
.grid a:hover div img{width:120px; height:120px;}
.grid1 a:hover div img{width:66px; height:36px;}
.grid a:hover div p{display:inline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#fff; opacity:0.8; text-align:center; height:40px; line-height:40px; color:#282725; padding:0 5px; width:110px; font-size:12px;}
.grid1 a div{width:252px; height:47px; background:url(../images/hezuobg.jpg) left top no-repeat;}
.grid1 a div p{width:167px; height:38px; position:absolute; left:75px; top:0; display:inline; line-height:38px; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px;}
.grid1 a:hover div p{width:167px; background:none; opacity:1; height:38px; padding:0; line-height:38px; font-size:12px; left:73px;}

/*pic slider*/
.news{margin:0 auto;overflow:hidden;}.news ul li{width:199px;height:95px;float:left;position:relative;overflow:hidden;}.news ul li .newsThum{width:100%;height:100%;position:absolute;left:0px;top:0px;}.news ul li .newsInfo{width:150px;height:125px;position:absolute;right:0px;bottom:0px;background:#fff;}.newsPage{width:990px;height:36px;margin-top:15px;display:block;margin:15px auto;}

.contact_map{width:685px; height:480px; margin:0 auto; margin-top:15px; margin-bottom:15px;}

/*企业荣誉*/
/* scrolltab */
.scrolltab{position:relative;width:855px;margin:0 auto; margin-top:20px;}
.scrolltab .ulBigPic{width:855px;height:455px;overflow:hidden; margin:0 0 20px 0;}
.scrolltab .ulBigPic li{width:855px;height:505px;display:none;}
.scrolltab .ulBigPic .liSelected{display:block; text-align:center;}
.scrolltab .ulBigPic img{border:0; max-width:855px; _width:expression(document.body.clientWidth > 855 ? "855px" : "auto"); margin:0 auto; text-align:center; max-height:455px; _height:expression(document.body.clientHeight > 455 ? "455px" : "auto");}
.scrolltab .ulBigPic .sPic{width:570px;float:left;overflow:hidden;}
.scrolltab .ulBigPic .sSideBox{width:290px;float:right;overflow:hidden;}
.scrolltab .sSideBox span{width:290px;display:block;overflow:hidden;}
.scrolltab .ulBigPic .sTitle{height:32px;line-height:32px;font-size:14px;font-weight:700;color:#333;}
.scrolltab .ulBigPic .sIntro{line-height:24px;color:#666;word-wrap:break-word;word-break:break-all;}
.scrolltab .ulBigPic .sMore{height:24px;line-height:24px;}
.scrolltab .ulBigPic .sMore a{color:#841;}
.scrolltab .ulBigPic .sTitle a{color:#333;}
.scrolltab .ulBigPic .sTitle a:hover{color:#840;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:210px; cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:-40px;}
.scrolltab .sLeftBtnA{background:url(../images/prev.png) -15px top no-repeat;}
.scrolltab .sLeftBtnASel{background:url(../images/prev.png) -15px top no-repeat;}
.scrolltab .sLeftBtnABan{background:url(../images/prev.png) -15px top no-repeat;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:-40px;}
.scrolltab .sRightBtnA{background:url(../images/next.png) 0 top no-repeat;}
.scrolltab .sRightBtnASel{background:url(../images/next.png) 0 top no-repeat;}
.scrolltab .sRightBtnABan{background:url(../images/next.png) 0 top no-repeat;}
.scrolltab .dSmallPicBox{width:855px;height:105px;position:relative;}
.scrolltab .dSmallPic{width:860px;height:105px;position:absolute;left:0;top:0px;overflow:hidden;}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{width:135px;height:100px;border:1px solid #ccc;padding:1px;float:left;display:inline;cursor:pointer;overflow:hidden; margin:0 5px 0 0;}
.scrolltab .dSmallPic .sPic{width:141px;height:106px;display:block;}
.scrolltab .dSmallPic .sPic img{border:1px solid #ddd;padding:2px;}
.scrolltab .dSmallPic .sTitle{width:141px;height:30px;line-height:30px;display:block;text-align:center;color:#333;overflow:hidden;}
.scrolltab .dSmallPic .liSelected{border-color:#333;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{width:24px;height:42px;display:block;position:absolute;top:35px;background:url(../images/com.png) no-repeat;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:-35px;}
.scrolltab .sLeftBtnB{background-position:0 -48px;}
.scrolltab .sLeftBtnBSel{background-position:0 -48px;}
.scrolltab .sLeftBtnBBan{background-position:0 -48px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:-35px;}
.scrolltab .sRightBtnB{background-position:-52px -48px;}
.scrolltab .sRightBtnBSel{background-position:-52px -48px;}
.scrolltab .sRightBtnBBan{background-position:-52px -48px;}

/*map*/
#mapic{position:absolute; left:170px; z-index:999;}

/*other_banner*/
#main { zoom: 1; position: relative; width:1001px; height:547px;}
#index_b_hero { width: 1001px; height: 547px; margin: auto; position: relative; }
#index_b_hero img { width: 1001px; height: 547px; }
#index_b_hero .heros { width: 1001px; height: 547px; overflow:hidden;}
#index_b_hero .hero-wrap { overflow: hidden; position: absolute; }
#index_b_hero .next, #index_b_hero .prev {position: absolute; top: 50%; z-index: 3; background:url(../images/com.png) left top no-repeat; width:24px; width:32px; height:51px;}
	#index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
#index_b_hero .next {right:-40px; background-position:-68px -249px;}
#index_b_hero .prev {left:-40px; background-position:0 -249px; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff;  z-index: 1; position: absolute; top: 0; left: 0; width: 1001px; height: 547px; overflow: hidden; left: 1001px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1001px; filter: alpha(Opacity=50); opacity:0.5; background: #fff; overflow: hidden; display:none;}
#index_b_hero .mask-right { left: 1001px; }
#index_b_hero .active { z-index: 2; left: 0; }

/*关于我们*/
.about-body{ background:#fff;}
.about-wrap{width: 100%;}
.about-box{width: 100%; overflow: hidden; padding-bottom: 58px; }
.about-box h4{ padding: 28px 0 50px; text-align: center;}

.aboutbox1{background: #fff; padding: 30px 0;}
.introduction{width: 1135px; margin: 0 auto; overflow: hidden;}
.l-box{ float: left; width: 487px; height: 380px; margin-right: 62px; padding-top: 51px;}

.r-box{ float:left; width: 564px; }
.r-box h4{ margin:0 0 8px;}
.r-box h4 img{ display: block}
.r-box p{ font-size: 14px; color: #666; line-height: 27px; margin: 0 0 15px; padding: 0;}
.r-box .text{height: 366px; overflow-x: auto; padding-right: 16px;}
.r-box .text::-webkit-scrollbar-track-piece { background-color:#f3f3f3; }
.r-box .text::-webkit-scrollbar {width:4px;height:4px;}
.r-box .text::-webkit-scrollbar-thumb {background-color:#d8d8d8;background-clip:padding-box;min-height:28px; cursor: pointer;}
.r-box .text::-webkit-scrollbar-thumb:hover {background-color:#aaa;}

.aboutbox2{background: #F5F6FA; padding-bottom: 29px;}
.aboutbox2 p.more{text-align: center;}
.aboutbox2 p.more a{ color: #999; font-size: 12px; text-decoration: none;}
.aboutbox2 p.more a:hover{ color: #666;}

.honor{ text-align: center; padding-bottom: 62px;}
.honor li{ width: 200px; text-align: center; display: inline-block; margin: 0 15px;}
.honor li p{ line-height: 30px; font-size: 14px; color:#666;}

.aboutbox3 h4{ padding: 28px 0 46px; text-align: center;}
.aboutbox3 p{padding-bottom: 77px; text-align: center}

.aboutbox4{background:url("../images/about_bg.png") no-repeat center bottom #f5f6fa; height: 490px; padding: 0;}
.aboutbox4 h4{ padding: 28px 0 62px; text-align: center;}
.aboutbox4 p{ width: 926px; margin: 0 auto;height: 34px; line-height: 34px; color: #333; font-size: 14px;}
.aboutbox4 p span{float: left;width:68px; height:24px; line-height:24px; margin:5px 17px 0 0; color: #fff;text-align: center; font-size: 14px;}
.aboutbox4 p span.t1{ background:#3DC4D8;}
.aboutbox4 p span.t2{ background:#85D35A;}
.aboutbox4 p span.t3{ background:#EFA84F;}
.aboutbox4 p span.t4{ background:#FF6262;}
.aboutbox4 p span.t5{ background:#DF6161;}

#active{width:619px;position:absolute;z-index:1;top:420px;left:0;height:20px;line-height:30px;}
#active ul{text-align:center;}
#active ul li{display:inline-block !important;zoom:1;width:21px;height:4px; border-radius:2px; margin:  1px;overflow:hidden;background:#ddd;line-height:999px;}
#active ul li.active{background:#f00; width: 32px;}