﻿@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0;font-size:12px;font-family:'宋体',Arial, Helvetica, sans-serif;text-align:left; background:url(../images/body_bj.jpg) repeat;}
div,form,img,ul,ol,li,p,dl,dt,dd { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-weight:normal;font-family:'Microsoft YaHei';font-weight:bold;font-size:14px;}
table{ border-spacing:collapse;}
ul,li {list-style:none;}
img{border:0px;}
a {text-decoration:none;color:#333;cursor: pointer;blr:exPRession(this.onFocus=this.blur())}
a:focus { outline:0; }
a:hover{text-decoration:underline;}
.left { float: left;}
.right { float: right;}
.area:after,.clear:after,.con:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.clear,.area,.con:after{zoom:1}
.area{margin-left:auto;margin-right:auto;width:1000px;position:relative;}

.wapper{ width:1000px; margin:0 auto;}
.mgbt_5{margin-bottom:5px}
.mgbt_10{margin-bottom:10px}
.mgbt_15{margin-bottom:15px}
.mgbt_20{margin-bottom:20px}
.center{text-align:center;}
.blockimg{display:block;}
.h630{ height:630px;}
.w198{ width:198px;}
.w625{ width:625px;}
.w349{ width:349px;}
.w320{ width:320px;}
.w234{ width:234px;}

.head{ height:80px; padding-top:40px;}
.head .right span{font-family:'Microsoft YaHei';font-size:25px; color:#2d7ac8; line-height:65px; padding-right: 57px; } 
.nav_bj{background:url(../images/rep_x.png);}
.nav{height:35px;background:url(images/nav_bg.jpg) repeat-x;}
.nav li{float:left;height:35px;line-height:35px;text-align:center;font-size:14px;position:relative;}
.nav li a{color:#FFF;text-decoration:none;display:block; padding:0 10px;}
.nav li a.nav_a{float:left;width:83px; font-weight:bold;}
.nav ul li a:hover,.nav_on{background:url(../images/nav_a.jpg) no-repeat 10px 5px;display:block; text-decoration:none;}
.nav dl{width:83px;font-size:12px;background:#0eb8ff;position:absolute;top:35px;left:10px; z-index:999;}
.nav dl dd a{color:#FFF;}
.nav dl dd a:hover{color:#FFF;background:#90ddfd; text-decoration:none;}
.nav li span{background:url(../images/nav_span.jpg); display:block; width:2px; height:35px;}
/* banner */
.banner{ width:100%; height:460px; overflow: hidden; position:relative; z-index:-1;}
.banner .d1{width:100%;height:460px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px; z-index:999; display:none;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(images/img1_1.png) no-repeat center;}
.banner_b{ width:100%; height:122px; background:#000;filter:alpha(opacity=50); opacity:0.50; position:absolute; top:338px; z-index:9999998;}
.banner_p{ position:absolute; top:338px; width:100%; z-index:9999999;}
.banner p{line-height:50px;font-family:'Microsoft YaHei';font-size:25px; color:#FFF; z-index:999; margin-top:15px;}
.banner_m1{}
/**/
/* hot */
.hot{width:1000px;height:235px;margin:15px auto;overflow:hidden;position:relative;}
.hot_prev{padding:2px 10px 0 0;}
.hot_next{padding:2px 0 0 0px;} 
.hot_main{height:235px;width:10000px;overflow:hidden;position:relative;z-index:1;}
.hot_main div{width:1000px;height:285px;float:left;}
.hot_main div span{width:200px; padding:4px 0 0; height:235px;display:block;float:left;}
.hot_main div span a img{display:block; width:185px; height:184px; margin:0 auto;}
.new_prc ul li a img{display:block; width:120px; height:117px; margin:0 auto;}
.hot_main div span a b{display:block; width:232px; height:30px; line-height:30px; margin:0 auto; overflow:hidden; text-align:center;}
.new_prc ul li a b{display:block; width:100%; height:30px; line-height:30px; margin:0 auto; overflow:hidden; text-align:center;}
.hot_main_a1{padding:4px 3px 4px 4px;margin-bottom:4px;}
.hot_main_a1 , .hot_main_a1 img{width:210px;height:130px;}
.hot .hot_prev1 ,.hot .hot_next1{display:block;width:31px;height:30px;position:absolute;cursor:pointer;z-index:2;top:75px;}
.hot .hot_prev1 img ,.hot .hot_next1 img{width:31px;height:30px;}
.hot .hot_prev1:hover ,.hot .hot_next1:hover{opacity:0.7;.filter:alpha(opacity=70)}
.hot .hot_prev1{left:7px;}
.hot .hot_next1{left:961px;}
/**/
/* tab */
.box_b{ border:#CCC solid 1px; background:#FFF;} 
.current{display:block;}
.tab_hd{overflow:hidden;height:39px;line-height:39px;background:url(../images/rep_x.png) repeat-x 0 -45px;font-family:'宋体'; font-size:14px; padding:0 15px; position:relative;} 
.tab_hd span{ display:inline-block;padding:0 15px;}
.tab_hd span a{ text-decoration:none;}
.tab_hd i{ position:absolute; top:0; right:15px; font-style:normal; font-size:12px; color:#333; font-weight:normal;}
.tab_hd .current{background:url(../images/rep_x.png) repeat-x 0 -93px; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
.tab_bd_con{ padding:0 15px 10px; }
.tab_hd .current a{ color:#0078b6;}
.tab_dl dl{ border-bottom:#CCC dashed 1px; padding:10px 0; line-height:22px;}
.tab_dl dl dt{ width:66px; padding-left:7px;}
.tab_dl dl dt b{display:inline-block; position:relative; padding:0 7px; background:#ce3400; color:#FFF;}
.tab_dl dl dt b span{ color:#ce3400; position:absolute; right:5px; font-size:12px; right:-6px; top:0;}
.tab_dl dl dd{ width:883px;}
.tab_dl dl dd a{ display:inline-block; padding:0 5px; margin:0 5px; }
.tab_dl dl dd .tab_dl_on{ background:#ce3400;border-radius:3px; color:#FFF;}
.cur_prc{ padding:10px 0;}
.cur_prc ul li{ width:25%; _width:24.6%; float:left; overflow:hidden; margin:10px auto;}
.cur_prc ul li .w198{ overflow:hidden; padding:5px; border:#CCC solid 1px; margin:0 auto;}
.cur_prc ul li a img{ display:block; width:198px; height:197px;}
.cur_prc ul li b a{ line-height:30px;height:30px; overflow:hidden; text-align:center; margin:5px 0; color:#2974c4; display:block;}
.cur_prc ul li i{ display:block; text-align:center;}
.cur_prc ul li i a{ font-style:normal;line-height:30px; display:inline-block; padding:0 10px; background:#d8d8d8; text-align:center;}
.cur_prc ul li i a:hover{ text-decoration:none; background:#2974c4; color:#FFF;}
/**/
.new_prc{ padding:0px  15px; height:373px;}
.new_prc ul li{ width:33.3%; float:left; overflow:hidden; margin:10px auto; height:147px;} 
.paint{ width:601px; height:208px; margin:20px auto 10px; background:#CCC;}
.sall{ padding:20px 15px; height:196px; overflow:hidden;}
.sall_bd{ padding:10px 0;}
.sall_bd span{ width:50%; _width:48%; float:left; display:block; padding-bottom:10px; overflow:hidden;}
.sall_bd span img{ display:block; width:100px; height:100px; margin:0 auto 20px;}
.sall_bd span b{ display:block; text-align:center; margin:0 auto;}
.share .right{ width:140px; line-height:30px;}
.case_bd{ padding:10px; height:239px;}
.case_bd img{ display:block; width:282px; height:99px; margin:10px auto;}
.case_bd p{ font-size:14px; color:#666; line-height:30px;}
.link{ padding:10px;}
.link a{ display:inline-block; color:#666; margin:10px;}
/* foot */
.foot{ background:#232323; padding:10px 0; line-height:25px;}
.foot a,.foot_p ,.foot_p a{ color:#cccccc;}
.foot_dl dl{ width:20%; float:left;}
.foot_dl dl dt,.foot_dl dl dd{ padding:0 0 0 50px;}
.foot_p{ text-align:center; padding-top:20px;}
/**/
/* 内页 */
.place{ height:30px; background:#FFF; border-bottom:#e0e0e0 solid 1px;}
.place p{ line-height:30px; color:#666;}
.place p b{ padding-left:20px;background:url(../images/home.jpg) no-repeat;}
.place p a{ margin:0 5px; color:#666;}
.page{ text-align:center; line-height:30px; padding-top:10px;}
.page b{ margin:0 5px; font-weight:normal;}
.subnav h2,.col_hot h2{background:url(../images/sidebar.png) no-repeat; height:50px; line-height:50px; color:#FFF; font-weight:normal;}
.subnav h2 span,.col_hot h2 span{ font-size:18px; padding:0 10px 0 20px;}
.subnav h2 i,.col_hot h2 i{ font-style:normal; font-size:10px;font-family:'Arial';}
.subnav dl{ border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px;} 
.subnav dl dd a{ width:162px; height:38px; line-height:38px; padding-left:70px; display:block; font-weight:bold;background:url(../images/sidebar_a.jpg) no-repeat; color:#666;}
.subnav dl dd a:hover,.subnav dl dd .subnav_a_on{ text-decoration:none; background:url(../images/sidebar_a.jpg) no-repeat 0 -38px; color:#2b76c6;}
.col_prc_main{ border:#CCC solid 1px; border-top:none; background:#FFF; padding-top:10px; height:460px; }
.col_prc a img{ margin-bottom:20px;}
.col_hot ul li{ padding:10px;}
.col_hot ul li a{ display:block; line-height:30px; text-align:center; color:#666;}
.col_hot ul li a img{ width:190px; height:189px; display:block; margin:0 auto;}
.right_div{ background:#FFF; border:#CCC solid 1px; width:715px; padding:10px; margin-bottom:20px;}
.show_prc,.check_tab{ padding:10px;}
.show_na{ width:315px;}
.show_na h2{ font-size:16px; font-weight:normal; color:#2a75c3; line-height:30px; margin-bottom:10px;}
.zxun{ padding-top:20px;}
.zxun a,.talent table tr td .hir_s{background:url(../images/zxun.jpg) no-repeat; display:block; width:68px; height:29px; line-height:29px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; }
.zxun a:hover,.talent table tr td .hir_s{ text-decoration:none; opacity:0.9;}
.check_tab h2{ height:30px; line-height:30px; background:#FFF; border-bottom:#307ecc solid 1px; position:relative;}
.check_tab h2 span{ display:inline-block; font-family:'宋体'; font-size:12px; font-weight:normal; padding:0 10px; margin:0 5px;}
.check_tab h2 .current{ background:#307ecc; border-radius:3px 3px 0 0; }
.check_tab h2 .current a{ color:#FFF; text-decoration:none;}
.check_tab .tab_bd{ padding-top:10px;}
.check_tab .tab_bd .current p{ line-height:25px; color:#666;}
.about,.contus,.news{ padding:10px; font-size:14px; color:#666;}
.about p,.contus p,.news p{ line-height:30px; margin:10px 0; text-indent:2em;}
.about p img,.contus p img,.news p img{ max-width:640px; display:block; margin:0 auto;}
.contus p{ padding-bottom:10px; border-bottom:#CCC dashed 1px; text-indent:0;}
.contus h2{ padding-top:10px; font-size:14px;font-family:'宋体'; color:#2b76c6;}
.news{ padding:0 10px;}
.news ul li{ height:40px; border-bottom:#CCC dashed 1px; text-align:right; line-height:40px; margin-bottom:10px; font-size:14px; color:#666;}
.news ul li a{ display:block; float:left; text-align:left; width:; overflow:hidden; color:#666; }
.news ul li a:hover{ color:#333;}
.news h2{ font-size:16px; color:#2b76c6; line-height:40px; text-align:center; font-weight:normal;}
.news span{float:right;}

.news{ overflow:hidden; width:650px; margin:0 auto; padding-bottom:20px;}
.news ul li{ float:left; line-height:30px; width:650px;}
.news ul li .wtba01{ float:left; width:560px;}
.news ul li .wtba02{ color:#888; line-height:30px;}
.news ul li .wtba03{ color:#046834;}

/*--talent--*/
.hiring,.talent{ padding:10px;}
.talent h2{ height:31px; line-height:31px; border-bottom:#ededed solid 1px; background:#f4f4f4; border-left:#999 solid 3px; font-size:12px; font-weight:bold;font-family:'宋体'; text-align:left; padding-left:10px;}
.talent_td{ border-bottom:#dcdcdc solid 1px; position:relative; height:20px; margin-bottom:20px;}
.talent_td span{ display:block; width:70px; height:20px; line-height:20px; text-align:center; background:#ffffff; position:absolute; top:10px; left:20px; color:#666; font-weight:bold;}
.talent_bd{ padding:0 60px; color:#666; line-height:30px;}
.talent table{ font-size:12px; color:#787878; margin-top:10px;}
.talent table tr td{ padding:10px 0; border-bottom:#e7e8e8 solid 1px; text-align:center;}
.talent table tr .teleft{ text-align:left; color:#666;}
.talent table tr .teleft a{ color:#787878;}
.talent table tr td a{ display:inline-block}

/*--Applications--*/
.appli { overflow:hidden; width:100%; margin:0 auto; padding-top:10px; padding-bottom:10px;}
.appli ul li{ float:left; width:323px; margin-left:16px; margin-right:16px;  _margin-left:12px; _margin-right:12px;}
.appli ul li img{ width:323px; height:243px;}
.appli ul li p{ height:40px; line-height:40px; text-align:center;}


#preview{ float:left; text-align:center; width:358px;}
.jqzoom{ width:350px; height:350px; position:relative;}
.zoomdiv{ left:859px; height:350px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin:0 9px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px; border:1px solid #e4e4e4;background:url(i/loading.gif) #fff no-repeat center center;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:312px; height:56px;}
#spec-list div{ margin-top:0;*margin-left:0;}





/* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */

.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#000;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:url(../images/arrow2.jpg);text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:url(../images/arrow.jpg);}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:url(../images/arrow.jpg);float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
*html .jspCorner{margin:0 -3px 0 0;}








/* top_viem */

.top_view { position:relative; z-index:0; width:100%; height:450px; text-align:center; }
.index_view { clear:both; width:100%; height:450px; z-index:29; }
#nav_box { width:100%; text-align:center; position:absolute; top:0px; left:0px; }

/*---------首页主视觉-------*/
.index_view {clear: both; width:100%;  height:450px; text-align:center; position:relative; z-index:29;left:-2px \9}
.index_view ul { overflow:hidden; height:450px;}
.index_view ul li {margin:0px; text-align:left;}
.index_view ul li.active {display: block}
.index_view ul li a { display:block; width:1000px; height:450px; background:url(../images/blank.gif) repeat; margin:0 auto}

.index_view .news_ico{width:1000px; margin:0 auto; height:20px; position:relative; margin-top:20px; z-index:30;margin-top:-15px; text-align:center}
.index_view .news_ico ol {padding:0px; margin:0px; position:absolute; right:15px; height:10px; overflow:hidden;}
.index_view .news_ico ol li { list-style-type:none;width:10px; height:10px; margin: 0px 0px 0px 5px; cursor:pointer; float:left;}
.index_view .news_ico ol li a {  list-style-type:none; display:block; width:10px; height:10px; float:left; background: url(../images/switcher.png) no-repeat 0px -10px; position:relative; z-index:9999; _overflow:hidden; text-indent:30px;}
.index_view .news_ico ol li a:hover {background: url(../images/switcher.png) no-repeat 0px -20px}
.index_view .news_ico ol li a.active {background: url(../images/switcher.png) no-repeat 0px 0px}
.index_view .news_ico ol li a.active:hover {background: url(../images/switcher.png) no-repeat 0px 0px}

.index_view .news_ico .activeOL2 li a{background:none;}
.index_view .news_ico .activeOL2 li a:hover{background:none;}
.index_view .news_ico .activeOL2 li a.active{background:none;}
.index_view .news_ico .activeOL2 li a.active:hover{background:none;}
.index_view .news_ico ol li a img {border:1px #BEBBBB solid; width:74px; height:40px;
	-moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px;            /* W3C syntax */}
.index_view .news_ico ol li a.active img {border:1px #96133B solid; width:74px; height:40px;}


/*分页*/
.lujing { width:500px; margin:0 auto; margin-top:30px; overflow:hidden; margin-bottom:10px; }
.lujing ul li { float:left; text-align:center; color:#848484; }
.fy01{ margin-top:2px; BACKGROUND: url(../images/al05.gif); width:25px; height:18px; text-align:center;}

.firstpage,.prevpage,.nextpage,.lastpage{ height:21px; text-align:center; margin-left:5px;}
.firstpage{BACKGROUND: url(../images/al01.gif); width:36px;}
.prevpage{BACKGROUND: url(../images/al02.gif); width:48px;}
.nextpage{BACKGROUND: url(../images/al03.gif); width:48px;}
.lastpage{BACKGROUND: url(../images/al04.gif); width:36px;}

.fy01a,.firstpagea,.prevpagea,.nextpagea,.lastpagea{display:block; text-indent:-99999px}
.fy01a{width:25px; height:18px; }
.firstpagea,.prevpagea,.nextpagea,.lastpagea{height:21px;}
.firstpagea,.lastpagea{width:36px;}
.prevpagea,.nextpagea{width:48px;}

