﻿@charset "utf-8";
/*reset*/
.productlist{ width:100%; position:relative; overflow:hidden; padding-top:25px;padding-bottom:20px;}
.productlist ul{ width:960px; padding-bottom:50px;}
.productlist ul li{ float:left; width:304px; padding-bottom:24px; margin-right:14px; margin-top:15px; display:inline; border:1px solid #d9d9d9;}
.productlist ul li img{ display:block; width:304px; height:287px;}
.productlist ul li h3{ padding:20px 18px 0px; line-height:26px; height:26px; font-size:18px; font-weight:bold;}
.productlist ul li p{ color:#999999; height:41px; overflow:hidden; line-height:21px;padding:10px 18px 0px; font-size:14px; }
.productlist .Paging {background:#f2f2f2;margin-top:0; }
.productlist li{background:url(class1.jpg);}
.productlist li a{color:#545454; text-decoration:none}
.productlist li:hover{background:url(class.jpg);background-color:#1C4B9C;}
.productlist li:hover a{ color:#FFFFFF}
.productlist li:hover p{ color:#FFFFFF}
.Recruitmentjob{padding:20px; background:#F5F5F5;margin:10px 0 0;}
.recruitmenTitle{ font-size:20px;color:#DD1225; line-height:28px;margin:10px 0 5px;}
.lineheight{ line-height:26px;}
.Recruitmentlist{padding:15px 0px 30px;margin:0px;position:relative;}
.Recruitmentlist ul{ margin:0px;padding:0px;padding-bottom:30px;}
.Recruitmentlist ul li{margin:0px;padding:0px;border-bottom:1px solid #dbdbdb;}
.Recruitmentlist ul li h3.Recruitmenttitle{color:#4e4e4e;font-size:14px; font-weight:400; padding:0px 15px 0px 20px; height:45px; line-height:45px;position:relative; cursor:pointer; overflow:hidden;}
.Recruitmentlist ul li h3.Recruitmenttitle span{ display:block; position:absolute; width:19px;height:13px;  background-image:url(icon23.png); background-repeat:no-repeat; background-color:#000; top:50%;margin-top:-6px; right:15px; transition:all .3s ease-in-out; transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.Recruitmentlist ul li h3.Recruitmenttitle em{ display:block; position:absolute; left:10px; top:50%; width:2px; height:2px; background-repeat:no-repeat; background-color:#4D4D4D;margin-top:-1px;}

.RecruitmentContent{padding:3%; font-size:13px; line-height:24px; color:#4c4c4c; background:#fafafa; display:none;overflow:hidden;}
.RecruitmentContent h4.Rtconttitle{color:#4c4c4c; font-size:14px; font-weight:bold;padding-bottom:8px}
.Recruitmentlist ul li.cur{ padding-bottom:30px;}
.Recruitmentlist ul li.cur h3.Recruitmenttitle{color:#E11225;}
.Recruitmentlist ul li.cur h3.Recruitmenttitle span{background-color:#E11225;transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.Recruitmentlist ul li.cur h3.Recruitmenttitle em{background-color:#129EDD;}

.RecruitmentReturn{text-align:left;padding-top:10px;}
.RecruitmentReturn a{display:block;background:#000; font-size:16px; font-weight:bold; width:130px; color:#fff;padding:5px 0px; text-align:center;}
.RecruitmentReturn a:hover{color:#fff;}
/*.jobslist{padding-bottom:45px}*/
.jobslist dl{line-height:60px; font-size:14px;border-bottom:1px solid #cccccc;}
.jobslist dl dt{ float:left;padding-left:111px;width:184px;background:url(wqpicon04.png) no-repeat 86px center;}
.jobslist dl dd{ float:left;width:295px; text-align:center;}


.jobslist dl.jobslistHead{background:#F2F2F2;color:#333;font-size:16px; font-weight:bold; border-bottom:none;margin:0px;}
.jobslist dl.jobslistHead dt{background:none; text-align:center;width:295px;padding:0;}
.pb30{padding-bottom:30px;}
/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}




#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(top.gif) no-repeat}
#fall{background:url(top.gif) no-repeat 0 -80px}
#ct{background:url(top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1000px;}

/*页眉*/
.header{width:100%; background:url(header_bg.png) repeat-x left top; position:relative; z-index:10}

.header_top { overflow:hidden; width:1000px; margin:0 auto; height:140px; position:relative}
.header_top h1{ float:left; overflow:hidden; margin-top:24px;}
.header_top .wen{ overflow:hidden; float:left; padding-left:10px; margin-left:15px; height:140px;}
.header_top h2{ font-size:24px; color:#333; margin-top:60px;}
.header_top .wen p{ font-size:16px; color:#666;}
.header_top .top_menu{ width:660px; position:absolute; right:0; top:15px;}
.header_top .top_menu li{ float:right; position:relative; padding:0 15px; border-right:1px dotted #ccc; font-size:12px; color:#666;}
.header_top .top_menu li a{ color:#666;}
.header_top .top_menu li b{ color:#fc0201;}
.header_top .top_menu li.last{ padding:0; margin-left:15px; border-right:none; width:215px; height:24px; margin-top:-5px; background:url(search.png) no-repeat left top;}
.header_top .top_menu li.last input{ display:block; float:left; width:180px; margin-left:8px; height:24px; line-height:24px; font-size:12px; color:#666; border:none; background:none; outline:none; *margin-left:-8px}
.header_top .top_menu li.last span{ display:block; width:27px; height:24px; float:right; cursor:pointer;}
.header_top .top_menu li img{ display:none; position:absolute; left:0px; top:25px;}
.header_top .top_menu li:hover img{ display:block}
.header_top .sclt { overflow:hidden; width:370px; float:right; margin-top:78px;}
.header_top .sclt a{ display:block; padding-left:40px; background:url(sc.png) no-repeat left center; height:30px; line-height:30px; float:left; font-size:16px; color:#bb0b04; font-weight:bold; text-decoration:none}
.header_top .sclt p{ float:right; padding-left:40px; height:30px; line-height:30px; background:url(lt.png) no-repeat left center; font-size:16px; color:#bb0b04; font-weight:bold}

.header_nav { width:100%; height:60px; background:url(nav.png) repeat-x left bottom; background-color:#124EB4; position:relative}
.header_nav #nav>ul>li{ float:left; border-right:1px solid #2665CF; line-height:58px; font-size:14px; width:110px;}
.header_nav #nav>ul>li>a{ display:block; color:#fff; text-decoration:none; height:58px;text-align:center;}
.header_nav #nav>ul>li.last{ border:none}
.header_nav #nav>ul>li:hover>a,.header_nav #nav>ul>li.cur>a{ background-color:#EFEFEF;  color:#000; font-weight:bold; text-align:center;background:url(nav1.png) repeat-x; }

.header_nav .erji { display:none; overflow:hidden; width:100%; height:250px; background:url(erji_bg.png) repeat center; position:absolute; left:0; top:60px;}
.header_nav .erji img{ display:block; float:left; margin-top:60px;}
.header_nav .erji .erji_menu{ overflow:hidden; float:left; margin-left:80px; margin-top:65px; font-size:12px; line-height:45px; width:400px;}
.header_nav .erji .erji_menu li{ overflow:hidden; float:left; width:145px; height:45px; border-bottom:1px dotted #5b5e5e; padding-left:20px; background:url(erji_list.png) no-repeat 10px center; margin-right:20px;}
.header_nav .erji .erji_menu li a{ color:#fff;}
.header_nav .erji .erji_menu li a:hover{ font-weight:bold}
.header_nav .erji .erjiright { overflow:hidden; width:350px; float:right; margin-top:70px;}
.header_nav .erji .erjiright h4{ font-size:16px; font-weight:normal; margin-bottom:10px; line-height:16px;}
.header_nav .erji .erjiright h4 a{ color:#fff;}
.header_nav .erji .erjiright p{ font-size:12px; color:#fff; line-height:20px; opacity:0.44;filter:alpha(opacity=44)}





/*footer*/
.footer { overflow:hidden; width:100%; padding-top:45px; background-color:#002050; padding-bottom:30px;}
.footer dl{ overflow:hidden;border-left:#474747 1px solid; float:left;  }
.footer dt{ font-size:13px; margin-bottom:20px; color:#fff;}
.footer dt a{ color:#fff;padding-left:40px;padding-right:40px;}
.footer dd{ overflow:hidden}
.footer dd p{ font-size:12px; color:#999; line-height:23px;}
.footer dd p a{ color:#999;padding-left:40px;padding-right:40px;}
.footer dd p a:hover{ color:#fff;}
.footer dd p img{ margin-right:5px; position:relative; top:3px;}
.footer dd span{ overflow:hidden; display:block; margin-top:20px; height:34px; line-height:34px; font-size:12px; color:#767676;}
.footer dd span a{ display:inline-block; width:34px; height:34px; margin-left:12px;}
.footer dd span em{ display:inline-block; height:34px; position:relative; top:-12px;}
.footer dd span .a01{ background:url(share01.png) no-repeat center top;}
.footer dd span .a02{ background:url(share02.png) no-repeat center top;}
.footer dd span .a03{ background:url(share03.png) no-repeat center top;}
.footer dd span a:hover{ background-position:bottom}

.footer .dllast{ margin-right:0}
.footer .ewm{ overflow:hidden; width:100px; float:right}
.footer .ewm p{ text-align:center; font-size:13px; color:#fff; margin-bottom:20px;}
.footer .ewm img{ display:block; margin:0 auto}
.footer .ewm span{ display:block; text-align:center; font-size:12px; color:#999; margin-top:10px;}
.footer .link{ overflow:hidden; width:100%; padding:20px 0; border-top:1px solid #002660; border-bottom:1px solid #002660; margin-top:45px; margin-bottom:30px;}
.footer .link h3{ float:left; font-weight:normal; font-size:12px;}
.footer .link h3 a{ color:#666;}
.footer .link ul{ overflow:hidden; width:800px; float:left; margin-left:10px;}
.footer .link li{ float:left; margin:0 8px; font-size:12px;}
.footer .link li a{ color:#999;}
.footer .link .lk{ float:right; font-size:12px; color:#666;}
.footer .info{ overflow:hidden; width:100%;}
.footer .info p{ text-align:center; font-size:12px; color:#666; line-height:25px;}
.footer .info p a{ color:#666}
.footer .info p i{ margin:0 5px;}

.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}


.youce{width:54px; float:right; position:fixed; right:35px; bottom:40px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px; z-index:10000;}
.youce ul li{margin-bottom:2px; width:41px; background:#bb0b04;vertical-align:top;}
.youce ul li:hover{background:#E21E1F;}
.youce ul li a{display:block; width:41px; height:41px;}
.youce ul li a.yc1{background:url(yc_01.png) no-repeat center;}
.youce ul li a.yc2{background:url(yc_02.png) no-repeat center;}
.youce ul li a.yc3{background:url(yc_03.png) no-repeat center; width:41px; height:41px; position:relative;}
.youce ul li a.yc3 .wx_box{width:153px; padding-right:9px; display:none; cursor:default; position:absolute; bottom:0px; right:40px;}
.youce ul li a.yc3 .yc_weixin{background:#fff; padding:12px 11px 0px 11px; border:1px solid #d6d6d6;}
.youce ul li a.yc3 .yc_weixin span{display:block; line-height:30px; color:#333; text-align:center;}
.youce ul li a.yc4{background:url(yc_04.png) no-repeat center;}
.youce ul li a.yc3:hover .wx_box{display:inline;}

