@charset "gb2312";
/* 全局 */
*{ margin:0; padding:0; -webkit-text-size-adjust:none;}
body{ background: #fff; font-size:12px; color:#555; font-family:Tahoma, '微软雅黑', Geneva, sans-serif; min-width:1000px;}

a{ color:#555; text-decoration:none;}
a:hover{ color:#ff9046; text-decoration:underline;}

img{ border:none;}
a img{ font-size:0;}
li{ list-style:none;}
input,select{ outline:none; color:#555;}
.blockimg a img{ display:block;}

.f-out{ color:#ff9046;}
a.f-out{ color:#ff9046;}
a.f-out:hover{ color:#ff9046;}

.f-sub{ color:#07c;}
a.f-sub{ color:#07c;}
a.f-sub:hover{ color:#ff9046;}

.f-red{ color:#c00;}
a.f-red{ color:#c00;}
a.f-red:hover{ color:#c00;}

.f_blur{ color:#999;}

.f_through{ text-decoration:line-through}

.ft8{ font-size:8px;}
.ft10{ font-size:10px;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft22{ font-size:22px;}
.ft24{ font-size:24px;}
.ft26{ font-size:26px;}
.ft28{ font-size:28px;}

.ft_nor{ font-weight:normal;}
.ft_bold{ font-weight:bold;}

.ft_ver{ font-family:Verdana, Geneva, sans-serif;}
.ft_ari{ font-family:Arial, Helvetica, sans-serif;}
.ft_mic{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.ft_song{ font-family:"宋体";}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearall{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden; visibility:hidden;}

.ta-l{ text-align:left;}
.ta-c{ text-align:center;}
.ta-r{ text-align:right;}

.w1100{ width:1100px; margin:0 auto;}
.w1150{ width:1150px; margin:0 auto;}

.w1060{ width: 1060px;}
.w200{ width: 200px;}
.w850{ width: 850px;}


.mt6{ margin-top:6px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*header*/
.header{ background: url(../images/header-bg.png) repeat-x center top; height: 100px; position: relative; z-index: 9999; }
.header-bd{ position: relative; height: 100px; }
.logo{ position: absolute; left: 0px; top: 25px; }
.header-tel{ position: absolute; right: 130px; top: 8px; }
.header-tools{ position: absolute; right: 4px; top: 15px; }

.nav{ position: absolute; left: 190px; bottom: 0; width: 955px; height: 41px; overflow: hidden; }
.nav ul{ width: 980px; }
.nav ul li{ width: 106px; height: 41px; float: left; }
.nav ul li a{ width: 106px; height: 41px; display: block; text-indent: -99999px; overflow: hidden; background: url(../images/nav.png) no-repeat left top; }
.nav ul li a:hover, .nav ul li.active a{ background: url(../images/nav-hover.png) no-repeat left top; }

.nav ul li a.nav-home{ background-position: 0 0; }
.nav ul li a.nav-about{ background-position: -107px 0; }
.nav ul li a.nav-news{ background-position: -213px 0; }
.nav ul li a.nav-product{ background-position: -320px 0; }
.nav ul li a.nav-network{ background-position: -427px 0; }
.nav ul li a.nav-knowledage{ background-position: -533px 0; }
.nav ul li a.nav-hr{ background-position: -640px 0; }
.nav ul li a.nav-message{ background-position: -746px 0; }
.nav ul li a.nav-contact{ background-position: -853px 0; }

.nav ul li a.nav-home:hover, .nav ul li.active a.nav-home{ background-position: 0 0; }
.nav ul li a.nav-about:hover, .nav ul li.active a.nav-about{ background-position: -107px 0; }
.nav ul li a.nav-news:hover, .nav ul li.active a.nav-news{ background-position: -213px 0; }
.nav ul li a.nav-product:hover, .nav ul li.active a.nav-product{ background-position: -320px 0; }
.nav ul li a.nav-network:hover, .nav ul li.active a.nav-network{ background-position: -427px 0; }
.nav ul li a.nav-knowledage:hover, .nav ul li.active a.nav-knowledage{ background-position: -533px 0; }
.nav ul li a.nav-hr:hover, .nav ul li.active a.nav-hr{ background-position: -640px 0; }
.nav ul li a.nav-message:hover, .nav ul li.active a.nav-message{ background-position: -746px 0; }
.nav ul li a.nav-contact:hover, .nav ul li.active a.nav-contact{ background-position: -853px 0; }

.banner{ width: 100%; height: 640px; position: relative; margin-top: -100px; z-index: 8888; overflow: hidden; }
.banner-bd{ width:100%; height:640px;}
.banner-bd ul li{ height: 640px; width: 100%; }
.banner-bd ul li a{ height:640px; display:block; text-indent:-9999px; overflow:hidden;}
.banner-hd{ text-align: center; position: relative; margin-top: -40px; z-index: 99999; }
.banner-hd ul li{ width: 22px; margin: 0 6px; height: 22px; cursor: pointer; display: inline-block; zoom: 1; background: url(../images/banner-ico.png) no-repeat center center; line-height: 99999px; overflow: hidden; }
.banner-hd ul li.on{ background: url(../images/banner-ico-active.png) no-repeat center center; }

/* footer */
.footer{ width: 100%; border-top: 1px solid #e7e7e7; margin-top: 15px; }
.footer-bd{ text-align: center; line-height: 200%; padding: 8px 0;}


/**
 * 首页
 */

/*product-type*/
.product-type{ width: 100%; height: 190px; background: #b6e7fd; position: relative; }
.product-type-hd{ height: 190px; background: #42baf0; width: 1920px; right: 50%; position: absolute; margin-right: 270px; }
.product-type-hd-txt{ color: #fff; text-align: right; padding: 35px 67px 0 0; }
.product-type-hd-txt h4{ font-size: 20px; font-weight: normal; }
.product-type-hd-sub-tit{ color: #bbe6fa; font-size: 12px; margin-top: 12px;}
.product-type-hd-line{ width: 45px; height: 1px; font-size: 0; line-height: 1px; overflow: hidden; background: #94d8f6; border: none; float: right; margin: 12px 0; }
.product-type-hd-sub-desc{ font-size: 12px; color: #fff; line-height: 22px; }

.product-type-arrow{ width: 45px; height: 190px; position: absolute; right: 0; top: 0; }
.product-type-arrow a{ width: 43px; height: 94px; border: 1px solid #2b9fd4; background-color: #42baf0; display: block; text-indent: -99999px; overflow: hidden; }
.product-type-arrow a.product-type-arrow-right{ margin-top: -2px; position: relative; background: #42baf0 url(../images/product-type-arrow-right.png) no-repeat center center; }
.product-type-arrow a.product-type-arrow-left{ background: #42baf0 url(../images/product-type-arrow-left.png) no-repeat center center; }
.product-type-bd{ margin-left: 300px; padding-top: 20px; overflow: hidden; height: 170px; }
.product-type-bd ul li{ width: 150px; text-align: center; float: left; margin-right: 15px; }
.product-type-bd ul li p{ line-height: 30px; font-size: 14px; }

/*iabout*/
.iabout{ padding: 56px 0 68px; }
.iabout-tit{ font-size: 38px; font-weight: normal; letter-spacing: 10px; color: #333; text-align: center; }
.iabout-sub-tit{ font-size: 16px; background: url(../images/iabout-sub-tit-bg.png) no-repeat center center; width: 344px; height: 31px; text-align: center; line-height: 31px; margin: 32px auto 0; color: #fff; }

.iabout-bd{ width: 1060px; margin: 50px auto 0; }
.iabout-l{ width: 435; height: 250px; }
.iabout-r{ width: 580px; height: 250px;}
.iabout-r-con{ font-size: 16px; line-height: 200%; text-indent: 2em; height: 202px; overflow: hidden; }

a.iabout-r-btn,a.iabout-r-btn:hover{ width: 206px; height: 48px; font-size: 18px; text-decoration: none; color: #fff; display: inline-block; text-align: center; line-height: 48px; letter-spacing: 8px; margin-right: 16px;}
a.iabout-r-btn-black{ background: url(../images/iabout-btn-black-bg.png) no-repeat center center; }
a.iabout-r-btn-orange{ background: url(../images/iabout-btn-orange-bg.png) no-repeat center center; }

/*complementary*/
.complementary{ width: 100%; background: #fff url(../images/complementary-bg.jpg) no-repeat center top; padding: 50px 0 60px; }
.complementary-tit{ background: url(../images/complementary-tit-bg.png) no-repeat center center; width: 275px; height: 50px; margin: 0 auto; line-height: 50px; font-weight: normal; font-size: 24px; color: #ff9046;}
.complementary-tit span{ width: 85px; height: 40px; float: left; display: block; background: url(../images/complementary-tit-strong-bg.png) no-repeat center center; line-height: 40px; margin: 5px 0 0 5px; color: #fff; text-align: center; margin-right: 12px;}

.complementary-desc{ text-align: center; font-size: 16px; color: #888; line-height: 180%; margin-top: 45px; }

.complementary-list{ width: 865px; margin: 0 auto; overflow: hidden; height: 440px; margin-top: 45px; }
.complementary-list ul{ width: 960px; }
.complementary-list ul li{ width: 145px; float: left; height: 180px; margin-right: 95px; font-size: 18px; color: #666; margin-bottom: 50px; text-align: center;}
.complementary-list ul li p{ margin-top:30px; }
.complementary-icon{ width: 145px; height: 145px; overflow: hidden; background: url(../images/complementary-icon.png) no-repeat left top; }
.complementary-icon-1{ background-position: 0 0; }
.complementary-icon-2{ background-position: -239px 0; }
.complementary-icon-3{ background-position: -478px 0; }
.complementary-icon-4{ background-position: -717px 0; }
.complementary-icon-5{ background-position: 0 -231px; }
.complementary-icon-6{ background-position: -239px -231px; }
.complementary-icon-7{ background-position: -478px -231px; }
.complementary-icon-8{ background-position: -717px -231px; }

/*pic+news+contact*/
.pnc-main{ width: 100%; border-top: 1px solid #e7e7e7; padding: 50px 0 60px;}
.pnc-pic{ width: 470px; height: 620px; padding-left: 55px;}

.nc{ width: 520px; height: 620px; overflow: hidden; }

.inews{ height: 382px;}
.inews-hd{}
.inews-hd-tit{ font-size: 16px; color: #333; font-weight: normal; line-height: 24px; }
a.inews-hd-more, a.inews-hd-more:hover{ width: 55px; height: 24px; background: url(../images/news-more-bg.jpg) no-repeat center center; display: block; text-align: center; line-height: 24px; color: #fff; text-decoration: none; }

.inews-topic{ margin-top: 30px; }
.inews-topic dl{ padding-left: 180px; }
.inews-topic dl dt{ width: 180px; float: left; display: inline; margin-left: -180px; }
.inews-topic dl dt a img{ border: 1px solid #d6d6d6; padding: 2px; background: #fff; }
.inews-topic dl dt a:hover img{ border-color: #f60; }
.inews-topic dl dd h4{ font-size: 14px; padding-bottom: 10px; }
.inews-topic dl dd p{ color: #999; line-height: 200%; text-indent: 2em; }

ul.inews-list{ margin-top: 25px; }
ul.inews-list li{ border-bottom: 1px dotted #c0c0c0; line-height: 39px; }
ul.inews-list li em{ font-style: normal; width: 110px; padding-left: 3px; display: inline-block; color: #999; }

.icontact{ width: 520px; height: 200px; background: url(../images/icontact-bg.jpg) no-repeat center top; margin-top: 38px; }
.icontact-bd{ padding: 60px 0 0 20px; width: 335px; }
.icontact-bd h4{ font-size: 16px; color: #333; padding-bottom: 6px; font-weight: normal; }
.icontact-bd p{ line-height: 200%; }
.icontact-code{ width: 115px; height: 115px; padding: 18px 27px 0 0; }

/* propaganda */
.propaganda{ width: 100%; background: #fff url(../images/propaganda-bg.jpg) no-repeat center top; height: 690px; padding-top: 50px; }
.propaganda-bd{ width: 1154px; height: 647px; background: url(../images/propaganda-img.png) no-repeat center top; margin: 0 auto; }



.sidebar-nav .sidebar-nav-hd{ width: 197px; height: 87px; background: #20a5db url(../images/sidebar-nav-hd-bg.png) no-repeat left top; color: #fff; padding: 23px 0 0 23px; }
.sidebar-nav .sidebar-nav-hd h4{ font-size: 26px; font-weight: normal; margin-bottom: 3px; }
.sidebar-nav .sidebar-nav-hd p{ font-size: 16px; }

.sidebar-nav .sidebar-nav-bd{ border: 1px solid #dcdcdc; margin-top: 15px; }
.sidebar-nav .sidebar-nav-bd ul li{ height: 40px; width:100%; display:block;}
.sidebar-nav .sidebar-nav-bd ul li a{ height: 40px; display: block; line-height: 40px; text-indent: 50px; font-size: 14px; color: #333; zoom: 1; z-index: 999; position: relative; margin-left: -1px; border-left: 5px solid transparent; }
.sidebar-nav .sidebar-nav-bd ul li.active a, .sidebar-nav .sidebar-nav-bd ul li a:hover{ background: #f4f4f4; border-left-color: #20a5db; text-decoration: none; color: #ff9046; }


/*差异化体验*/
.sidebar-nav-about .sidebar-nav-hd{ background-color: #20a5db; }
.sidebar-nav-about .sidebar-nav-bd ul li.active a, .sidebar-nav-about .sidebar-nav-bd ul li a:hover{ border-left-color: #20a5db }
.sidebar-nav-news .sidebar-nav-hd{ background-color: #ff8766; }
.sidebar-nav-news .sidebar-nav-bd ul li.active a, .sidebar-nav-news .sidebar-nav-bd ul li a:hover{ border-left-color: #ff8766 }
.sidebar-nav-product .sidebar-nav-hd{ background-color: #2a5ea7; }
.sidebar-nav-product .sidebar-nav-bd ul li.active a, .sidebar-nav-product .sidebar-nav-bd ul li a:hover{ border-left-color: #2a5ea7 }
.sidebar-nav-network .sidebar-nav-hd{ background-color: #d16a1e; }
.sidebar-nav-network .sidebar-nav-bd ul li.active a, .sidebar-nav-network .sidebar-nav-bd ul li a:hover{ border-left-color: #d16a1e }
.sidebar-nav-knowledage .sidebar-nav-hd{ background-color: #6dc593; }
.sidebar-nav-knowledage .sidebar-nav-bd ul li.active a, .sidebar-nav-knowledage .sidebar-nav-bd ul li a:hover{ border-left-color: #6dc593 }
.sidebar-nav-hr .sidebar-nav-hd{ background-color: #e12e83; }
.sidebar-nav-hr .sidebar-nav-bd ul li.active a, .sidebar-nav-hr .sidebar-nav-bd ul li a:hover{ border-left-color: #e12e83 }
.sidebar-nav-message .sidebar-nav-hd{ background-color: #bdcf27; }
.sidebar-nav-message .sidebar-nav-bd ul li.active a, .sidebar-nav-message .sidebar-nav-bd ul li a:hover{ border-left-color: #bdcf27 }
.sidebar-nav-contact .sidebar-nav-hd{ background-color: #f05ff2; }
.sidebar-nav-contact .sidebar-nav-bd ul li.active a, .sidebar-nav-contact .sidebar-nav-bd ul li a:hover{ border-left-color: #f05ff2 }


.main-hd{ border-bottom: 1px solid #dcdcdc; line-height: 42px;}
.main-tit{ font-size: 16px; color: #333; }
.main-postion{ font-size: 12px; }

.main-bd{ line-height: 200%; font-size: 12px; margin-top: 15px; min-height: 450px;}
.main-bd img{ max-width: 850px;}

/**Joblist*/
#Joblist{ border:1px solid #dedede; margin:0 auto;clear:both; padding:1px; background:#FFF;}
#Joblist .title{padding:2px 12px; height:26px; background:#eeeeee; line-height:26px; font-size:14px; font-weight:bold; cursor:pointer;}
#Joblist .content{ padding:2px 12px; margin-top:8px;}
#Joblist .content p{  line-height:24px; border-bottom:1px dotted #dedede;}
#Joblist .content .content_t{ font-weight:bold;}
#Joblist .submit{padding:5px 12px; text-align:right;}
.hr15{width:100%; height:15px; line-height:1px; clear:both;}