<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

/*
-----------------------------首页样式start-----------------------------
*/
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}



/*indexBanner开始*/

.indexBanner {
	overflow: hidden;
	height: 500px;
	width: 100%;
	position: relative;
}

.indexBanner .myslide {
	position: relative;
	height: 500px;
}

.indexBanner .myslide a {
	display: block;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.indexBanner .slick-dots {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.indexBanner .slick-dots li {
	width: 13px;
	height: 13px;
	line-height: 9999px;
	text-align: center;
	background: transparent;
	border-radius: 15px;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px solid #fff;
}

.indexBanner .slick-dots li.slick-active {
	background: #fff;
}

.indexBanner .text {
	position: absolute;
	width: 1200px;
	height: 100%;
	left: 50%;
	margin-left: -600px;
	top: 0;
}

.indexBanner .con1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -266px;
	margin-top: -130px;
}
.indexBanner .prev{
	position: absolute;
	width:52px;
	height: 52px;
	left: 30px;
	top: 50%;
	margin-top: -26px;
	background: url(../images/left.png) center center no-repeat;
	z-index: 10;
	cursor: pointer;
}
.indexBanner .next{
	position: absolute;
	width:52px;
	height: 52px;
	right: 30px;
	top: 50%;
	margin-top: -26px;
	background: url(../images/right.png) center center no-repeat;
	z-index: 10;
	cursor: pointer;
}
/*indexBanner结束*/

/*第一通栏start*/

.column1 {
	position: relative;
	overflow: hidden;
}
.column1:after{
	display: block;
	content: "";
	position: absolute;
	width: 30.46875%;
	height:35.8571%;
	top:-22%;
	right: 10.9375%;
	background: url(../images/bg1.png) center center no-repeat;
}
.bai{
	background: #fff;
}
.widthCon{
	width: 1400px;
	clear: both;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.col1Left{
	width: 42.8571%;
}
.maxBox{
	position: relative;
}
.maxBox .maxTitle{
	height: 60px;
	line-height: 60px;
	font-size: 40px;
	color: #333;
	overflow: hidden;
}
.maxBox .maxEgTitle{
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	color: #333;
	overflow: hidden;
	text-transform: uppercase; font-family:'Montserrat-Light'
}
.maxBox .maxTitle.white{
	color: #fff;
}
.maxBox .maxEgTitle.white{
	color: #c29220;font-family: 'Barlow-Regular'
}
.col1L {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-right: 30px;
}

.col1L:after {
    display: block;
    content: '';
    padding-top: 66.6667%;
}

.col1L .clo1Banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}

.clo1Banner .hd {
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 1;
}
.clo1Banner .hd li{
	float: left;
	display: inline;
	width: 9px;
	height:9px;
	border: 1px solid #fff;
	margin: 0 3px;
	border-radius: 10px;
	font-size: 0;
}
.clo1Banner .hd li.on{
	background:#fff;
}
.pageState{
	height: 50px;
	display: block;
	font-size: 14px;
	color: #d7d7d7;
	line-height: 14px;
	margin-right: 20px;
}
.pageState span{
	color: #fff;
}
.clo1Banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.clo1Banner .bd li {
    zoom: 1;
    vertical-align: middle;
}
.clo1Banner .bd img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
	object-fit: contain;
}
.subBannerText {
    position: absolute;
    height: 60px;
    line-height: 60px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    left: 0px;
    bottom: 0;
    width: 100%;
    font-size: 16px;
}
.subBannerText span{
	display: block;
	padding: 0 20px;
}
.col1Right{
	overflow: hidden;
}
.tabTitle{
	overflow:hidden; 
}
.tableDl{
	overflow: hidden;
}
.tableDl dd{
	float: left;
	display: inline;
	margin-left: 20px;
	padding: 0 42px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	overflow: hidden;
}
.tableDl dd a{
	display: block;
	height: 100%;
	font-size: 14px;
	color: #666;
}
.tableDl dd.hover{
	border: 1px solid #d70313;
}
.tableDl dd.hover a{
	color: #d70313;
}
.tableConBox .tabCon dd{
	padding-left: 40px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.tableConBox .tabCon dd:hover{
	background: #f1edea;
}
.tableConBox .tabCon dd .conBox{
	overflow: hidden;
	padding: 10px 0 4px;
	border-bottom: 1px solid #ebebeb;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.tableConBox .tabCon dd:hover .conBox{
	padding: 10px 10px 4px;
}
.tableConBox .tabCon dd .conBox .conLeft{
	position: relative;
	padding-left: 20px;
	padding-right: 10px;
	overflow: hidden;
}
.tableConBox .tabCon dd .conBox .conLeft:after{
	display: block;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 0;
	top: 12px;
	background: #a8584e;
	border-radius: 10px;
}
.tableConBox .tabCon dd .conBox .conLeft .title{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}
.tableConBox .tabCon dd .conBox .conLeft .title a{
	display: block;
	height: 100%;
	color: #666;
	transition: all 0.3s linear;
}
.tableConBox .tabCon dd:hover .conBox .conLeft .title a{
	color: #d70313;
}
.tableConBox .tabCon dd .conBox .conLeft .time{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	overflow:hidden; 
}
.tableConBox .tabCon dd .conBox .more{
	width:60px;
	height: 65px;
}
.tableConBox .tabCon dd .conBox .more a{
	display: block;
	height: 100%;
	background: url(../images/more1.png) center center no-repeat;
}
/*第一通栏end*/

/*第二通栏start*/

.column2 {
	position: relative;
	height: 920px;
	overflow: hidden;
}
/*关于bg start*/
.col1BgBox {
	position: absolute !important;
	width: 105%;
	height: 105%;
	left: -2.5% !important;
	top: -2.5% !important;
}

.col1Bg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.col2Left{
	overflow: hidden;
	width: 44.2857%;
	height: 763px;
}
.col2Right{
	width:500px; 
}
.table2Dl dd{
	border:2px solid rgba(255,255,255,0.5);
	margin-bottom: 15px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear; width:47%; float:left; margin-right:2%;
	background: rgba(255,255,255,0.1)
	
}
.table2Dl dd:hover{
	border:2px solid rgba(255,0,0,0.5);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
.table2Dl dd.hover{
	border:2px solid rgba(207,168,73,0.9);
}
.table2Dl dd .con{
	padding: 0 5%;
	height:123px;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.table2Dl dd:hover .con{
	background: rgba(207,168,73,0.9);
}
.table2Dl dd.hover .con{
	background: rgba(207,168,73,0.9);
}
.table2Dl dd .con:after{
	display: block;
	content: "";
	position: absolute;
	width:61.8421%;
	height: 95px;
	z-index: 5;
}
.table2Dl dd.dd1 .con:after{
	right: -15%;
	bottom:-24px;
	background: url(../images/icon1.png) left center no-repeat;
}
.table2Dl dd.dd2 .con:after{
	right: -13%;
	bottom: -10px;
	background: url(../images/icon2.png) center center no-repeat;
}
.table2Dl dd.dd3 .con:after{
	right: -14%;
	bottom: -30px;
	background: url(../images/icon3.png) center center no-repeat;
}
.table2Dl dd.dd4 .con:after{
	right: -14%;
	bottom: -32px;
	background: url(../images/icon4.png) center center no-repeat;
}
.table2Dl dd .con .conB .titleCn{
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	color: #fefefe;
	overflow: hidden;
}
.table2Dl dd .con .conB .titleEn{
	height: 20px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase; font-family: 'Barlow-Regular'
}
.col2Dl dd .title1{
	height: 90px;
	line-height: 90px;
	font-size: 36px;
	color: #fefefe;
}
.col2Dl dd .text{
	/*height: 192px;*/
	line-height: 24px;
	font-size: 16px;
	color: #fefefe;
	overflow: hidden;
}
.col2Dl dd .text li{ width:48%; margin-right:2%; float:left; text-align:center}
.col2Dl dd .text li a{ color:#fff}
.col2Dl dd .text li a:hover{ color:#cfa849;  transition:all 0.4s; margin-left:4px}
.col2Dl dd .text li img{ width:100%; max-height:168px}
.col2Dl dd .more{
	width: 205px;
	height: 40px;
	border-radius: 20px;
	background: #6eb92b;
	text-align: center;
	font-size: 14px;
	color: #fefefe;
	line-height: 40px; margin-top:30px
}
.col2Dl dd .more a{
	display: block;
	height: 100%;
	color: #fff;
}
.col2Dl dd .more a span{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	padding-right: 6px;
	background: transparent url(../images/icon5.png) right center no-repeat;
}
.col2Dl dd .more:hover a span{
	padding-right: 30px;
	background: url(../images/icon5.png) right center no-repeat;
}
/*第二通栏end*/

/*
*第三通栏start fpx 2018
*/

.column3 {
	position: relative;
	height: 840px;
	overflow: hidden;
}
.columnScroll {
	position: relative;
}

.columnScroll .bd {
	overflow: hidden;
	padding: 5px 0;
}

.columnScroll .slick-list {
	overflow: visible;
	margin-right: -20px;
}

.columnScroll .myslide {
	width: 25;
	float: left;
	display: inline;
	overflow: hidden;
}

.columnScroll .con {
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}
.columnScroll .con .pic {
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	overflow: hidden;
}
.columnScroll .con .pic:after {
	display: block;
	content: "";
	overflow: hidden;
	padding-top: 171%;
}
.columnScroll .con .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.columnScroll .con .conBox{
	perspective: 1000px;
	-webkit-perspective: 1000px; /* Safari 和 Chrome */
}
.columnScroll .con .conBox .text {
	position: absolute;
	width: 100%;
	height: 90px;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	background: #fff;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	border: 1px solid #e5e5e5;
	border-top: none;
	transform-origin: 0px 100%;
}
.columnScroll .con:hover .conBox .text{
	width: 100%;
	transform: rotateX(180deg);
	overflow: hidden;
}

.textCw{
	margin: 0 17%;
}
.textCw .title{
	height:26px;
	line-height: 26px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-align: center;
}
.textCw .title1{
	height:24px;
	line-height: 24px;
	font-size: 14px;
	color: #808080;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
}
.columnScroll .con .textBox{
	position: absolute;
	width: 100%;
	height: 72.7273%;
	left: 0;
	bottom: 0;
	z-index: 5;
	background: rgba(0,66,255,0.7);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	visibility: hidden;
	opacity: 0;
}
/* .columnScroll .con:hover .pic:after{
	padding-top: 164%;
} */
.columnScroll .con:hover .textBox{
	visibility: visible;
	opacity: 1;
}
.columnScroll .con .textBox .con1{
	padding: 0 10%;
}
.columnScroll .con .textBox .con1 .textCw{
	text-align: center;
	margin-bottom: 50px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	margin: 0 0;
}
.columnScroll .con:hover .textBox .con1 .textCw{
	margin-bottom: 25px;
}
.columnScroll .con .textBox .con1 .textCw .title{
	color: #fff;
}
.columnScroll .con .textBox .con1 .textCw .title1{
	color: #fff;
}
.columnScroll .con .textBox .con1 .textCon{
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.columnScroll .con:hover .textBox .con1 .textCon{
	margin-bottom: 40px;
}
.columnScroll .con .textBox .con1 .more{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.columnScroll .cloumn1Btn .prev {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background: url(../images/prev.png) no-repeat center center;
	position: absolute;
	left: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 20;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll .cloumn1Btn .next {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background:url(../images/next.png) no-repeat center center;
	position: absolute;
	right: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 1;
	display: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll .prev:hover,
.columnScroll .next:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 1px 1px 17px 1px rgba(0,0,0,0.05);
}

/*第三通栏end*/

/*第四通栏start*/

.column4 {
	position: relative;
	height: 900px;
}
.bgBox4{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.bgBox4 .bgImg{
	width: 100%;
	height: 100%;
	position: relative;
}
.bgBox4 .bgImg:after{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/shade.png) top left repeat;
	z-index: 5;
	background-size: 60px;
}
.bgBox4 .bgImg img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bgBoxBanner{
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	z-index: 5;
}
bannerCon{
	
}
.bannerCon .hd{
	position: relative;
	height: 201px;
	z-index: 20;
}
.course_ul{
	position: relative;
	z-index: 15;
	height: 201px;
}
.course_ul.widthCon{
	width: 1100px;
}
.lineBox{
	position: absolute;
	width: 1920px;
	height: 201px;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
.courseLine1{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/line1.png) center center no-repeat;
	background-size: cover;
	z-index: 10;
}
.courseLine2{
	position: absolute;
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/line2.png) left center no-repeat;
	background-size: cover;
	z-index: 11;
}
.course_ul li{
	font-size: 15px;
	color: #fff;
	position: absolute;
	z-index: 13;
	cursor: pointer;
}
.course_ul li.li1{
	left: 0px;
	top: 40px;
}
.course_ul li.li2{
	left: 545px;
	top: 123px;
}
.course_ul li.li3{
	right: 0px;
	top: 155px;
}
.course_ul li span{
	position: absolute;
	width:24px;
	height: 24px;
	left: 0;
	border: 1px solid #fff;
	border-radius: 15px;
	z-index: 15px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.course_ul li span:after{
	display: block;
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -6px;
	background: #fff;
	border-radius: 12px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.course_ul li.on span {
	border-color: #d70313;
}
.course_ul li.on span:after {
	background: #d70313;
}
.bdCongBg{
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.bdCont{
	position: relative;
	margin-top: -70px;
	z-index: 5;
}
.bdCon dd .widthCon .con{
	width: 34.2857%;
	padding-left: 10.7143%;
}
.bdCon .numb{
	height: 74px;
	line-height: 74px;
	font-size: 60px;
	color: #d83c12;
	font-weight: bold;
}
.bdCon .title{
	height: 60px;
	line-height: 60px;
	font-size: 28px;
	color: #dedede;
}
.bdCon .text{
	height:44px;
	line-height: 22px;
	font-size: 14px;
	color: #dedede;
	overflow: hidden;
}
.bdCon .more{
	width: 205px;
	height: 40px;
	border-radius: 20px;
	background: #d70c13;
}
.bdCon .more a{
	display: block;
	height: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fefefe;
}
.bdCon .more a span{
	padding-right: 6px;
	background: url(../images/icon5.png) right center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.bdCon .more:hover a span{
	padding-right: 30px;
}

/*第四通栏end*/

/*底部开始*/

.footer {
	padding-top: 70px;
	background: #494949;
}

.footerC {
	width: 1400px;
	margin: 0 auto;
}

.footerMenu {
	overflow: hidden;
}

.footerMenu dd {
	float: left;
	display: inline;
	margin-right: 40px;
	min-width: 90px;
}

.footerMenu dd em {
	font-style: normal;
	display: block;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	margin-bottom: 5px;
}

.footerMenu dd em a {
	font-size:16px;
	color: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerMenu dd em a:hover {
	color: #f00;
}

.footerMenu dd span {
	font-style: normal;
	display: block;
	line-height: 20px;
	padding: 5px 0;
	overflow: hidden;
}

.footerMenu dd span a {
	font-size: 14px;
	color: #999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerMenu dd span:hover a {
	padding-left: 5px;
	color: #FFF;
}
.footerRight{
	padding-left: 115px;
	position: relative;
	margin-top: 10px;
}
.footerRight:after{
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 210px;
	top: 5px;
	left: 0;
	background: #666;
}
.footerEwm {
	overflow: hidden;
}

.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	width: 126px;
	overflow: hidden;
	margin-left: 25px;
}
.footerEwm dd .con{
	padding: 3px;
	background: #fff;
}
.footerEwm dd img {
	display: block;
	width: 120px;
	height: 120px;
}

.footerEwm dd span {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.footerRBottom .div{
	margin-left: 25px;
	line-height: 20px;
	padding: 5px 0;
	font-size: 14px;
	color: #fff;
}
.footerBottomC{
	height: 50px;
	line-height: 50px;
	background: #414141;
	text-align: center;
	font-size: 14px;
	color: #898989;
}
.footerBottomC span{
	padding: 5px 0;
	margin-right: 10px;
}
.footerBottomC span.span1{
	padding-left: 30px;
	background: url(../images/footerIcon.png) left center no-repeat;
}
.footerBottomC span a {
	color: #898989;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.footerBottomC span a:hover{
	color: #fff;
}
/*底部结束*/

/*
-----------------------------首页样式end-----------------------------
*/

/*
-----------------------------频道页start-----------------------------
*/

/*
-----------------------------频道页end-----------------------------
*/

/*内页框架开始*/
/*subBanner开始*/
.subBox{
	height:500px;
	overflow: hidden;
}
.subBanner{
	width: 100%;
	height: 500px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	animation: pulse 20s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
/*subBanner结束*/

/*内页外结构开始*/
.subPage{ overflow: hidden;}
.subPageC{ overflow:hidden}
/*内页外结构结束*/

/*当前位置开始*/
.location{
    height: 60px;
    line-height: 60px;
    background: #fff;
}
.locationDl{
    overflow: hidden;
}
.locationDl dd{
    float: left;
    display: inline;
    margin-left: 40px;
    position: relative;
    height: 60px;
}
.locationDl dd a{
    font-size: 14px;
    color: #333;
}
.locationDl dd:after{
    display: block;
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #d83c12;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;   
}
.locationDl dd:hover a{
    color: #d83c12;
}
.locationDl dd.hover a{
    color: #d83c12;
}
.locationDl dd:hover:after{
    width: 100%;
}
.locationDl dd.hover:after{
    width: 100%;
}
.locationR {
    overflow: hidden;
    margin-right: -20px;
}
.locationR span{
    float: left;
    display: inline;
}
.locationR span.locaLog{
    display: block;
    width: 22px;
    height: 60px;
    background: url(../images/home.png) center center no-repeat;
   cursor: pointer;
}
.locationR span.span1{
    padding-left: 20px;
    background: url(../images/ha1.png) left center no-repeat;
    font-size: 14px;
    color: #666;
}
.locationR span.span1 a{
    color: #333;
}
.locationR span.span1.span2 a{
    color: #d83c12;
}
/*当前位置结束*/

/*页码开始*/

.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	padding: 6px 12px;
	color: #999999;
	border-radius: 3px;
	background: #fff;
	margin: 0 3px;
	border: 1px solid #e6e6e6;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #d70313;
	color: #fff;
	border-color: #d70313;
}

.page a.hover {
	background: #d70313;
	color: #fff;
	border-color: #d70313;
}

.page input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	border: 1px solid #e6e6e6;
	position: relative;
	top: -2px;
}

.page input.pageDetail {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #999999;
	position: relative;
	top: -13px;
}

.page label {
	color: #999999;
	position: relative;
	top: -11px;
}

.page input.page_bnt {
	border: none;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: none;
	color: #999999;
	position: relative;
	top: -13px;
}

.page a div {
	width: 11px;
	height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage div {
	background-image: url(../images/page/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(../images/page/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(../images/page/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(../images/page/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(../images/page/lastPageh.png)
}

.page a.firstPage.disabled {
	background: #E2E2E2;
}

.page a.prevPage.disabled {
	background: #E2E2E2;
}

.page a.nextPage.disabled {
	background: #E2E2E2;
}

.page a.lastPage.disabled {
	background: #E2E2E2;
}

.page a.firstPage.disabled div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(../images/page/lastPage.png)
}

/*页码结束*/

/*内页框架结束*/


/*综合页start*/
.netWork{
	position: relative;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding-left: 50px;
	font-size: 24px;
	color: #333;
}
.netWork:after{
	display: block;
	content: "";
	position: absolute;
	width: 31px;
	height: 1px;
	left: 0;
	top: 50%;
	background: #d70313;
}
.columnScroll1 {
	position: relative;
}

.columnScroll1 .bd {
	overflow: hidden;
	padding: 5px 0;
}

.columnScroll1 .slick-list {
	overflow: visible;
	margin: 0 -10px;
}

.columnScroll1 .myslide {
	width: 25%;
	float: left;
	display: inline;
	height: auto;
}

.columnScroll1 .con {
	margin: 0 10px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.columnScroll1 .con:hover{
	box-shadow: 3px 0 7px rgba(0,0,0,0.1);
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.columnScroll1 .con .pic {
	position: relative;
}
.columnScroll1 .con .pic:after {
	display: block;
	content: "";
	padding-top: 122.8070%;
}

.columnScroll1 .con .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.columnScroll1 .con .conBox .text {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 0 10px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #666;
	text-align: center;
}
.columnScroll1 .con:hover .conBox .text{
	color: #d70313;
}

.columnScroll1 .cloumn2Btn .prev {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background: url(../images/prev.png) no-repeat center center;
	position: absolute;
	left: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 20;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll1 .cloumn2Btn .next {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background:url(../images/next.png) no-repeat center center;
	position: absolute;
	right: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 1;
	display: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll1 .prev:hover,
.columnScroll1 .next:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 3px 0px 7px rgba(0,0,0,0.1);
}
.netColumn2{
	position: relative;
	height: 786px;
	overflow: hidden;
}
 .netWork.white{
	color: #fff;
}
.netWork.white:after{
	background: #fff;
}
.networkC1{
	width: 1220px;
	height: 495px;
	overflow: hidden;
}
.networkCT{
	overflow: hidden;
	padding-right: 20px;
	padding-top: 90px;
}
.networkDl2{
	position: relative;
	height: 0;
	z-index: 30;
}
.networkDl2 dt{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	background: #fff;
}
.networkDl2 dt div{
	float: left;
	display: inline;
	text-align: center;
	font-size: 18px;
	color: #333;
}
.networkDl2 dt div.div1{
	width: 235px;
	padding-right: 60px;
}
.networkDl2 dt div.div2{
	width: 140px;
}
.networkDl2 dt div.div3{
	width: 180px;
	margin-right: 28px;
}
.networkDl dd{
	height:60px;
	line-height: 60px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}

.networkDl dd.even{
	background: #ededed;
}
.networkDl dd.odd{
	background: #fff;
}
.networkDl dd:hover{
	background: #de3441;
	color: #fff;
}
.networkDl dd div{
	float: left;
	display: inline;
	text-align: center;
	font-size: 18px;
	color: #333;
}
.networkDl dd:hover div{
	color: #fff;
}
.networkDl dd div.div1{
	width: 235px;
	padding-right: 60px;
}
.networkDl dd div.div2{
	width: 140px;
}
.networkDl dd div.div3{
	width: 180px;
	margin-right: 28px;
}
.nectworkC3{
	overflow: hidden;
}
.nectC3{
	width: 630px;
	height: 330px;
	margin-right: 70px;
}
.nectC3 .title{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}
.nectC3 .title a{
	display: block;
	font-size: 20px;
	color: #333;
}
.nectC3 .title:hover a{
	color: #d70313;
}
.nectC3 .textC{
	height: 120px;
	line-height: 30px;
	font-size: 14px;
	color: #808080;
	overflow: hidden;
}
.nectC3 .more{
	width: 150px;
	height: 40px;
	border: 1px solid #a9a9a9;
	border-radius: 2px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.nectC3 .more a{
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #a9a9a9;
}
.nectC3 .more:hover{
	background: #d70313;
	border-color: #d70313;
}
.nectC3 .more:hover a{
	color: #fff;
}
.nectCfr{
	overflow: hidden;
}
.nectCfr .pic{
	position: relative;
}
.nectCfr .pic:after{
	display: block;
	content: "";
	padding-top: 66.667%;
}
.nectCfr .pic img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.netColumn3{
	position: relative;
	height: 766px;
	overflow: hidden;
}

.columnScroll2 {
	position: relative;
}

.columnScroll2 .bd {
	overflow: hidden;
	padding: 5px 0;
}

.columnScroll2 .slick-list {
	overflow: visible;
	margin: 0 -10px;
}

.columnScroll2 .myslide {
	float: left;
	display: inline;
}

.columnScroll2 .con {
	height: 495px;
	margin: 0 10px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.columnScroll2 .con:hover{
	box-shadow: 3px 0 7px rgba(0,0,0,0.1);
}

.columnScroll2 .con .mapC{
	width: 690px;
	height: 495px;
	margin-right: 40px;
}
.columnScroll2 .con .mapC .aa1{
	height: 100%;
}
.columnScroll2 .con .mapC1{
	overflow: hidden;
	border-radius: 3px;
	height: 495px;
}
.columnScroll2 .con .mapC1 .mapTitle{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	background: #d70313;
	padding: 0 25px;
}
.mapwGH{
	padding: 0 10px 0 22px;
}
.mapCT{
	height: 400px;
	overflow: hidden;
}
.mapScroll{
	padding-right: 5px;
	overflow: hidden;
}
.mapDl{
	width: 395px;
}
.mapDl dd .title{
	height: 66px;
	line-height: 66px;
	border-bottom: 1px solid #f1f1f1;
	padding-left: 10px;
	position: relative;
	font-size: 16px;
	color: #333;
}
.mapDl dd .title:after{
	display: block;
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	left: 0;
	top: 50%;
	margin-top: -3px;
	background:#333;
	border-radius: 5px;
}
.mapDl dd .text{
	padding: 20px 0;
}
.mapDl dd .text span{
	line-height: 26px;
	font-size: 14px;
	color: #666;
	display: block;
}
.columnScroll2 .cloumn3Btn .prev {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background: url(../images/left1.png) no-repeat center center;
	position: absolute;
	left: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 20;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll2 .cloumn3Btn .next {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background:url(../images/right1.png) no-repeat center center;
	position: absolute;
	right: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 1;
	display: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll2 .prev:hover,
.columnScroll2 .next:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 3px 0px 7px rgba(0,0,0,0.1);
}
</pre></body></html>