@charset "utf-8";
/* ================================== 全局==================================== */
.main_box{ margin:0 auto; width:1100px;}
input{outline: none;}
/*===============================================header================================================*/
#header .main_box{ position:relative;  height:140px;}
#header .top{  width:100%; height:115px;  }
#header .top .logo{ position:absolute; top:0;  }
#header .top .logo{ display:table; height:115px; position:absolute; top: 0px; left:0; z-index:3;}
#header .top .logo a { display:table-cell; vertical-align:middle;}
#header .top .right{}
#header .top_tel{  position:absolute; border-right:1px solid #e8e4e4; padding-right:20px;   right:90px; top:63px; line-height:22px; height:22px; padding-left:20px; background:url(../images/icon_top_tel.png) left center no-repeat; }
#header .top_tel span{font-size:14px;color:#4e4e4f;}
#header .top_tel strong{font-size:16px; font-weight:bold; color:#e62129;font-family: "Arial";}
#header .link_box{  position:absolute; right:0px; top:58px;}
#header .link_box .a{ float:left; cursor:pointer; margin-left:10px; position:relative; display:block; width:30px; height:30px; }
#header .link_box .a .hover{ position:absolute; left:0; top:0; z-index:3;opacity:0;filter:alpha(opacity=0)}
#header .link_box .a:hover .hover{opacity:1;filter:alpha(opacity=100)}
#header .link_box .a:hover .icon{ opacity:0;filter:alpha(opacity=0)}
#header .link_box .a .hover{ position:absolute; left:0; top:0; z-index:3;opacity:0;filter:alpha(opacity=0)}
#header .link_box .a.ewm_box .hover{ z-index:4;  opacity:1;filter:alpha(opacity=100)}
#header .link_box .a.ewm_box:hover .hover{opacity:0;filter:alpha(opacity=0)}
#header .link_box .a.ewm_box:hover .icon{ opacity:1;filter:alpha(opacity=100)}
#header .link_box .ewm{ position:absolute; right:-90px;top: -27px; opacity:0;filter:alpha(opacity=0)}
#header .link_box .ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100)}
.language_box{ position:absolute; right:0; top:27px; height:20px;}
.language_box a{ display:inline-block; color:#676a6d; padding-left:9px; margin-left:5px; background:url(../images/line_link_top.png) left center no-repeat;}
.language_box a:hover{ color:#fd2b00;}
.language_box a.on{ color:#fd2b00;}
/*=================导航=================*/
#nav{ position:absolute; height:50px; width:1100px; left:0; bottom:-25px; z-index:9;  background:url(../images/bg_nav.png) left top no-repeat;}
#nav li{ float:left; min-height:50px; position:relative;}
#nav li .a{ }

/*导航宽*/
#nav li .a{ position:relative; z-index:9;  line-height:50px; height:50px; width:137px; color:#fff; font-size:14px; line-height:50px;  text-align:center; display:block; }
/**/
#nav li.title .a{background:url(../images/icojt.png) 100px center no-repeat ;}
#nav li .a:hover{
	background-color: #FF6600;
}

#nav li.title .a:hover{background:url(../images/icojt.png) 100px center no-repeat #FF6600;  }
#nav li.on{background:#dd3000;}
#nav li.title.on .a:hover{background:url(../images/icojt.png) 100px center no-repeat #FF6600;  }
#nav li .a:hover{ color:#FFF;}
#nav li .qc{ background:none;}
#nav  .list{ display:none; left:0px; top: 0px; padding-top:50px; position:absolute; z-index:2; width:100%;   background:#FF6600;}
#nav  .list a{
	font-weight: normal;
	margin: 0 10px;
	background: none;
	height: 30px;
	color: #fff !important;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#nav  .list a:hover{ color:#d5ae62 !important; }
.search_box{
	float: right;
	width: 320px;
	height: 50px;
	position: relative;
	overflow: hidden;
	line-height: 50px;
	background: none;
}
.search_box input[type="text"]{
	height: 50px;
	width: 260px;
	color: #FFFFFF;
	background: none;
	line-height: 50px;
	padding: 0 10px;
	padding-right: 50px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #F60;
}
.search_box input[type="submit"]{  position:absolute; right:0; top:0; padding: 0; z-index:2;   height:50px; width:52px; cursor:pointer; border:none; background:none;}
/*================= banne===================*/
#banner{ position:relative; height:300px;  }
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 300px;}
#banner .hd{  margin:0 auto; position:absolute; width:100%;}
#banner .hd a{ display:block; width:55px; height:105px;}
#banner .hd ul{ margin:0 auto;   z-index:9; width:100%; display:inherit; text-align:center;/* border-top:1px solid #56585c;*/ margin-top:-50px; position:relative; height:40px;  }
#banner .hd ul li{ display:inline-block; padding-top:13px;}
#banner .hd ul li a{ line-height:40px; border-radius:50%;  height:10px; width:10px; margin:0 3px; display:block; background:#fff;  }
#banner .hd ul li a:hover{ background:#e95d19;  }
#banner .hd ul .on a{  background:#e95d19;  }
#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-55px;}
#banner  .bnt:hover{ }
#banner .prev{ position:absolute; left:-54px; }
#banner .next{ position:absolute; right:-54px; }
#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}
/*================= 首页===================*/
.s_main_box{ position:relative; z-index:2; margin-bottom:15px;  }
.s_main_box .s_more{ display:block; background:url(../images/icon_more.png) center no-repeat; width:14px; height:20px;}
.s_main_box .s_more:hover{ background:url(../images/icon_more_hover.png) center no-repeat;}
/*================= 首页结构 ===================*/
.s_title{ position: relative;  }
.s_title h1{ display:block; font-size:16px; color:#404144;  }
.s_title h1 strong{color:#dd3000; font-size:15px;}
.s_title a{ position: absolute; right: 0; top: 0;}
.index_up_box{ position:relative; background:#f6f6f9; padding:25px 0 30px 0;}
.index_up_box .main_box{ position:relative;}
.index_up_box .s_title span{ display:none; color:#a2a3a5; margin-top:15px; margin-bottom:36px;}
.index_up_box .content{ margin-top:20px; background:url(../images/bg_s_up.png) center top no-repeat; height:170px; }
.index_up_box ul{ margin-right:-30px;}
.index_up_box li{  width:220px; padding:26px 34px;  display:block;  float:left; position:relative;}
.index_up_box li .up{ padding-left:80px; position:relative; height:64px; }
.index_up_box li .up .text_box a{ padding-top:17px; display:block;  font-size:14px;  color:#000000; }
.index_up_box li .up span{ display:block; font-size:14px; margin-top:3px;  color:#dd3000; }
.index_up_box li .pic{ display:block; width:64px; height:64px; position:absolute; left:0; top:0;}
.index_up_box li .pic img{ display:block; width:64px; height:64px;  }
.index_up_box li .un{padding:15px 10px 0px 10px; height:40px; overflow:hidden; display:block; line-height:20px; font-size:14px; color:#99999b; }
.index_up_box li .up .text_box a:hover{color:#dd3000; }
.s_news { position:relative; }
.s_news .hd a{ font-size:14px; text-align:center; height:36px; line-height:30px; margin-right:10px;  color:#5b5c5d; display:block; float:left; width:100px;}
.s_news  .un{ margin-top: 15px;}
.s_news  .un ul{ }
.s_news  .un li{ height:24px;  position:relative; line-height:24px; display:block; }
.s_news  .un i{ position:absolute; left:0px; top:0px;}
.s_news  .un a{ padding-left:13px; font-size:14px; color:#45464a;  display:block; margin-left:75px;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.s_news  .un a:hover{color:#dd3000;}
.s_news  .un span{font-size:14px; color:#b8bac4; position:absolute; left:0; top:0;} 
.s_un_box { margin-top:25px; }
.s_un_box .up{ padding:9px; border:1px solid #dfdfdf;}
.s_un_box .up img{ width:320px; height:180px;}
.s_un_box .un { margin-top:15px;}
.s_un_box .un p{ line-height:24px; color:#66676b;}
.s_un_box .left{ width: 340px;}
.s_un_box .md{ width: 340px; float: left; margin-left: 50px;}
.s_un_box .md .s_title{ position: relative; background:url(http://shhofon.com/images/line_s_title2.png) left center no-repeat;}
.s_un_box .right{ width: 340px;}
.s_un_box .content{ height: 295px; margin-top:15px;}
 /*==========footer===========*/
#footer{ background:#222222; padding-top:30px;}
#footer .up{ padding-bottom:25px;}
#footer .up { } 
#footer .up .left ul{  border-right:1px solid #343434;}
#footer .up .left li{ float:left; padding-right:120px; display:block;  }
#footer .up .left li a{ display:block; font-size:14px; color:#78787a; line-height:22px;}
#footer .up .left li a:hover{ color:#fff;}
#footer .up .left li h1{ margin-bottom:13px; font-size:14px;  color:#dbd4d4;}
#footer .up .right { width:340px;}
#footer .up .right h1{ margin-bottom:13px; font-size:14px;  color:#dbd4d4;}
#footer .up .right h1 strong{  color:#dd3000; }
#footer .up .right .article{ background:url(../images/icon_fot_contact.png) left 9px no-repeat; padding-left:28px;}
#footer .up .right p{ line-height:30px; font-size:14px; color:#919194;} 
#footer .un{ border-top:1px solid #343435; text-align:center; font-size:14px; height:56px; line-height:56px; color:#656567;}
#footer .un a{ color:#656567;}
#footer .un a:hover{ text-decoration:underline; color:#fff;}
/*=======================================内页========================================*/
.n_main_box{ }
.n_main_box .main_box{ position:relative;}
.n_banner { display:block; width:100%; height:200px;}
.n_up_box{ position:relative; border-bottom:1px solid #dfdfdf;  border-bottom:1px solid #eaeaea;height:54px;  background:#fff;  position:relative; }
.position{ position:absolute; line-height:54px; height:54px; left:0px; top:0px; color:#a8a7a7; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px;}
.position span, .position a, .position i{ font-size:14px; color:#a8a7a7;}
.position em{ font-size:14px; color:#fd2900;}
.position a:hover{ color:#fd2900;}
.n_nav{ position:relative; float:right;}
.n_nav a{ display:inline-block; position:relative;  margin-right:45px; margin-bottom:-1px;   height:54px; font-size:14px; float:left;  color:#444444; }
.n_nav a strong{ position:absolute; bottom:0px;  line-height:51px;  display:block; border-bottom:3px solid #fff;  color:#646464; position:relative; z-index:4;}
.n_nav a:hover{    }
.n_nav a:hover strong{ border-bottom:3px solid #fd2900;}
.n_nav .on{  }
.n_nav .on strong{ border-bottom:3px solid #fd2900;}
.n_content{ min-height:400px; padding:20px 0 40px;}
.n_title{
	margin-top: 25px;
	background-repeat: no-repeat;
	background-position: center 8px;
}
.n_title h1{ display: block; font-weight: bold; font-size:18px; text-align:center;    color: #222222;  }
.n_title h2{ text-align:center;   font-family: "Ebrima"; text-transform:uppercase; display:block;  font-size:14px; color: #222222;}
/*==============合作伙伴=====================*/
.n_partners{}
.n_partners ul { margin:-30px -8px;}
.n_partners li{display:block; position:relative; overflow:hidden; float:left; margin:15px 8px;   width:262px; }
.n_partners li a{ display:block; }
.n_partners li img{  height:200px; overflow:; width:220px; display:block;border:1px solid #ebedef; }
.n_partners li span{ margin-top:15px; display:block; font-size:14px; color:#797979; text-align:left;  }
/*.n_partners li:hover img{ border:1px solid #dd3000;}
.n_partners li:hover span{ color:#dd3000;}
*/
/*==============业务=====================*/
.n_yewu{ position:relative;  overflow:hidden;}
.n_yewu ul{ margin-bottom:-30px;}
.n_yewu li{ display:block; position:relative; height: 180px;  margin-bottom:30px; }
.n_yewu li .pic_box{ position:absolute; left:0; top:0px; z-index:3; }
.n_yewu li img{ width:275px; height: 175px; }
.n_yewu li .text_box { margin-left:100px;height: 131px; padding: 22px 30px 22px 210px;   background:#f5f5f5; position:relative;  }
.n_yewu li .text_box h1{ display:block;}
.n_yewu li .text_box h1 a{font-size:16px;  color:#dd3000; font-weight:bold; padding-bottom:15px;  display:block;}
.n_yewu li .text_box span{ position:absolute; right:0; top:0; font-size:14px; display:block; margin-bottom:5px;  color:#b8b8b8; }
.n_yewu li .text_box h1 a:hover{ color:#dd3000; text-decoration:underline;  }
.n_yewu li .text_box .more{ height:25px; line-height:25px;  width:90px; color:#666666; display:block; margin-top: 28px; background:url(../images/icon_more_jt.png) right center no-repeat;}
.n_yewu li .text_box .more:hover{ color:#dd3000; background:url(../images/icon_more_jt_hover.png) right center no-repeat;}
.n_yewu li .text_box p{ line-height:24px; color:#666666; font-size:14px; height: 48px;}
/*==============业务详情=====================*/
.yewu_show{}
.yewu_show .title{ font-size:20px; color:#333333; display:block; text-align:center; margin-bottom:30px;}
/*==============新闻=====================*/
.n_news .up .main_box{ position:relative;   padding:0 0 35px 0;   overflow:hidden;}
.n_news .up .date_box{ position:absolute; top: 55px; left: 258px; width:65px; height:65px; background:url(http://shhofon.com/images/bg_titme.png) center no-repeat; text-align:center; color:#fff;}
.n_news .up .date_box span{ display:block; padding-top:13px;}
.n_news .up  li{ display:block;}
.n_news .up  li .fl{ width:260px;}
.n_news .up  li .fl  img{ width:260px; height:160px; }
.n_news .up  li .fr{ width:810px;  position:relative; height:160px; }
.n_news .up  li .fr h1{ display:block; padding-bottom:5px;}
.n_news .up  li .fr h1 a{  font-size:16px;  color:#5a5a5a;   display:block; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #e4e3e3;}
.n_news .up  li .fr span{position:absolute; left:0; bottom:0;  font-size:14px; display:block;   color:#adadad; }
.n_news .up  li .fr h1 a:hover{ color:#dd3000;  }
.n_news .up  li .fr .more{ display:block; position:absolute; font-size:13px; right:0; bottom:0; color:#fff; height:28px; line-height:28px; width:85px; text-align:center; background:#dd3000;}
.n_news .up  li .fr p{ line-height:24px; color:#797979; font-size:14px;}
.n_news_tex{}
.n_news .un{padding-top:15px;  }
.n_news .un  ul{  }
.n_news .un  li{ line-height:40px; border-top:1px solid #ebeaea; height:40px; display:block; position:relative;}
.n_news .un  li i{ display:block; position:absolute; width:10px; height:45px; left:0; top:0; background:url(http://shhofon.com/images/icon_dd.png) left center no-repeat;}
.n_news .un  li a{ font-size:13px; color:#797979; }
.n_news .un  li span{ position:absolute; right:0; font-size: 14px; font-family: "Arial"; color: #8e8e8e;}
.n_news .un  li a:hover{ color:#dd3000; text-decoration:underline;}
/*==============详情=====================*/
.n_article{ }
.print_logo{ display:none;}
.n_article .ar_title{padding:0; }
.n_article .ar_title h1{ font-size:18px;display:block;text-align:center; margin-bottom:8px;color:#000000}
.n_article .ar_title h2{font-size:14px;  display:block;text-align:center;color:#c2c2c2;line-height:30px}
.n_article .article{padding:30px 0 0px; min-height:400px;   margin:0 auto;  }
.n_article .article p { }
.n_article .bnt_page{ height:40px; margin-bottom:10px; line-height:40px; font-size:14px; color:#8a8a8a; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
/*==============人才招聘=====================*/
.n_job{}
#list_slide{  position:relative;}
#list_slide dl{  overflow:hidden; margin-bottom:20px;  }
#list_slide dt{border:none; padding :10px; background:#f2f2f2;   display:block; position:relative;  cursor:pointer; }
#list_slide dt h1{ color:#51575f; font-size:14px; line-height:30px; height:30px; background:url(http://shhofon.com/images/icon_arrow_sfq_left.png) right center no-repeat; position:relative;  display:block;}
#list_slide dt h1 strong{ display:block; line-height:30px; font-size:15px;   margin-top:0px; color:#5c5c5c;}
#list_slide dt h1 span{ display:none; font-size:14px;  color:#858585;line-height:15px ; margin-top:10px;  height:15px; text-transform:uppercase;}
#list_slide dt h1 a{ display:block; border-radius:2px; position:absolute; right:0px; top:0px; height:30px; line-height:30px; width:120px; text-align:center; color:#fff; background:#dd3000;}
#list_slide dd{ display:none; margin-top:10px;  line-height:24px; background:#f9f9f9; }
#list_slide dd p{ line-height:24px; margin-bottom:0; color:#646b78;  font-size:14px;}
#list_slide dd .content{ padding:20px; padding-bottom:25px;}
#list_slide dt.on a{ background:#888888;}
/*==============联系我们=====================*/
.n_contact .up_box { background:url(../images/icon_contact.png) 53px top no-repeat; padding-top:100px;}
.n_contact .up_box dd{ display:inline-block; width:330px; text-align:center; color:#666666;}
.n_contact .un_box{ margin-top:50px;}
.n_contact .un_box .left{ width:380px; background:#505050; color:#f0f0f0; height:302px; overflow:hidden;  }
.n_contact .un_box .right{ width:720px; overflow:hidden; height:302px; }
.n_contact .un_box .left .box{ width:290px; padding-top:40px; margin:0 auto;}
.n_contact .un_box .left .box h1{display:block; margin-bottom:20px; font-weight:bold; color:#fff; font-size:16px;}
.n_contact .un_box .left .box p{ color:#a4a4a4;     text-indent: 2em; margin-bottom:20px; height:120px; line-height:26px;}
.n_contact .un_box .map{ border:1px solid #d7d7d7; }
/*==============分 页====================*/
.page { margin:0px auto 0px auto;}
.page .box{display:inherit; width:100%;  text-align: right; margin-top:30px;}
.page a{ padding:0 13px; height:30px; line-height:30px; display:inline-block; border:1px solid #ddd; margin-left:10px;  color:#fff; color:#6c6c6d; font-size:14px; }
.page .on{ background:#dd3000; color:#fff !important;border:1px solid #dd3000;}
.page span{ background:#dd3000; color:#fff !important;border:1px solid #dd3000;}
.page a:hover{ background:#dd3000; color:#fff !important; text-decoration:none; border:1px solid #dd3000; }
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}