﻿
/* 自定义初始化 */ 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; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } /*.p1{padding:1px; }*/ .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none !important; } .db{display:block !important; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 }
.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
*{outline: 0;}
input,select,button,textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-family: 'Microsoft Yahei';
	border:0;
	background: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],
input[type='button'],button{
	cursor: pointer;
}
::-webkit-input-placeholder {
	color:#999;
}
:-moz-placeholder {
	color:#999;
}
::-moz-placeholder {
	color:#999;
}
:-ms-input-placeholder {
	color:#999;
}

/*主内容*/
body{
	color: #555;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'Microsoft Yahei';
}
body,html{
	overflow-x: hidden;
}
a{color: #555;}
a:hover{color: #1274b7;}
img{max-width: 100%;}


/*字体*/
@font-face {
	font-family: 'AuroraBT';
	src: url('../fonts/AuroraBT.eot'),
		url('../fonts/AuroraBT.ttf');
}
@font-face {
	font-family: 'HelveticaNeueLTCom-BlkCn';
	src: url('../fonts/HelveticaNeueLTCom-BlkCn.eot'),
		url('../fonts/HelveticaNeueLTCom-BlkCn.ttf');
}
@font-face {
	font-family: 'Baubodni';
	src: url('../fonts/Baubodni.eot'),
		url('../fonts/Baubodni.ttf');
}

/*标题*/
.i_tit1{
	color: #555;
	font-size: 30px;
	font-weight: normal;
	line-height: 1;
	overflow: hidden;
	margin-bottom: 25px;
}
.i_tit1 em{
	display: block;
	font-size: 62px;
	line-height: 50px;
	font-family: 'Folio','HelveticaNeueLTCom-BlkCn';
	text-transform: uppercase;
	position: relative;
	margin-bottom: 15px;
}
.i_tit1 span{
	display: inline-block;
	position: relative;
}

.i_tit2{
	color: #555;
	font-size: 30px;
	font-weight: normal;
}
.i_tit2 em{
	font-size: 58px;
	font-family: 'Folio','HelveticaNeueLTCom-BlkCn';
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
}

.tit1{
	color: #4e4e4e;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	margin: 30px 0;
}
.tit1 em{
	color: #ececec;
	font-size: 60px;
	font-family: 'Baubodni';
	line-height: 1;
	display: block;
	margin-bottom: -40px;
}

/*按钮*/
.btn1{
	color: #fff;
	font-size: 14px;
	width: 150px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	border: 1px solid rgba(255,255,255,.5);
	border: 1px solid #666 \9;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.btn1:hover{
	color: #fff;
	border-color: #1274b7;
	background-color: #1274b7;
}

.btn2{
	color: #858585;
	font-size: 13px;
	text-transform: uppercase;
	width: 190px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	border: 2px solid #ebeae9;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.btn2 span{
	display: inline-block;
	padding-right: 45px;
	background: url(../images/a2.png) right center no-repeat;
}
.btn2:hover{
	color: #fff;
	background-color: #1274b7;
	border-color: #1274b7;
}
.btn2:hover span{
	background-image: url(../images/a2_on.png);
}

.btn3{
	color: #656565;
	width: 130px;
	line-height: 40px;
	padding: 0 5px;
	display: inline-block;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.btn3 i{
	font-style: normal;
	float: right;
}
.btn3:hover{
	color: #1274b7;
	border-color: #1274b7;
}

/*颜色*/
.fcw{color: #fff !important;}
.fc0{color: #000 !important;}

/*背景色*/

/*******************************
  -------[=布局]-------
********************************/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}

.h_space30{height: 30px;}
.h_space40{height: 40px;}
.h_space50{height: 50px;}
.h_space60{height: 60px;}
.h_space70{height: 70px;}
.h_space80{height: 80px;}


/*******************************
  -------[=头部]-------
********************************/
#hd{
	height: 115px;
	border-bottom: 4px solid #166db0;
	position: relative;
	z-index: 999;
}
.logo{
	float: left;
	height: 60px;
	line-height: 60px;
	margin: 35px 0 20px 20px;
}
.logo img{
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}
.logo .stock{
	color: #4f4f4f;
	font-size: 16px;
	line-height: 22px;
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #c3c3c3;
	margin-left: 25px;
}
.logo .stock em{
	font-family: 'Arial';
}

.hdr{
	float: right;
	margin-right: 35px;
}
.hdr_t{
	text-align: right;
	height: 21px;
	padding-top: 25px;
	*margin-left: 440px;
}

/*搜索*/
.soBox{
	height: 21px;
	width: 70px;
	padding: 0 40px 0 10px;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	background: #e4e4e4;
	border-radius: 10px;
	position: relative;
	margin-left: 25px;
}
.soBox input{
	height: 21px;
	line-height: 21px \9;
	text-align: left;
	display: block;
	width: 100%;
}
.soBox .inp{
	color: #333;
	width: 100%;
}
.soBox .btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	background: url(../images/ico_search.png) center no-repeat;
}

/*语言*/
.lang{
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
}
.lang a{
	color: #6f6f6f;
	padding: 0 5px;
	display: inline-block;
}
.lang a.on{
	color: #0055ac;
}

/*******************************
  -------[=导航]-------
********************************/
/*导航触发按钮*/
.menuBtn{
	display: none;
	position: relative;
	float: left;
	margin-top: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.menuBtn em{
	position: absolute;
	left: 0;
	top: 6px;
	width: 30px;
	height: 2px;
	background-color: #000;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.menuBtn .s1{top: 5px;}
.menuBtn .s2{top: 14px;}
.menuBtn .s3{top: 23px;}
.menuBtn.on .s1{
	top: 14px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.menuBtn.on .s2{
	opacity: 0;
}
.menuBtn.on .s3{
	top: 14px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

#nav{}
#nav ul{
	position: relative;
	background: url(../images/nav_split.jpg) left center no-repeat;
}
#nav li{
	float: left;
	line-height: 28px;
	position: relative;
	padding: 20px 4px;
	background: url(../images/nav_split.jpg) right center no-repeat;
}
#nav .v1{
	color: #2b2b2b;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0 20px;
	border-radius: 3px;
}
#nav .v1:hover{
	color: #1274b7;
}
#nav li.on .v1,
#nav li.on .v1:hover{
	color: #fff;
	background: #1274b7;
}

#nav li.so{display: none;overflow: hidden;position: relative;padding: 0 55px;}
#nav li.so input{
	display: block;
	height: 50px;
	line-height: 50px;
}
#nav li.so .inp{
	color: #eee;
	font-size: 15px;
	background: none;
	width: 100%;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#nav li.so .btn{
	color: #fff;
	width: 50px;
	background: #1274b7 url(../images/ico_so.png) center no-repeat;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
	position: absolute;
	right: 0;
	top: 0;
}

#nav li.langs{display: none;overflow: hidden;}
#nav li.langs a{
	float: left;
	width: 33.333%;
	color: #eee;
	font-size: 14px;
	text-align: center;
	display: block;
	border-right: 1px solid rgba(255,255,255,.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#nav li.langs a:last-child{border-right: 0;}
#nav li.langs a.on{
	color: #0055ac;
}

/*******************************
  -------[=底部]-------
********************************/
#fd{
	color: #d6d6d6;
	background: #212121;
	overflow: hidden;
}
#fd a{
	color: #d6d6d6;
}
#fd a:hover{
	color: #fff;
}
.ab_content{ line-height:35px; font-size:16px;}
.f_help{
	padding: 50px 0 30px;
	overflow: hidden;
}

.f_addr{
	float: left;
	line-height: 30px;
}
.f_addr h3{
	color: #fff;
	font-size: 26px;
	margin-bottom: 25px;
}

.f_nav{
	float: right;
	font-size: 13px;
	line-height: 30px;
	overflow: hidden;
}
.f_nav ul{}
.f_nav li{
	float: left;
	padding: 0 30px;
	overflow: hidden;
	min-height: 220px;
	border-left: 1px solid #424242;
}
.f_nav li.first,
.f_nav li:first-child{
	border-left: 0;
}
.f_nav li.last,
.f_nav li:last-child{
	padding: 0 40px 0 55px;
}
.f_nav h3{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.f_nav dl{
	float: left;
}
.f_nav li.first dl,
.f_nav li:first-child dl{
	-webkit-columns: 2;
	-moz-columns: 2;
	-o-columns: 2;
	columns: 2;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	-o-column-gap: 0;
	column-gap: 0;
}
.maBox{
	max-width: 115px;
	margin: 0 auto;
	text-align: center;
}
.maBox img{
	display: block;
	margin-bottom: 5px;
}

.f_copy{
	font-size: 12px;
	line-height: 20px;
	padding: 14px 0;
	background: #141414;
}
.f_copy .icp{
	display: inline-block;
}
.f_map{
	float: right;
}

/*******************************
  -------[=banner轮播图]-------
********************************/
#banner{
	position: relative;
	z-index: 1;
	overflow: hidden;
	clear: both;
}
#banner .slider{
	z-index: 1;
}
#banner .slick-list{
	z-index: 2;
}
.slick-slide {
	height: auto !important;
}
#banner .item{
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
#banner .item .con{
	display: block;
	/*height: 625px;*/
	height: auto;
	padding-top: 33%;
}

#banner .txt{
	color: #fff;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
#banner .box{
	padding: 0 20px;
	max-width: 660px;
}
#banner .txt h2{
	font-size: 48px;
	text-shadow: 2px 2px 5px #000;
	margin-bottom: 10px;
}
#banner .txt p{
	line-height: 2;
	margin-bottom: 25px;
}

#banner .slick-dots{
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	bottom: 25px;
	height: 14px;
	z-index: 2;
	text-align: center;
}
#banner .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	*display:inline;zoom:1;
	*width: 14px;
	*height: 14px;
}
#banner .slick-dots li button{
	width: 14px;
	height: 14px;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 50%;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#banner .slick-dots li.slick-active button{
	background: #1274b7;
}
#banner .slick-dots li.slick-active{
	*background: #1274b7;
}

/*******************************
  -------[=首页]-------
********************************/
#bd{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/*关于我们*/
.i_about{
	padding: 50px 0;
	overflow: hidden;
}
.i_about .i_tit1 em{
	padding-top: 30px;
}
.i_about .i_tit1 em::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 76px;
	height: 2px;
	background: #0b0b0b;
}
.i_about .pic{
	float: left;
	width: 520px;
	width: 43%;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.i_about .pic img{
	display: block;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.i_about .txt{
	color: #636363;
	line-height: 25px;
	padding-top: 35px;
	margin-left: 50%;
}
.i_about .det{
	max-height: 75px;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 35px;
}
.i_about .info{
	margin-top: 65px;
}

.list1{
	overflow: hidden;
}
.list1 li{
	float: left;
}
.list1 .con{
	line-height: 20px;
	min-width: 130px;
	padding: 0 20px 0 45px;
	border-left: 1px solid #ddd;
}
.list1 li:first-child .con{
	padding-left: 0;
	border-left: 0;
}
.list1 .num{
	color: #3865a6;
	line-height: 40px;
	font-size: 52px;
	font-family: 'AuroraBT';
	font-weight: normal;
	margin-bottom: 5px;
}

/*产品中心*/
.i_product{
	color: #fff;
	padding: 110px 0 35px;
	min-height: 380px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 60px;
}
.i_product .txt{
	float: left;
	padding: 0 35px;
}
.i_product .det{
	line-height: 30px;
	margin-bottom: 45px;
}
.i_product .pic{
	margin-left: 50%;
	line-height: 380px;
}
.i_product .pic img{
	display: inline-block;
	vertical-align: bottom;
}

.list2{
	overflow: hidden;
}
.list2 li{
	float: left;
	margin-right: 45px;
}
.list2 .con{
	color: #fff;
	width: 90px;
	height: 94px;
	font-size: 24px;
	line-height: 35px;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 5px;
	display: block;
}

/*新闻中心*/
.i_news{}
.i_news .sec_con{
	overflow: hidden;
}
.i_news .left{
	margin-right: 385px;
	padding-right: 25px;
}
.i_news .right{
	float: right;
	width: 385px;
}

.i_tab_tit{
	line-height: 46px;
	border: 1px dashed #c2c2c2;
	overflow: hidden;
}
.i_tab_tit ul{}
.i_tab_tit li{
	float: left;
	width: 25%;
	font-size: 16px;
	text-align: center;
}
.i_tab_tit a{
	display: block;
	border-right: 1px dashed #c2c2c2;
}
.i_tab_tit li:last-child a{
	border-right: 0;
}
.i_tab_tit li.on a{
	color: #fff;
	background: #1274b7 url(../images/linear1.jpg) right center repeat-y;
}

.list3{}
.list3 li{
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px solid #e3e3e3;
}
.list3 .date{
	float: left;
	width: 100px;
	text-align: right;
	line-height: 1;
}
.list3 .date b{
	color: #386baf;
	font-size: 32px;
	font-family: 'Arial';
	line-height: 30px;
	display: block;
	margin-bottom: 5px;
}
.list3 .txt{
	font-size: 16px;
	line-height: 25px;
	margin-left: 120px;
	padding: 0 50px 0 20px;
	border-left: 1px solid #e3e3e3;
}
.list3 h4{
	color: #000;
	font-weight: normal;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 2px;
}
.list3 h4 a{color: #000;}
.list3 h4 a:hover{color: #386baf;}
.list3 .det{
	color: #838383;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.list3 .more{
	float: right;
	color: #aaa;
	font-size: 16px;
	font-family: '宋体','Arial';
	width: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
	margin-top: 20px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.list3 .more:hover{
	color: #fff;
	background: #386baf;
	border-color: #386baf;
}

.i_newsSlider{}
.i_newsSlider .item{
	position: relative;
}
.i_newsSlider .pic{}
.i_newsSlider .pic a{
	display: block;
	height: 355px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.i_newsSlider .pic img{
	display: block;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.i_newsSlider .txt{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 20px;
	background: rgba(3,75,147,.7);
	background: url(../images/blue_alpha70.png) repeat \9;
}
.i_newsSlider h4{
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.i_newsSlider .date{
	line-height: 25px;
}
.i_newsSlider .more{
	float: right;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/a1.png) center no-repeat;
}

/*技术荣誉*/
.i_tech{
	overflow: hidden;
	margin: 80px 0;
}
.i_tech .sec_tit{
	float: left;
	width: 360px;
}
.i_tech .sec_con{
	margin-left: 360px;
}

.list4{
	overflow: hidden;
	height: 97px;
	background: #0065a7 url(../images/bg2.jpg) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.list4 li{
	float: left;
	width: 33.333%;
}
.list4 .con{
	padding-left: 25px;
	padding-top: 23px;
}
.list4 .ico{
	float: left;
	width: 50px;
}
.list4 .txt{
	color: #fff;
	line-height: 20px;
	margin-left: 70px;
}
.list4 h4{
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 5px;
}

/*******************************
	-------[=ban图]-------
********************************/
#ban{
	height: 450px;
	/*height: 0;
	padding-top: 23%;*/
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
#ban .txt{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	color: #d5d5d5;
	font-size: 18px;
	line-height: 2;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
#ban .txt img{
	width: 57%;
	max-width: 680px;
}
#ban .box{
	padding: 0 10px 15px;
	display: inline-block;
	border: 2px solid #d5d5d5 \9;
	position: relative;
	margin: 0 30px;
	display: none;
}
#ban .box::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	bottom: 0;
	border: 2px solid rgba(255,255,255,.3);
	border-top: 0;
}
#ban .txt h2{
	color: #fff;
	font-size: 40px;
	line-height: 1;
	margin-bottom: 25px;
}
#ban .txt h2 em{
	color: #d5d5d5;
	font-size: 32px;
	text-transform: uppercase;
}

/*******************************
	-------[=新闻中心]-------
********************************/
.m_newsInfo{overflow: hidden;}
.m_newsInfo .left{
	float: left;
	width: 520px;
	width: 43%;
}
.m_newsInfo .right{
	margin-left: 50%;
}

.m_hotNews{
	background: #f1f2f9;
}
.m_hotNews .pic{
	height: 346px;
	overflow: hidden;
}
.m_hotNews .pic a{
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	transition: ease-in .3s;
	-ms-transition: ease-in .3s;
	-moz-transition: ease-in .3s;
	-webkit-transition: ease-in .3s;
	-o-transition: ease-in .3s;
}
.m_hotNews .pic a:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.m_hotNews .pic img{
	display: block;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.m_hotNews .txt{
	color: #494949;
	padding: 20px 25px 25px;
}
.m_hotNews h4{
	color: #1274b7;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 5px;
}
.m_hotNews h4 a{
	color: #333;
}
.m_hotNews h4 a:hover{
	color: #1274b7;
}
.m_hotNews .det{
	font-size: 13px;
	line-height: 20px;
	height: 40px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 10px;
}
.m_hotNews .date{
	font-size: 12px;
	line-height: 20px;
}

.m_list1{}
.m_list1 li{
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
}
.m_list1 .date{
	color: #3671cf;
	font-size: 18px;
	font-family: 'Arial';
	line-height: 35px;
	text-align: right;
	margin-bottom: 10px;
}
.m_list1 .date .day{
	float: left;
	font-size: 36px;
}
.m_list1 h4{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 10px;
}
.m_list1 h4 a{
	color: #333;
}
.m_list1 h4 a:hover{
	color: #3671cf;
}
.m_list1 .det{
	font-size: 13px;
	line-height: 23px;
	height: 46px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.m_list2{}
.m_list2 li{
	padding: 20px 0 15px;
	border-bottom: 1px solid #e0e0e0;
}
.m_list2 .con{
	overflow: hidden;
	padding: 35px 15px 35px 30px;
}
.m_list2 .date{
	color: #045aaa;
	font-size: 12px;
	font-family: 'Arial';
	text-align: center;
	float: left;
	width: 100px;
	height: 110px;
	line-height: 110px;
	background: #f5f5f5;
}
.m_list2 .date span{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	*padding-top: 25px;
}
.m_list2 .date .day{
	font-size: 44px;
	display: block;
	margin-top: 22px;
}
.m_list2 .more{
	float: right;
	display: block;
	width: 28px;
	color: #848484;
	font-family: '宋体','Arial';
	text-align: center;
	line-height: 28px;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	margin-top: 30px;
}
.m_list2 .txt{
	color: #6d6d6d;
	font-size: 12px;
	margin: 0 120px 0 130px;
}
.m_list2 h4{
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.m_list2 .time{
	color: #b8b8b8;
	line-height: 20px;
	padding-left: 20px;
	display: inline-block;
	background: url(../images/ico_clock.png) left center no-repeat;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	background: url(../images/ico_time.png) left center no-repeat \9;
}
.m_list2 .det{
	margin-top: 5px;
	line-height: 22px;
	height: 44px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.m_list2 .con,
.m_list2 .con .date,
.m_list2 .con a{
	transition: ease-in .3s;
	-ms-transition: ease-in .3s;
	-moz-transition: ease-in .3s;
	-webkit-transition: ease-in .3s;
	-o-transition: ease-in .3s;
}
.m_list2 .con:hover{
	background: #ececec;
}
.m_list2 .con:hover .date{
	color: #fff;
	background: #045aaa;
}
.m_list2 .con:hover h4 a{
	color: #045aaa;
}
.m_list2 .con:hover .more{
	color: #045aaa;
	border-color: #045aaa;
}

/*******************************
	-------[=二级导航]-------
********************************/
#snav{
	height: 65px;
	background: #efefef;
}
#snav .scrollBar{overflow-x: auto;}
#snav .scrollBar::-webkit-scrollbar {height: 0;}
#snav ul{
	font-size: 13px;
	line-height: 42px;
	padding-top: 11px;
	background: url(../images/nav_split.jpg) left 27px no-repeat \9;
	position: relative;
	overflow: hidden;
}
#snav ul::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	background: #bfbfbf;
	margin-top: -5px;
}
#snav li{
	float: left;
	background: url(../images/nav_split.jpg) right center no-repeat \9;
	position: relative;
}
#snav li::before{
	content: '';
	position: absolute;
	z-index: 1;
	right: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	background: #bfbfbf;
	margin-top: -5px;
}
#snav a{
	color: #646464;
	display: block;
	*display: inline;
	*zoom: 1;
	padding: 0 30px;
	position: relative;
	z-index: 2;
}
#snav li.on a{
	color: #fff;
	background: #1274b7;
}

/*******************************
	-------[=关于我们]-------
********************************/
.m_about{
	color: #5e5e5e;
	line-height: 25px;
}
.m_about img{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.m_about p{
	margin-bottom: 10px;
}

.list1_2{
	margin: 50px 0;
}
.list1_2 li{
	width: 20%;
}
.list1_2 .con{
	padding-left: 80px;
}
.list1_2 li:first-child .con{
	padding-left: 40px;
}

/*******************************
	-------[=关于我们-发展历程]-------
********************************/
.side_col{
	float: left;
	width: 370px;
}
.main_col{
	margin-left: 370px;
	padding-left: 65px;
}

.tlist1{}
.tlist1 dt{}
.tlist1 dt img{
	display: block;
	width: 100%;
}
.tlist1 dd{
	margin-bottom: 2px;
}
.tlist1 dd a{
	display: block;
	font-size: 20px;
	line-height: 96px;
	text-align: center;
	background: #f1f1f1;
}
.tlist1 dd.on a{
	color: #fff;
	background: #1274b7;
}

.m_list5{
	background: url(../images/line1.jpg) 8px 0 repeat-y;
}
.m_list5 li{
	padding-left: 70px;
	background: url(../images/ico_circle.png) 0 40px no-repeat \9;
	position: relative;
	margin-bottom: 50px;
}
.m_list5 li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 4px solid #c9c9c9;
	border-radius: 50%;
}
.m_list5 .con{
	padding: 40px 35px;
	position: relative;
	border: 7px solid #e7e7e7;
}
.m_list5 .con::before{
	content: '';
	position: absolute;
	right: 100%;
	top: 30px;
	width: 35px;
	height: 30px;
	background: url(../images/a3.png) right center no-repeat;
}
.m_list5 .date{
	color: #1274b7;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
.m_list5 p{
	color: #7f7f7f;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

/*******************************
	-------[=关于我们-组织架构]-------
********************************/
.ImgBox{text-align: center;}
.ImgBox img{}

/*******************************
	-------[=关于我们-董事长致辞]-------
********************************/
.m_ChairsTxt{
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.m_ChairsTxt .pic{
	float: left;
	width: 365px;
	position: relative;
	z-index: 2;
	margin-right: -170px;
	margin-top: 45px;
}
.m_ChairsTxt .pic img{
	display: block;
	width: 100%;
}
.m_ChairsTxt .txt{
	margin-left: 195px;
	color: #5f5f5f;
	line-height: 25px;
	height: 400px;
	overflow-y: auto;
	padding: 80px 30px 45px 185px;
	border: 1px solid #d9d9d9;
	background: url(../images/bg5.jpg) right 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.m_ChairsTxt .txt h4{
	color: #1274b7;
	font-size: 22px;
	line-height: 1.5;
}
.m_ChairsTxt .txt p{
	text-indent: 2em;
}

/*******************************
	-------[=关于我们-社会责任]-------
********************************/
.m_list3{
	overflow: hidden;
	margin: -18px;
}
.m_list3 li{
	float: left;
	width: 33.333%;
}
.m_list3 .con{
	padding: 30px 25px;
	border: 1px solid #c3c3c3;
	margin: 18px;
}
.m_list3 h4{
	color: #232323;
	font-size: 20px;
	line-height: 35px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.m_list3 h4 a{
	color: #232323;
}
.m_list3 h4 a:hover{
	color: #1274b7;
}
.m_list3 .info{
	font-size: 12px;
	line-height: 30px;
	margin-bottom: 15px;
}
.m_list3 .info span{
	display: inline-block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.m_list3 .time{
	margin-right: 20px;
	background-image: url(../images/ico_clock.png);
	background-image: url(../images/ico_time.png) \9;
}
.m_list3 .view{
	background-image: url(../images/ico_eyes.png);
	background-image: url(../images/ico_eye.png) \9;
}
.m_list3 .pic{
	position: relative;
	height: 0;
	padding-top: 66%;
	overflow: hidden;
	margin-bottom: 30px;
}
.m_list3 .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease-in .3s;
	-ms-transition: ease-in .3s;
	-moz-transition: ease-in .3s;
	-webkit-transition: ease-in .3s;
	-o-transition: ease-in .3s;
}
.m_list3 .pic a:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.m_list3 .det{
	color: #656565;
	line-height: 25px;
	height: 175px;
	display: -webkit-box;
	-webkit-line-clamp:7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 35px;
}
.m_list3 .btn3{
	margin-bottom: 50px;
}


/*******************************
	-------[=关于我们-企业文化]-------
********************************/
/*路之遥*/
.m_cultrue_row1{
	padding: 20px 0 50px;
	background-repeat: no-repeat;
	background-position: center bottom;
	/*-webkit-background-size: 100% auto;
	background-size: 100% auto;*/
}
.m_txt1{
	color: #5e5e5e;
	margin-bottom: 50px;
}
.m_txt1 h4{
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}
.m_txt1 p{
	margin-bottom: 5px;
}

/*企业名称文化*/
.m_cultrue_row2{
	padding: 30px 0;
	background-color: #eceff8;
	background-repeat: no-repeat;
	background-position: center top;
}
.m_cultrue_row2 .tit1 em{
	color: #d9dce7;
}

.m_list4{
	overflow: hidden;
	margin: -40px -20px;
}
.m_list4 li{
	float: left;
	width: 33.333%;
}
.m_list4 .con{
	color: #5e5e5e;
	margin: 40px;
}
.m_list4 .pic{
	position: relative;
	height: 0;
	padding-top: 48%;
	overflow: hidden;
	margin-bottom: 20px;
}
.m_list4 .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.m_list4 h4{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 10px;
}
.m_list4 .det{
	font-size: 12px;
	line-height: 20px;
}

/*寻根楚文化*/
.m_cultrue_row3{
	padding-top: 40px;
	padding: 40px 0 10px;
}

.g_table1{
	width: 100%;
	border: 1px solid #e3e3e3;
	border-left: 18px solid #1274b7;
	margin-bottom: 20px;
}
.g_table1 th{
	color: #1274b7;
	font-size: 20px;
	font-weight: bold;
	width: 140px;
	text-align: center;
	padding: 10px 0;
}
.g_table1 th span{
	width: 1em;
	display: inline-block;
	float: none;
}
.g_table1 td{
	padding: 20px 30px;
	line-height: 20px;
	border-left: 1px solid #e3e3e3;
}
.g_table1 td p{
	margin-bottom: 5px;
}

/*楚文化与路之遥企业的经营、发展*/
.m_cultrue_row4{}

.m_dlist1{
	overflow: hidden;
	margin: -10px;
	padding-bottom: 40px;
}
.m_dlist1 li{
	float: left;
	width: 25%;
}
.m_dlist1 .con{
	margin: 10px;
}
.m_dlist1 .con img{
	display: block;
	width: 100%;
}

.m_txt2{
	color: #787878;
}
.m_txt2 h4{
	color: #474747;
	font-size: 18px;
	margin-bottom: 10px;
}
.m_txt2 p{
	line-height: 25px;
	margin-bottom: 10px;
}

/*******************************
	-------[=产品中心]-------
********************************/
.m_list6{}
.m_list6 li{
	height: 395px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 125px;
}
.m_list6 .pic{
	float: left;
	width: 700px;
	line-height: 395px;
	width: 58%;
}
.m_list6 .pic img{
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: -100px;
}
.m_list6 .txt_bg{
	float: left;
	width: 500px;
	width: 42%;
	height: 395px;
	background: rgba(18,115,183,.9);
	background: url(../images/blue_alpha90.png) repeat \9;
}
.m_list6 li:nth-child(2n+1) .txt_bg{
	float: right;
}
.m_list6 .txt{
	color: #fff;
	font-size: 12px;
	padding: 60px 45px 30px;
}
.m_list6 h3{
	font-size: 38px;
	margin-bottom: 5px;
}
.m_list6 h4{
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 40px;
}
.m_list6 p{
	margin-bottom: 40px;
}

.btn4{
	color: #e3e3e3;
	width: 170px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	border: 1px solid rgba(255,255,255,.6);
	border: 1px solid #9bbed7 \9;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.btn4:hover{
	color: #1273b7;
	background: #fff;
}





/*联系我们*/
.contact {
	width: 100%;
	overflow: hidden;
	background: #f9f9f9;
}
.contact .left {
	width: 60%;
	float: left;
}
.contact .left #allmap {
	height: 400px;
}
.contact .right {
	width: 40%;
	float: right;
}
.contact .right .contact_list {
	width: 90%;
	margin: 0 auto;
}
.contact .right .title {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
	border-bottom: 1px dotted #ccc;
}
.contact .right ul li {
	font-size: 14px;
	margin-top: 15px;
	padding-left: 38px;
}
.contact .right ul li:nth-child(1) {
	background: url(youbian.png) no-repeat 10px center;
} 
.contact .right ul li:nth-child(2) {
	background: url(ren.png) no-repeat 10px center;
}
.contact .right ul li:nth-child(3) {
	background: url(tel.png) no-repeat 10px center;
}
.contact .right ul li:nth-child(4) {
	background: url(qq.png) no-repeat 10px center;
}
.contact .right ul li:nth-child(5) {
	background: url(dizhi.png) no-repeat 10px center;
}

@media screen and (max-width: 750px) {
	.contact .left {
		float: none;
		width: 100%;
	}
	.contact .right {
		float: none;
		width: 100%;
	}
}



/*人才招聘*/
.recruit {
	width: 100%;
}
.recruit .title {
	width: 100%;
	font-size: 20px;
	line-height: 80px;
	text-align: center;
	background: #1274b7;
}
.recruit .title {
	overflow: hidden;
}
.recruit .title p {
	width: 18%;
	color: #fff;
	float: left;
}
.recruit .recruit_title {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}
.recruit .recruit_title p {
	width: 18%;
	float: left;
	font-size: 15px;
	line-height: 58px;
	text-align: center;
}
.recruit .recruit_title p:last-child {
	width: 10%;
	height: 58px;
	background: url(plus.png) no-repeat center center;
}
.recruit .recruit_title p:last-child.cur {
	background: url(reduce.png) no-repeat center center;
}
.recruit .recruit_content {
/*	padding: 40px 6.5%;*/
	display: none;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	background: #f9f9f9;
}
.recruit .recruit_content .recruit_content_title {
	overflow: hidden;
}
.recruit .recruit_content .recruit_content_title p {
	width: 18%;
	float: left;
	font-size: 15px;
	line-height: 58px;
	text-align: center;
}
.recruit .recruit_content .recruit_content_content {
	padding: 40px 6.5%;
}

@media screen and (max-width: 750px) {
	.recruit .title p:nth-child(2) , .recruit .title p:nth-child(3) , .recruit .title p:nth-child(4) {
		display: none;
	}
	.recruit .title p {
		width: 40%;
	}
	.recruit .title p:last-child {
		width: 20%;
	}
	.recruit .recruit_title p:nth-child(2) , .recruit .recruit_title p:nth-child(3) , .recruit .recruit_title p:nth-child(4) {
		display: none;
	}
	.recruit .recruit_title p {
		width: 40%;
	}
	.recruit .recruit_title p:last-child {
		width: 20%;
	}
	.recruit .recruit_content .recruit_content_title p:nth-child(2) , .recruit .recruit_content .recruit_content_title p:nth-child(3) , .recruit .recruit_content .recruit_content_title p:nth-child(4) {
		display: none;
	}
	.recruit .recruit_content .recruit_content_title p {
		width: 40%;
	}
	.recruit .recruit_content .recruit_content_title p:last-child {
		width: 20%;
	}
}


/*产品中心*/
.product {
	overflow: hidden;
}
.product ul {
	overflow: hidden;
}
.product ul li {
	width: 32%;
	height: 400px;
	float: left;
	margin-right: 2%;
	position: relative;
	margin-bottom: 20px;
}
.product ul li span {
	border: 1px solid #1274b7;
	display: block;
	width: 30px;
	margin-top: 10px;
}
.product ul li:nth-child(3n){
	margin-right: 0;
}
.product ul li img {
	width: 100%;
}
.product ul li .title {
	font-size: 24px;
	margin-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
    position: relative;
}
.product ul li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #1274b7;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
}
.product ul li .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	visibility: hidden;
	opacity: 0;
	transition: all .2s linear;
}
.product ul li .text .title {
	font-size: 24px;
	color: #fff;
}
.product ul li .text .apply {
	font-size: 20px;
	color: #fff;
	margin-top: 20px;
}
.product ul li .text .memo {
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.product ul li .text .button {
	display: block;
	width: 40%;
	height: 30px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	margin-top: 30px;
}
.product ul li:hover .mask {
	visibility: visible;
	opacity: .8;
}
.product ul li:hover .text {
	visibility: visible;
	opacity: 1;
}
.pages {
	width: 100%;
	padding: 15px 0;
	text-align: center;
}
.pages a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	margin-right: 8px; 
	border: 1px solid #1274b7;
}
.pages a:hover , .pages a.active {
	background: #1274b7;
	color: #fff;
}
@media screen and (max-width: 750px) {
	.product ul li {
		width: 100%;
		float: none;
	}
}


.news_content {
	width: 100%;
}
.news_content .title {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ccc;
}
.news_content .text {
	font-size: 15px;
	line-height: 28px;
	padding: 30px 50px;
}


.product_content {
	overflow: hidden;
}
.product_content .left {
	float: left;
	width: 46%;
}
.product_content .left img {
	width: 100%;
}
.product_content .right {
	width: 46%;
	float: right;
}
.product_content .right .title {
	font-size: 24px;
	font-weight: bold;
	color: #1274b7;
}
.product_content .right .apply {
	font-size: 20px;
	color: #1274b7;
	margin-top: 18px;
	margin-bottom: 8px;
}
.product_content .right .memo {
	font-size: 15px;
	color: #333;
}
@media screen and (max-width: 750px) {
	.product_content .left {
		width: 100%;
		float: none;
	}
	.product_content .right {
		width: 100%;
		float: none;
	}
	.product_content .right .title {
		margin-top: 20px;
	}
}