@charset "utf-8";

/* CSS Document */

body{

	font-size:12px;

	font-weight:normal;

	color:#333333;

	line-height:1.5;

	font-family:'Microsoft YaHei';

	margin:auto

	}

*{

	margin:0;

	padding:0;

	box-sizing: border-box;

	}

img{

	border:0;

	}

ul,li{

	list-style:none;

	}

a{

	color:#333333;

	text-decoration:none;

	transition: all 0.6s;

	}

a:hover{

	color:#0063B1;

	text-decoration: none;

	}

table{ 

	margin: auto;

	}

i{ font-style:normal}

em{ font-style:normal}

#fyon { background:#0063B1; color:#FFFFFF}





@media (min-width:1200px) {





.main{

	width: auto;

	margin: auto;

	max-width: 1360px;

	padding: 0px 15px;

}

.header{

	width: 100%;

	height: 80px;

	float: left;

	background-color: rgba(255,255,255,1);

	position:fixed;

	z-index:999;

	box-shadow:0px 4px 23px rgba(0,0,0,0.1);

}

.header .logo{

	width: 15%;

	float: left;

	height: 80px;


}

.header .logo span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.header .logo img{

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}

.header .innav{

	width: auto;

	height: 80px;

	float: right;

}

.header .innav ul{

	display: flex;

	align-items: center;

	height: 80px;

}

.header .innav ul li{

	width: auto;

	text-align: center;

	font-size: 16px;

	height: 80px;

	text-transform: uppercase;

	align-items: center;

	display: flex;

	line-height: 5.2vw;

	position: relative;

}



#xiala{

	width: auto;

	height: 304px;

	background: rgba(255,255,255,0.90);

	position: absolute;

	top: 4.0vw;

	opacity: 0;

	visibility: hidden;

	padding: 40px 50px;

	transition: all 0.6s;

	left: 0;

	z-index: 9999;

}

#xiala .ab01{

	display: flex;

	justify-content: space-between;

}

#xiala .ab01 div:first-child{

	width: 160px;

	margin-right: 50px;

}

#xiala .ab01 dl dd{

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid rgba(0,0,0,0.1);

	font-size: 14px;

	text-align: left;

}

#xiala .ab01 dl dd a{

	line-height: 50px;

	text-align: left;

	padding-left: 0px;

	padding-right: 0px;

}

.header .innav ul li:hover #xiala{

	opacity: 1;

	visibility: visible;

}

.header .innav ul li:hover #zyw{

	opacity: 1;

	visibility: visible;

}

#zyw{

	width:110px; 

	z-index:99999;

	position:absolute;

	background-color: #FFFFFF;

	font-size: 12px;

	color: #666666;

	text-transform: uppercase;

	transition: all 0.6s;

	left: 0;

	z-index: 9999;

	top: 80px;

	opacity: 0;

	visibility: hidden;

}

#zyw dl dd a{

	padding-left: 20px;

	padding-right: 20px;

	line-height: 40px;

}

#zyw dl dd a:hover{

	background: #f2f2f2;

	color: #000000;

}

#xiala2{

	width: auto;

	height: 304px;

	background: rgba(255,255,255,0.90);

	position: absolute;

	top: 80px;

	opacity: 0;

	visibility: hidden;

	padding: 40px 50px;

	transition: all 0.6s;

	right: 0;

	z-index: 9999;

}

#xiala2 .ab01{

	display: flex;

	justify-content: space-between;

}

#xiala2 .ab01 div:first-child{

	width: 160px;

	margin-right: 50px;

}

#xiala2 .ab01 dl dd{

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid rgba(0,0,0,0.1);

	font-size: 14px;

	text-align: left;

}

#xiala2 .ab01 dl dd a{

	line-height: 50px;

	text-align: left;

	padding-left: 0px;

	padding-right: 0px;

}

.header .innav ul li:hover #xiala2{

	opacity: 1;

	visibility: visible;

}



#xiala3{

	width: auto;

	height: auto;

	background: rgba(255,255,255,0.90);

	position: absolute;

	top: 80px;

	opacity: 0;

	visibility: hidden;

	padding: 40px 50px;

	transition: all 0.6s;

	right: 0;

	z-index: 9999;

	display: flex;

}

.header .innav ul li:hover #xiala3{

	opacity: 1;

	visibility: visible;

}

#xiala3 .input{ float:left;}



.lxbk2{

	width:350px;

	height: 60px;

	border: 0px;

	outline: none;

	font-size: 14px;

	color: #999999;

	padding-left: 28px;

	line-height: 60px;

	font-family: "微软雅黑";

}

.lxanniu2{

	width: 148px;

	height: 60px;

	background: linear-gradient(100deg,#2a2b7b 0%, #0d81ca 100%);

	border: 0px;

	cursor: pointer;

	color: #FFFFFF;

	line-height: 60px;

	text-align: center;

	font-size: 14px;

}





.header .innav ul li img{

	margin-left: 10px;

	margin-right: 10px;

}

.header .innav ul li i{

	padding: 11px;

	background-image: url(../img/xjt.png);

	background-position: center;

	background-repeat: no-repeat;

}

.header .innav ul li a{

	width: 100%;

	line-height:80px;

	float: left;

	height: 100%;

	padding-left: 30px;

	padding-right: 30px;

}

.header .innav ul li a:hover{

	color: #0063B1;

	font-weight: bold;

}

.header .innav ul li .cur{

	color: #0063B1;

	font-weight: bold;

}

.header .innav ul li:nth-child(8){ margin-left:20px}



.header .innav ul li:nth-child(8) a{

	padding-left: 0px;

	padding-right: 0px;

}

.header.yanse{

	background-color: rgba(255,255,255,1);

}

.header.yanse.yanse01{

	background-color: rgba(0,0,0,0);

}





.intitle{

	width: 100%;

	float: left;

	margin-top: 80px;

}

.intitle dl dt{

	font-size: 30px;

	line-height: 40px;

	color: #333333;

}

.intitle dl dd{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 16px;

	line-height: 24px;

	color: #666666;

	margin-top: 8px;

}

.intitle dl dd i{

	width: 1px;

	height: 15px;

	background-color: rgba(0,0,0,0.3);

	margin-left: 30px;

	margin-right: 30px;

}

.intitle dl dd span{

	font-size: 18px;

	color: #333333;

}

.intitle dl dd div{

	display: flex;

	align-items: center;

}

.intitle dl dd .cur{

	color: #EB5757;

}

.youshi{

	width: 100%;

	float: left;

	margin-top: 98px;

	height: 625px;

	background-image: url(../img/ysbj.jpg);

	background-position: center;

	background-repeat: no-repeat;

	

}

.ystitle{

	width: 100%;

	float: left;

	margin-top: 80px;

	text-align: center;

	color: #FFFFFF;

}

.ystitle dl dt{

	font-size: 30px;

	line-height: 40px;

}

.ystitle dl dd{

	font-size: 18px;

	line-height: 24px;

	margin-top: 8px;

}

.ystitle p{

	width: 52%;

	margin-left: 24%;

	font-size: 14px;

	line-height: 21px;

	margin-top: 20px;

}

.ystex{

	width: 100%;

	float: left;

	margin-top: 30px;

}

.ystex ul{

	display: flex;

	justify-content: space-between;

}

.ystex ul li{

	width: 20%;

	padding: 30px;

	transition: all 0.6s;

}

.ystex ul li .pic{

	height: 100px;

	text-align: center;

}

.ystex ul li h1{

	font-size: 18px;

	text-align: center;

	margin-top: 30px;

	line-height: 24px;

	color: #FFFFFF;

}

.ystex ul li dl dt{

	margin-top: 14px;

	text-align: center;

}

.ystex ul li dl dd{

	font-size: 14px;

	line-height: 21px;

	margin-top: 8px;

	margin-bottom: 10px;

	text-align: center;

	color: #FFFFFF;

}

.ystex ul li:hover{

	background: linear-gradient(125deg,#2a2b7b 0%, #0d81ca 100%);

}

.yytitle{

	width: 100%;

	float: left;

	margin-top: 80px;

	display: flex;

	justify-content: space-between;

}

.yytitle dl dt{

	font-size: 30px;

	line-height: 40px;

	color: #333333;

}

.yytitle dl dd{

	font-size: 18px;

	line-height: 24px;

	margin-top: 8px;

}

.yytitle .more{

	display: flex;

}

.yytitle .more a{

	width: 186px;

	height: 48px;

	background: #0063b1;

	border-radius: 24px;

	text-align: center;

	line-height: 48px;

	font-size: 16px;

	color: #FFFFFF;

}

.yytitle .more img{

	margin-left: 25px;

	vertical-align: middle;

}

.applic{

	width: 100%;

	float: left;

	margin-top: 30px;

	position: relative;

	height: 35vw;

	background-image:url(../img/bb01.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}

.applic .pic{

	width: 80%;

	position: absolute;

	top: -30px;

	left: 10%;

	z-index: 1;

	height: 35vw;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}

.applic .tex{

	width: 100%;

	position: absolute;

	z-index: 2;

	top: 0;

	left: 0;

	display: flex;

	justify-content: space-between;

}

.applic .tex ul{

	width: 28%;

}

.applic .tex ul:nth-child(2) li .wenz{

	text-align: right;

}

.applic .tex ul li{

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-top: 50px;

}

.applic .tex ul li:nth-child(2){

	margin-top: 12vw;

}

.applic .tex ul li .tp{

	width: 147px;

	height: 147px;

}

.applic .tex ul li .tp span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.applic .tex ul li .tp img{

	max-width: 80%;

	max-height: 80%;

	vertical-align: middle;

}

.applic .tex ul li .wenz{

	width: calc(100% - 170px);

	font-size: 16px;

	line-height: 21px;

	color: #666666;

}

.applic .tex ul li .wenz h1{

	font-size: 24px;

	line-height: 32px;

	margin-bottom: 12px;

}

.hcaOn h1{

	color: #0063B1;

}

.hcaOn .tp{

	background-image: url(../img/l01.png);

	background-position: center;

	background-repeat: no-repeat;

	text-align: center;

}

.hcaOn .pic01{

	display: none;

}

.hcaOn .pic02{

	display: inline-block;

}

.hcaOff .tp{

	background-image: url(../img/l02.png);

	background-position: center;

	background-repeat: no-repeat;

	text-align: center;

}

.hcaOff h1{

	color: #333333;

}

.hcaOff .pic01{

	display: inline-block;

}

.hcaOff .pic02{

	display: none;

}



.inabout{

	width: 100%;

	float: left;

	margin-top: 90px;

	display: flex;

}

.inabout-l{

	width: 50%;

	height: 31.25vw;

	position: relative;

	background-image: url(../img/ab01.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.inabout-l .bof{

	width: 72px;

	height: 72px;

	position: absolute;

	z-index: 11;

	top: calc(50% - 36px);

	left: calc(50% - 36px);

}

.inabout-r{

	width: 50%;

	height: 31.25vw;

	padding: 3.0vw 4.2vw;

	background: linear-gradient(109deg,#2a2b7b 0%, #0d81ca 100%);

	font-size: 14px;

	line-height: 28px;

	color: #FFFFFF;

}

.inabout-r h1{

	font-size: 48px;

	font-family: Arial, Arial-Bold;

	font-weight: 700;

	text-align: LEFT;

	color: rgba(255,255,255,0.60);

	letter-spacing: 0.24px;

	line-height: 55px;

}

.inabout-r h2{

	font-size: 18px;

	font-weight: 700;

	text-align: LEFT;

	color: #ffffff;

	line-height: 36px;

	letter-spacing: 0.18px;

	margin-bottom: 20px;

}

.inabout-r ul{

	display: flex;

}

.inabout-r ul li{

	margin-right: 3.6vw;

	margin-top: 3.4vw;

	text-align: center;

}

.inabout-r ul li dl dt{

	font-size: 47px;

	color: #FFFFFF;

	line-height: 55px;

	display: flex;

	align-items: flex-start;

}

.inabout-r ul li dl dt i{

	font-size: 16px;

	line-height: 24px;

	margin-left: 5px;

}

.inabout-r ul li dl dd{

	font-size: 16px;

	line-height: 21px;

	color: #FFFFFF;

}

.inabout-r .more{

	margin-top: 4.2vw;

	display: flex;

}

.inabout-r .more a{

	width: 181px;

	height: 44px;

	background: #ffffff;

	text-align: center;

	font-size: 14px;

	font-family: Roboto, Roboto-Bold;

	font-weight: 700;

	color: #0063b1;

	letter-spacing: 0.14px;

	text-transform: uppercase;

	line-height: 44px;

}



.innews{

	width: 100%;

	float: left;

	margin-top: 30px;

}

.innews ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.innews ul li{

	width: calc(33.3% - 15px);

	background: #e9edf0;

	height: 567px;

	position: relative;

	margin-top: 25px;

}

.innews ul li:first-child{

	width: 66.1%;

}

.innews ul li:first-child .pic{

	height: 567px;

}

.innews ul li:first-child .tex{

	width: 100%;

	position: absolute;

	z-index: 11;

	left: 0;

	bottom: 0;

	padding: 40px 50px;

	background-color: #0063B1;

	color: #FFFFFF;

}

.innews ul li:first-child .tex h1{

	color: #FFFFFF;

	margin-top: 0px;

}

.innews ul li .pic{

	height: 295px;

	overflow: hidden;

}

.innews ul li .pic img{

	width: 100%;

	height: 100%;

	display: block;

	transition: all 0.6s;

}

.innews ul li:hover .pic img{

	transform: scale(1.05);

}

.innews ul li .tex{

	width: 100%;

	padding: 15px 30px;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

}

.innews ul li .tex h1{

	font-size: 18px;

	line-height: 24px;

	margin-bottom: 15px;

	margin-top: 15px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}

.innews ul li .tex .more{

	display: flex;

	margin-top: 20px;

}

.innews ul li .tex .more a{

	width: 142px;

	height: 40px;

	border:1px solid #dddddd;

	border-radius: 24px;

	text-align: center;

	font-size: 14px;

	line-height: 40px;

}

.innews ul li .tex .more a:hover{

color: #FFFFFF;

background: #0063b1;

}

.innews ul li .tex .more img{

	vertical-align: middle;

	margin-left: 14px;

}



.hz{

	width: 100%;

	float: left;

	margin-top: 80px;

}

.hz ul li{

	width: 270px;

	height: 110px;

	border: 1px solid #E6E6E6;

	text-align: center;

	margin-right: 20px;

	float: left;

}

.hz ul li span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.hz ul li img{

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}



#demo { 

	overflow:hidden; 

	width: 100%; 

} 

#demo img { 

} 

#indemo { 

	float: left; 

	width: 1800%; 

} 

#demo1 { 

	float: left; 

} 

#demo2 { 

	float: left; 

}







.foot{

	width: 100%;

	float: left;

	background: #191919;

	margin-top: 80px;

}

.foot03{

	width: 100%;

	float: left;

	margin-top: 40px;

	padding-bottom: 40px;

	border-bottom: 2px solid rgba(255,255,255,0.1);

	display: flex;

	justify-content: space-between;

	color: #FFFFFF;

	align-items: flex-start;

}

.foot03 div:nth-child(2){

	text-align: right;

	font-size: 14px;

	line-height: 18px;

}

.foot03 div:nth-child(2) h1{

	font-size: 24px;

	line-height: 36px;

}

.foot .foot03 div:nth-child(2) img{

	vertical-align: middle;

	margin-right: 10px;

}

.foot01{

	width: 100%;

	float: left;

	margin-top: 60px;

	

}

.foot01 ul{

	display: flex;

	justify-content: space-between;

}

.foot ul{

	display: flex;

	justify-content: space-between;

}

.foot ul li{

	width: auto;

}

.foot ul li dl dt{

	font-size: 14px;

	line-height: 18px;

	color: #FFFFFF;

}

.foot ul li dl dd{

	font-size: 14px;

	line-height: 16px;

	color: #BDBDBD;

	margin-top: 17px;

}

.foot ul li dl dd a{

	color: #BDBDBD;

}

.foot ul li dl dd a:hover{

	color: #FFFFFF;

}

.foot ul li:nth-child(7){

	margin-left: 80px;

}

.foot ul li:nth-child(7) dl dd{

	text-align: center;

	margin-top: 5px;

}

.foot ul li:last-child dl dd{

	text-align: center;

	margin-top: 5px;

}

.foot02{

	width: 100%;

	float: left;

	border-top: 2px solid rgba(255,255,255,0.10);

	padding-bottom: 40px;

	padding-top: 40px;

	color: #666666;

	font-size: 14px;

	line-height: 18px;

	margin-top: 60px;

}

.foot02 a{

	color: #666666;

}







.nybanner{

	width: 100%;

	float: left;

	height: 34vw;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-top:80px;

}

.nybanner .wenz{

	width: 100%;

	margin-top: 12.0vw;

	float: left;



}

.nybanner .wenz dl{

	display: flex;

	flex-wrap: wrap;

}

.nybanner .wenz dl dt{

	line-height: 40px;

	font-size: 30px;

	color: #ffffff;

	width: 100%;

}

.nybanner .wenz dl dd{

	line-height: 75px;

	font-size: 56px;

	color: #F2F2F2;

	margin-top: 20px;

	font-weight: bold;

	text-transform: uppercase;

	width: 100%;

	font-family: arial;

}

.zlm{

	width: 100%;

	float: left;

	position: relative;

	height: 80px;

	display: flex;

	justify-content: center;

}

.zlm ul{

	display: flex;

	background-color: #FFFFFF;

	box-shadow: 2px 5px 20px rgba(0,0,0,0.1);

	justify-content: center;

	position: absolute;

	top: -15px;

	z-index: 11;

}

.zlm ul li{

	text-align: center;

	height: 80px;

	align-items: center;

	display: flex;

}

.zlm ul li dl{

	padding-left: 3.4vw;

	padding-right: 3.4vw;

}

.zlm ul li dl dt{

	font-size: 18px;

	line-height: 24px;

}

.zlm ul li dl dd{

	font-size: 12px;

	line-height: 16px;

	text-transform: uppercase;

	color: #999999;

}

.zlm ul li i{

	width: 1px;

	height: 40px;

	background-color: rgba(0,0,0,0.10);

}



.zlm ul li .cur{

	color: #0063B1;

}



.abtitle{

	width: 100%;

	float: left;

	margin-top: 70px;

}

.abtitle dl dt{

	font-size: 30px;

	color: #0063B1;

	font-weight: bold;

	text-align: center;

}

.abtitle dl dd{

	margin-top: 40px;

	line-height: 36px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

}

.abtitle dl dd i{

	width: 1px;

	height: 30px;

	background-color: rgba(0,0,0,0.10);

	margin-left: 30px;

	margin-right: 30px;

}

.abtitle dl dd span{

	width: 60px;

	height: 2px;

	background: #0063b1;

	margin-left: 35px;

	margin-right: 35px;

}

.abtitle p{

	font-size: 14px;

	line-height: 30px;

	margin-top: 20px;

	color: #666666;

	text-align: center;

}



.about{

	width: 100%;

	float: left;

	margin-top: 40px;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	text-align: center;

}

.about ul{

	display: flex;

	justify-content: space-between;

	margin-bottom: 40px;

	margin-top: 40px;

}

.about ul li{

	width: calc(33.3% - 5px);

	height: 180px;

	background-color: #f2f2f2;

	display: table;

}

.about ul li dl{

	display: table-cell;

	vertical-align: middle;

}

.about ul li dl dt{

	color: #0063B1;

	font-size: 64px;

	line-height: 75px;

	display: flex;

	justify-content: center;

	align-items: flex-start;

}

.about ul li dl dt i{

	font-size: 16px;

	margin-left: 5px;

	line-height: 24px;

}

.about ul li dl dd{

	font-size: 14px;

	margin-top: 10px;

	color: #666666;

	text-align: center;

}



.abtitle2{

	width: 100%;

	float: left;

	margin-top: 100px;

}

.abtitle2 dl dt{

	font-size: 30px;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

}

.abtitle2 dl dd{

	margin-top: 40px;

	line-height: 36px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

	color: #FFFFFF;

}

.abtitle2 dl dd i{

	width: 1px;

	height: 30px;

	background-color: rgba(255,255,255,0.80);

	margin-left: 30px;

	margin-right: 30px;

}

.abtitle2 dl dd span{

	width: 60px;

	height: 2px;

	background: #FFFFFF;

	margin-left: 35px;

	margin-right: 35px;

}



.cutrul{

	width: 100%;

	float: left;

	margin-top: 80px;

	background-image: url(../img/whbj.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	height: 850px;

	

}

.cutrul01{

	width: 100%;

	float: left;

	margin-top: 60px;

}

.cutrul01 ul{

	display: flex;

	justify-content: space-between;

}

.cutrul01 ul li{

	width: calc(25% - 50px);

	border: 1px solid rgba(255,255,255,0.6);

	height: 430px;

	transition: all 0.6s;

}

.cutrul01 ul li .pic{

	margin-top: 88px;

	height: 80px;

	text-align: center;

}

.cutrul01 ul li .pic img{

	max-height: 80px;

}

.cutrul01 ul li dl dt{

	font-size: 24px;

	color: #FFFFFF;

	margin-top: 26px;

	margin-bottom: 30px;

	text-align: center;

}

.cutrul01 ul li dl dd{

	font-size: 18px;

	line-height: 40px;

	text-align: center;

	color: #FFFFFF;

}

.cutrul01 ul li:hover{

	background: linear-gradient(128deg,#2a2b7b 0%, #0d81ca 100%);

	border: 0px;

}

.rytitle{

	width: 100%;

	float: left;

	margin-top: 80px;

	text-align: center;

}

.rytitle dl dt{

	font-size: 30px;

	line-height: 40px;

	font-weight: bold;

	color: #333333;

	text-align: center;

}

.rytitle dl dd{

	font-size: 14px;

	line-height: 28px;

	color: #333333;

	text-align: center;

	margin-top: 20px;

}

.honr01{

	width: 100%;

	float: left;

	margin-top: 80px;

}

.honr01 ul{

	display: flex;

	justify-content: space-around;

}

.honr01 ul li{

	width: auto;

	height: 67px;

	font-size: 18px;

	line-height: 24px;

	background-image: url(../img/ryq.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

	display: table;

	text-align: center;

	font-weight: bold;

}

.honr01 ul li div{

	display: table-cell;

	vertical-align: middle;

}

.zeren{

	width: 100%;

	float: left;

	margin-top: 100px;

	height: 655px;

	background-image: url(../img/zrbj.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.zeren01{

	width: 51.5%;

	float: left;

	margin-top: 180px;

	background: linear-gradient(103deg,#2a2b7b 0%, #0d81ca 100%);

	padding: 40px 60px;

	font-size: 14px;

	color: #FFFFFF;

	line-height: 24px;

	padding-bottom: 65px;

}

.zeren01 h1{

	font-size: 24px;

	margin-bottom: 20px;

	line-height: 32px;

}



.prolist{

	width: 100%;

	float: left;

}

.prolist ul li{

	width: calc(34.3% - 40px);

	float: left;

	margin-right: 40px;

	transition: all 0.6s;

	margin-top: 60px;

	border: 1px solid #bdbdbd;

	height: 430px;

}

.prolist ul li .pic{

	height: 335px;

	text-align: center;

}

.prolist ul li .pic span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.prolist ul li .pic img{

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}

.prolist ul li dl dt{

	line-height: 24px;

	text-align: center;

	font-size: 18px;

	color: #333333;

	transition: all 0.6s;

	font-weight: bold;
	padding-top:10px;

}

.prolist ul li dl dd{

	margin-top: 16px;

	color: #0063B1;

	margin-top: 15px;

	text-align: center;

	display: none;

	font-size: 14px;

	font-weight: bold;

}

.prolist ul li dl dd a{

	color: #0063B1;

}

.prolist ul li:hover{

	border: 1px solid #0063b1;

	box-shadow: 0px 28.75px 57.5px 0px rgba(57,57,57,0.10); 

}

.prolist ul li:hover dl dd{

	display: block;

}

.prolist ul li:nth-child(3n){

	float: right;

	margin-right: 0px;

}



.fy{

	width: 100%;

	float: left;

	margin-top: 60px;

}

.fy ul{

	display: flex;

	justify-content: center;

}

.fy ul li{

	font-size: 16px;

	line-height: 38px;

}

.fy ul li a{

	padding: 10px 20px;

	height: 38px;

	text-align: center;

	border: 1px solid #DEE2E6;

	border-right: 0px;

}

.fy ul li a:hover{

	background-color: #0063B1;

	color: #FFFFFF;

}

.fy ul li:last-child a{

	border: 1px solid #DEE2E6;

}

.fy ul li .cur{

	background-color: #0063B1;

	color: #FFFFFF;

}



.line10{

	width: 100%;

	float: left;

	height: 1px;

	background-color: rgba(0,0,0,0.1);

	margin-top: 20px;

}

.protitle{

	width: 100%;

	float: left;

	font-size: 24px;

	font-weight: bold;

	line-height: 32px;

	margin-top: 30px;

}



.index_zhuanjia{ width:1330px; overflow:hidden; float: left; margin-top: 40px;}

.index_zhuanjia_pic{ width:990px; height:720px; overflow:hidden; float:left;position:relative; border:1px solid #eee;}

.index_zhuanjia_pic ul{height:377px;position:absolute; left:0;}

.index_zhuanjia_pic li{width:990px; height:720px; overflow:hidden;position:relative;float:left; text-align:center;}

.index_zhuanjia_pic li span{ height:100%; display: inline-block;vertical-align: middle;}

.index_zhuanjia_pic li img{ max-width:100%; max-height:100%; vertical-align: middle;}



.index_zhuanjia_left_inc{ width:48px; height:48px; position:absolute;left:20px;top:calc(50% - 24px); cursor:pointer;background:url(../images/float_left_inc.png) left top no-repeat; z-index:9}

.index_zhuanjia_left_inc:hover{background:url(../images/float_left_inc2.png) left top no-repeat; -webkit-transform: rotate(180deg)}

.index_zhuanjia_right_inc{ width:48px; height:48px; position:absolute;right:20px;top:calc(50% - 24px); cursor:pointer;background:url(../images/float_left_inc.png) left top no-repeat; z-index:9; -webkit-transform: rotate(180deg)}

.index_zhuanjia_right_inc:hover{background:url(../images/float_left_inc2.png) left top no-repeat;-webkit-transform: rotate(360deg)}

.index_zhuanjia_list{ width:312px;height:720px; overflow:hidden; float:right;}

.index_zhuanjia_lists{width:312px; height:668px; overflow:hidden;position:relative;}

.index_zhuanjia_lists ul{ width:312px; height:668px;position:absolute;overflow:hidden;}

.index_zhuanjia_lists ul li{ width:312px; height:214px; position:relative; margin-bottom: 10px; }

.index_zhuanjia_lists ul li.on dd img{ width:310px; height:212px; border:1px #4273b0 solid;}

.index_zhuanjia_lists ul li dd{ width:312px; height:214px; overflow:hidden; float:left;}

.index_zhuanjia_lists ul li dd img{ width:310px; height:212px; border:1px #e8e8e8 solid;}

.index_zhuanjia_pre{ width:312px; height:23px; overflow:hidden; cursor:pointer;background:#b2b0b0 url(../images/index_zhuanjia_pre.png) no-repeat center;}

.index_zhuanjia_next{ width:312px; height:23px; overflow:hidden; cursor:pointer;background:#b2b0b0 url(../images/index_zhuanjia_next.png) no-repeat center;}



.prodh{

	width: 100%;

	float: left;

	height: 60px;

	line-height: 60px;

	background-color: #333333;

	margin-top: 40px;

}

.prodh ul{

	display: flex;

}

.prodh ul li{

	width: 187px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	font-size: 14px;

	color: #FFFFFF;

}

.proshow01{

	width: 100%;

	float: left;

	border: 1px solid #bdbdbd;

	padding: 60px;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

}

.proshow01 img{

	max-width: 100%;

	height: auto;

}

.hcbOn{

	background: linear-gradient(100deg,#2a2b7b 0%, #0d81ca 100%);

}

.proshow2{

	width: 100%;

	float: left;

	margin-top: 60px;

	background-color: #EBF0F5;

}

.proshow2 ul{

	display: flex;

	flex-wrap: wrap;

}

.proshow2 ul li{

	width: 25%;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	height: 255px;

	align-items: center;

	display: flex;

	justify-content: center;

	transition: all 0.6s;

}

.proshow2 ul li dl dt{

	height: 80px;

	text-align: center;

}

.proshow2 ul li dl dt .pic01{

	display: inline-block;

}

.proshow2 ul li dl dt .pic02{

	display: none;

}

.proshow2 ul li dl dd{

	font-size: 18px;

	color: #666666;

	line-height: 24px;

	text-align: center;

	margin-top: 35px;

}

.proshow2 ul li:hover{

	background: linear-gradient(113deg,#2a2b7b 0%, #0d81ca 100%);

}

.proshow2 ul li:hover dl dd{

	color: #FFFFFF;

}

.proshow2 ul li:hover dl dt .pic01{

	display: none;

}

.proshow2 ul li:hover dl dt .pic02{

	display: inline-block;

}

.proshow2 ul li:nth-child(4n){

	border-right: 0px;

}



.ys01{

	width: 100%;

	float: left;

}

.ys01 ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.ys01 ul li{

	width: calc(25% - 20px);

	height: 446px;

	background: #ebf0f5;

	border-top: 12px solid #e0e4ea;

	padding: 0px 40px;

	font-size: 14px;

	color: #666666;

	transition: all 0.6s;

	margin-top: 70px;

}

.ys01 ul li .pic{

	margin-top: 35px;

}

.ys01 ul li h1{

	margin-bottom: 20px;

	margin-top: 20px;

	font-size: 18px;

	color: #333333;

	line-height: 24px;

}

.ys01 ul li .sz{

	opacity: 0.1;

	font-size: 48px;

	font-family: "arial, helvetica, sans-serif";

	font-weight: bold;

	color: #0063b1;

	display: none;

	width: 100%;

	text-align: right;

}

.ys01 ul li:hover .sz{

	display: inline-block;

}

.ys01 ul li:hover h1{

	color: #0063B1;

}

.ys01 ul li:hover{

	box-shadow: 0px 6px 7px 0px rgba(5,105,198,0.15);

	margin-top: 60px;

}



.sbei{

	width: 100%;

	float: left;

	height: 898px;

	background-image: url(../img/sbbj.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 80px;

}

.sbtitle{

	width: 100%;

	float: left;

	margin-top: 160px;

	text-align: center;

}

.sbtitle dl dt{

	font-size: 36px;

	line-height: 48px;

	color: #FFFFFF;

}

.sbtitle dl dd{

	margin-left: 13%;

	margin-right: 12%;

	font-size: 14px;

	line-height: 30px;

	color: #FFFFFF;

	margin-top: 20px;

}

.sbtex{

	width: 100%;

	float: left;

	margin-top: 130px;

}

.sbtex ul{

	display: flex;

	justify-content: space-around;

}

.sbtex ul li{

	width: auto;

}

.sbtex ul li dl dt{

	height: 80px;

	text-align: center;

}

.sbtex ul li dl dd{

	font-size: 18px;

	line-height: 24px;

	margin-top: 30px;

	text-align: center;

	color: #FFFFFF;

}

.sbtex2{

	width: 100%;

	float: left;

	margin-top: 157px;

}

.sbtex2 ul{

	display: flex;

	justify-content: center;

}

.sbtex2 ul li{

	width: 200px;

	height: 48px;

	border: 1px solid #ffffff;

	border-radius: 4px;

	text-align: center;

	font-size: 14px;

	margin-left: 20px;

	margin-right: 20px;

	line-height: 48px;

}

.sbtex2 ul li a{

	width: 100%;

	float: left;

	line-height: 48px;

	color: #FFFFFF;

}

.sbtex2 ul li img{

	vertical-align: middle;

	margin-right: 5px;

}

.sbtex2 ul li:nth-child(2) img{

	margin-left: 20px;

	margin-right: 0px;

}



.sbtitle2{

	width: 100%;

	float: left;

	margin-top: 80px;

	text-align: center;

}

.sbtitle2 dl dt{

	font-size: 36px;

	line-height: 40px;

	color: #333333;

}

.sbtitle2 dl dd{

	margin-left: 25%;

	margin-right: 25%;

	font-size: 16px;

	line-height: 32px;

	color: #333333;

	margin-top: 40px;

}

.sbtitle2 .more{

	display: flex;

	margin-top: 40px;

	justify-content: center;

}

.sbtitle2 .more a{

	width: 157px;

	height: 46px;

	background: #0063b1;

	font-size: 14px;

	line-height: 46px;

	color: #FFFFFF;

}

.sbpic{

	width: 100%;

	float: left;

	margin-top: 80px;

}

.lytex01{

	width: 100%;

	float: left;

	margin-top: 40px;

	background: #e9edf0;

	padding: 40px;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

}



.xgcp{

	width: 100%;

	float: left;

	height: 19.3vw;

	background-image: url(../img/cb01.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 80px;

}

.xgcpbt{

	width: 100%;

	float: left;

	margin-top: 5.0vw;

	text-align: center;

	font-size: 30px;

	color: #FFFFFF;

	line-height: 40px;

	background-image: url(../img/hx02.jpg);

	background-position: center bottom;

	background-repeat: no-repeat;

	padding-bottom: 20px;

}

.xgcp01{

	width: 100%;

	float: left;

	height: auto;

}

.xgcp01-1{

	width: 100%;

	float: left;

	margin-top: -5.4vw;

}

.pxfw{

	width: 100%;

	float: left;

	margin-top: 60px;

}

.pxfw ul{

	display: flex;

	justify-content: space-between;

}

.pxfw ul li{

	width: calc(25% - 15px);

	height: 727px;

	border: 1px solid #e0e0e0;

	position: relative;

}

.pxfw ul li .pic{

	height: 154px;

}

.pxfw ul li .pic img{

	width: 100%;

	height: 100%;

	display: block;

}

.pxfw ul li h1{

	margin-top: 30px;

	font-size: 18px;

	color: #333;

	line-height: 24px;

	margin-bottom: 20px;

	margin-left: 30px;

	margin-right: 30px;

}

.pxfw ul li p{

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	padding: 0px 30px;

}

.pxfw ul li .cont{

	width: calc(100% - 60px);

	position: absolute;

	left: 30px;

	bottom: 44px;

}

.pxfw ul li .cont div{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pxfw ul li .cont div a{

	width: 149px;

	height: 38px;

	background: linear-gradient(98deg,#2a2b7b 0%, #0d81ca 100%);

	line-height: 38px;

	font-size: 14px;

	color: #FFFFFF;

	text-align: center;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw ul li .cont div a img{

	vertical-align: middle;

	margin-left: 22px;

}

.pxfw ul li .cont div span{

	opacity: 1;

	transition: all 0.6s;

}

.pxfw ul li:hover .cont div span{

	opacity: 0;

}

.pxfw ul li:hover .cont div a{

	opacity: 1;

}

.pxfw ul li:hover .pic{

	display: none;

}

.pxfw ul li:hover h1{

	margin-top: 60px;

	padding-bottom: 40px;

	border-bottom: 1px solid rgba(0,0,0,0.1);

	margin-bottom: 30px;

}

.pxfw ul li .hx{

	width: 60px;

	height: 3px;

	border: 3px solid;

	border-image: linear-gradient(90deg, #2a2b7b, #0d81ca 100%) 3 3;

	position: absolute;

	top: 0;

	left: 30px;

	z-index: 11;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw ul li:hover .hx{

	opacity: 1;

}





.pxfw1{

	width: 100%;

	float: left;

	margin-top: 60px;

}

.pxfw1 ul{

	display: flex;

	justify-content: space-between;

}

.pxfw1 ul li{

	width: calc(25% - 15px);

	height: 460px;

	border: 1px solid #e0e0e0;

	position: relative;

}

.pxfw1 ul li .pic{

	height: 154px;

}

.pxfw1 ul li .pic img{

	width: 100%;

	height: 100%;

	display: block;

}

.pxfw1 ul li h1{

	margin-top: 30px;

	font-size: 18px;

	color: #333;

	line-height: 24px;

	margin-bottom: 20px;

	margin-left: 30px;

	margin-right: 30px;

}

.pxfw1 ul li p{

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	padding: 0px 30px;

}

.pxfw1 ul li .cont{

	width: calc(100% - 60px);

	position: absolute;

	left: 30px;

	bottom: 44px;

}

.pxfw1 ul li .cont div{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pxfw1 ul li .cont div a{

	width: 149px;

	height: 38px;

	background: linear-gradient(98deg,#2a2b7b 0%, #0d81ca 100%);

	line-height: 38px;

	font-size: 14px;

	color: #FFFFFF;

	text-align: center;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw1 ul li .cont div a img{

	vertical-align: middle;

	margin-left: 22px;

}

.pxfw1 ul li .cont div span{

	opacity: 1;

	transition: all 0.6s;

}

.pxfw1 ul li:hover .cont div span{

	opacity: 0;

}

.pxfw1 ul li:hover .cont div a{

	opacity: 1;

}

.pxfw1 ul li:hover .pic{

	display: none;

}

.pxfw1 ul li:hover h1{

	margin-top: 60px;

	padding-bottom: 40px;

	border-bottom: 1px solid rgba(0,0,0,0.1);

	margin-bottom: 30px;

}

.pxfw1 ul li .hx{

	width: 60px;

	height: 3px;

	border: 3px solid;

	border-image: linear-gradient(90deg, #2a2b7b, #0d81ca 100%) 3 3;

	position: absolute;

	top: 0;

	left: 30px;

	z-index: 11;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw1 ul li:hover .hx{

	opacity: 1;

}







.px{

	width: 100%;

	float: left;

	margin-top: 80px;

	height: 800px;

	background-image: url(../img/k04.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.px01{

	width: 51.5%;

	float: left;

	margin-top: 285px;

	background: linear-gradient(103deg,#2a2b7b 0%, #0d81ca 100%);

	padding: 40px 60px;

	font-size: 14px;

	color: #FFFFFF;

	line-height: 24px;

	padding-bottom: 65px;

}

.px01 h1{

	font-size: 24px;

	margin-bottom: 20px;

	line-height: 32px;

}

.px01 .more{

	display: flex;

	margin-top: 28px;

}

.px01 .more a{

	width: 149px;

	height: 38px;

	border: 1px solid #ffffff;

	font-size: 14px;

	color: #FFFFFF;

	line-height: 38px;

	text-align: center;

}

.px01 .more a img{

	vertical-align: middle;

	margin-left: 18px;

	margin-top: -2px;

}



.wrap{

	width: 100%;

	float: left;

	background-color: #f3f3f3;

	padding-bottom: 100px;

}

.fwzc{

	width: 100%;

	float: left;

	margin-top: 60px;

}

.fwzc ul{

	display: flex;

	justify-content: space-between;

}

.fwzc ul li{

	width: calc(33.3% - 25px);

	padding: 35px;

	background-color: #FFFFFF;

	height: 214px;

	padding-bottom: 0px;

}

.fwzc ul li h1{

	font-size: 18px;

	line-height: 24px;

	color: #333333;

	background-image: url(../img/sx.jpg);

	background-position: left;

	background-repeat: no-repeat;

	padding-left: 25px;

}

.fwzc ul li .nr{

	display: flex;

	padding: 30px 25px;

	padding-bottom: 0px;

	justify-content: space-between;

	font-size: 14px;

	line-height: 24px;

	color: #666666;

}



.news{

	width: 100%;

	float: left;

	margin-top: 70px;

}

.news ul li{

	width: 100%;

	float: left;

	padding: 40px;

	display: flex;

	justify-content: space-between;

	border-bottom: 1px solid #E0E0E0;

	transition: all 0.6s;

}

.news ul li:hover{

	background: #ffffff;

	box-shadow: 0px 30px 60px 0px rgba(57,57,57,0.10);

}

.news ul li .pic{

	width: 300px;

	overflow: hidden;

}

.news ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

	transition: all 0.6s;

}

.news ul li:hover .pic img{

	transform: scale(1.05);

}

.news ul li .tex{

	width: calc(100% - 340px);

	font-size: 14px;

	line-height: 30px;

	color: #666666;

}

.news ul li .tex h1{

	font-size: 18px;

	line-height: 27px;

	color: #333333;

	margin-bottom: 15px;

}

.news ul li .tex .more{

	display: flex;

	justify-content: space-between;

	margin-top: 50px;

}

.news ul li .tex .more a{

	width: 145px;

	height: 40px;

	background-color: #999999;

	color: #FFFFFF;

	line-height: 40px;

	text-align: center;

}

.news ul li .tex .more a:hover{

	background-color: #0063b1;

	color: #FFFFFF;

}



.fh{

	width: 100%;

	float: left;

	margin-top: 45px;

}

.fh ul{

	display: flex;

	justify-content: center;

}

.fh ul li{

	width: 292px;

	height: 52px;

	background: #ffffff;

	border: 1px solid #dee2e6;

	border-radius: 8px;

	font-size: 16px;

	color: #6C757D;

	text-align: center;

	line-height: 52px;

}

.fh ul li a{

	color: #6C757D;

}



.add{

	width: 100%;

	float: left;

	margin-top: 75px;

	padding-bottom: 15px;

	border-bottom: 1px solid #E6E6E6;

	color: #828282;

	font-size: 14px;

}

.casetitle{

	width: 100%;

	float: left;

	font-size: 24px;

	color: #333333;

	margin-top: 45px;

}

.casedate{

	width: 100%;

	float: left;

	color: #828282;

	font-size: 12px;

	margin-top: 52px;

}

.caseshow{

	width: 100%;

	float: left;

	margin-top: 45px;

	font-size: 14px;

	line-height: 30px;

	color: #333333;

}

.caseshow img{

	max-width: 100%;

	height: auto;

}



.fh2{

	width: 100%;

	float: left;

	margin-top: 45px;

}

.fh2 ul{

	display: flex;

	justify-content: center;

}

.fh2 ul li{

	width: 292px;

	height: 52px;

	background: #ffffff;

	border: 1px solid #E6E6E6;

	border-radius: 8px;

	font-size: 16px;

	color: #6C757D;

	text-align: center;

	line-height: 52px;

}

.fh2 ul li a{

	color: #6C757D;

}



.caselist{

	width: 100%;

	float: left;

}

.caselist ul li{

	width: calc(33.9% - 25px);

	margin-right: 25px;

	margin-top: 40px;

	transition: all 0.6s;

	float: left;

}

.caselist ul li .pic{

	text-align: center;

	overflow: hidden;

	position: relative;

}

.caselist ul li .pic .mask{

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 1;

	background-color: rgba(0,0,0,0.5);

	background-image: url(../img/sp.png);

	background-position: center;

	background-repeat: no-repeat;

	opacity: 0;

	transition: all 0.6s;

}

.caselist ul li:hover .pic .mask{

	opacity: 1;

}

.caselist ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

	transition: all 0.6s;

}

.caselist ul li:hover .pic img{

	transform: scale(1.05);

}

.caselist ul li dl dt{

	font-size: 18px;

	margin-top: 10px;

	line-height: 36px;

	color: #333333;

	transition: all 0.6s;

}

.caselist ul li:hover dl dt{

	color: #0063B1;

}

.caselist ul li:nth-child(3n){

	float: right;

	margin-right: 0px;

}



.lxwm{

	width: 100%;

	float: left;

	margin-top: 90px;

	background-color: #e9edf0;

	display: flex;

}

.lxwm-l{

	width: 43%;

	padding: 40px 45px;

	font-size: 14px;

	line-height: 36px;

	color: #FFFFFF;

	background: linear-gradient(110deg,#2a2b7b 0%, #0d81ca 100%);

}

.lxwm-l h1{

	font-size: 24px;

	margin-bottom: 40px;

	font-weight: normal;

}

.lxwm-l img{

	vertical-align: middle;

	margin-right: 10px;

}



.lxwm-r{

	width: 57%;

	padding: 50px 60px;

}

.lxwm-r ul li{

	width: 100%;

	float: left;

	line-height: 60px;

	margin-top: 20px;

}

.lxbk{

	width: 100%;

	height: 60px;

	border: 0px;

	outline: none;

	font-size: 14px;

	color: #999999;

	padding-left: 28px;

	line-height: 60px;

	font-family: "微软雅黑";

}

.lxanniu{

	width: 148px;

	height: 50px;

	background: linear-gradient(100deg,#2a2b7b 0%, #0d81ca 100%);

	border: 0px;

	cursor: pointer;

	color: #FFFFFF;

	line-height: 50px;

	text-align: center;

	font-size: 14px;

}

.lxwm-r ul li:first-child{

	width: 49%;

	margin-top: 0px;

}

.lxwm-r ul li:nth-child(2){

	margin-top: 0px;

	width: 49%;

	float: right;

}

.lxwm-r ul li:last-child{

	margin-top: 40px;

}

.map{

	width: 100%;

	float: left;

	margin-top: 80px;

}

.map img{

	width: 100%;

	height: auto;

	display: block;

}











.mart0{

	margin-top: 0px;

}

.mart40{

	margin-top: 40px;

}

















.zp{

	width: 100%;

	float: left;

	margin-top: 70px;

	margin-bottom: 70px;

}

	

.subNavBox2{

	width:100%;

	float:left;

	box-shadow: 2px 5px 40px rgba(0,0,0,0.1);

}

.subNavBox2 h1{

	HEIGHT:75px;

	line-height: 75px;

	display: flex;

	font-size:18px;

	background-color: #0063b1;

	font-weight: normal;

	color: #FFFFFF;

	justify-content: space-between;

}

.subNavBox2 h1 i{

	margin-left: 3.6vw;

	width: 200px;

}

.subNav2{

	width:100%; 

	float:left; 

	HEIGHT:75px;

	display: flex;

	justify-content: space-between;

	CURSOR: pointer; 

	text-align:left; 

	border-bottom:1px solid #e0e0e0;

	background-color: #F9FAFB;

	line-height:75px; 

	font-size:14px;

}

.subNav2 i{ 

	margin-left: 3.6vw;

	width: 200px;

}

.subNav2:hover{float:left; }

.currentDd2{background: #f2f2f2;}

.currentDd2 i{

	color: #0063B1;

}

.navContent2{

	display: none;

	float:left; 

	width:100%; 

	padding:0.5rem 5% 1rem 5%; 

	line-height:30px; 

	font-size:14px;

	background-color: #f2f2f2;

}

.red{

	color: #0063B1;

}













.moblie{

	display: none;

}





.header2{

	display: none;

}

	

}













@media (max-width:1199px) {

.header{

	display: none;

}

.header2{ 

	width:100%; 

	float:left; 

	height:4rem; 

	line-height:4rem;

	background-color: #FFFFFF;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999999;

	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 

}

.logo{ 

	width:100%; 

	float:left; 

	height:4rem; 

	text-align:center;

}

.logo span{ 

	height:100%; 

	display:inline-block; 

	vertical-align:middle;

}

.logo img{ 

	max-width:70%; 

	max-height:3rem; 

	vertical-align:middle;

}

.nav2{ 

	width:60%; 

	float:right; 

	line-height:110px; 

	height:110px; 

	text-align:right;

}

.nav2 a{ 

	width: auto; 

	font-size:16px; 

	margin-right:5%;

}

.nav-bar2 { 

	width:4rem; 

	height:4rem; 

	position:absolute; 

	z-index:11; 

	left:0%; 

	top:0; 

	text-align:center;

}

.nav-bar2 img{ 

	max-width:40%; 

	max-height:1.5rem; 

	vertical-align:middle;

}

.nav-bar2 span{ 

	display:inline-block; 

	height:100%; 

	vertical-align:middle;

}

.nav-bg { 

	width:0px; 

	height: auto; 

	overflow:hidden; 

	position: absolute; 

	right:0px; 

	top:0; 

	z-index:998;

}

.v_close { 

	display:block; 

	position: absolute; 

	top: 3%; 

	left:5%; 

	z-index:102;  

	width: 15px; 

	height: 15px; 

	background:url(../img/close.png) no-repeat; 

	background-size:100% 100%; 

	display:none;

}

.nav { 

	margin:0 0 0 0;

}

.subNavBox3{

	width:65%;

	float:right; 

	background:#fff;  

	padding-bottom:4rem;

}

.subNavBox3 h1{ 

	text-align:center; 

	height:5rem; 

	background:#ffffff;

}

.subNavBox3 h1 span{ 

	height:100%; 

	display:inline-block; 

	vertical-align:middle;

}

.subNavBox3 h1 img{ 

	max-width:80%; 

	max-height:3rem; 

	vertical-align:middle;

} 

.subNav3{

	width:95%; 

	float:left; 

	HEIGHT:3.0rem;

	DISPLAY: block;  

	CURSOR: pointer; 

	padding-left:5%;

	text-align:left; 

	border-bottom:1px solid #e0e0e0; 

	line-height:3.0rem; 

	font-size:1.0rem;

}

.subNav3 i{ 

	padding:0.3rem; 

	background:url(../img/xjt2.png) no-repeat center / contain; 

	margin-right:1rem; 

	float:right; 

	margin-top:1.2rem;

}

.subNav3:hover{float:left; }

.currentDd3{background: #f8f8f8;}

.currentDd3 i{

	background:url(../img/xjt2.png) no-repeat center / contain;

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

	-o-transform:rotate(180deg);

	-ms-transform:rotate(180deg);

	transform:rotate(180deg);

	-webkit-transition:all .25s ease 0s;

	-moz-transition:all .25s ease 0s;

	-o-transition:all .25s ease 0s;

	transition:all .25s ease 0s;

}

.navContent3{

	display: none;

	float:left; 

	width:90%; 

	padding:0.5rem 5% 1rem 5%; 

	line-height:2.0rem; 

	font-size:0.9rem; 

	padding-bottom:0px;

}



.main{ 

	width:90%; 

	float:left; 

	margin-left:5%; 

	margin-right:5%;

}



.intitle{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.intitle dl dt{

	font-size: 1.5rem;

	line-height: 2.0rem;

	color: #333333;

}

.intitle dl dd{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

	margin-top: 8px;

	flex-wrap: wrap;

}

.intitle dl dd i{

	width: 1px;

	height: 0.5rem;

	background-color: rgba(0,0,0,0.3);

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}

.intitle dl dd span{

	font-size: 1.0rem;

	color: #333333;

}

.intitle dl dd div{

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}

.intitle dl dd .cur{

	color: #EB5757;

}

.youshi{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	height: auto;

	background-image: url(../img/ysbj.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	padding-bottom: 3.0rem;

	

}

.ystitle{

	width: 100%;

	float: left;

	margin-top: 3.0rem;

	text-align: center;

	color: #FFFFFF;

}

.ystitle dl dt{

	font-size: 1.5rem;

	line-height: 2.0rem;

}

.ystitle dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 8px;

}

.ystitle p{

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 0.5rem;

}

.ystex{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

}

.ystex ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.ystex ul li{

	width: 50%;

	padding: 1.0rem;

	transition: all 0.6s;

}

.ystex ul li .pic{

	height: 4.0rem;

	text-align: center;

}

.ystex ul li .pic img{

	max-height: 4.0rem;

	max-width: 90%;

}

.ystex ul li h1{

	font-size: 1.0rem;

	text-align: center;

	margin-top: 1.0rem;

	line-height: 1.5rem;

	color: #FFFFFF;

}

.ystex ul li dl dt{

	margin-top: 0.5rem;

	text-align: center;

}

.ystex ul li dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 0.2rem;

	margin-bottom: 0.3rem;

	text-align: center;

	color: #FFFFFF;

}

.ystex ul li:hover{

	background: linear-gradient(125deg,#2a2b7b 0%, #0d81ca 100%);

}

.yytitle{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	display: flex;

	justify-content: space-between;

}

.yytitle dl dt{

	font-size: 1.5rem;

	line-height: 2.0rem;

	color: #333333;

}

.yytitle dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 8px;

}

.yytitle .more{

	display: flex;

}

.yytitle .more a{

	width: 8rem;

	height: 2.0rem;

	background: #0063b1;

	border-radius: 1.5rem;

	text-align: center;

	line-height: 2.0rem;

	font-size: 0.8rem;

	color: #FFFFFF;

}

.yytitle .more img{

	margin-left: 1.0rem;

	vertical-align: middle;

}

.applic{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

	height: auto;

}

.applic .pic{

	width: 100%;

	float: left;

	z-index: 1;

	height: 65vw;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}

.applic .tex{

	width: 100%;

	float: left;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.applic .tex ul{

	width: 100%;

}

.applic .tex ul:nth-child(2) li .wenz{

	text-align: right;

}

.applic .tex ul li{

	width: 50%;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-top: 2.0rem;

	float:left;

}

.applic .tex ul li:nth-child(2){

	

}

.applic .tex ul li .tp{

	width: 6rem;

	height: 6rem;

}

.applic .tex ul li .tp span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.applic .tex ul li .tp img{

	max-width: 50%;

	max-height: 50%;

	vertical-align: middle;

}

.applic .tex ul li .wenz{

	width: calc(100% - 7rem);

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

}

.applic .tex ul li .wenz h1{

	font-size: 1.2rem;

	line-height: 1.5rem;

	margin-bottom: 0.5rem;

	text-align:left;

	color: #0063B1;

}

.hcaOn h1{

	color: #0063B1;

}

.hcaOn .tp{

	background-image: url(../img/l01.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

	text-align: center;

}

.hcaOn .pic01{

	display: none;

}

.hcaOn .pic02{

	display: inline-block;

}

.hcaOff .tp{

	background-image: url(../img/l01.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

	text-align: center;

}

.hcaOff h1{

	color: #333333;

}

.hcaOff .pic01{



display: none;

}

.hcaOff .pic02{

	display: inline-block;

}



.inabout{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	display: flex;

	flex-wrap: wrap;

}

.inabout-l{

	width: 100%;

	height: 65vw;

	position: relative;

	background-image: url(../img/ab01.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.inabout-l .bof{

	width: 2.8rem;

	height: 2.8rem;

	position: absolute;

	z-index: 11;

	top: calc(50% - 1.4rem);

	left: calc(50% - 1.4rem);

}

.inabout-l .bof img{

	max-width: 100%;

	height: auto;

}

.inabout-r{

	width: 100%;

	height: auto;

	padding: 2.0rem 1.0rem;

	background: linear-gradient(109deg,#2a2b7b 0%, #0d81ca 100%);

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #FFFFFF;

}

.inabout-r h1{

	font-size: 1.5rem;

	font-family: Arial, Arial-Bold;

	font-weight: 700;

	text-align: LEFT;

	color: rgba(255,255,255,0.60);

	letter-spacing: 0.24px;

	line-height: 2.0rem;

}

.inabout-r h2{

	font-size: 1.0rem;

	font-weight: 700;

	text-align: LEFT;

	color: #ffffff;

	line-height: 1.5rem;

	letter-spacing: 0.18px;

	margin-bottom: 0.5rem;

}

.inabout-r ul{

	display: flex;

}

.inabout-r ul li{

	margin-right: 3.6vw;

	margin-top: 3.4vw;

	text-align: center;

}

.inabout-r ul li dl dt{

	font-size: 1.5rem;

	color: #FFFFFF;

	line-height: 2.5rem;

	display: flex;

	align-items: flex-start;

}

.inabout-r ul li dl dt i{

	font-size: 0.8rem;

	line-height: 1.0rem;

	margin-left: 0.1rem;

}

.inabout-r ul li dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #FFFFFF;

}

.inabout-r .more{

	margin-top: 2.0rem;

	display: flex;

}

.inabout-r .more a{

	width: 8.0rem;

	height: 2.0rem;

	background: #ffffff;

	text-align: center;

	font-size: 0.8rem;

	font-family: Roboto, Roboto-Bold;

	font-weight: 700;

	color: #0063b1;

	letter-spacing: 0.14px;

	text-transform: uppercase;

	line-height: 2.0rem;

}



.innews{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

}

.innews ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.innews ul li{

	width:100%;

	background: #e9edf0;

	height:  auto;

	position: relative;

	margin-top: 1.0rem;

}

.innews ul li:first-child .tex{

	width: 100%;

	position: absolute;

	z-index: 11;

	left: 0;

	bottom: 0;

	padding: 1.0rem;

	background-color: #0063B1;

	color: #FFFFFF;

}

.innews ul li:first-child .tex h1{

	color: #FFFFFF;

	margin-top: 0px;

	margin-bottom: 0px;

}

.innews ul li:first-child .tex p{

	display: none;

}

.innews ul li .pic{

	height: auto;

	overflow: hidden;

}

.innews ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

	transition: all 0.6s;

}

.innews ul li:hover .pic img{

	transform: scale(1.05);

}

.innews ul li .tex{

	width: 100%;

	padding:1.0rem;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

}

.innews ul li .tex h1{

	font-size: 1.0rem;

	color: #0063B1;

	line-height: 1.5rem;

	margin-bottom: 0.5rem;

	margin-top: 0.5rem;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}

.innews ul li .tex .more{

	display: flex;

	margin-top: 1.0rem;

}

.innews ul li .tex .more a{

	width: 8.0rem;

	height: 2.0rem;

	background: #0063b1;

	border-radius: 1.5rem;

	text-align: center;

	font-size: 0.8rem;

	color: #FFFFFF;

	line-height: 2.0rem;

}

.innews ul li .tex .more img{

	vertical-align: middle;

	margin-left: 0.5rem;

}



.hz{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.hz ul li{

	width: 8.0rem;

	height: 4.0rem;

	border: 1px solid #E6E6E6;

	text-align: center;

	margin-right: 1.0rem;

	float: left;

}

.hz ul li span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.hz ul li img{

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}



#demo { 

	overflow:hidden; 

	width: 100%; 

} 

#demo img { 

} 

#indemo { 

	float: left; 

	width: 1800%; 

} 

#demo1 { 

	float: left; 

} 

#demo2 { 

	float: left; 

}







.foot{

	width: 100%;

	float: left;

	background: #191919;

	margin-top: 2.0rem;

}

.foot03{

	width: 100%;

	float: left;

	margin-top: 40px;

	padding-bottom: 40px;

	border-bottom: 2px solid rgba(255,255,255,0.1);

	display: flex;

	justify-content: space-between;

	color: #FFFFFF;

	align-items: flex-start;

	display: none;

}

.foot03 div:nth-child(2){

	text-align: right;

	font-size: 14px;

	line-height: 18px;

}

.foot03 div:nth-child(2) h1{

	font-size: 24px;

	line-height: 36px;

}

.foot .foot03 div:nth-child(2) img{

	vertical-align: middle;

	margin-right: 10px;

}

.foot01{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	

}

.foot01 ul{

	display: flex;

	justify-content: space-between;

}

.foot ul{

	display: flex;

	justify-content: space-around;

}

.foot ul li{

	width: auto;

	display: none;

	text-align: center;

}

.foot ul li dl dt{

	font-size: 14px;

	line-height: 18px;

	color: #FFFFFF;

}

.foot ul li dl dd{

	font-size: 14px;

	line-height: 16px;

	color: #BDBDBD;

	margin-top: 17px;

}

.foot ul li dl dd a{

	color: #BDBDBD;

}

.foot ul li dl dd a:hover{

	color: #FFFFFF;

}

.foot ul li:nth-child(7){

	display: block;

}

.foot ul li img{

	max-width: 80%;

	height: auto;

}

.foot ul li:nth-child(7) dl dd{

	text-align: center;

	margin-top: 5px;



}

.foot ul li:nth-child(8){

	display: block;

}

.foot ul li:nth-child(8) dl dd{

	display: block;

	text-align: center;

	margin-top: 5px;

}

.foot02{

	width: 100%;

	float: left;

	border-top: 2px solid rgba(255,255,255,0.10);

	padding-bottom: 1.0rem;

	padding-top: 1.0rem;

	color: #666666;

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 2.0rem;

}

.foot02 a{

	color: #666666;

}







.nybanner{

	width: 100%;

	float: left;

	height: 48vw;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 4rem;

}

.nybanner .wenz{

	width: 100%;

	margin-top: 12.0vw;

	float: left;



}

.nybanner .wenz dl{

	display: flex;

	flex-wrap: wrap;

}

.nybanner .wenz dl dt{

	line-height: 2.0rem;

	font-size: 0.8rem;

	color: #ffffff;

	width: 100%;

}

.nybanner .wenz dl dd{

	line-height: 2.0rem;

	font-size: 1.5rem;

	color: #F2F2F2;

	margin-top: 1.0rem;

	font-weight: bold;

	text-transform: uppercase;

	width: 100%;

	font-family: arial;

}

.zlm{

	width: 100%;

	float: left;

	position: relative;

	height: 4.0rem;

	display: flex;

	justify-content: center;

}

.zlm ul{

	display: flex;

	background-color: #FFFFFF;

	box-shadow: 2px 5px 20px rgba(0,0,0,0.1);

	justify-content: center;

	position: absolute;

	top: -1rem;

	z-index: 11;

}

.zlm ul li{

	text-align: center;

	height: 4.0rem;

	align-items: center;

	display: flex;

}

.zlm ul li dl{

	padding-left: 4.5vw;

	padding-right: 4.5vw;

}

.zlm ul li dl dt{

	font-size: 0.8rem;

	line-height: 1.5rem;

}

.zlm ul li i{

	width: 1px;

	height: 2.0rem;

	background-color: rgba(0,0,0,0.10);

}



.zlm ul li .cur{

	color: #0063B1;

}



.abtitle{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.abtitle dl dt{

	font-size: 1.5rem;

	color: #0063B1;

	font-weight: bold;

	text-align: center;

}

.abtitle dl dd{

	margin-top: 1.0rem;

	line-height: 1.5rem;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 1.2rem;

}

.abtitle dl dd i{

	width: 1px;

	height: 1.5rem;

	background-color: rgba(0,0,0,0.10);

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}

.abtitle dl dd span{

	width: 2.0rem;

	height: 2px;

	background: #0063b1;

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}

.abtitle p{

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 0.5rem;

	color: #666666;

	text-align: center;

}



.about{

	width: 100%;

	float: left;

	margin-top: 40px;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	text-align: center;

}

.about img{

	max-width: 100%;

	height: auto;

}

.about ul{

	display: flex;

	justify-content: space-between;

	margin-bottom: 1.0rem;

	margin-top: 1.0rem;

	flex-wrap: wrap;

}

.about ul li{

	width: 100%;

	height: auto;

	background-color: #f2f2f2;

	padding: 1.0rem;

	margin-bottom: 1.0rem;

}

.about ul li dl dt{

	color: #0063B1;

	font-size: 1.5rem;

	line-height: 2.5rem;

	display: flex;

	justify-content: center;

	align-items: flex-start;

}

.about ul li dl dt i{

	font-size: 0.8rem;

	margin-left: 5px;

	line-height: 1.5rem;

}

.about ul li dl dd{

	font-size: 0.8rem;

	margin-top: 0.2rem;

	color: #666666;

	text-align: center;

}



.abtitle2{

	width: 100%;

	float: left;

	margin-top: 3.0rem;

}

.abtitle2 dl dt{

	font-size: 1.5rem;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

}

.abtitle2 dl dd{

	margin-top: 1.0rem;

	line-height: 1.5rem;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 1.2rem;

	color: #FFFFFF;

}

.abtitle2 dl dd i{

	width: 1px;

	height: 1.5rem;

	background-color: rgba(255,255,255,0.80);

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}

.abtitle2 dl dd span{

	width: 2.0rem;

	height: 2px;

	background: #FFFFFF;

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}



.cutrul{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	background-image: url(../img/whbj.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	height: auto;

	padding-bottom: 3.0rem;

	

}

.cutrul01{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.cutrul01 ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.cutrul01 ul li{

	width: 49%;

	border: 1px solid rgba(255,255,255,0.6);

	height:  auto;

	transition: all 0.6s;

	margin-bottom: 0.5rem;

	padding-bottom: 1.0rem;

}

.cutrul01 ul li .pic{

	margin-top: 2.0rem;

	height: 3.0rem;

	text-align: center;

}

.cutrul01 ul li .pic img{

	max-height: 3.0rem;

}

.cutrul01 ul li dl dt{

	font-size: 1.2rem;

	color: #FFFFFF;

	margin-top: 1.0rem;

	margin-bottom: 1.0rem;

	text-align: center;

}

.cutrul01 ul li dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	text-align: center;

	color: #FFFFFF;

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}

.cutrul01 ul li:hover{

	background: linear-gradient(128deg,#2a2b7b 0%, #0d81ca 100%);

	border: 0px;

}

.rytitle{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	text-align: center;

}

.rytitle dl dt{

	font-size: 1.5rem;

	line-height: 2.0rem;

	font-weight: bold;

	color: #333333;

	text-align: center;

}

.rytitle dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #333333;

	text-align: center;

	margin-top: 1rem;

}

.honr01{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

}

.honr01 ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.honr01 ul li{

	width: 48%;

	height: 3.0rem;

	font-size: 0.8rem;

	line-height: 1.5rem;

	background-image: url(../img/ryq.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

	display: table;

	text-align: center;

	font-weight: bold;

	margin-top: 1.0rem;

}

.honr01 ul li div{

	display: table-cell;

	vertical-align: middle;

}

.zeren{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	height:  auto;

	background-image: url(../img/zrbj.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	padding-bottom: 3.0rem;

}

.zeren01{

	width: 80%;

	float: left;

	margin-top: 3.0rem;

	background: linear-gradient(103deg,#2a2b7b 0%, #0d81ca 100%);

	padding:2.0rem 1.0rem;

	font-size: 0.8rem;

	color: #FFFFFF;

	line-height: 1.5rem;

}

.zeren01 h1{

	font-size: 1.2rem;

	margin-bottom: 1.0rem;

	line-height: 1.5rem;

}



.prolist{

	width: 100%;

	float: left;

}

.prolist ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.prolist ul li{

	width: 48%;

	float: left;

	transition: all 0.6s;

	margin-top: 1.0rem;

	border: 1px solid #bdbdbd;

	height: auto;

	padding-bottom: 1.0rem;

}

.prolist ul li .pic{

	height: 7.0rem;

	text-align: center;

}

.prolist ul li .pic span{

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}

.prolist ul li .pic img{

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}

.prolist ul li dl dt{

	line-height: 1.2rem;

	text-align: center;

	font-size: 1.0rem;

	color: #333333;

	transition: all 0.6s;

	font-weight: bold;

}

.prolist ul li dl dd{

	margin-top: 0.8rem;

	color: #0063B1;

	margin-top: 0.5rem;

	text-align: center;

	display: none;

	font-size: 0.8rem;

	font-weight: bold;

}

.prolist ul li dl dd a{

	color: #0063B1;

}

.prolist ul li:hover{

	border: 1px solid #0063b1;

	box-shadow: 0px 28.75px 57.5px 0px rgba(57,57,57,0.10); 

}

.prolist ul li:hover dl dd{

	display: block;

}



.fy{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.fy ul{

	display: flex;

	justify-content: center;

}

.fy ul li{

	font-size: 0.8rem;

	line-height: 1.5rem;

}

.fy ul li a{

	padding: 0.5rem 1.0rem;

	height: 1.5rem;

	text-align: center;

	border: 1px solid #DEE2E6;

	border-right: 0px;

}

.fy ul li a:hover{

	background-color: #0063B1;

	color: #FFFFFF;

}

.fy ul li:last-child a{

	border: 1px solid #DEE2E6;

}

.fy ul li .cur{

	background-color: #0063B1;

	color: #FFFFFF;

}



.line10{

	width: 100%;

	float: left;

	height: 1px;

	background-color: rgba(0,0,0,0.1);

	margin-top: 1.0rem;

}

.protitle{

	width: 100%;

	float: left;

	font-size: 1.2rem;

	font-weight: bold;

	line-height: 1.5rem;

	margin-top: 1.0rem;

}



.index_zhuanjia{ width:1330px; overflow:hidden; float: left; margin-top: 40px; display: none;}

.index_zhuanjia_pic{ width:990px; height:720px; overflow:hidden; float:left;position:relative; border:1px solid #eee;}

.index_zhuanjia_pic ul{height:377px;position:absolute; left:0;}

.index_zhuanjia_pic li{width:990px; height:720px; overflow:hidden;position:relative;float:left; text-align:center;}

.index_zhuanjia_pic li span{ height:100%; display: inline-block;vertical-align: middle;}

.index_zhuanjia_pic li img{ max-width:100%; max-height:100%; vertical-align: middle;}



.index_zhuanjia_left_inc{ width:48px; height:48px; position:absolute;left:20px;top:calc(50% - 24px); cursor:pointer;background:url(../images/float_left_inc.png) left top no-repeat; z-index:9}

.index_zhuanjia_left_inc:hover{background:url(../images/float_left_inc2.png) left top no-repeat; -webkit-transform: rotate(180deg)}

.index_zhuanjia_right_inc{ width:48px; height:48px; position:absolute;right:20px;top:calc(50% - 24px); cursor:pointer;background:url(../images/float_left_inc.png) left top no-repeat; z-index:9; -webkit-transform: rotate(180deg)}

.index_zhuanjia_right_inc:hover{background:url(../images/float_left_inc2.png) left top no-repeat;-webkit-transform: rotate(360deg)}

.index_zhuanjia_list{ width:312px;height:720px; overflow:hidden; float:right;}

.index_zhuanjia_lists{width:312px; height:668px; overflow:hidden;position:relative;}

.index_zhuanjia_lists ul{ width:312px; height:668px;position:absolute;overflow:hidden;}

.index_zhuanjia_lists ul li{ width:312px; height:214px; position:relative; margin-bottom: 10px; }

.index_zhuanjia_lists ul li.on dd img{ width:310px; height:212px; border:1px #4273b0 solid;}

.index_zhuanjia_lists ul li dd{ width:312px; height:214px; overflow:hidden; float:left;}

.index_zhuanjia_lists ul li dd img{ width:310px; height:212px; border:1px #e8e8e8 solid;}

.index_zhuanjia_pre{ width:312px; height:23px; overflow:hidden; cursor:pointer;background:#b2b0b0 url(../images/index_zhuanjia_pre.png) no-repeat center;}

.index_zhuanjia_next{ width:312px; height:23px; overflow:hidden; cursor:pointer;background:#b2b0b0 url(../images/index_zhuanjia_next.png) no-repeat center;}



.moblie{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

}



.prodh{

	width: 100%;

	float: left;

	height: 2.5rem;

	line-height: 2.5rem;

	background-color: #333333;

	margin-top: 1.0rem;

}

.prodh ul{

	display: flex;

}

.prodh ul li{

	width: 6.0rem;

	height: 2.5rem;

	line-height: 2.5rem;

	text-align: center;

	font-size: 0.8rem;

	color: #FFFFFF;

}

.proshow01{

	width: 100%;

	float: left;

	border: 1px solid #bdbdbd;

	padding: 1.0rem;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

}

.proshow01 img{

	max-width: 100%;

	height: auto;

}

.hcbOn{

	background: linear-gradient(100deg,#2a2b7b 0%, #0d81ca 100%);

}

.proshow2{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	background-color: #EBF0F5;

}

.proshow2 ul{

	display: flex;

	flex-wrap: wrap;

}

.proshow2 ul li{

	width: 25%;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	height:  auto;

	padding-bottom: 2.0rem;

	display: flex;

	justify-content: center;

	transition: all 0.6s;

}

.proshow2 ul li dl dt{

	height: 3.0rem;

	text-align: center;

	margin-top: 2.0rem;

}

.proshow2 ul li dl dt img{

	max-height: 3.0rem;

}

.proshow2 ul li dl dt .pic01{

	display: inline-block;

}

.proshow2 ul li dl dt .pic02{

	display: none;

}

.proshow2 ul li dl dd{

	font-size: 0.8rem;

	color: #666666;

	line-height: 1.5rem;

	text-align: center;

	margin-top: 1.0rem;

}

.proshow2 ul li:hover{

	background: linear-gradient(113deg,#2a2b7b 0%, #0d81ca 100%);

}

.proshow2 ul li:hover dl dd{

	color: #FFFFFF;

}

.proshow2 ul li:hover dl dt .pic01{

	display: none;

}

.proshow2 ul li:hover dl dt .pic02{

	display: inline-block;

}

.proshow2 ul li:nth-child(4n){

	border-right: 0px;

}



.ys01{

	width: 100%;

	float: left;

}

.ys01 ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.ys01 ul li{

	width:100%;

	height: auto;

	background: #ebf0f5;

	border-top: 12px solid #e0e4ea;

	padding: 0px 1.0rem;

	font-size: 0.8rem;

	color: #666666;

	transition: all 0.6s;

	margin-top: 2.0rem;

	padding-bottom: 3.0rem;

}

.ys01 ul li .pic{

	margin-top: 3.0rem;

}

.ys01 ul li h1{

	margin-bottom: 1.0rem;

	margin-top: 1.0rem;

	font-size: 1.0rem;

	color: #333333;

	line-height: 1.5rem;

}

.ys01 ul li .sz{

	opacity: 0.1;

	font-size: 3.0rem;

	font-family: "arial, helvetica, sans-serif";

	font-weight: bold;

	color: #0063b1;

	display: none;

	width: 100%;

	text-align: right;

}

.ys01 ul li:hover .sz{

	display: inline-block;

}

.ys01 ul li:hover h1{

	color: #0063B1;

}

.ys01 ul li:hover{

	box-shadow: 0px 6px 7px 0px rgba(5,105,198,0.15);

	margin-top: 60px;

}



.sbei{

	width: 100%;

	float: left;

	height: auto;

	background-image: url(../img/sbbj.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 2.0rem;

	padding-bottom: 3.0rem;

}

.sbtitle{

	width: 100%;

	float: left;

	margin-top: 3.0rem;

	text-align: center;

}

.sbtitle dl dt{

	font-size: 1.5rem;

	line-height: 2.0rem;

	color: #FFFFFF;

}

.sbtitle dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #FFFFFF;

	margin-top: 1rem;

}

.sbtex{

	width: 100%;

	float: left;

	margin-top: 130px;

}

.sbtex ul{

	display: flex;

	justify-content: space-around;

}

.sbtex ul li{

	width: auto;

}

.sbtex ul li dl dt{

	height: 3.0rem;

	text-align: center;

}

.sbtex ul li dl dt img{

	max-height: 3.0rem;

}

.sbtex ul li dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	margin-top: 1.0rem;

	text-align: center;

	color: #FFFFFF;

}

.sbtex2{

	width: 100%;

	float: left;

	margin-top: 4.0rem;

}

.sbtex2 ul{

	display: flex;

	justify-content: center;

}

.sbtex2 ul li{

	width: 8.0rem;

	height: 2.0rem;

	border: 1px solid #ffffff;

	border-radius: 4px;

	text-align: center;

	font-size: 0.8rem;

	margin-left: 0.5rem;

	margin-right: 0.5rem;

	line-height: 2.0rem;

}

.sbtex2 ul li a{

	width: 100%;

	float: left;

	line-height: 2.0rem;

	color: #FFFFFF;

}

.sbtex2 ul li img{

	vertical-align: middle;

	margin-right: 5px;

	max-height: 1.0rem;

}

.sbtex2 ul li:nth-child(2) img{

	margin-left: 0.5rem;

	margin-right: 0px;

}



.sbtitle2{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	text-align: center;

}

.sbtitle2 dl dt{

	font-size: 1.5rem;

	line-height: 2.0rem;

	color: #333333;

}

.sbtitle2 dl dd{

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #333333;

	margin-top: 1.0rem;

}

.sbtitle2 .more{

	display: flex;

	margin-top: 1.0rem;

	justify-content: center;

}

.sbtitle2 .more a{

	width: 8.0rem;

	height: 2.0rem;

	background: #0063b1;

	font-size: 0.8rem;

	line-height: 2.0rem;

	color: #FFFFFF;

}

.sbpic{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.lytex01{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

	background: #e9edf0;

	padding: 1.0rem;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

}



.xgcp{

	width: 100%;

	float: left;

	height: 28vw;

	background-image: url(../img/cb01.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 2.0rem;

}

.xgcpbt{

	width: 100%;

	float: left;

	margin-top: 5.0vw;

	text-align: center;

	font-size: 1.5rem;

	color: #FFFFFF;

	line-height: 2.0rem;

	background-image: url(../img/hx02.jpg);

	background-position: center bottom;

	background-repeat: no-repeat;

	padding-bottom: 1.0rem;

}

.xgcp01{

	width: 100%;

	float: left;

	height: auto;

}

.xgcp01-1{

	width: 100%;

	float: left;

	margin-top: -5.4vw;

}

.pxfw{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.pxfw ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.pxfw ul li{

	width:100%;

	height: auto;

	border: 1px solid #e0e0e0;

	position: relative;

	margin-bottom: 1.0rem;

	padding-bottom: 2.0rem;

}

.pxfw ul li .pic{

	height: auto;

}

.pxfw ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

}

.pxfw ul li h1{

	margin-top: 1.0rem;

	font-size: 1.0rem;

	color: #333;

	line-height: 1.5rem;

	margin-bottom: 1.0rem;

	margin-left: 1.0rem;

	margin-right: 1.0rem;

}

.pxfw ul li p{

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

	padding: 0px 1.0rem;

}

.pxfw ul li .cont{

	width: calc(100% - 2.0rem);

	margin-top: 2.0rem;

	margin-left: 1.0rem;

	margin-right: 1.0rem;

}

.pxfw ul li .cont div{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pxfw ul li .cont div a{

	width: 8.0rem;

	height: 2.0rem;

	background: linear-gradient(98deg,#2a2b7b 0%, #0d81ca 100%);

	line-height: 2.0rem;

	font-size: 0.8rem;

	color: #FFFFFF;

	text-align: center;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw ul li .cont div a img{

	vertical-align: middle;

	margin-left: 0.5rem;

}

.pxfw ul li .cont div span{

	opacity: 1;

	transition: all 0.6s;

}

.pxfw ul li:hover .cont div span{

	opacity: 0;

}

.pxfw ul li:hover .cont div a{

	opacity: 1;

}

.pxfw ul li:hover .pic{

	display: none;

}

.pxfw ul li:hover h1{

	margin-top: 2.0rem;

	padding-bottom: 1.0rem;

	border-bottom: 1px solid rgba(0,0,0,0.1);

	margin-bottom: 1.0rem;

}

.pxfw ul li .hx{

	width: 2.0rem;

	height: 3px;

	border: 3px solid;

	border-image: linear-gradient(90deg, #2a2b7b, #0d81ca 100%) 3 3;

	position: absolute;

	top: 0;

	left: 1.0rem;

	z-index: 11;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw ul li:hover .hx{

	opacity: 1;

}





.pxfw1{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.pxfw1 ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.pxfw1 ul li{

	width:100%;

	height: auto;

	border: 1px solid #e0e0e0;

	position: relative;

	margin-bottom: 1.0rem;

	padding-bottom: 2.0rem;

}

.pxfw1 ul li .pic{

	height: auto;

}

.pxfw1 ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

}

.pxfw1 ul li h1{

	margin-top: 1.0rem;

	font-size: 1.0rem;

	color: #333;

	line-height: 1.5rem;

	margin-bottom: 1.0rem;

	margin-left: 1.0rem;

	margin-right: 1.0rem;

}

.pxfw1 ul li p{

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

	padding: 0px 1.0rem;

}

.pxfw1 ul li .cont{

	width: calc(100% - 2.0rem);

	margin-top: 2.0rem;

	margin-left: 1.0rem;

	margin-right: 1.0rem;

}

.pxfw1 ul li .cont div{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pxfw1 ul li .cont div a{

	width: 8.0rem;

	height: 2.0rem;

	background: linear-gradient(98deg,#2a2b7b 0%, #0d81ca 100%);

	line-height: 2.0rem;

	font-size: 0.8rem;

	color: #FFFFFF;

	text-align: center;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw1 ul li .cont div a img{

	vertical-align: middle;

	margin-left: 0.5rem;

}

.pxfw1 ul li .cont div span{

	opacity: 1;

	transition: all 0.6s;

}

.pxfw1 ul li:hover .cont div span{

	opacity: 0;

}

.pxfw1 ul li:hover .cont div a{

	opacity: 1;

}

.pxfw1 ul li:hover .pic{

	display: none;

}

.pxfw ul li:hover h1{

	margin-top: 2.0rem;

	padding-bottom: 1.0rem;

	border-bottom: 1px solid rgba(0,0,0,0.1);

	margin-bottom: 1.0rem;

}

.pxfw1 ul li .hx{

	width: 2.0rem;

	height: 3px;

	border: 3px solid;

	border-image: linear-gradient(90deg, #2a2b7b, #0d81ca 100%) 3 3;

	position: absolute;

	top: 0;

	left: 1.0rem;

	z-index: 11;

	opacity: 0;

	transition: all 0.6s;

}

.pxfw1 ul li:hover .hx{

	opacity: 1;

}



.px{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	height: auto;

	background-image: url(../img/k04.jpg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	padding-bottom: 3.0rem;

}

.px01{

	width: 80%;

	float: left;

	margin-top: 3.0rem;

	background: linear-gradient(103deg,#2a2b7b 0%, #0d81ca 100%);

	padding: 2.0rem 1.0rem;

	font-size: 0.8rem;

	color: #FFFFFF;

	line-height: 1.5rem;

}

.px01 h1{

	font-size: 1.2rem;

	margin-bottom: 1.0rem;

	line-height: 1.5rem;

}

.px01 .more{

	display: flex;

	margin-top: 1.0rem;

}

.px01 .more a{

	width: 8.0rem;

	height: 2.0rem;

	border: 1px solid #ffffff;

	font-size: 0.8rem;

	color: #FFFFFF;

	line-height: 2.0rem;

	text-align: center;

}

.px01 .more a img{

	vertical-align: middle;

	margin-left: 0.5rem;

	margin-top: -2px;

}



.wrap{

	width: 100%;

	float: left;

	background-color: #f3f3f3;

	padding-bottom: 3.0rem;

}

.fwzc{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.fwzc ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.fwzc ul li{

	width: 100%;

	padding: 1.0rem;

	background-color: #FFFFFF;

	height: auto;

	margin-bottom: 1.0rem;

}

.fwzc ul li h1{

	font-size: 1.0rem;

	line-height: 1.5rem;

	color: #333333;

	background-image: url(../img/sx.jpg);

	background-position: left;

	background-repeat: no-repeat;

	padding-left: 1.0rem;

}

.fwzc ul li .nr{

	display: flex;

	padding: 1.0rem;

	padding-bottom: 0px;

	justify-content: space-between;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

}



.fwzc ul li .nr img{

	max-width: 60%;

}

.news{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.news ul li{

	width: 100%;

	float: left;

	padding: 1.0rem;

	display: flex;

	justify-content: space-between;

	border-bottom: 1px solid #E0E0E0;

	transition: all 0.6s;

	padding-bottom: 2.0rem;

	flex-wrap: wrap;

}

.news ul li:hover{

	background: #ffffff;

	box-shadow: 0px 30px 60px 0px rgba(57,57,57,0.10);

}

.news ul li .pic{

	width: 100%;

	overflow: hidden;

}

.news ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

	transition: all 0.6s;

}

.news ul li:hover .pic img{

	transform: scale(1.05);

}

.news ul li .tex{

	width: 100%;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #666666;

	margin-top: 1.5rem;

}

.news ul li .tex h1{

	font-size: 1.0rem;

	line-height: 1.5rem;

	color: #333333;

	margin-bottom: 0.5rem;

}

.news ul li .tex .more{

	display: flex;

	justify-content: space-between;

	margin-top: 2.0rem;

	align-items: center;

}

.news ul li .tex .more a{

	width: 6.0rem;

	height: 2.0rem;

	background-color: #999999;

	color: #FFFFFF;

	line-height: 2.0rem;

	text-align: center;

}

.news ul li .tex .more a:hover{

	background-color: #0063b1;

	color: #FFFFFF;

}



.fh{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

}

.fh ul{

	display: flex;

	justify-content: center;

}

.fh ul li{

	width: 8.0rem;

	height: 2.0rem;

	background: #ffffff;

	border: 1px solid #dee2e6;

	border-radius: 8px;

	font-size: 0.8rem;

	color: #6C757D;

	text-align: center;

	line-height: 2.0rem;

}

.fh ul li a{

	color: #6C757D;

}



.add{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	padding-bottom: 0.5rem;

	border-bottom: 1px solid #E6E6E6;

	color: #828282;

	font-size: 0.8rem;

}

.casetitle{

	width: 100%;

	float: left;

	font-size: 1.2rem;

	color: #333333;

	margin-top: 1.0rem;

}

.casedate{

	width: 100%;

	float: left;

	color: #828282;

	font-size: 0.8rem;

	margin-top: 2.0rem;

}

.caseshow{

	width: 100%;

	float: left;

	margin-top: 1.5rem;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #333333;

}

.caseshow img{

	max-width: 100%;

	height: auto;

}



.fh2{

	width: 100%;

	float: left;

	margin-top: 1.0rem;

}

.fh2 ul{

	display: flex;

	justify-content: center;

}

.fh2 ul li{

	width: 8.0rem;

	height: 2.0rem;

	background: #ffffff;

	border: 1px solid #E6E6E6;

	border-radius: 8px;

	font-size: 0.8rem;

	color: #6C757D;

	text-align: center;

	line-height: 2.0rem;

}

.fh2 ul li a{

	color: #6C757D;

}



.caselist{

	width: 100%;

	float: left;

}

.caselist ul li{

	width: 100%;

	margin-top: 1.0rem;

	transition: all 0.6s;

	float: left;

}

.caselist ul li .pic{

	text-align: center;

	overflow: hidden;

	position: relative;

}

.caselist ul li .pic .mask{

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 1;

	background-color: rgba(0,0,0,0.5);

	background-image: url(../img/sp.png);

	background-position: center;

	background-repeat: no-repeat;

	opacity: 0;

	transition: all 0.6s;

}

.caselist ul li:hover .pic .mask{

	opacity: 1;

}

.caselist ul li .pic img{

	width: 100%;

	height: auto;

	display: block;

	transition: all 0.6s;

}

.caselist ul li:hover .pic img{

	transform: scale(1.05);

}

.caselist ul li dl dt{

	font-size: 1.0rem;

	margin-top: 0.5rem;

	line-height: 1.5rem;

	color: #333333;

	transition: all 0.6s;

}

.caselist ul li:hover dl dt{

	color: #0063B1;

}



.lxwm{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	background-color: #e9edf0;

	display: flex;

	flex-wrap: wrap;

}

.lxwm-l{

	width: 100%;

	padding: 1.0rem;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #FFFFFF;

	background: linear-gradient(110deg,#2a2b7b 0%, #0d81ca 100%);

}

.lxwm-l h1{

	font-size: 1.2rem;

	margin-bottom: 1.0rem;

	font-weight: normal;

}

.lxwm-l img{

	vertical-align: middle;

	margin-right: 0.2rem;

}



.lxwm-r{

	width: 100%;

	padding: 2.0rem;

}

.lxwm-r ul li{

	width: 100%;

	float: left;

	line-height: 2.5rem;

	margin-top: 1.0rem;

}

.lxbk{

	width: 100%;

	height: 2.5rem;

	border: 0px;

	outline: none;

	font-size: 0.8rem;

	color: #999999;

	padding-left: 1.0rem;

	line-height: 2.5rem;

	font-family: "微软雅黑";

}

.lxanniu{

	width: 148px;

	height: 2.5rem;

	background: linear-gradient(100deg,#2a2b7b 0%, #0d81ca 100%);

	border: 0px;

	cursor: pointer;

	color: #FFFFFF;

	line-height: 2.5rem;

	text-align: center;

	font-size: 0.8rem;

}

.lxwm-r ul li:first-child{

	width: 49%;

	margin-top: 0px;

}

.lxwm-r ul li:nth-child(2){

	margin-top: 0px;

	width: 49%;

	float: right;

}

.lxwm-r ul li:last-child{

	margin-top: 1.5rem;

}

.map{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

}

.map img{

	width: 100%;

	height: auto;

	display: block;

}











.mart0{

	margin-top: 0px;

}

.mart40{

	margin-top: 1.0rem;

}

















.zp{

	width: 100%;

	float: left;

	margin-top: 2.0rem;

	margin-bottom: 2.0rem;

}

	

.subNavBox2{

	width:100%;

	float:left;

	box-shadow: 2px 5px 40px rgba(0,0,0,0.1);

}

.subNavBox2 h1{

	HEIGHT:3.0rem;

	line-height: 3.0rem;

	display: flex;

	font-size:0.8rem;

	background-color: #0063b1;

	font-weight: normal;

	color: #FFFFFF;

	justify-content: space-between;

}

.subNavBox2 h1 i{

	margin-left: 1.0rem;

	margin-right: 1.0rem;

	width: auto;

	display: none;

}

.subNavBox2 h1 i:first-child{

	display: block;

}

.subNavBox2 h1 i:last-child{

	display: block;

}

.subNav2{

	width:100%; 

	float:left; 

	HEIGHT:3.0rem;

	display: flex;

	justify-content: space-between;

	CURSOR: pointer; 

	text-align:left; 

	border-bottom:1px solid #e0e0e0;

	background-color: #F9FAFB;

	line-height:3.0rem; 

	font-size:0.8rem;

}

.subNav2 i{ 

	margin-left: 1.0rem;

	margin-right: 1.0rem;

	width: auto;

	display: none;

}

.subNav2 i:first-child{

	display: block;

}

.subNav2 i:last-child{

	display: block;

}

.subNav2:hover{float:left; }

.currentDd2{background: #f2f2f2;}

.currentDd2 i{

	color: #0063B1;

}

.navContent2{

	display: none;

	float:left; 

	width:100%; 

	padding:0.5rem 5% 1rem 5%; 

	line-height:1.5rem; 

	font-size:0.8rem;

	background-color: #f2f2f2;

}

.red{

	color: #0063B1;

}



















































	

	

	





























}