@charset "gb2312";
/* CSS Document */
/*手机*/  
@media screen and (max-width:600px){ }
/*平板*/  
@media screen and (min-width:600px) and (max-width:960px){}
@media screen and (min-width:960px){  }  
a,abbr,acronym,address,applet,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:"微软雅黑","Microsoft YaHei",sans-serif;
	vertical-align:baseline
}
li{ 
	list-style:none;
	}
:focus {
	outline:0
}
html{
	font-size:12px;
	}
body {
	position: relative; 
	min-width:1200px;
	margin:0 auto;
	overflow-x:hidden;
}
.w1140 {
	margin:0 auto;
	width:1200px
}
.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.ios.ipad body {
	min-width:1400px
}
table {
	border-collapse:separate;
	border-spacing:0
}
caption,td,th {
	text-align:left;
	font-weight:400
}
a {
	text-decoration:none;
	color:#333;
	-webkit-transition:all .3s;
	transition:all .3s
}


#hui a:link,#hui a:visited{ color:#b1b1b1;}
#hui a:hover{ color: #c80811; }

a img,iframe {
	border:none
}
img {
	vertical-align:top
}
ol,ul {
	list-style:none
}
button,input,select,textarea {
	font-size:100%;
	font-family:inherit;
	-webkit-appearance:none;
	border-radius:0
}
select {
	margin:inherit
}

td {
	vertical-align:middle
}
.clearfix:after {
	content:"\200B";
	display:block;
	height:0;
	clear:both
}
.fl {
	float:left
}
.fr {
	float:right
}
.pr {
	position:relative
}
.dn {
	display:none
}
.ov {
	overflow:hidden
}
.pa {
	position:absolute
}
.pr {
	position:relative
}
.text-center {
	text-align:center
}


@font-face {
	font-family:novecento-widenormal;
	src:url(../fonts/novecentowide-normal.eot);
	src:url(../fonts/novecentowide-normal.eot?#iefix) format('embedded-opentype'),url(../fonts/novecentowide-normal.woff2) format('woff2'),url(../fonts/novecentowide-normal.woff) format('woff'),url(../fonts/novecentowide-normal.ttf) format('truetype'),url(../fonts/novecentowide-normal.svg#novecento_widenormal) format('svg');
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:dincond-regular-webfont;
	src:url(../fonts/dincond-regular-webfont.eot);
	src:url(../fonts/dincond-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/dincond-regular-webfont.woff2) format('woff2'),url(../fonts/dincond-regular-webfont.woff) format('woff'),url(../fonts/dincond-regular-webfont.ttf) format('truetype'),url(../fonts/dincond-regular-webfont.svg#dincond-regular-webfont) format('svg')
}

body {
	background:#fff
}

.headrange {
	position:relative;
	height:120px;
	width:100%;
}


.header {
	width:100%;
	height:120px;
	background:#fff;
	position:relative;
	border-bottom:0px solid #e8e8e8;
}
a.logo {
	width:235px;
	height:70px;
	background:url(../honglin/logo.jpg) no-repeat;
	float:left;
	margin-top:15px
}

.search { background: none repeat scroll 0 0 #FFF; border: 1px solid #138ce3; border-radius: 2px; float: right;  width:275px; height:32px; margin-left: 10px; margin-top:55px; }
.search .button { height: 32px; }
.input { width:auto; float: left; overflow: hidden; }
.input input { border-style: none; height: 32px; width: 130px; background: none; text-indent: 10px; margin-bottom: 0 !important; padding: 0 !important; color:#CCC; }
.button input { background: url("../honglin/search_btn.jpg") no-repeat center; border: medium none; height: 32px; width: 32px; cursor: pointer; float:right; }


.menu{
	position:relative;
	z-index:1000;
	height:50px;
	width:100%;
}
.nav_r{ float:right; margin-top:-15px;}
.nav {
	float:left;
	height:50px;
	margin:5px auto auto auto;
	position:relative;
}
.nav li {
	float:left;
	position:relative;
	height:40px;
	line-height:40px;
	padding:0 25px 0 25px;
	margin-left:0px;
	background:url(../images/menu_line.jpg) no-repeat right;
}
.nav li.last {
	background:0;
	padding-right:0px;
}
.nav li a {
	color:#767373;
	font-size:14px; 
	display:block
}
span.navline {
	position:absolute;
	z-index:1000;
	width:26px;
	height:2px;
	background:#138ce3;
	left:25px;
	top:-1px;
}

.innavline {
	display:block;
	position:absolute;
	width:84px;
	height:54px;
	bottom:0;
	left:470px;
	background:#4957a2;
	z-index:55;
	-webkit-transition:all .3s;
	transition:all .3s
}


.innavbg {
	width:100%;
	height:50px;
	background:#138ce3;
	position:absolute;
	top:45px;
	left:0;
	display:none;
	z-index:50
}
.innav {
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	width:700px
}
.innav dd {
	line-height:50px;
	float:left;
	margin:0 16px
}
.innav dd a {
	display:block;
	color:#abd4ff;
	font-size:14px;
	font-weight:700
}
.innav .on a,.innav dd a:hover {
	color:#fff
}
.navbg .suNav {
	display:none
}
.sNav {
	height:50px
}
.suNav .sNav>div {
	position:absolute;
	top:0;
	display:none;
	z-index:60
}
.suNav {
	height:50px
}


.subnavbg {
	position:static
}
.sN1 {
	left:90px
}
.sN2 {
	left:100px
}
.sN3 {
	left:300px
}
.sN4 {
	left:620px
}
.sN5 {
	left:505px
}
.sN5 .innav {
	width:550px
}
.sN6 {
	left:444px
}



.footer{ width:100%; height:200px; float:left; background:#4f4f4f; z-index:1000;} 

.leftfooter{ width:400px; height:200px; float:left; }
.footerLogo{ float:left; margin:20px auto auto auto;}
.footerIcp{ float:left; margin-top:10px; padding-left:50px; color:#c5c5c5; line-height:18px; background: url(../honglin/icp-1.jpg) no-repeat;} 

.rightfooter{ float:right; margin:55px 20px auto auto;}

.footer_wb,.footer_bbs,.footer_wx{ float:left; position:relative; margin:auto auto auto 30px;}
p.ctitle {
	color:#999;
	font-size:12.5px;
	float:left;
	line-height:38px;
	font-weight:700;
	padding-left:8px;
}
.footer_bbs .Title {
	background:#e9e9e9 url(../images/footer_r_2.png) no-repeat center 0;
	transition: .5s cubic-bezier(.3,0,0,1);
}
.footer_bbs:hover a.Title {
	background:#1c54a4 url(../images/footer_r_2.png) no-repeat center -35px;
	transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a {
	display:block;
	width:35px;
	height:35px;
	float:left;
	margin-top:0;
	margin-left:12px;
	text-align:center;
	border-radius:20px
}
.footer_wx .wx {
	background:#e9e9e9 url(../images/All-Icon.png) no-repeat -266px -216px;
	position:relative;
	-webkit-transition:.5s cubic-bezier(.3,0,0,1);
	-moz-transition:.5s cubic-bezier(.3,0,0,1);
	transition:.5s cubic-bezier(.3,0,0,1)
}
.footer_wx:hover{ display:block;}
.footer_wx:hover a.wx {
	background:#1ec354 url(../images/All-Icon.png) no-repeat -266px -256px
}
.indexewm {
	position:absolute;
	bottom:40px;
	right:-59.5px;
	width:169px;
	height:0;
	-webkit-transition:all .3s;
	transition:all .3s;
	overflow:hidden;
	z-index:10
}
.hover .indexewm {
	height:178px;
}

.footer_wb .wb {
	background:#e9e9e9 url(../images/footer_r_1.png) no-repeat 0px 0px;
	-webkit-transition:.5s cubic-bezier(.3,0,0,1);
	-moz-transition:.5s cubic-bezier(.3,0,0,1);
	transition:.5s cubic-bezier(.3,0,0,1)
}
.footer_wb:hover { display:block;}
.footer_wb:hover a.wb {
	background:#138ce3 url(../images/footer_r_1.png) no-repeat 0px -35px
}


.popup{ width:169px; background: url(../images/wb_bot.png) no-repeat bottom; border-top:1px solid #cccccc; position:absolute; display:none; z-index:50;padding-bottom:25px; border-radius:5px;}
.popup ul li a{ width:155px; height:24px; float:left; line-height:24px; display:inline; margin:2px auto auto 4px; overflow:hidden; text-align:center;}
.popup ul li a:hover{ background:#b81d23; color:#FFF;}




.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#138ce3 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .8;
}

.fullSlide{ width:100%; height:630px; float:left; position:relative; background:#FFF; display:inline; margin:auto auto auto auto; overflow:hidden; }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:630px; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:630px; }	
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; right:0; height:30px; line-height:30px; text-align:right;}	
.fullSlide .hd ul{ width:1200px; margin:auto; text-align:right; }	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:5px; background:#138ce3; overflow:hidden; line-height:9999px; 	}	
.fullSlide .hd ul .on{ background:#b81c22;}

.fullSlide .prev .bg {
  background: url("../images/LEFT.png") no-repeat scroll 0 0 transparent;
  height: 40px;
  width: 36px;
}
.fullSlide .prev .bg:hover {
  background: url("../images/LEFT1.png") no-repeat scroll 0 0 transparent;
}
.fullSlide .next .bg {
  background:url("../images/R.png") no-repeat ;
  height: 40px;
  width: 36px;
}
.fullSlide .next .bg:hover {
  background: url("../images/R1.png") no-repeat scroll 0 0 transparent;
}
.fullSlide .prev {
  left: -36px;
  position: absolute;
  top: 250px;
  z-index: 99;
}
.fullSlide .next {
  right: -36px;
  position: absolute;
  top: 250px;
  z-index: 99;
}

.main{ width:100%;}

.tit_b{ width:100%; height:70px; float:left; margin:30px auto auto auto; text-align:center;}
.tit_b .h2{ width:100%; margin:auto; font-size:30px; line-height:40px; font-family:novecento-widenormal; color:#2066a9; text-transform:uppercase;}
.tit_b .h3{ width:180px; height:50px; margin:15px auto auto auto; border-top:1px solid #c3c3c3; position:relative; text-align:center;}
.tit_b .h3 span{ width:100px; height:30px; background:#FFF; font-size:20px; background:#FFF; position:absolute; top:-16px; left:40px;}

.newsBox{ width:1200px; margin:auto auto auto auto; text-align:left;}

.newsPic{ width:390px; height:360px; float:left; margin:25px auto auto auto; position:relative;}
.newsPic .pic{ width:100%; height:300px; float:left;}
.newsPic .pic img{ width:100%; height:100%;}
.newsPic .tit a{ width:370px; height:60px; background:url(../honglin/alpha_70.png); line-height:60px; padding-left:20px; font-size:14px; display:block; position: absolute; bottom:0px; color:#FFF;}

.newList{ width:460px; height:360px; float:left; margin:25px auto auto 15px; overflow:hidden;}
.newList ul li{ width:460px; height:82px; float:left; background:#f6f6f6; margin:auto auto 10px auto; -webkit-transition:all .3s;	transition:all .3s; }
.newList ul li h3{ width:430px; float:left; margin:5px auto auto auto; line-height:32px; font-size:18px; padding-left:15px;}
.newList ul li p{ width:430px; float:left; line-height:20px; color:#ababab; padding-left:15px;}
.newList ul li:hover{ background:#138ce3;}
.newList ul li:hover h3 a,
.newList ul li:hover p{ color:#FFF;}


.newRight{ width:320px; float:right; margin:25px auto auto auto;}

.video{ width:320px; height:250px; float:left;}

.job{ width:320px; height:100px; float:left; margin:10px auto auto auto;}


.caseBox{ width:100%; height:575px; margin:35px auto auto auto; background:url(../honglin/case_bg.jpg) no-repeat center #fbfbfb;}

.caseList{ width:100%; float:left; margin:35px auto auto auto;}
.caseList01{ width:510px; float:left;}
.caseList01_1{ width:510px; float:left; position:relative;}
.caseList01_2{ width:250px; float:left; margin:10px 10px auto auto; position:relative;}
.caseList01_3{ width:250px; float:left; margin:10px auto auto auto; position:relative;}
.caseList04{ width:335px; float:left; margin:auto 10px auto 10px; position:relative;}
.caseList05{ width:335px; float:left; position:relative;}

.case_mask{ width:100%; height:100%; background: url(../honglin/alpha_20.png); position:absolute; top:0px; display:none; -webkit-transition:all .3s; transition:all .3s; }
.case_mask a{ width:100%; height:100%; display:block;}
.case_tit{ position: absolute; top:12px; left:30px; font-size:18px; font-weight:bold; color:#FFF;}
.case_more{ position: absolute; bottom:15px; left:30px; border:1px solid #FFF; padding:5px 10px 5px 10px; display:block; color:#FFF; display:none; -webkit-transition:all .3s; transition:all .3s; }

.caseList01_1:hover .case_mask,
.caseList01_2:hover .case_mask,
.caseList01_3:hover .case_mask,
.caseList04:hover .case_mask,
.caseList05:hover .case_mask{ display:inherit; cursor:pointer;}
.caseList01_1:hover .case_more,
.caseList01_2:hover .case_more,
.caseList01_3:hover .case_more,
.caseList04:hover .case_more,
.caseList05:hover .case_more{ display:inherit;}


.serviceBox{ width:1200px; margin:15px auto auto auto; text-align:left; padding-bottom:35px; overflow:hidden;}

.serviceC{ width:1200px; height:200px; float:left; margin:25px auto auto auto; box-shadow:#d2d2d2 0px 0px 6px;}
.servicePic{ width:385px; height:200px; float:left;}

.serviceList{ width:800px; float:left; overflow:hidden; margin:auto auto auto 10px; }

.serviceList .bd{ width:720px; overflow:hidden; margin:auto auto auto auto;}
.serviceList_li li{ width:143px; height:200px; float:left; position:relative; display:inline; margin:auto auto auto auto; overflow:hidden; border-right:1px solid #f0f0f0; -webkit-transition:all .3s; transition:all .3s; }
.serviceList_li li span{ width:143px; height:60px; float:left; text-align:center; margin:40px auto auto auto; background-position:top center; background-repeat:no-repeat;}
.serviceList_li li p{ width:143px; float:left; margin:15px auto auto auto; text-align:center; font-size:14px;}
.serviceList_li li:hover{ background:#138ce3;}
.serviceList_li li:hover span{ background-position:bottom center; background-repeat:no-repeat;}
.serviceList_li li:hover p{ color:#FFF;}


.serviceList .hd{ width:800px; float:left; position:relative; z-index:100; }
.serviceList .hd .prev{ width:30px; height:30px; overflow:hidden; display:block; cursor:pointer; background:url(../honglin/tab2.png) no-repeat 0px 0px; filter:alpha(opacity=50); opacity:0.5; position:absolute; left:0px; top:-120px;}
.serviceList .hd .next{ width:30px; height:30px; overflow:hidden; display:block; cursor:pointer; background:url(../honglin/tab2.png) no-repeat -30px 0px; filter:alpha(opacity=50); opacity:0.5; position:absolute; right:0px; top:-120px;}
.serviceList .hd .prev:hover{ filter:alpha(opacity=100);opacity:1;  }
.serviceList .hd .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.serviceList .hd .prevStop{ }
.serviceList .hd .nextStop{ }


.top_bak{ width: 100%;height:195px; overflow: hidden; background: url(../honglin/honglin-zban.jpg) no-repeat center; text-align: center; position: relative; z-index: 7;}

/* 面包屑 */
.crumb{ width: 100%; height:42px; background:#FFF; border-bottom:1px solid #138ce3; }
.crumb .crumb_contain{ width: 1200px;margin: 0 auto; height:42px;}
.crumb .crumb_contain .crumb_index{ width:53px; border-right: 1px solid #e2e5e6; height:42px; float: left; text-align: center;}
.crumb .crumb_contain .crumb_index a{ display: block; padding-top: 15px;}
.crumb .crumb_contain .crumb_nav{ float: left; line-height:42px; font-size:13px; color:#535353; padding-left: 20px;}
.crumb .crumb_contain .crumb_nav a{ height:42px;line-height:42px; font-size:13px; color:#535353;  padding-right:25px; display: block; float: left; background: url(../images/index2.png) no-repeat right center;}
.crumb .crumb_contain .crumb_nav a:hover{ color: #b81d23;}

.crumb_ul{ float: left; border-right: 1px solid #e2e5e6; position: relative;}
.crumb_ul li{ float: left;margin-right:37px;position: relative;}
.crumb_ul li a{display: block;height: 100%;line-height: 42px;font-size: 12px;font-weight: bold;}
.crumb_ul p{ position: absolute;z-index: 6;bottom: -2px;background: #8dcd7c;height: 3px;left: 27px;}

.crumb_estate{ width:100%; height:60px; margin:auto auto auto auto; display:block; position: relative; background:#FFF; overflow:hidden; }
.crumb_estate ul{ width:1200px; margin:auto auto auto auto; text-align:center;}
.crumb_estate li{ height:60px; float:left; position: relative; display:block; margin:auto 15px auto auto;}
.crumb_estate li a{ height:60px; padding:0px 15px 0px 15px; line-height:60px; font-size: 14px; font-weight: 100; color:#4b4b4b; z-index:100; position:relative; display:block;}
.crumb_estate li:hover a{ color:#FFF;}
.crumb_estate li p{ position: absolute;z-index: 6;bottom: 0px; background: #138ce3; height:60px;left: 27px;}

 

.inside_title{ width:1200px; float:left; text-align:center;}

.about_title{ width:100%; height:60px; margin:auto auto auto auto; padding-top:10px; padding-bottom:20px; text-align:left; }
.about_title h1{ width:100%; float:left; font-size:26px; color: #138ce3; font-weight:100;  letter-spacing:2px;}
.about_title h2{ width:auto; float:left; font-family: "novecento-widenormal"; font-size:18px; color: #b5b5b5; letter-spacing: 0px; text-transform:uppercase; font-weight:100; border-bottom:2px solid #b5b5b5; padding-bottom:10px; margin:5px auto auto auto;}

.about_title2{ width:500px; height:60px; float:left; padding-top:20px; padding-bottom:20px; margin-left:20px;}
.about_title2 h1{ width: 100%; font-size:18px; color: #138ce3; }
.about_title2 h2{ width:auto; float:left; font-family: "novecento-widenormal"; font-size:28px; color: #b5b5b5; letter-spacing: -2px; text-transform:uppercase;}

.w_con{ width:100%; float:left; background:#f6f6f6; color:#676767; position:relative; padding-top:30px; padding-bottom:35px;}

.inside_content{ width:100%; float:left; line-height:180%; color:#676767; font-size:14px; margin:35px auto auto auto;}

.about_bg{ width:100%; float:left; background:url(../honglin/about_pic.jpg) no-repeat bottom #138ce3;}
.about_c{ width:65%; background:#FFF; float:right; line-height:180%; color:#676767; font-size:14px; margin:auto auto auto auto; padding:35px 25px;}

.about_bg_2{ width:100%; float:left; background:url(../honglin/about_pic_2.jpg) no-repeat bottom #FFF;}

.about_bg_3{ background:url(../honglin/about_pic_3.jpg) no-repeat center center; background-size:auto 100%;}

.historybox { width: 1200px; margin:auto; padding-top:35px; background: url(../honglin/hbox-bg.jpg) repeat-y center center; overflow: hidden; }
.historybox li { width: 605px; padding-bottom: 40px; position: relative; margin-bottom: 15px; display:block;}
.historybox .hl { float: left; text-align: right; }
.historybox .hr { float: right; }
.hr .historycont { padding-left: 43px; }
.hl .historycont { padding-right: 43px; }
li.hr h4 { width:200px; float:left; margin: auto auto auto 15px; color: #366bb1; font-family: "novecento"; font-weight:100; font-size: 36px; letter-spacing: 2px; margin-bottom: 10px; padding-top: 15px; text-align:left;}
li.hr p { float:left; width:450px; margin: auto auto auto 15px; font-size:14px; text-align:left;}

li.hl h4 { width:200px; float:right; margin: auto 15px auto auto; color: #366bb1; font-family: "novecento"; font-weight:100; font-size: 36px; letter-spacing: 2px; margin-bottom: 10px; padding-top: 15px;}
li.hl p { float:right; width:450px; margin: auto 18px auto auto; font-size:14px;}

.historybox li .line-r{ width:80px; height:75px; float:right; background: url(../honglin/history-l.png) no-repeat center left; }
.historybox li .line-l{ width:80px; height:75px; float:left; background: url(../honglin/history-r.png) no-repeat center right; }

 
i.hs-point { display: block; width: 74px; height: 74px; background: url(../honglin/point1.png) no-repeat; position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; }
.hr i.hs-point { left: -32px; }
.hl i.hs-point { right: -32px; }
.historybox li:hover i.hs-point { background: url(../honglin/point2.png) no-repeat; }


.honor_box{ width:100%; float:left;  color:#676767; position:relative; }
.honor{ width:1200px; margin:auto auto auto auto; text-align:left;}
.honor .box { 
	display: block;
	width: 23%;
	height: 150px;
	float: left;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
	margin: 25px 2% auto auto;
}
.honor .box .head {
	width: 100%;
	height: 2px;
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	z-index: 0;
}
.honor .box .head:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height:65px;
	top: 0;
	left: 0;
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.honor .box:hover .head {
	height: 140px;
	border-bottom-left-radius: 20%;
	border-bottom-right-radius: 20%;
}
.honor .box:hover .text p{ color:#FFF;}

.honor .box .text {
	position: absolute;
	width: 90%;
	top: 65px;
	left: 0;
	padding-left:5%;
	overflow: hidden;
}
 
.honor .box .text p {
	color: #949494;
	font-size: 18px;
	line-height:26px;
	text-align:center;
	font-weight:100;
}


.honor .green .head { background-color: #138ce3; }
.honor .green .head:after {	background-image: url(../honglin/green-1.png); }
.honor .green:hover .head:after { background-image: url(../honglin/green-2.png); }



.view-boxs{ width:1120px; float:left; margin:20px auto auto auto;}
.view-fl-tl{ width:550px; float:left; text-align:left; }
.view-fl-tr{ width:550px; float:left; text-align:right; }
.view-fl-tc{ width:550px; float:left; text-align:center; }
.view-fr-tl{ width:550px; float:right; text-align:left; }
.view-fr-tc{ width:550px; float:right; text-align:center; }
.view-fl-tc h1,.view-fr-tc h1{ font-size:30px; color:#138ce3; margin:55px auto auto auto;}
.view-fl-tc p,.view-fr-tc p{ font-size:16px; color:#a5a5a5; margin:25px auto auto auto; }


.honglin_news{ width:1200px; margin:auto; overflow:hidden;}
.honglin_news ul li { width:370px; height:460px; float:left; margin:25px 45px auto auto; background:#FFF;}
.honglin_news ul li:nth-child(3n){ margin:25px 0px auto auto; }
.honglin_news ul li .tit{ width:310px; height:56px; float:left; margin:30px auto auto 30px; line-height:28px; font-size:18px; }
.honglin_news ul li .date{ width:310px; height:30px; float:left; margin:10px auto auto 30px; line-height:30px; font-size:12px; }
.honglin_news ul li .img{ width:310px; height:210px; float:left; margin:10px auto auto 30px; }
.honglin_news ul li .img img{ width:100%; height:100%;}
.honglin_news ul li .word{ width:310px; height:100px; float:left; margin:10px auto auto 30px; line-height:20px; font-size:12px; }
.honglin_news ul li .more{ width:310px; float:left; margin:auto auto auto 30px; line-height:20px; font-size:12px; }
.honglin_news ul li:hover{ background:#138ce3;}
.honglin_news ul li:hover .tit{ color:#FFF;}
.honglin_news ul li:hover .date{ color:#93beea;}
.honglin_news ul li:hover .word{ color:#93beea;}
.honglin_news ul li:hover .more{ color:#FFF;}

.page{ width:100%; margin:25px auto 25px auto;}
.pagenav{ float:left; margin:20px auto auto auto; }
.pagenav span{ padding:10px 15px 10px 15px; display:block; background:#f4f4f4; border:1px solid #e2e2e2; float:left; display:inline; margin:auto 10px auto auto; border-radius:10px; font-size:.22rem;}
.pagenav a{ padding:10px 10px 10px 10px; display:block; background:#f4f4f4; border:1px solid #e2e2e2; float:left; display:inline; margin:auto 10px auto auto; border-radius:10px; font-size:.22rem;}
.pagenav a:hover{ background:#21c2f8; color:#FFF; border:1px solid #04a8df;}

/*新闻页*/
.inside_news{ width:1200px; margin:25px auto auto auto; background:#f6f6f6; overflow:hidden;}
.inside_news_left{ width:360px; float:left; position:relative; }
.inside_news_right{ width:800px; min-height:450px; float:right; padding-bottom:30px; background:#FFF;}

.newsdetail-title { width:760px; float:right; margin:auto auto auto 35px; overflow: hidden; border-bottom:1px solid #f6f6f6; position: relative; padding-bottom:25px; }
.newsdetail-title .date { color: #138ce3; font-size:30px; line-height: 30px; margin-bottom: 3px; font-family:"novecento-widenormal";}
.newsdetail-title .title { font-size: 20px; line-height: 30px; color: #1d1d1d; margin-bottom: 10px; margin:15px auto auto auto; }
.newsdetail-title .info { color: #999999; }
.sharebox { position: absolute; right: 0px; bottom: 10px; }
.sharebox .bshare-custom { margin-bottom: 5px; height: 20px; overflow: hidden; }
.sharebox .bshare-custom a { float: left; padding: 0; margin-right: 5px; width: 20px; height: 20px; background: url(../img/news/share.png) no-repeat 0 0; overflow: hidden; }
.sharebox .bshare-custom .bshare-weixin { background-position: -54px 0; }
.sharebox .bshare-custom .bshare-sinaminiblog { background-position: -79px 0; }
.sharebox .bshare-custom .bshare-qzone { background-position: -129px 0; }
.sharebox .bshare-custom .bshare-qqim { background-position: -154px 0; }

.newsdetail-content{ width:760px; min-height:700px; float:right; margin:20px auto auto 35px; color:#686868; font-size:16px; line-height:220%;}
.newsdetail-content p{ margin:10px auto auto auto;}
.newsdetail-content img { max-width: 95%; }


.news-more { width: 330px; height:800px; overflow: hidden; position:absolute; left:15px; top:15px; z-index:10;}
.news-more-title b { font-size:20px; color: #014099; }
.news-more li { margin-top: 20px; border-bottom:1px solid #c4c4c4; padding-bottom:15px;}
.news-more .date { display: block; color: #1380c5; font-size: 18px; line-height: 20px; margin-bottom: 3px; text-align: left; font-family:"novecento-widenormal";}
.news-more .name { display: block; color: #5d5d61; font-weight: bold; font-size: 14px; line-height:20px; -webkit-transition: color .3s; transition: color .3s; }
.news-more p { margin:5px auto auto auto; color: #7f7f7f; }
.news-more li:hover .name { color: #1380c5; }



.honglin_good{ width:1200px; margin:auto; overflow:hidden;}
.honglin_good ul li { width:370px; float:left; margin:25px 45px auto auto; padding-bottom:25px; background:#FFF; -webkit-transition:all .3s; transition:all .3s;}
.honglin_good ul li:nth-child(3n){ margin:25px 0px auto auto; }
.honglin_good ul li .tit{ width:310px; height:60px; float:left; margin:30px auto auto 30px; line-height:20px; font-size:18px; text-align:center; color:#138ce3; }
.honglin_good ul li .img{ width:310px; height:210px; float:left; margin:auto auto auto 30px; }
.honglin_good ul li .img img{ width:100%; height:100%;}
.honglin_good ul li .word{ width:310px; height:100px; float:left; margin:15px auto auto 30px; line-height:20px; font-size:12px; }
.honglin_good ul li .more{ width:310px; float:left; margin:auto auto auto 30px; line-height:20px; font-size:12px; }
.honglin_good ul li:hover{ background:#138ce3;}
.honglin_good ul li:hover .tit{ color:#FFF;}
.honglin_good ul li:hover .date{ color:#93beea;}
.honglin_good ul li:hover .word{ color:#93beea;}
.honglin_good ul li:hover .more{ color:#FFF;}


.honglin_service{ width:1200px; float:left; margin:25px auto auto auto; padding-bottom:30px; position:relative;} 
.honglin_service .service_item{ width:400px; height:410px; float:left; margin:auto auto auto -1px; border-right:1px dashed #dedede; border-bottom:1px dashed #dedede; -webkit-transition:all .3s; transition:all .3s; }
.honglin_service .service_item:nth-child(3n){ border-right:0px dashed #dedede;}
.honglin_service .service_item h2{ width:400px; height:60px; float:left; margin:15px auto auto auto; background-position:top center; background-repeat:no-repeat;}
.honglin_service .service_item h1{ width:400px; float:left; font-size:18px; font-weight:bold; color:#138ce3; margin:15px auto auto auto; text-align:center;}
.honglin_service .service_item h3{ width:350px; float:left; margin: auto auto auto auto; padding:15px 25px; line-height:24px; color:#3c3c3c; font-size:12px; text-align:left;}
.honglin_service .service_item:hover{ background:#138ce3; display:block; border-radius:0px;}
.honglin_service .service_item:hover h2{ background-position:bottom center; background-repeat:no-repeat;}
.honglin_service .service_item:hover h1{ color:#FFF;}
.honglin_service .service_item:hover h3{ color:#FFF;}



.inside_contact{ width:1200px; margin:25px auto auto auto; padding-bottom:25px; overflow: hidden;}
.inside_contact .itemC{ width:399px; height:280px; float:left; margin: auto auto auto auto; background:#ebebeb; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-radius:0px; -webkit-transition:all .3s;transition:all .3s; } 
.inside_contact .itemC h1{ width:100%; height:65px; text-align:center; margin:45px auto auto auto;}
.inside_contact .itemC h2{ width:80%; margin:15px auto auto auto; text-align:center; font-size:16px;}
.inside_contact .itemC:hover{ background:#138ce3;}
.inside_contact .itemC:hover h2{ color:#FFF;}

.inside_contact .C1{ background: url(../honglin/us_1.png) no-repeat center top;}
.inside_contact .C2{ background: url(../honglin/us_2.png) no-repeat center top;}
.inside_contact .C3{ background: url(../honglin/us_3.png) no-repeat center top;}
.inside_contact .itemC:hover .C1{ background:url(../honglin/us_1_hover.png) no-repeat center top;}
.inside_contact .itemC:hover .C2{ background:url(../honglin/us_2_hover.png) no-repeat center top;}
.inside_contact .itemC:hover .C3{ background:url(../honglin/us_3_hover.png) no-repeat center top;}

.inside_contact .c_weixin{ width:400px; height:430px; float:left; margin: 25px auto auto auto; background:#ebebeb; border:1px solid #d6d6d6; border-radius:0px; -webkit-transition:all .3s; transition:all .3s; }
.inside_contact .c_weixin h1{ width:100%; height:65px; text-align:center; margin:45px auto auto auto; background: url(../honglin/us_4.png) no-repeat center top;}
.inside_contact .c_weixin h2{ width:80%; margin:15px auto auto auto; text-align:center; font-size:16px;}
.inside_contact .c_weixin p{ width:80%; margin:15px auto auto auto; text-align:center; }
.inside_contact .c_weixin:hover{ background:#138ce3;}
.inside_contact .c_weixin:hover h1{ background:url(../honglin/us_4_hover.png) no-repeat center top;}
.inside_contact .c_weixin:hover h2{ color:#FFF;}


.inside_contact .c_address{ width:796px; height:430px; float:left; margin: 25px auto auto auto; background:#ebebeb; border-radius:0px; border:1px solid #d6d6d6;}

.pic_con{ width:800px; margin:auto auto auto 170px; background:#FFF; border-radius:15px; overflow:hidden;}
.pic_title{ text-align:center; font-size:18px; font-weight:bold; padding:0px 0px 20px 0px;}
.pic_view{ width:700px; float:left; margin:40px auto 40px 50px;}

.job_Item{ width:1140px; height:160px; float:left; background:#FFF; margin:20px auto auto auto;}
.job_Item .tit{ width:1080px; float:left; margin:25px auto auto 30px; border-bottom:1px solid #e6e6e6;}
.job_Item .tit h3{ float:left; font-size:16px; font-weight:bold;}
.job_Item .tit h4{ float:right; font-size:14px;}
.job_Item .word{ width:1080px; float:left; margin:10px auto auto 30px;}
.job_Item .word p{ width:920px; float:left; font-size:14px; line-height:26px;}
.job_Item .word span{ float:right; margin:25px auto auto auto;}
.job_Item .word span a{ width:85px; height:32px; background:#138ce3; text-align:center; line-height:32px; font-size:14px; display:block; color:#FFF;}

.job-more { width: 330px; height:800px; overflow: hidden; position:absolute; left:15px; top:15px; z-index:10;}
.job-more-title b { font-size:20px; color: #014099; }
.job-more li { margin-top:15px; border-bottom:1px solid #c4c4c4; padding-bottom:15px;}
.job-more .name { display: block; color: #5d5d61; font-weight: bold; font-size: 14px; line-height:30px; -webkit-transition: color .3s; transition: color .3s; }
.job-more p { color: #7f7f7f; }
.job-more li:hover .name { color: #1380c5; }

.job_detail_btn{ width:730px; float:right; margin:20px auto auto auto;}
.job_detail_btn a{ width:180px; height:35px; float:left; display:block; margin:auto 30px auto auto; background:#138ce3; line-height:35px; font-size:16px; color:#FFF; text-align:center;}




/*.culture_bg{ width:100%; background: url(../honglin/culture_pic.jpg); overflow:hidden;}
.culture .list li{ float:left; width:33.333%; text-align:center; color:#f6f6f6; padding:40px 0 37px; border-right:1px solid #3099e4; border-top:1px solid #3099e4; margin:-1px 0 0 -1px; }
.culture .list li:nth-child(3n){ border-right:0px;}
.culture .list2 li{ float:left; width:50%; text-align:center; color:#f6f6f6; padding:40px 0 37px; border-right:1px solid #3099e4; border-top:1px solid #3099e4; margin:-1px 0 0 -1px; }
.culture .list2 li:nth-child(2n){ border-right:0px;}
.culture .icon{display:block;width:34px;height:34px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain;background-size:contain;margin:0 auto 17px}
.culture .tit{font-size:24px;font-weight:400;margin-bottom:15px}
.culture .tit:after{content:'';display:block;width:32px;height:1px;background-color:#fff;margin:14px auto 0}
.culture .sub{font-size:16px}*/


.culture_bg{ width:100%; background: url(../honglin/culture_pic.jpg) no-repeat #138ce3; overflow:hidden; padding-bottom:45px;}
.culture .list { width:100%; float:left; margin:35px auto auto auto;}
.culture .list .imgBox{ width:50%; height:auto; float:left; display:block; }
.culture .list .textBox{ float:left; width:50%; text-align:center; color:#f6f6f6; padding:40px 0 37px 0; }

.culture .list:nth-child(2n+1) .imgBox{ float:right;}
.culture .list:nth-child(2n+1) .textBox{ float:left;}

.culture .icon{ display:block;width:34px;height:34px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain;background-size:contain;margin:0 auto 17px}
.culture .tit{ font-size:24px;font-weight:400;margin-bottom:15px}
.culture .tit:after{ content:'';display:block;width:32px;height:1px;background-color:#fff;margin:14px auto 0}
.culture .sub{ font-size:16px}
.culture .text{ font-size:14px; text-align:left; width:90%; float:left; margin:15px auto auto auto;}


.culture-2{ width:100%; margin:10px auto 10px auto; overflow:hidden;} 
.culture-2 .box{ width:40%; height:220px; float:left; margin:35px 5% auto 4%; text-align:center; border:1px dotted #FFF; border-radius:5px;} 
.culture-2 .box img{ display: block;margin:15px auto auto auto;}
.culture-2 .box h3 { margin-top: 10px;font-size: 16px;color: #FFF;}
.culture-2 .box h3:after{ content: "";display: block; width: 25px;margin: 15px auto 0; border-bottom: 1px solid #FFF;}
.culture-2 .box p{ line-height:20px;margin-top:15px;font-size: 14px;color: #FFF; }

.culture-3{ width:100%; margin:10px auto 10px auto; overflow:hidden;} 
.culture-3 .box{ width:28%; height:140px; float:left; margin:35px 2% auto 3%; text-align:center; border:1px dotted #FFF; border-radius:5px;} 
.culture-3 .box img{ display: block;margin:15px auto auto auto;}
.culture-3 .box h3 { margin-top:30px;font-size: 16px;color: #FFF;}
.culture-3 .box h3:after{ content: "";display: block; width: 25px;margin: 15px auto 0; border-bottom: 1px solid #FFF;}
.culture-3 .box p{ line-height:20px;margin-top:15px;font-size: 14px;color: #FFF; }



.join-1{ width:100%; height:300px; margin:25px auto auto auto; background: url(../honglin/banner-join.jpg) no-repeat center center; overflow:hidden;}
.join-1 .word{ width:50%; height:300px; float:left; background:url(../honglin/alpha_bai_95.png); text-align:right; font-size:14px; color:#666666;}
.join-1 .word p{ width:80%; margin:85px auto auto auto; font-size:18px; line-height:28px;}
.join-1 .word h2{ width:80%; margin:35px auto auto auto; font-size:30px; font-weight:100;} 

.join-2{ width:100%; margin:10px auto 10px auto; overflow:hidden;} 
.join-2 .box{ width:40%; height:400px; float:left; margin:35px 5% auto 5%; text-align:center; } 
.join-2 .box img{ display: block;margin: 0 auto;}
.join-2 .box h3 { margin-top: 30px;font-size: 16px;color: #FFF;}
.join-2 .box h3:after{ content: "";display: block; width: 25px;margin: 25px auto 0; border-bottom: 1px solid #FFF;}
.join-2 .box p{ line-height: 30px;margin-top: 25px;font-size: 14px;color: #FFF;}



.join_bg{ width:100%; min-height:650px; background: url(../honglin/join_pic.jpg) no-repeat #138ce3 top; overflow:hidden;}

.tabs-h1{padding:36px 0 60px}
.tabs-h1>.tit{overflow:hidden}
.tabs-h1>.tit li{float:left;width:25%;text-align:center;color:#fff;font-size:14px;padding:37px 0 17px;border-bottom:1px solid #fff;border-color:rgba(255,255,255,.2);cursor:pointer}
.tabs-h1>.tit .icon{display:block;margin:0 auto 30px;height:74px}
.tabs-h1>.tit h4{font-size:24px;font-weight:400;margin-bottom:3px}
.tabs-h1>.tit p{ width:80%; margin:auto auto 10px auto; height:3em;overflow:hidden}
.tabs-h1>.tit li.on,.tabs-h1>.tit li:hover{border-color:#fff;position:relative}
.tabs-h1>.tit li.on:after{content:'';position:absolute;bottom:-1px;left:50%;width:12px;height:7px;margin-left:-6px;background:url(../honglin/icon-active.png) center center no-repeat}
.tabs-h1>.desc{ padding:32px 0 0px; text-align:center;}
.tabs-h1>.desc .item{display:none; font-size:16px;color:#fff;line-height:30px; overflow: hidden;}
.tabs-h1>.desc .item.on{display:block}
.tabs-h1>.tit .icon{height:58px;margin-bottom:20px}

.join_tit{ width:50%; height:120px; margin:45px auto auto auto; border:5px solid #2698e9; background:#138ce3; text-align:center; color:#FFF; padding:25px;}
.join_tit h2{ font-size:30px; font-weight:100;}
.join_tit p{ font-size:18px; margin:15px auto auto auto;}

.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.inside_honor{  width:100%; min-height:650px; background: url(../honglin/honor_pic.jpg) no-repeat #138ce3 bottom; overflow:hidden;}
.honor_c{ width:75%; min-height:650px; float:left; background:#FFF; color:#676767; font-size:14px; margin:auto auto auto auto; padding:25px 25px;}
.caseImg03{ position:relative; }

.slideCase03{ width:380px; margin:auto auto auto auto; float:right; }

.slideCase03 .bd03{ }

.smallImg03{ width:170px; height:117px; float:left; margin:auto auto 15px 20px; cursor:pointer; background:#FFF; border-radius:5px;}
.smallImg03:hover{ background:#138ce3;}
.smallImg03 img{ width:160px; height:107px; margin:5px auto auto 5px;}

.slideCase03 .hd03{ float:left; position:relative; margin:25px auto auto 10px; }
.slideCase03 .hd03 ul{ display:none;}
.slideCase03 .hd03 a{ cursor:pointer;display:block; width:160px; height:45px; float:left; margin:auto auto auto 20px; border-radius:5px;}
.slideCase03 .hd03 .next{ background:url(../honglin/arrow.png) no-repeat #138ce3 center; background-size:30%;}
.slideCase03 .hd03 .prev{ background:url(../honglin/arrow2.png) no-repeat #138ce3 center; background-size:30%;}

.caselayBox{ width:460px; height:auto; position:absolute; left:20px; top:25px; background:#FFF; border-radius:5px; }
.casehtml{ position:relative;}
.casehtml img{ width:100%; height:auto;}
.hidden{ display:none; position:relative;}
.hiddBg{ position:absolute; width:460px; height:40px; bottom:-40px; left:0px; line-height:40px; text-align:center; font-size:14px; color:#FFF; background:#138ce3; } 


.plan_box{ width:100%; float:left; margin:35px auto auto auto;}
.plan_tit{ width:90%; margin:auto auto auto auto; border:2px solid #2698e9; text-align:center; color:#2698e9; padding:25px;}
.plan_tit h2{ font-size:30px; font-weight:100; letter-spacing:2px;}
.plan_tit p{ font-size:18px; margin:15px auto auto auto; line-height:200%;}

.plan_Item{ width:100%; float:left; margin:50px auto auto auto; position:relative; text-align:left;}
.plan_Item .pic{ width:800px; height:auto; float:left;}
.plan_Item .blockbox{ width:400px; min-height:170px; padding:30px; background:#138ce3; color:#FFF; position:absolute; top:45px; right:80px; }
.plan_Item .blockbox h2{ font-size:26px; font-weight:100; letter-spacing:2px; }
.plan_Item .blockbox p{ font-size:16px; padding:15px 0 0 0; line-height:200%;}
.plan_Item .blockbox p:after{ content:'';display:block; width:32px; border-bottom:2px solid #FFF; padding:25px 0 0 0;}

.plan_Item:nth-child(2n+1) .pic{ float:right;}
.plan_Item:nth-child(2n+1) .blockbox{ top:45px; left:120px;}