@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; text-align:center
}
.maxBox .maxEgTitle{
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	color: #333;
	overflow: hidden;
	text-transform: uppercase; font-family:'Montserrat-Light'; text-align:center
}
.maxBox .maxTitle.white{
	color: #fff;
}
.maxBox .maxEgTitle.white{
	color: #fff;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;
}.section-4{   background: url(../images/about_bg1.jpg) no-repeat top center fixed; background-size: 140%; background-attachment:fixed!important}
/*第一通栏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: 54.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(246,125,20,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(246,125,20,0.9);
}
.table2Dl dd.hover .con{
	background: rgba(246,125,20,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{ display:flex; justify-content: center }
.table2Dl dd .con .conB .titlesa{
	
	line-height:40px;
	font-size:38px;
	color: #fff;
	overflow: hidden; font-family:BEBAS; text-align:center; width:30%; margin-right:3%; height:100%; margin-left:2%
}


.table2Dl dd .con .conB  .titi11{ width:66%}
.table2Dl dd .con .conB .titlesa li{ font-size:30px; font-family:"宋体"; display:inline-block;}
@font-face {
	font-family:BEBAS;
	src: url('../fonts/BEBAS.ttf'); }


.table2Dl dd .con .conB .titleCn{
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	color: #fefefe;
	overflow: hidden;
}
.table2Dl dd .con .conB .titleEn{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	 font-family: 'Barlow-Regular'; padding-top:4px
}
.col2Dl dd .title1{
	height: 50px;
	line-height: 50px;
	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: #f1f5f8;
}
.columnScroll .con .textBox .con1 .textCw .title1{
	color: #f1f5f8;
}
.columnScroll .con .textBox .con1 .textCon{
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #f1f5f8;
	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: #f1f5f8;
	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: #f1f5f8;
	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: #333;
}
.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: #f1f5f8;
	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: #f1f5f8;
	font-size: 14px;
}
.footerRBottom .div{
	margin-left: 25px;
	line-height: 20px;
	padding: 5px 0;
	font-size: 14px;
	color: #f1f5f8;
}
.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: #f1f5f8;
}
/*底部结束*/

/*
-----------------------------首页样式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: #f1f5f8;
	border-color: #d70313;
}

.page a.hover {
	background: #d70313;
	color: #f1f5f8;
	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: #f1f5f8;
}
.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: #f1f5f8;
}
.networkDl dd div{
	float: left;
	display: inline;
	text-align: center;
	font-size: 18px;
	color: #333;
}
.networkDl dd:hover div{
	color: #f1f5f8;
}
.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: #f1f5f8;
}
.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: #f1f5f8;
	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);
}
table.gridtable {
	

	color:#595959;
	border-width: 1px;
	border-color:#e2e2e2;
	border-collapse: collapse;font-size:15px
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color:#e2e2e2;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #e2e2e2;
	background-color: #ffffff;
}
table.erl2 td{border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #e2e2e2;
	background-color:#087f21!important;}
table.gridtable td a{ font-size:14px}

.erl2{background: linear-gradient(to right, #bee4f7,#FFF200, #1E9600);}

.biaoti { padding: 0; width:100%; margin:0 auto; text-align:center; background:url(../images/p.png) no-repeat center center; padding-bottom:30px }
.biaoti h3 { color:#fff; font-size:40px; line-height:35px; font-weight:400; margin:0 auto; padding-top: 126px;}


.biaoti p { text-transform:uppercase;  color:#fff; font-size:17px; font-weight:100;  line-height:60px  }
.biaoti p a{ color:#888888;}
.biaoti p a:hover{ color:#fff}


.pro_r{ width:100%;}
.pro_r ul li{  border:solid 5px #e7e7e7;  position: relative!important; width:284px; height:268px; margin-bottom:18px;  transition:all 0.4s}

.pro_r ul li:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);  }

.pro_r ul li:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0; }

.pro_r ul li:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 5px;
    width: 0;
    background: #023a9b;
    transition: 400ms ease all;  }



.pro_r ul li:hover:after {
    width: 100%;
    transition: 800ms ease all;
}

.pro_r ul li:hover .pr_more{width:30%; margin:0 30%; background:#023a9b; color:#fff}
.pro_r ul li:hover .pro_r h4 { color:#023a9b!important}

.pro_r ul li:hover .pr_pic img{ transform:scale(1.1); margin-top:30px;}
.pr_pic{ width:270px; height:210px; overflow:hidden;}
.pr_pic img{ width:100%; height:100%; transition:all 0.5s; object-fit: cover;}
.pro_r h4{ height:50px; font-size:21px; color:#2b2b2b; font-weight:normal; width:100%; padding-top:20px; padding-bottom:20px; border-bottom:#e7e7e7 solid 1px; float:left; text-align:center; letter-spacing:-0.5px}
.pro_r h4 a{ color:#000; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1; 
        overflow: hidden; text-align:left; padding-left:30px
}
.pro_r h4 span{ padding-left:30px; padding-right:30px; font-size:14px; color:#7c7c7c; line-height:18px; float:left; text-align:left; padding-top:5px; }

.pr_intro{ font-size:15px; color:#5c5c5c; padding-top:10px; margin-bottom:30px;  float:left; width:100%; text-align:left;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; padding-left:30px;}

.pr_intro p{ line-height:30px}


.pr_more{ font-size:14px; color:#b2b2b2; border:solid 1px #b2b2b2; padding:2px 15px 2px 15px; display:inline-block;position:relative; overflow:hidden; width:30%; margin:0 30%; text-align:center }
.pr_more::after{position:absolute;content:"";top:0;left:auto;right:0;width:0%;height:100%;background:#023a9b;transition:all .5s ease; z-index:-1; border-radius:15px;}


.sousuosss .titleCn{ font-size:24px; color:#fff; float: left; margin-bottom:10px; margin-top:10px}
.sousuosss .titleEn{ font-size:14px; color:#74b9e9; float: left; margin-left:2% ; margin-bottom:10px; margin-top:0px}
.search1 {
	float: left;
	height: 38px;
	width: 170px;
	background:#fff;
	border: 0px solid #FFFFFF;
	color: #6d6d6d;
	display: inline;
	line-height: 38px;
	font-size: 14px;
	text-align: left;
 padding-left:10px

}
.searchimg1 {
	float: left;
	display: inline;	
}
.sousuosss {width: 47%;
    float: left;
    margin-right: 2%;}
	
	.sousuosss .dd12{ width:100%; height:48px ;margin-top: 40px;}
	
	/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  


	.section-4{ background-size:auto}
	.biaoti h3 {
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    margin: 0 auto;
    padding-top: 126px;
}

.biaoti {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: url(../images/p.png) no-repeat center 110px;
    padding-bottom: 30px;
    background-size: 60%;
}

.biaoti p {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    line-height: 40px;
}


.table2Dl dd .con .conB .titlesa {
    line-height: 40px;
    font-size: 32px;
    color: #fff;
    overflow: hidden;
    font-family: BEBAS;
    text-align: center;
    width: 30%;
    margin-right: 3%;
    height: 100%;
    margin-left: 2%;
}
.table2Dl dd .con .conB .titleCn {
    height: 30px;
    line-height: 40px;
    
    color: #fefefe;
    overflow: hidden;
}

.table2Dl dd .con {
    padding: 0 5%;
    height: 113px;
    position: relative;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}.search1 {
    float: left;
    height: 38px;
    width: 140px;
    background: #fff;
    border: 0px solid #FFFFFF;
    color: #6d6d6d;
    display: inline;
    line-height: 38px;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
}


.pz13 iframe{ height:730px!important}

.pz13 {
    width: 100%;
    background-size: 100%;
    background-attachment: fixed;
    height: 730px!important;
    margin: 0 auto;
    background: url(../images/img2.jpg) no-repeat center top;
}
}