@charset "utf-8";
/* CSS Document */

#Detailbanner {
	overflow: hidden;
}
#Detailbanner .ban {
	position: relative;
}
/****** location--style ******/
.location {
	float: right;
}
.location i {
	font-size: 22px;
	color: #9d9d9d;
}
.location span.title {
	display: none;
}
.location span.space {
	font-size: 14px;
	color: #666;
	padding-left: 5px;
	display: inline-block;
}
.location span.space a {
	font-size: 14px;
	color: #666;
	line-height: 60px;
	display: inline-block;
	margin: 0 5px;
	text-transform: uppercase;
}
.location span.space a:hover {
	color: #0588ce;
}
.location span.space span {
	font-size: 14px;
	color: #666;
	line-height: 60px;
	display: inline-block;
	margin: 0 15px;
	text-transform: uppercase;
}
/****** Detail-share-style ******/
.Detail-share {
	text-align: center;
}
.share {
	text-align: center;
	margin: 0 auto;
	width: 190px;
}
.share .name {
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.share .bdsharebuttonbox {
}
.share .bdsharebuttonbox a {
	overflow: hidden;
	float: right;
	margin: 5px 3px;
}
.share .bds_more {
	background: url("../images/more.jpg") no-repeat center center !important;
}
.share .bds_tsina {
	background: url("../images/webo.jpg") no-repeat center center !important;
}
.share .bds_weixin {
	background: url("../images/weixin.jpg") no-repeat center center !important;
}
.share .bds_qzone {
	background: url("../images/qq.jpg") no-repeat center center !important;
}
.share .bds_tqq {
	background: url("../images/tqq.jpg") no-repeat center center !important;
}
/****** css3--transition--style ******/
.trst5s {
	transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.trst3s {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
/****** pager--style ******/
#dcms_pager {
	text-align: center;
}
#dcms_pager .pages {
	margin: 20px 0;
}
#dcms_pager .pages a {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 36px;
	color: #000;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	height: 36px;
	min-width: 30px;
	font-weight: bold;
	border: 1px solid #cccccc;
	cursor: pointer;
	padding: 0 5px;
	border-radius: 3px;
}
#dcms_pager .pages a.pgnext, #dcms_pager .pages a.pgnext {
	padding: 0 5px;
	font-size: 16px;
	font-weight: bold;
	font-family: "宋体";
	position: relative;
	top: 1px;
}
#dcms_pager .pages a.pgempty {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	color: #333;
	height: 30px;
	border: 1px solid #d7d7d7;
	padding: 0 10px;
	cursor: pointer;
}
#dcms_pager .pages .pgcurrent {
	background: #005aae;
	color: #fff;
	border: 1px solid #005aae;
}
#dcms_pager .pages a:hover {
	background: #005aae;
	color: #fff;
	border: 1px solid #005aae;
}
#dcms_pager .pages a:first-child, #dcms_pager .pages a:last-child {
	display: none;
}
/****** Detail--bottom--style ******/
.Detail-page {
	padding-bottom: 30px;
	border-top: 1px solid #dadada;
	padding-top: 20px;
}
.Detail-page .switch {
}
.Detail-page .switch a {
	display: block;
	font-size: 14px;
	color: #424242;
	line-height: 40px;
	position: relative;
	padding-left: 15px;
}
.Detail-page .switch a span {
	color: #000;
}
.Detail-page .switch a i {
	font-size: 20px;
	line-height: 40px;
	color: #999;
	margin-right: 10px;
}
.Detail-page .switch a:hover {
	color: #0588ce;
}
.Detail-page .switch a:hover span {
	color: #0588ce;
}
.Detail-page .switch a:hover i {
	color: #0588ce;
}
.Detail-page .right {
	text-align: right;
}
.Detail-page .share {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}
.Detail-page a.return {
	float: right;
	font-size: 14px;
	color: #333;
	line-height: 36px;
	margin: 10px 0;
	border: 1px solid #999;
	display: inline-block;
	border-radius: 6px;
	padding: 0 20px;
	padding-left: 50px;
	background: url("../images/Icon-return.png") no-repeat left 20px center;
}
/****** Detail-public-style ******/
.Detail-more {
	font-size: 14px;
	color: #595959;
	line-height: 2;
    padding: 30px 0;
}
.Detail-more img {
    width: expression(this.width > 1200 ? 1200: true) !important;
    max-width: 1200px !important;
    height: auto !important;
    overflow: hidden;
    margin: 8px auto;
	display: table-cell;
    border: 1px solid #dedede;
    padding: 4px;
}

.Up-Down-page {
	position: relative;
	border-top: 1px solid #eee;
	padding: 15px;
	width: 100%;
	margin: 20px 0;
	box-sizing: border-box;
}
.Up-Down-page .prev {
	float: left;
}
.Up-Down-page .next {
	float: right;
}
.Up-Down-page a {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	display: block;
}
.Up-Down-page .prev a {
	background: url("../images/icon/icon_left.png") no-repeat left center;
	padding-left: 20px;
}
.Up-Down-page .next a {
	background: url("../images/icon/icon_right.png") no-repeat right center;
	padding-right: 20px;
}
.Up-Down-page .Return {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	background: url("../images/icon/icon_menu01.png") no-repeat center center;
}
.Up-Down-page .Return:hover {
	background: url("../images/icon/icon_menu02.png") no-repeat center center;
}
.Up-Down-page .prev a:hover {
	background: url("../images/icon/icon_left01.png") no-repeat left center;
	color: #0588ce;
}
.Up-Down-page .next a:hover {
	background: url("../images/icon/icon_right01.png")no-repeat right center;
	color: #0588ce;
}
/****** Detail-public--style ******/
.Detail-conten {
	position: relative;
	padding-bottom: 30px;
}
.Detail-Top {
	background: #f0f2f6;
	margin-bottom: 40px;
	position: relative;
}
.Detail-Top .MuTit {
	display: none;
}
.Detail-Top .fl {
	float: left;
	width: 55%;
}
.Detail-Top .fr {
	width: 45%;
}
.Detail-Top h2 {
	font-size: 24px;
	color: #0588ce;
	line-height: 60px;
	cursor: pointer;
}
.Detail-Top .iconfont {
	/* font-size: 20px;
	line-height: 60px;
	margin-left: 15px;
	color: #666; */
	
    font-size: 16px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    margin: 0;
    transition: all 0.3s linear;
}
}
.Detail-Top h2:hover .iconfont {
	color: #0588ce;
}
.Detail-Top .Detail-nav {
	position: absolute;
    top: 52px;
    left: 0;
    background: #fff;
    z-index: 8;
    width: 100%;
    box-shadow: 0 0 5px #999;
    display: none;
}
.Detail-nav li {
	float: left;
	font-size: 16px;
	color: #999;
	line-height: 70px;
}
.Detail-nav li:last-child {
	display: none;
}
.Detail-nav li > a {
	font-size: 16px;
	color: #333;
	line-height: 70px;
	text-align: center;
	padding: 0 5px;
	margin: 0 30px;
	display: block;
	transition: all 0.3s linear;
	position: relative;
}
.Detail-nav li .line {
	position: absolute;
	bottom: 0;
	height: 3px;
	background: #0588ce;
	display: block;
	width: 0;
}
.Detail-nav li .line_1 {
	right: 50%;
}
.Detail-nav li .line_2 {
	left: 50%;
}
.Detail-nav li:first-child > a {
	margin-left: 0;
}
.Detail-nav li.cur > a, .Detail-nav li > a:hover {
	color: #0588ce;
}
.Detail-nav li.cur .line, .Detail-nav li:hover .line {
	width: 50%;
}
.Detail-left {
	float: left;
	width: 72%;
}
.Detail-right {
	float: right;
	width: 25%;
}
.master .box {
	margin-bottom: 10px;
}
/****** Detail-About--style ******/
.About {
}
.About h1 {
	position: relative;
    font-size: 26px;
    font-weight: 600;
    color: #333;
    text-align: center;
    padding-bottom: .8em;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.5em;
}
.About h1:before {
    width: 11%;
    bottom: 8%;
    left: 44.5%;
}
.About h1:after {
    width: 18%;
    right: 41%;
    bottom: 0%;
}
.About h1:before, .About h1:after {
    position: absolute;
    background: #0588ce;
    height: 2px;
    content: '';
}
.About .Detail-more p {
	margin-bottom: 10px;
	font-size: 15px;
    line-height: 1.9;
}
/****** Detail-About--style ******/
#Culture {
	background: url("../testimg/culturebg.jpg") no-repeat bottom 0 center;
}
.Culture .Item {
	border-bottom: 1px dashed #dedede;
	padding: 30px 0;
}
.Culture li:last-child .Item {
	border: none;
}
.Culture .Item .pic {
	float: left;
	width: 13%;
	text-align: center;
}
.Culture .Item .Intro {
	float: right;
	width: 85%;
}
.Culture .Item h3 {
	color: #0588ce;
	line-height: 40px;
	font-size: 18px;
}
.Culture .Item h3 span {
	font-size: 24px;
	margin-right: 15px;
}
.Culture .Item p {
}
/****** Detail-Honor--style ******/
.Honor {
	padding: 20px 0;
	padding-top: 0;
}
.Honor ul {
	margin: 0 -12px;
}
.Honor li {
	float: left;
	width: 25%;
	text-align: center;
}
.Honor .Item {
	position: relative;
	overflow: hidden;
	border: 1px solid #ebebeb;
	margin: 12px;
	padding: 10px 15px;
}
.Honor .Item .pic {
	text-align: center;
	height: 200px;
	line-height: 200px;
}
.Honor .Item .pic img {
	vertical-align: middle;
	max-height: 100%;
}
.Honor .Item h3 {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -50px;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
	height: 50px;
	text-align: center;
	font-weight: 500;
	background: #0588ce;
	overflow: hidden;
	transition: all 0.3s linear;
}
.Honor .Item:hover h3 {
	bottom: 0;
}
/****** Detail-Activity--style ******/
.Activity ul {
	margin: 0 -15px;
}
.Activity li {
	float: left;
	width: 33.33%;
}
.Activity .Item {
	margin: 15px;
}
.Activity .Item .pic {
	overflow: hidden;
}
.Activity .Item .pic img {
	transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.Activity .Item h3 {
	font-size: 18px;
	color: #000;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.Activity .Item .date {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	padding-left: 20px;
	background: url("../images/date.png") no-repeat left center;
}
.Activity .Item:hover .pic img {
	transform: scale(1.1);
}
.Activity .Item:hover h3 {
	color: #0588ce;
}
/****** Detail-Newslist--style ******/
.Hostnews {
	position: relative;
	margin-bottom: 40px;
}
.Hostnews .pic {
	float: left;
	width: 45%;
	overflow: hidden;
}
.Hostnews .pic img {
	width: 100%;
}
.Hostnews .Intro {
	float: right;
	width: 52%;
}
.Hostnews h3 {
	font-size: 18px;
	color: #000;
	line-height: 40px;
	height: 40px;
	white-space: normal;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}
.Hostnews .date {
	font-size: 14px;
	color: #999;
	line-height: 20px;
}
.Hostnews p {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}
.Hostnews .More {
	position: absolute;
	left: 48%;
	bottom: 0;
	background: #f0f2f6;
	border-radius: 10px;
	display: block;
	width: 120px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.Hostnews .More .icon-eyes {
	margin-right: 10px;
	font-size: 20px;
	position: relative;
	top: 2px;
}
.Hostnews:hover .pic img {
	transform: scale(1.1);
}
.Hostnews:hover h3 {
	color: #0588ce;
}
.Hostnews:hover .More {
	background: #0588ce;
	color: #fff;
}
.Newslist {
}
.Newslist .Item {
	padding: 30px 0;
	border-bottom: 1px dashed #dedede;
	background: #fff;
	overflow: hidden;
	text-align: left;
}
.Newslist li:first-child .Item {
	border-top: 1px dashed #dedede;
}
.Newslist li:nth-child(2) .Item {
	border-top: 1px dashed #dedede;
}
.Newslist .Item .date {
	float: left;
	width: 12%;
	color: #666;
	border-right: 4px solid #e7e7e7;
	padding-left: 15px;
}
.Newslist .Item .date strong {
	display: block;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 5px;
	font-weight: 500;
}
.Newslist .Item .date span {
	display: block;
	font-size: 18px;
	line-height: 30px;
}
.Newslist .Item .Intro {
	float: right;
	width: 82%;
    padding-right: 20px;
}
.Newslist .Item h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 20px;
	margin-bottom: 10px;
}
.Newslist .Item p {
	font-size: 14px;
	color: #999;
	line-height: 1.8;
}
.Newslist .Item:hover {
	background: #fafafa;
	transform: translate(0px, -5px);
}
.Newslist .Item:hover h3 {
	color: #0588ce;
}
.Newslist #dcms_pager {
	text-align: left;
}
/****** Detail-NewsInfo--style ******/
.NewsInfo {
}
.News-Tit {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #eee;
	text-align: center;
}
.News-Tit h1 {
	font-size: 24px;
	color: #0588ce;
	line-height: 30px;
	margin-bottom: 10px;
}
.News-Tit .Info {
	font-size: 14px;
	color: #999999;
	line-height: 20px;
}
.News-Tit .Info span {
	margin: 0 5px;
}
.NewsInfo .Detail-more {
	font-size: 16px;
}
.NewsInfo .Detail-more p {
	margin-bottom: 0;
}
/****** Detail-Video--style ******/
.Video {
	text-align: center;
}
.Video h1 {
	font-size: 24px;
	color: #0588ce;
	line-height: 40px;
}
.video-box {
	max-width: 800px;
	margin: 0 auto;
}
.Video .share {
	width: 250px;
}
.Video .share .bdsharebuttonbox {
	float: right;
}
.Video .share .name {
	float: right;
	font-size: 14px;
	color: #333;
	line-height: 40px;
}
/****** Detail-Business--style ******/
.nav-second .Detail-main {
}
.nav-second .Detail-main .nav-down {
	width: 1200px;
	margin: 0 auto 20px;
}
.nav-second .Detail-main .nav-down ul li {
	float: left;
    display: inline-block;
    font-size: 14px;
    color: #007ec2;
    margin: 0 7px;
    line-height: 36px;
    padding: 0 20px;
    border: 1px solid #007ec2;
    border-radius: 18px;
    transition: all 0.3s linear;
}
.nav-second .Detail-main .nav-down ul li:last-child {
    margin: 0 0 0 7px;
}
.nav-second .Detail-main .nav-down ul li.cur {
	background: #007ec2;
}
.nav-second .Detail-main .nav-down ul li.cur a {
	color: #fff;
}
.Pro-nav {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 98;
}
.Pro-nav a {
	display: inline-block;
	font-size: 14px;
	color: #007ec2;
	margin: 0 5px;
	line-height: 40px;
	padding: 0 30px;
	border: 1px solid #007ec2;
	border-radius: 10px;
	transition: all 0.3s linear;
}
.Pro-nav a.cur, .Pro-nav a:hover {
	background: #0076c1;
	color: #fff;
}
.Business {
	background: none !important;
}
.Business .Item {
	margin-bottom: 10px;
	background: #f3f6fb;
	overflow: hidden;
}
.Business .Item .pic {
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
}
.Business .Item .pic > img {
	width: 100%;
}
.Business .Item .pic .view {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/black.png");
	z-index: 6;
	text-align: center;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
}
.Business .Item .pic .view img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -29px;
	margin-top: -29px;
}
.Business .Item .Intro {
	float: right;
	width: 50%;
	padding: 40px;
	box-sizing: border-box;
}
.Business .Item h3 {
	font-size: 18px;
	color: #000;
	line-height: 40px;
	white-space: nowrap;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Business .Item .cent {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	max-height: 132px;
	overflow: hidden;
	margin-bottom: 20px;
}
.Business .Item .More {
	background: #fff;
	border-radius: 10px;
	display: block;
	width: 100px;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid #c8dcf0;
}
.Business .Item .More .iconfont {
	margin-right: 5px;
	font-size: 18px;
	position: relative;
	top: 1px;
}
.Business .ItemB .pic {
	float: right;
}
.Business .ItemB .Intro {
	float: left;
}
.Business .Item:hover {
	transform: translate(-10px, 0px);
}
.Business .Item:hover .pic .view {
	opacity: 1;
	filter: alpha(opacity=100);
}
.Business .Item:hover h3 {
	color: #0588ce;
}
.Business .Item:hover .More {
	background: #0588ce;
	color: #fff;
}
/****** Detail-BusInfo--style ******/
.BusInfo {
}
.Tit-det {
	font-size: 24px;
	color: #0588ce;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px dashed #ddd;
}
#Biglist {
	margin: 40px auto;
	position: relative;
}
.BusInfo #dlist1 .pic img {
	max-height: 550px;
}
.swiper-content {
	position: relative;
}
.swiper-content > a {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -20px;
	z-index: 8;
}
.swiper-content > a .iconfont {
	font-size: 26px;
	line-height: 40px;
	color: #666;
}
.swiper-content > a:hover .iconfont {
	color: #0588ce;
}
.swiper-content > a.arrow-left {
	left: 0;
}
.swiper-content > a.arrow-right {
	right: 0;
}
.swiper-container {
	text-align: center;
}
.swiper-nav .swiper-slide .pic {
	width: 100px;
	box-sizing: border-box;
	margin: 10px 5px;
	border: 3px solid #fff;
}
.swiper-nav .swiper-wrapper {
	margin: 0 auto;
}
.swiper-nav .active-nav .pic {
	border: 3px solid #2296d4;
}
/****** Detail-Product--style ******/
.Product ul {
	margin: 0 -15px;
}
.Product li {
	float: left;
	width: 33.33%;
}
.Product .Item {
	position: relative;
	margin: 15px;
}
.Product .Item .pic {
	overflow: hidden;
	position: relative;
}
.Product .Item .pic > img {
	width: 380px;
    height: 285px;
}
.Product .Item .view {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/black.png");
	z-index: 6;
	text-align: center;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
}
.Product .Item .view img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -29px;
	margin-top: -29px;
}
.Product .Item h3 {
	font-size: 14px;
	color: #666666;
	line-height: 50px;
	background: #ededed;
	text-align: center;
	height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 10px;
}
.Product .Item:hover {
	transform: translate(0px, -5px);
	box-shadow: 0 0 5px #888;
}
.Product .Item:hover .view {
	opacity: 1;
	filter: alpha(opacity=100);
}
.Product .Item:hover h3 {
	background: #0588ce;
	color: #fff;
}
.Pro-Tit {
	background: #f9f9f9;
	margin-bottom: 20px;
}
.Pro-Tit span {
	display: block;
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	width: 150px;
	background: #0588ce;
	border-top-right-radius: 10px;
	overflow: hidden;
}
/****** Detail-Download--style ******/
.Download table {
	width: 100%;
}
.Download thead {
	background: #f0f2f6;
	text-align: left;
}
.Download th {
	font-size: 14px;
	color: #666;
	line-height: 60px;
	padding: 0 15px;
}
.Download td {
	font-size: 14px;
	color: #666;
	line-height: 60px;
	padding: 0 15px;
}
.Download .Down {
	text-align: center;
}
.Download .Down .iconfont {
	font-size: 26px;
}
.Download tr:nth-child(2n) {
	background: #f7f7f8;
}
.Download td a {
	color: #666;
	display: block;
}
.Download tr:hover a {
	color: #0588ce;
}
/****** Detail-Contact--style ******/
.Contact {
	margin-bottom: 30px;
}
.Contact h3 {
	font-size: 18px;
	color: #0588ce;
	line-height: 30px;
	margin-bottom: 10px;
}
.Contact .head h3 {
	margin-bottom: 30px;
}
.Contact .head li {
	float: left;
}
.Contact .head li:first-child {
	width: 28%;
}
.Contact .head li:nth-child(2),
.Contact .head li:nth-child(3) {
	width: 23%;
}
.Contact .head li:last-child {
	width: 26%;
}
.Contact .con {
	overflow: hidden;
}
.Contact .con .pic {
	float: left;
	margin-right: 20px;
}
.Contact .con .Intro {
	padding: 15px 0;
}
.Contact .con .Intro h4 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
	line-height: 30px;
	font-weight: 600;
}
.Contact .con .Intro p {
	width: 440px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}
.Contact .dtu {
	margin: 40px 0;
}
.branch .Item {
	float: left;
	width: 50%;
}
.branch .Item .iconfont {
	font-size: 20px;
	color: #999;
	line-height: 36px;
	margin-right: 10px;
	position: relative;
	top: 2px;
}
.branch .Item p {
	font-size: 14px;
	color: #666;
	line-height: 36px;
}
.branch .Item p span {
	display: inline-block;
	margin-right: 10px;
	line-height: 36px;
}
/****** Detail-Message--style ******/
.Message {
	margin-bottom: 100px;
}
.Message h3 {
	font-size: 14px;
	color: #333;
	line-height: 50px;
	font-weight: 500;
}
.Message input {
	border: 1px solid #ebebeb;
	font-size: 14px;
	color: #999;
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-family: "microsoft yahei";
}
.Message input:focus {
	border: 1px solid #0588ce;
}
.Message textarea {
	border: 1px solid #ebebeb;
	font-size: 14px;
	color: #999;
	line-height: 30px;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	box-sizing: border-box;
}
.Message textarea:focus {
	border: 1px solid #0588ce;
}
.Message .bottom .btn {
	width: 150px;
	float: left;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	margin: 10px 20px 10px 0;
	color: #fff;
	background: #b1b1b1;
}
.Message .bottom .btn:active {
	background: #0588ce;
}
.Message .bottom .btn:hover {
	background: #0588ce;
}
/****** Detail-Recruitment--style ******/
.Recruitment {
}
.Recruitment a {
	color: #0588ce;
}
.Recruitment .note {
	font-size: 14px;
	color: #000;
	line-height: 50px;
	font-weight: 500;
	padding-left: 35px;
	background: url("../images/note.jpg") no-repeat left top 12px;
}
.Recruitment .Item {
	border: 1px solid #e0e0e0;
	margin-bottom: 20px;
}
.Recruitment .Item .Title {
	padding: 5px 20px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s linear;
	cursor: pointer;
}
.Recruitment .Item .Title strong {
	font-size: 14px;
	color: #000;
	line-height: 40px;
	display: block;
	float: left;
}
.Recruitment .Item .Title .name {
	font-size: 14px;
	color: #333;
	margin-left: 40%;
	line-height: 40px;
	display: block;
	float: left;
}
.Recruitment .Item .Title .Icon {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	display: block;
	background: url("../images/IconRe01.png") no-repeat center center;
	transition: all 0.3s linear;
}
.Recruitment .Item .Intro {
	padding: 30px 20px;
	border-top: 1px solid #e0e0e0;
	display: none;
}
.Recruitment .Item .Intro h3 {
	font-size: 14px;
	color: #000;
	line-height: 30px;
}
.Recruitment .Item .Intro p {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
.Recruitment .Item.cur .Title {
	background: #0588ce;
	color: #fff;
}
.Recruitment .Item.cur .Title strong {
	color: #fff;
}
.Recruitment .Item.cur .Title .name {
	color: #fff;
}
.Recruitment .Item.cur .Title .Icon {
	background: url("../images/IconRe02.png") no-repeat center center;
}
 @media (min-width: 1024px) {
}
 @media (min-width: 768px) {
}
 @media (max-width: 1800px) {
}
 @media (max-width: 1360px) {
.location span.space a {
	margin: 0 5px;
}
.Detail-Top {
	margin-bottom: 30px;
}
.Detail-conten {
	padding-bottom: 40px;
}
.Detail-nav li > a {
	margin: 0 10px;
}
.Culture .Item {
	padding: 20px 0;
}
.Honor ul {
	margin: 0 -10px;
}
.Honor .Item {
	margin: 10px;
}
.Honor .Item .pic {
	height: 190px;
	line-height: 190px;
}
.Activity ul {
	margin: 0 -10px;
}
.Activity .Item {
	margin: 10px;
}
.Activity .Item h3 {
	font-size: 16px;
	line-height: 40px;
}
.Newslist .Item .date strong {
	font-size: 30px;
}
.Hostnews {
	margin-bottom: 30px;
}
.Newslist .Item {
	padding: 20px 0;
}
.News-Tit h1 {
	font-size: 22px;
}
.Video h1 {
	font-size: 22px;
}
.Pro-nav {
	top: 90px;
}
.Business .Item .Intro {
	padding: 10px 20px;
}
.Business .Item h3 {
	font-size: 16px;
}
.nav-second .Detail-main {
	padding-top: 70px;
}
.Tit-det {
	line-height: 22px;
}
.Product ul {
	margin: 0 -10px;
}
.Product .Item {
	margin: 10px;
}
.Pro-Tit span {
	line-height: 50px;
}
.Contact .con .pic {
	margin-right: 10px;
}
.Contact .head li:first-child {
	width: 45%;
}
.Contact .head li:nth-child(2) {
	width: 25%;
}
.Contact .head h3 {
	margin-bottom: 15px;
}
.Contact .dtu {
	margin: 20px 0;
}
}
 @media (max-width: 1025px) {
#Detailbanner .ban .pic {
	position: relative;
	height: 200px;
}
#Detailbanner .ban .pic img {
	max-width: initial;
	width: auto;
	position: absolute;
	height: 100%;
	left: 50%;
	margin-left: -900px;
}
.Detail-Top .fl {
	width: 100%;
}
.Detail-Top .fr {
	display: none;
}
.Detail-left {
	float: none;
	width: 100%;
}
.Detail-right {
	display: none;
}
.Culture .Item {
	padding: 15px 0;
}
.Honor li {
	width: 33.33%;
}
.Activity ul {
	margin: 0 -5px;
}
.Activity .Item {
	margin: 5px;
}
.News-Tit h1 {
	font-size: 20px;
}
.Video h1 {
	font-size: 20px;
}
.Business .Item .Intro {
	padding: 0 10px;
}
.Business .Item .cent {
	font-size: 12px;
	line-height: 20px;
	height: 120px;
}
.Tit-det {
	font-size: 20px;
	padding: 10px 0;
}
.Product ul {
	margin: 0 -5px;
}
.Product .Item {
	margin: 5px;
}
.Pro-Tit span {
	line-height: 40px;
	width: 120px;
}
.Download .size {
	display: none;
}
.Download th {
	padding: 0 10px;
}
.Download td {
	padding: 0 10px;
}
.Contact .con .pic {
	width: 60px;
}
.Contact .con .Intro {
	padding: 5px 0;
}
.Contact .head li:first-child {
	width: 100%;
}
.Contact .head li:nth-child(2),
.Contact .head li:nth-child(3) {
	width: 100%;
}
.Contact .head li:last-child {
	width: 100%;
}
.Contact .head li {
	width: 100%;
	margin-bottom: 10px;
}
.branch .Item {
	width: 100%;
	margin-bottom: 20px;
}
}
 @media (max-width: 768px) {
#Detailbanner .ban .pic {
	height: 180px;
}
#Detailbanner .ban .pic img {
	margin-left: -800px;
}
.Detail-more {
    font-size: 14px;
    color: #595959;
    line-height: 2;
    padding: 0;
}
.Detail-more img {
    width: 100% !important;
	overflow: hidden;
    margin: 8px auto;
    border: none;
    padding: 0;
}
.Detail-conten {
	padding-bottom: 30px;
}
.Detail-Top {
	margin-bottom: 0;
}
.Detail-nav li > a {
	font-size: 14px;
}

.Up-Down-page {
	position: relative;
	border-top: 1px solid #eee;
	padding: 15px;
	width: 100%;
	margin: 20px 0;
	box-sizing: border-box;
}
.Up-Down-page .prev {
	float: left;
	width: 100%;
}
.Up-Down-page .next {
	float: left;
	width: 100%;
}
.Up-Down-page a {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: block;
}
.Up-Down-page .prev a {
	background: url("../images/icon/icon_left.png") no-repeat left center;
	padding-left: 20px;
}
.Up-Down-page .next a {
	background: url("../images/icon/icon_right.png") no-repeat left center;
	padding-left: 20px;
}
.Up-Down-page .Return {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 95%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	background: url("../images/icon/icon_menu01.png") no-repeat center center;
}
.Up-Down-page .Return:hover {
	background: url("../images/icon/icon_menu02.png") no-repeat center center;
}
.Up-Down-page .prev a:hover {
	background: url("../images/icon/icon_left01.png") no-repeat left center;
	color: #0588ce;
}
.Up-Down-page .next a:hover {
	background: url("../images/icon/icon_right01.png")no-repeat left center;
	color: #0588ce;
}

.Culture .Item {
	padding: 10px 0;
}
.Honor ul {
	margin: 0 -5px;
}
.Honor .Item {
	margin: 5px;
}
.Honor .Item .pic {
	height: 180px;
	line-height: 180px;
}
.Activity li {
	width: 50%;
}
.Hostnews {
	margin-bottom: 20px;
}
.Hostnews p {
	line-height: 20px;
	height: 40px;
}
.Newslist .Item {
	padding: 15px 0;
}
.Newslist .Item .date strong {
	font-size: 22px;
	margin: 0;
}
.Newslist .Item .date span {
	font-size: 16px;
}
.Newslist .Item h3 {
	font-size: 16px;
}
.Newslist .Item p {
	font-size: 12px;
}
.Hostnews h3 {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
}
.Hostnews .More {
	font-size: 12px;
	line-height: 30px;
	width: 100px;
}
.News-Tit h1 {
	font-size: 18px;
}
.NewsInfo .Detail-more {
	font-size: 14px;
	line-height: 22px;
}
.Video h1 {
	font-size: 18px;
}
.Business .Item .pic {
	width: 100%;
	float: none;
}
.Business .Item .Intro {
	float: none;
	width: 100%;
	padding: 10px;
}
.Business .Item .cent {
	height: auto;
	max-height: none;
}
.Pro-nav {
	top: 80px;
}
.Tit-det {
	font-size: 18px;
}
#Biglist {
	margin: 20px 0;
}
#Biglist .swiper-nav {
	height: 80px;
}
.Product li {
	width: 50%;
}
.Recruitment .Item {
	margin-bottom: 10px;
}
.Recruitment .Item .Title {
	padding: 5px 10px;
}
.Recruitment .Item .Intro {
	padding: 10px;
}
}
 @media (max-width: 640px) {
#Detailbanner .ban .pic {
	height: 140px;
}
#Detailbanner .ban .pic img {
	margin-left: -600px;
}
.Detail-conten {
	padding-bottom: 20px;
}
.Detail-Top {
	position: relative;
}
.Detail-Top .MuTit {
	display: block;
	overflow: hidden;
	padding: 5px 0;
}
.MuTit h3 {
	font-size: 16px;
	line-height: 40px;
	float: left;
	font-weight: 600;
	color: #0588ce;
}
.MuTit i.iconfont {
	float: right;
	font-size: 16px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	margin: 0;
	transition: all 0.3s linear;
}
.MuTit i.cur {
	color: #0588ce;
}
.Detail-nav {
	position: absolute;
	top: 52px;
	left: 0;
	background: #fff;
	z-index: 8;
	width: 100%;
	box-shadow: 0 0 5px #999;
	display: none;
}
.Detail-nav ul {
	width: 100%;
}
.Detail-nav li:nth-child(2n) {
	display: none;
}
.Detail-nav li {
	float: none;
	width: 100%;
}
.Detail-nav li > a {
	line-height: 40px;
	margin: 0 10px;
}
.Detail-nav li:first-child > a {
	margin-left: 10px;
}
.About h1 {
	font-size: 18px;
	margin: 0;
}
.Culture .Item h3 {
	font-size: 16px;
	line-height: 25px;
}
.Culture .Item h3 span {
	font-size: 20px;
}
.Honor li {
	width: 50%;
}
.Newslist .Item .date {
	display: none;
}
.Newslist .Item .Intro {
	width: 100%;
}
.Hostnews p {
	display: none;
}
.News-Tit h1 {
	font-size: 16px;
}
.News-Tit .Info span {
	font-size: 12px;
}
.nav-second .Detail-main {
	padding-top: 0;
}
.nav-second .Detail-main .nav-down {
	display: none;
}
.Pro-nav {
	position: relative;
	left: 0;
	top: auto;
	line-height: 40px;
}
.Pro-nav a {
	display: block;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0 10px;
}
.Tit-det {
	font-size: 16px;
}
.Download th {
	padding: 0 5px;
}
.Download td {
	padding: 0 5px;
}
.Download .sort {
	display: none;
}
.Recruitment .note {
	line-height: 20px;
	height: 40px;
	background: url("../images/note.jpg") no-repeat left top 2px;
	margin-bottom: 10px;
}
.Contact .con {
	position: relative;
	padding-left: 70px;
	height: 60px;
	margin-bottom: 15px;
}
.Contact .con .pic {
	position: absolute;
	left: 0;
	height: 60px;
}
.branch .Item p {
	position: relative;
	padding-left: 35px;
}
.branch .Item .iconfont {
	position: absolute;
	left: 0;
	top: 0;
}
.branch .Item p span {
	line-height: 22px;
}
.branch .Item p {
	line-height: 22px;
	padding: 5px 0;
	padding-left: 30px;
	margin-bottom: 5px;
}
.Contact h3 {
	font-size: 16px;
	margin-bottom: 5px;
}
}
 @media (max-width: 480px) {
#Detailbanner .ban .pic {
	height: 120px;
}
.Culture .Item h3 span {
	display: block;
}
.Honor .Item .pic {
	height: 160px;
	line-height: 160px;
}
.Hostnews h3 {
	line-height: 22px;
	height: auto;
}
.Hostnews .More {
	display: none;
}
.Product li {
	width: 100%;
}
}
 @media (max-width: 420px) {
.Honor .Item .pic {
	height: 150px;
	line-height: 150px;
}
}
 @media (max-width: 380px) {
.Honor .Item .pic {
	height: 140px;
	line-height: 140px;
}
.Hostnews .pic {
	width: 100%;
	float: none;
}
.Hostnews .Intro {
	float: none;
	width: 100%;
	padding-top: 10px;
}
}
 @media (max-width: 320px) {
}