@charset "utf-8";
/* css reset */

.headerbox{background:url(../images/topbox.gif) repeat-x;overflow:hidden;}
.headerbox .cutoverbox{ height:34px;}
.headerbox .cutoverbox a{ float:right; background:url(../images/iocn.gif) left center no-repeat; padding:10px 10px; color:#1c79b4}

.navbox{ width:100%;background:url(../images/navbox_bj.png) 216px 0px no-repeat;}
.navcen{ margin-left:218px; overflow:hidden;_zoom:l;}
.navcen .logo{  width:216px; height:82px; background:url(../images/logo.png) 12px 6px no-repeat}
.navcen ul{ overflow:hidden;_zoom:1; padding-left:40px;}
.navcen ul li{ float:left;   background:url(../images/nav_li.gif) right center no-repeat; text-align:center}
.navcen ul li a{ width:92px; height:80px;line-height:80px;color:#FFF; font-size:14px; display:block}
.navcen ul li a:hover{ background:#e5b046;display:block; text-decoration:none}
.navcen ul li a.now{ background:#e5b046;display:block; text-decoration:none}

.mianbox{ height:500px; }
.mianbox .mian-cen{ width:1004px; margin:0 auto;}



.main{overflow:hidden; margin-top:70px; background:url(../images/mian_bj.jpg) right bottom no-repeat;}
.main .main-cen{ height:230px; padding-bottom:30px;}
/*home*/
.title{ width:200px; height:20px; line-height:20px; padding:0 0 20px 10px; color:#333; overflow:hidden; background:url(../images/bg_title.jpg) no-repeat; }
.title h2{ float:left;}
.title h2 em{ color:#999; font:bold 12px/20px Arial, Helvetica, sans-serif; }
.about{ width:315px; float:left; color:#666; line-height:22px; }
.about .title{ width:305px; }
.about span{ display:block; font:bold 14px/30px "微软雅黑"; color:#333; }
.about img{ float:left; margin-right:10px;}
.product{width:395px; float:left; padding-left:10px; overflow:hidden; text-align:center; position:relative; }
.product .tabs{ height:32px; overflow:hidden; line-height:32px; }
.product .tabs li{ width:90px; float:left; padding-right:10px; overflow:hidden; height:32px; font:bold 14px/26px "微软雅黑"; color:#666; }
.product .tabs li.active,.product .tabs li.active a,.product .tabs li.active a:hover{ background:url(../images/bg_extitle.jpg) no-repeat; color:#fff; text-decoration:none;}
.product p.more{ position:absolute; right:0; top:0; }
.title a,.product p.more,.product p.more a{ font:normal 9px/20px Arial, Helvetica, sans-serif; padding:0; margin:0; background:none; float:right; color:#999; }
.title a:hover,p.more a:hover{color:#e00;text-decoration:underline;}
.product .tab_container,.product .picScroll li{ float:left; height:170px; overflow:hidden;}
.product .tab_container{ padding:10px 0 0 0; line-height:22px;}
.product .picScroll li{ width:192px; padding-right:10px; }
.product .picScroll li img{ width:190px; height:145px; border:#ededed solid 1px; }
.product .picScroll li a:hover img{ border:#e00 solid 1px;}
.contact{ width:268px; float:right; }
.contact .title{ width:268px; }
.contact p{ padding:15px 0 0 0; line-height:20px; background:url(../images/home_phone.jpg) no-repeat; }


.footerbox{ background:#6f6f6f; padding:10px;}
.footerbox .footer-cen{width:1004px; margin:0 auto;color:#fff}
.footerbox .footer-cen span{ float:right;}
.footerbox .footer-cen span a{ color:#fff}


.banner-n{ height:230px; background:url(../images/banenr.jpg) no-repeat; position:relative; z-index:3}
.banner-n .about-title img{ position:absolute; top:98px;}


.main-n{width:1018px;margin:0 auto; background:url(../images/content-box-top.png) top no-repeat; position:relative; margin-top:-30px; z-index:4; overflow:hidden;_zoom:1;}
.main-n .main-n-cen{ padding-top:13px;}
.left-n{ width:242px; background:url(../images/fixed-background.png) no-repeat; padding:10px;}
.left-n .titles{  height:46px; line-height:46px; background:url(../images/title.jpg) 10px 0 no-repeat; font-size:18px; color:#FFF; text-indent:44px;}

.left-n .left-list{ width:201px;margin-left:20px; margin-bottom:30px;}
.left-n .left-list ul{ padding-top:20px;}
.left-n .left-list ul li{ height:30px; line-height:30px; border-bottom:solid #c6c9c7 1px; background:url(../images/left_iocn.gif) right no-repeat}
.left-n .left-list ul li a{ width:176px; overflow:hidden; display:block;}

.left-n .left-contactus{  width:201px; padding-left:56px; height:40px; background:url(../images/left_tel.jpg) 16px 6px no-repeat; font-size:14px;}
.left-n .left-contactus span{ display:block; color:#888888; font-weight:bold}
.left-n .left-contactus p{ font-size:18px; color:#1c79b4; width:160px;}


.right-n{ width:700px;margin-right:28px; margin-bottom:30px;}
.right-n .titles{ height:40px; line-height:72px; font-size:18px; margin-bottom:30px; color:#333}
.right-n .titles span{ float:right; font-size:12px; background:url(../images/iocn.gif) left center no-repeat; text-indent:15px;}

.about-n{ line-height:3.0em; font-size:14px; padding-bottom:30px;}
.about-n h2{ text-align:center; font-size:18px; font-weight:bold; color:#444}

.products-n{ padding-top:20px;line-height: 26px;padding-bottom:30px;}
.products-n li{ width:207px; height:190px; float:left; margin-bottom:20px; padding:0 10px 0 10px; overflow:hidden; text-align:center; }
.products-n li img{ overflow:hidden; width:200px; height:150px; }
.products-n li a:hover{ color:#0057BE; text-decoration:none; }
.products-n  img {border: 1px solid #ddd; padding: 2px;}
.products-n li a:hover img{ border:solid #0057BE 1px; }

.products-ninfo{overflow:hidden;_zoom:1;padding:10px 10px 100px 10px;}
.products-ninfo h1 {border: 0 none;font-size: 14px;line-height: 26px; text-align:center}
.products-ninfo h3{ border-bottom: 1px solid  #DADADA; line-height: 24px;margin-bottom: 30px; padding-bottom: 3px; font-size:10px; text-align:center}
.products-ninfo .txt{ width:700px; }
.products-ninfo .txt p{ line-height:2.2em; word-wrap:break-word; text-indent:15px;font-family:"宋体"; text-align:left; }
.products-ninfo .turn{  border-top: 1px solid  #DADADA; margin: 55px auto 0; padding-top: 17px; font-size:12px;}
.products-ninfo .turn a{background: #DADADA; display: inline-block;line-height: 28px;padding: 0 16px;font-family:"宋体";}

.projects-n{ padding-top:20px;line-height: 26px;padding-bottom:30px;}
.projects-n li{ width:207px; height:190px; float:left; margin-bottom:20px; padding:0 10px 0 10px; overflow:hidden; text-align:center; }
.projects-n li img{ overflow:hidden; width:200px; height:150px; }
.projects-n li a:hover{ color:#0057BE; text-decoration:none; }
.projects-n  img {border: 1px solid #ddd; padding: 2px;}
.projects-n li a:hover img{ border:solid #0057BE 1px; }

.projects-ninfo{overflow:hidden;_zoom:1;padding:10px 10px 100px 10px;}
.projects-ninfo h1 {border: 0 none;font-size: 14px;line-height: 26px; text-align:center}
.projects-ninfo h3{ border-bottom: 1px solid  #DADADA; line-height: 24px;margin-bottom: 30px; padding-bottom: 3px; font-size:10px; text-align:center}
.projects-ninfo .txt{ width:700px; text-align:center }
.projects-ninfo .txt p{ line-height:2.2em; word-wrap:break-word; text-indent:15px;font-family:"宋体"; text-align:left; }
.projects-ninfo .turn{  border-top: 1px solid  #DADADA; margin: 55px auto 0; padding-top: 17px; font-size:12px;}
.projects-ninfo .turn a{background: #DADADA; display: inline-block;line-height: 28px;padding: 0 16px;font-family:"宋体";}

.news-n .news-list{ padding-bottom:10px;}
.news-n ul li{border-bottom: 1px dashed #d9d9d9; height:132px;padding: 20px 10px;}
.news-n ul li .left-image {background-color: #fff; height: 130px; width: 190px;float: left;}
.news-n ul li .left-image img{  border: 1px solid #e6e6e6; height:120px;width:179px; padding:4px;}
.news-n ul li .text-box h5{ font-size:16px; height:30px; line-height:30px; color:#333}
.news-n ul li .text-box p.text{ line-height:2.8em; height:70px; color:#444 }
.news-n ul li .text-box p.text a{ color:#444; text-decoration:none}
.news-n .news-list .text-box{ color: #888888;cursor: pointer;float: right;font-size: 12px;line-height: 25px; overflow: hidden;width:470px;}
.news-n ul li .time {background: url(../images/icon-time.png) left 8px no-repeat ;padding-left: 20px;}
.news-n ul li:hover{ background:#e2e2e2; }



.careers-n{ padding:10px;}
.jobs-table th { background:#1C79B4;border-right: 2px solid #fff;color: #fff; font-size: 15px; font-weight: normal; line-height: 44px; padding-left: 20px;
 text-align: left;}
.jobs-table th.last { border-right: medium none; padding-left: 0; text-align: center;}
.jobs-table td { border-bottom: 1px dotted #bcbcbc;font-size: 14px; line-height: 44px;  padding-left: 20px;}
.jobs-table td.last {padding-left: 0;text-align: center;}
.jobs-table td a {color: #666;}
.jobs-table td a.more {background:#666; border-radius: 2px;color: #fff;display: inline-block; font-size: 11px;line-height: 20px; text-align: center; width: 64px;}
.jobs-table td.bg, .jobs-table td.bg a {color: #01669e;}
.jobs-table td.bg a.more { background:#1C79B4; color: #fff;}


.jobs-main{ margin-bottom:30px;}
.jobs-main .page {
    margin-top: 35px;
}
.jobs-main td input.error {
    border: 1px solid #d70128;
}
.jobs-main td textarea.error {
    border: 1px solid #d70128;
}
.jobsapply-table td input.error {
    border: 1px solid #d70128;
}
.jobsinfo-table {
    border-bottom: 1px solid #e6e6e6;
}
.jobsinfo-table th {
    background: #1c79b4;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    padding-left: 10px;
    text-align: left;
}
.jobsinfo-table td {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    line-height: 36px;
    padding: 0 10px;
}
.jobsinfo-table td.tac {
    background: none repeat scroll 0 0 #f4f4f4;
    text-align: center;
    width: 80px;
}
.jobsinfo-table td.br {
    border-right: 1px solid #e6e6e6;
}
.jobsinfo-main .depict-box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #e6e6e6 #e6e6e6;
    border-image: none;
    border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 15px 24px 22px;
}
.jobsinfo-main .depict-box h2 {
    color: #af010f;
    font-size: 14px;
    line-height: 30px;
}
.jobsinfo-main .depict-box .details {
    padding-bottom: 15px;
}
.jobsinfo-main .depict-tips {
    height: 25px;
    margin-top: 20px;
    position: relative;
    text-align: right;
}
.jobsinfo-main .depict-tips a.btn {
    background: #1c79b4;
    color: #fff;
    display: inline-block;
    float: right;
    line-height: 25px;
    margin-left: 3px;
    text-align: center;
    width: 68px;
}
.jobsinfo-main .depict-tips a.btn:hover {
    background: none repeat scroll 0 0 #af010f;
}




.mes-tab {   margin-left: 55px; margin-bottom:30px;}
.mes-tab td { padding: 3px 0;}
.mes-txt {background: none repeat #fff; border: 1px solid #ededed;color: #666; font: 12px/32px "微软雅黑";height: 32px; padding-left: 8px; width: 453px;}
.mes-tab textarea { background: none repeat #fff;
border: 1px solid #ededed; color: #666;height: 180px;overflow: auto;padding: 4px 8px; width: 445px;}
.inter-btn { background: url(../images/inter_btn.jpg) no-repeat -110px; border: medium none;color: #fff; font: 14px/35px "微软雅黑"; height: 35px;
 margin-right: 18px; text-align: center; width: 97px;}
.talent-con { background:url(../images/inter_btn.jpg) no-repeat}




.con1{ height:480px;}
.con1 h2 {
    border-bottom: 1px dotted #e2e2e2;
    color: #3b3b3b;
    float: left;
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 39px;
    text-transform: uppercase;
    width: 716px;
}

.con1 li {
    border-bottom: 1px dashed #e2e2e2;
    float: left;
    padding: 23px 0;
    width: 716px;
}


.con1 li .img {
    float: left;
    padding: 0 0 0 10px;
    width: 70px;
}

.con1 li .xx_tit {
    line-height: 32px;
    color: #525252;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    
}



.con1 li .xx_span {
    color: #707070;
    float: left;
    font-size: 14px;
    padding-top: 10px;
    width: 620px;
}









