@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  *:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* @font-face {  
	font-family: 'PingFangSC';
	src: url('../fonts/PingFang.ttf') format('truetype');
	font-display: swap;
} 
@font-face {
	font-family: "DINCond";
	src: url("../fonts/DINCond-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
} */

html,body{height:100%;}
html{-webkit-text-size-adjust:100%;font-size:5.2083333vw}
@media(max-width:1440px){
	html{font-size: 6.5vw;}
}
@media(max-width:1024px){
	html{font-size: 7vw;}
}
@media(max-width:750px){
	html{font-size: 14vw;}
}

body{padding:86px 0 0 0; margin:0px auto; font-size:16px; line-height:30px; color:#333333; width:100%; min-width:1300px; zoom:1;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif; background:#f4f4f4;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{margin: 0;padding:0; display: block;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;} /*html5设置*/
pre{white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
figure,figcaption{ margin:0px; padding:0px;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#033A8D;}
/**:hover{transition: all ease 0.3s;}*/



/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1320{ position:relative; clear:both; max-width:1320px;width:90%; margin:0px auto;}
.w1360{ position:relative; clear:both; max-width:1360px;width:90%; margin:0px auto;}
.w1920{ position:relative; clear:both; max-width:1920px;width:100%; margin:0;padding:0;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;}
.table {display: table;width: 100%;border-collapse: collapse;}
.table-tr {display: table-row;}
.table-th {display: table-cell;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;}
.table .cell {display: table-cell;vertical-align: middle;}

/*font*/
.f_red{ color:#ec1c27;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1,.dot2,.dot3,.dot4,.dot5,.dot6{overflow: hidden;word-break:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 3;}
.dot5{-webkit-line-clamp: 3;}
.dot6{-webkit-line-clamp: 3;}

@media(max-width:1366px){
 select,input,textarea,button{ font-size:14px;}
}
@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{min-width:300px;padding-top:45px;font-size:14px; line-height:24px;}	
.w1320,.w1360,.w1920{max-width:none;width: auto; margin:0 15px;}
.w1920{max-width:none;width: auto;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; background:url(../img/nopic.jpg) center center no-repeat; background-size:contain;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ max-height:100%;height:537px;}

/* 应用于banner图片 */
.HomeBan .imgbox,.HomeNews .imgbox, .RecNews .imgbox{ overflow:hidden; position:relative; background-image:none !important; background-size:contain;}


/*pages*/
.Pages{clear: both;text-align: center;line-height: 34px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding-top: 4%;position: relative;}
/* .Pages a{display: inline-block;vertical-align: middle;} */
.Pages li{display: inline-block;vertical-align: middle;border:1px solid #033A8D;color:#333333;font-family: "DINCond";font-size: 16px;margin:0 5px;}
.Pages .a_num {width:36px;}
.Pages li:hover,.Pages li.a_cur{border:2px solid #033A8D;color:#fff;background:#033A8D;}
.Pages .arr{padding:0 14px;border:1px solid #ebebeb;}
.Pages .arr:hover{color: #fff;background:#033A8D;border:1px solid #033A8D;}
.Pages .render{margin:0 35px;}
/* .Pages.white .arr{background: #fff;} */

@media ( max-width:1024px){
.Pages{line-height:25px; font-size:14px;}
.Pages .arr{padding:0 5px;}
/* .Pages .p_page .num a{ width:25px;} */
.Pages .render{margin: 0 5px;}
/* .Pages .a_next{margin-left: 5px;} */
}
/*pages end*/


/*Top*/
.Header{position:fixed; width:100%; left:0; top:0; background:#fff;z-index:900;transition: all ease 0.3s;}
.Header .Logo{float: left;width:35%;line-height: 85px;background:url(cn/images/logoAll.jpg) 0 center no-repeat;}
.Header .Logo img{display: inline-block;vertical-align: middle;height:60px;}
.MainNav{float: right;width:65%;}

.MainNav li{ float:left;position:relative; top:14px; z-index:100;width:17%;text-align: center;}
.MainNav li:first-child{width:10%;}
.MainNav li:after{content: "";position:absolute;left: -11%;bottom: 0;width: 120%;height:0;background:url(../img/navbottom.png) center bottom no-repeat;transition: all ease 0.3s;}
.MainNav span a{ position:relative; z-index:1;display:block; color:#221f1f; line-height:40px; transition: all ease 0.3s;font-size: 0.2rem;}
.MainNav span a div{ margin-top:-14px;font-size:14px}
.MainNav .arr{ display:none;}
.MainNav li:hover:after,.MainNav li.onnav:after{height: 60px;}
.MainNav li:hover span a,.MainNav li.onnav span a{color:#033A8D; }
.MainNav li:hover span a {font-weight: bold}
.MainNav .NavActive {color:#033A8D;font-weight: bold;}
.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:55px; left:0;width:100%; line-height:35px; background:rgba(255,255,255,0.9); box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ margin:0; position:relative;}
.NavPull a{ color:#333; padding:0; display:block; font-size:14px; margin:0; padding:2px 0;}
.NavPull a:hover,.NavPull dd:hover a{ background:#033A8D; color:#fff;}

.Header.fixed2, .Header.fixed3 {transition: transform .3s;transform-origin: top center;position: fixed;width: 100%;top: 0;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
/* .Header.fixed3{transform: translateY(-5px);} */
.bodyon .Header.fixed3{transform: translateY(0px);}

.openbtn{ cursor:pointer;width:45px; height:45px;padding-top: 8px; position:absolute; right:0; top:0; z-index:999;background:#033A8D;display: none;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{}
.openbtn i{ display:block; background:#fff; margin:10px auto;transition: all ease 0.3s;margin:5px auto;width:30px;height:2px;border-radius: 3px;}
.openbtn i.sp2{border-left: 6px solid #033A8D;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 11px) rotate(45deg) !important;
	-moz-transform: translate(0, 11px) rotate(45deg) !important;
	-ms-transform: translate(0, 11px) rotate(45deg) !important;
	-o-transform: translate(0, 11px) rotate(45deg) !important;
	transform: translate(0, 11px) rotate(45deg) !important;}
.openbtn.on .sp2 {border-left: 0;
	-webkit-transform: translate(0, 4px) rotate(-45deg) !important;
	-moz-transform: translate(0, 4px) rotate(-45deg) !important;
	-ms-transform: translate(0, 4px) rotate(-45deg) !important;
	-o-transform: translate(0, 4px) rotate(-45deg) !important;
	transform: translate(0, 4px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1024px){
.Header.fixed3{transform: translateY(-50px);}
.Header .Logo{line-height: 45px;}
.Header .Logo img{ height:36px;}
.Header .openbtn{width:45px;height:45px;display: block;}
.Header .openbtn i{margin:5px auto;width:30px;height:2px;}
.Search{position: static;padding:0 10px 0 0;margin: -45px 38px 0 0;line-height: 44px;}
.Search .searchbox{ width:94%; left:3%; top:0 !important;}
.Search .Searchico .iconfont{font-size: 18px;}
.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:220px; padding:0; right:-220px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:30px;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;text-align: left;}
.MainNav li a {line-height: 38px;padding:0 15px;font-size: 15px;}
.MainNav span a div{ margin-top:-14px;font-size:14px}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#033A8D;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:10; width:100px; line-height:38px; height:38px; right:0px; top:-1px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:15px; top:0;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}
.MainNav li:after{display: none;}
.NavPull{position: static;width: auto;text-align: left;}
.NavPull dd a{padding-left: 25px;}

.MainNav li:first-child{width:50%;}
}
/*Top*/

/*Bottom*/
.Footer{background:#555555 url(../img/bottombg.jpg) right bottom no-repeat;padding:40px 0 49px;}
.Footer .Link{margin-left: -27px;}
.Footer .Link li{width: 33.333%;float: left;padding: 0 0 18px 27px;}
.Footer .select{text-align: center;color:#b2b2b2;position: relative;}
.Footer .select dt{text-align: center;color:#b2b2b2;line-height: 56px;background:rgba(255,255,255,0.1);cursor: pointer;position: relative;z-index: 11;}
.Footer .select dd{position: absolute;bottom: 0%;left: 0;width: 100%;background:#393636;border:1px solid #393636;padding:15px;z-index: 10;text-align: left;font-size: 14px;opacity: 0;visibility: hidden;transition: all 0.3s;max-height: 200px;overflow-y: auto;}
.Footer .select dd a{display: block;margin-bottom: 6px;line-height: 28px;color:#b2b2b2;transition: all 0.3s;padding-left: 0;}
.Footer .select dd a:hover{color:#666;background:#b2b2b2;padding-left: 10px;}
.Footer .select dd a:last-child{margin-bottom: 0;}
.Footer .select.on{z-index: 15;}
.Footer .select.on dd{bottom: 100%;opacity: 1;visibility: visible;z-index: 15;}

.Footer .LeftCon{width: 904px;float: left;line-height: 25px;color:#fff;}
.Footer .Nav{line-height: 45px;border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;display: flex;justify-content: space-between;margin-bottom: 26px;}
.Footer .Nav a{text-align:center;color:#fff;font-size: 18px;position: relative;display: block;padding-bottom: 15px;}
.Footer .Nav a div{font-size:14px;margin-top:-14px}
.Footer .Nav a:hover{color:#033A8D;}
.Footer .Nav a:after{content: "";left: 50%;bottom: -1px;width: 0;height: 1px;position: absolute;background:#033A8D;transition: all 0.3s;}
.Footer .Nav a:hover:after{left: 0;width: 100%;}
.Footer .Ewm{float: right;text-align: center;line-height: 20px;font-size: 14px;color:#bcbcbc;}
.Footer .Ewm img{display: block;padding:8px;background:#fff;width: 145px;height: 145px;margin:0px auto 6px;}
.Footer .contact span{display: inline-block;margin-right: 38px;}
.Footer .copyright{font-size: 14px;color: #bcbcbc;}
.Footer .copyright a{color: #bcbcbc;}.Footer .copyright a:hover{color: #ffffff;}

.sideBar{position:fixed;right:0;bottom:200px; cursor: pointer; hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3;z-index:210;}
/* .sideBar img {width: 2rem;} */
.sideBar.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
/* .sideBar:hover{color:#fff;background:#033A8D;} */

.sideBar {
	position: fixed;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	z-index: 998;
}
.side {
	height: 50px;
	position: absolute;
	transition: all 0.5s;
}
.side a {
	display: block;
	height: 50px;
	font-size: 0;
}
.side i {
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	width: 50px;
	line-height: 70px;
	text-align: center;
	background: #033A8D;
	font-size: 13px;
	color: #fff;
	transition: all 1s;
	
}
.side span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	line-height: 50px;
	text-align: center;
	background: #9E9E9E;
	font-size: 13px;
	color: #fff;
	transition: all 1s;
}
.side3 {
	right: -140px;
	width: 190px;
	top: 51px;
	}
.side3 span {width: 140px;}
.side3:hover {right: 0px;}
.side4 {
	right: -210px;
    width: 260px;
    top: 102px;
}
.side4 span {width: 210px;}
.side4:hover {right: 0px;}
.side5 {
	right: -90px;
	width: 140px;
	top: 153px;
	cursor: pointer;
}
.side5 span {width: 90px;}
.side5:hover {right: 0px;}
.qcodePic{
	width: 140px;
	height: 140px;
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
	z-index: 99;
	text-align: center;
	background: url(../img/Ewm.jpg) no-repeat center / cover;
	border: 1px solid #e5e5e5;
}
.side5:hover .qcodePic{z-index: 999;display:block}
.side6 {
	right: -90px;
	width: 140px;
	top: 204px;
	cursor: pointer;
}
.side6 span {width: 90px;}
.side6:hover {right: 0px;}

@media ( max-width:1024px){
	.Footer{padding:15px 0;}
	.Footer .LeftCon{width: auto;float: none;}
	.Footer .Nav{display: none;}
	.Footer .Ewm{float: none;padding-bottom: 12px;}
	.Footer .copyright{font-size: 12px;}
	.sideBar{width: 40px;height: 40px;line-height: 40px;}
}
@media(max-width:640px){
	.Footer .Link li{width: auto;float: none;}
	.Footer .select dt{line-height: 45px;}
}
/*Bottom*/


/*首页 s*/

.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 35px rgba(0,0,0,0.5);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
	.itemhover2{transition: all ease 0.3s;}
	.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; background:url(../img/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;}
.HomeBan .item .txt{ z-index:10; position:absolute; left:50%; top: 30%;width: 1320px;transform: translateX(-50%);}
.HomeBan .item .imgbox{padding-top:800px;}

.HomeBan .slick-dots{bottom: 30px;}
.HomeBan .slick-dots li button{background:#fff;}

.HomeBan .slick-arrow{background-color: rgba(0,0,0,0.3);border:0;}
.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}
.HomeBan .slick-arrow:hover{background-color:#033A8D;}

@media ( max-width:1366px){
	.HomeBan .item .txt{width: 90%;left: 5%;transform: translateX(0);}
	.HomeBan .item .txt img{width: 50%;}
}
@media ( max-width:1024px){
	.HomeBan .item .imgbox{padding-top: 40%;}
	.HomeBan .slick-arrow{display: none !important;}
}

.NewsScroll{height: 68px;line-height: 68px;overflow:hidden;background:#fff;}
.NewsScroll .Tithead{position: absolute;left: 0;top: 0;padding-left: 36px;color:#221f1f;background:url(../img/ico/ico_gg.png) 0px center no-repeat;font-weight: bold;}
.NewsScroll .slider{margin-left: 138px;}
.NewsScroll .slick-slide{position: relative;}
.NewsScroll .slick-slide:After{position: absolute;left: 50%;width: 1px;height: 22px;top: 50%;margin-top: -11px;background:#e5e5e5;content: "";}
.NewsScroll .item{width: 43%;float: left;padding:0 80px 0 16px;position: relative;}
.NewsScroll .item:after{position: absolute;left: 0;width: 3px;height: 3px;border-radius: 50%;background:#033A8D;top: 49.5%;content: "";}
.NewsScroll .item:nth-child(2){float: right;}
.NewsScroll .item .date{position: absolute;right: 0;top:0;color:#afa7a7;font-size: 18px;font-family: "DINCond";}

.HomeTit{position: relative;padding-top: 12px;line-height: 68px;}
.HomeTit .Ti{font-size: 30px;color:#000000;float: left;}
.HomeTit .Ti span{color:#033A8D;}
.HomeTit a.more{position:absolute;right: 0;font-size: 14px;color:#7a7575;}
.HomeTit a.more:hover{color:#033A8D;}

.TabSlide{position: relative;}
.HomeNews{overflow: hidden;}
.FocusNews{width: 55%;float: left;overflow: hidden;}
.FocusNews .item{position: relative;}
.FocusNews .imgbox{padding-top: 470px;}
.FocusNews .titbox{line-height: 80px;background:rgba(0,0,0,0.5);font-size: 24px;position: absolute;left: 0;bottom: 0;z-index: 10;padding:0 110px 0 5%;font-size: 24px;color:#fff;width: 100%;}
.FocusNews .slick-dots{left: auto;right: 0;width: 116px;line-height:80px;bottom: 0;}
.FocusNews .slick-dots li button{background:#fff;}
.FocusNews:hover .slick-prev{left: 15px;}
.FocusNews:hover .slick-next{right: 15px;}

.TabNav{text-align: center;font-size: 0;}
.TabNav li{display:inline-block;position: relative;border: 1px solid #666666;border-radius: 22px;font-size: 18px;line-height: 43px;margin-left: 10px;width: 140px;vertical-align: middle;}
/* .TabNav li:after{content: "";left: 50%;bottom: 50%;background:#033A8D;border-radius: 22px;position: absolute;width: 0;height: 0;transition: all 0.3s;} */
/* .TabNav li a{position: relative;z-index: 1;color:#000000} */
.TabNav li.on {box-shadow: 0 10px 20px rgba(3,58,141,0.1);background:#033A8D;border: 1px solid #033A8D;}
.TabNav li.on a{color:#fff;}
/* .TabNav li.on:after{width: 100%;height: 100%;left: 0;bottom: 0;} */

.TecNews{width: 45%;float: left;padding-left: 30px;}
.TecNews .Con li{margin-bottom: 10px;}
.TecNews .Con li:last-child{margin-bottom: 0px;}
.TecNews .Con li a{display: block;background:#fff;padding:24px 15px 28px 15px;}
.TecNews .Con li .date{color:#033A8D;font-size: 16px;font-family: "DINCond";font-weight: bold;}
.TecNews .Con li .tit{margin-top: 8px;font-size: 20px;font-weight:bold}
.TecNews .Con li .dot1{color:#999999;font-size: 14px;height: 30px;}

.HomeAd{position: relative;margin-top: 20px;clear: both;}
.HomeAd .item{position:relative;}
.HomeAd .item img{width: 100%;}
.HomeAd .imgbox{padding-top: 140px;}
.HomeAd .item .play{position:absolute;left: 50%;top: 50%;border-radius: 50%;transform: translate(-50%,-50%);width: 76px;height: 76px;background-image:url(../img/play.png);background-repeat: no-repeat;background-position: center center;background-color:rgba(0,0,0,0.3);}
.HomeAd .item:hover .play{background-color:#033A8D;}
.HomeAd .slick-prev{left: 20px;}
.HomeAd .slick-next{right: 20px;}
.VideoPop{position: fixed;left: 50%;top: 50%;width: 1000px;transform: translate(-50%,-50%);padding:40px 30px 30px;background:#fff;box-shadow: 0 10px 30px rgba(0,0,0,0.2);z-index: 100000;display: none;}
.VideoPop .close{position: absolute;right: 10px;top: 6px;}
.VideoPop video{width: 100%;height: 100%;object-fit: fill;}

.HomeBusiness{padding-bottom: 32px;}
.HomeBusiness ul{display:flex;}
.HomeBusiness .item{width: 25%;transition: all 0.3s;}
.HomeBusiness .item a{display: block;margin-left: 5px;color: #fff;position: relative;overflow: hidden;}
.HomeBusiness .info{position: absolute;left: 0;bottom: 15px;transition: all 0.3s;width: 100%;padding:0 0 0 10px;z-index: 10;}
.HomeBusiness .ti{font-size: 18px;}
.HomeBusiness .item .ti:after{content: "";left: 0;bottom: -1px;background:#033A8D;width: 0;height: 1px;position:absolute;}
.HomeBusiness .ico img{width: 31px;height: 31px;}
.HomeBusiness .dot2{font-size: 14px;line-height: 24px;opacity: 0;height:0;visibility: hidden;transform: translateY(-100px);transition: all 0.3s;}
.HomeBusiness .more{width: 30px;height: 30px;position: absolute;right: 0;bottom: 10px;background: #033A8D url(../img/arr.png) center center no-repeat;opacity: 0;transition: all 0.3s;}
/* .HomeBusiness .imgbox{padding-top: 360px;} */
.HomeBusiness .imgbox{padding-top: 270px;}
.HomeBusiness .imgbox:after{left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background:rgba(0,0,0,0.2);content: "";position: absolute;}

.HomePartner{background:#ececec;padding:28px 0;overflow: hidden;}
.HomePartner .slick-list{margin-left: -12px;}
.HomePartner .item a{display:block;padding-left: 12px;}
.HomePartner .imgbox{padding-top: 74px;}

@media(min-width:1024px){
	/* .HomeBusiness .item.on {width: 75%;} */
	.HomeBusiness .item.on .info{bottom: 32px;padding:0 30px;transition:all 0.3s linear;;-webkit-transition:all 0.3s linear;}
	.HomeBusiness .item.on .imgbox  span{transition: all 0.2s; background-size: 100%; background-position: 50% 50%;}
	.HomeBusiness .item.on:hover .imgbox span {background-size: 120%;}
	.HomeBusiness .item.on:hover .info{bottom: 120px;}
	.HomeBusiness .item.on .ti{font-size: 16px;position: relative;border-bottom: 1px solid rgba(255,255,255,0.2);}
	.HomeBusiness .item.on .ti:after{width: 32px;}
	.HomeBusiness .item.on .imgbox:after{background:rgba(0,0,0,0.1);}
	.HomeBusiness .item.on .dot2{opacity: 1;visibility: visible;transform: translateY(0);margin: 20px 5px 0 0;height:auto;}

}
@media(max-width:1024px){
.NewsScroll .item{width: auto;float: none;}
.NewsScroll .slick-slide:After{display: none;}

.FocusNews{width: auto !important;float: none;}
.FocusNews .imgbox{padding-top: 64%;}
.FocusNews .titbox{line-height: 45px;font-size: 15px;}
.FocusNews .slick-dots{line-height: 45px;}
.TecNews{width: auto;float: none;padding:20px 0 0 0;}
.TecNews .Con li .dot1{height: 24px;}
.TabNav{float: none;margin:20px 0 0 0;}

.HomeBusiness ul{flex-wrap: wrap;}
.HomeBusiness .item{width: 50%;margin-bottom: 5px;}
.HomeBusiness .imgbox{padding-top: 64%;}
.HomeBusiness .dot2{display: none;}
.HomeBusiness .ti{font-size: 13px;}

.VideoPop{width: 94%;left: 3%;transform: translate(0,-50%);padding:40px 15px 15px 15px;}
}
@media(max-width:768px){
	.NewsScroll{height: 45px;line-height: 45px;}
	.NewsScroll .slider {margin-left: 115px;}
	.NewsScroll .item .date{font-size: 14px;}

	.TecNews .Con li a{padding: 15px;}
	.TecNews .Con li .date{font-size: 16px;}
	.TecNews .Con li .tit{font-size: 15px;}
	.TabNav ul{white-space:nowrap;overflow-x: auto;}
	.TabNav li{font-size: 15px;width: 110px;line-height: 35px;}

	.HomeTit{line-height: 50px;}
	.HomeTit .Ti{font-size: 18px;}
	
}
.rowTitle {
	padding-top: 0.4rem;
	color: #033A8D;
	font-size: 0.3rem;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.15rem;
}
.rowTitle p {
	padding-bottom: 0.2rem;
}
..rowTitle img {
	float: left;
	vertical-align: middle !important;
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:300px; min-height:300px; padding-top:0.6rem; padding-bottom:0.6rem;background:#f5f5f5 url(../img/subbg.jpg) center bottom no-repeat;overflow: hidden;}
.SubContent{padding:0.6rem;background-color: #fff;background-repeat: no-repeat;background-position: center center;}
.SubBan { position:relative;overflow: hidden;}
.SubBan img{display: block;width: 100%;}
.SubBan .txt{position: absolute;width: 1320px;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 0.36rem;line-height: 2;color:#fff;}
.SubBan .txt span{position: relative;}
.SubBan .txt span:after{position: absolute;background:url(../img/subtit.png);width: 14px;height: 8px;content: "";right: -20px;top: 0;display: none;}
.SubBan .slick-dots li button{width: 9px;height: 9px;background:rgba(255,255,255,0.5);}
.SubBan .slick-dots li.slick-active button{width: 9px;height: 9px;background:#fff !important;}
.SubBan:hover .slick-prev{left: 4%;}
.SubBan:hover .slick-next{right: 4%;}

.ColumnName{ font-weight:normal; background:#033A8D; color:#fff;display:none; position:relative; z-index:100; line-height:36px;}
.ColumnName h2{ font-weight:normal; font-size:15px;}
.ColumnName .arr{ position:absolute; width:100%; height:100%; text-align:right; right:0; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:24px; display:inline-block; margin:0px 10px 0 0;}

.SubMenu{ background:#fff;line-height:80px; height:80px;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;margin-right: 42px;float: left;}
.SubMenu li a{position:relative; z-index:1; display:block; color:#504d4d;}
.SubMenu li:after{content:""; position:absolute; width:0;height:1px; bottom:0; left:50%; background:#033A8D;transition: all ease 0.3s;}
.SubMenu li:hover:after,.SubMenu li.onli:after{ width:100%;left: 0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#033A8D;}
.Place{float: right;font-size: 14px;color:#999999;background:url(../img/ico/place.png) 0px center no-repeat;padding-left: 19px;}
.Place a{color:#999999;}
.Place a:hover,.Place span{color:#033A8D;}

.SinglePage{ position:relative;word-wrap:break-word;word-break:normal;text-align:justify; color:#333333;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}
/* .SinglePage p{text-indent: 2em;} */

.VideoInfo{ width:840px; margin:25px auto; position:relative;}
.VideoInfo video{object-fit: fill;}
.VideoInfo .title{ color:#fff; text-align:center; font-size:18px; padding-top:10px;}

@media ( max-width:1366px){
	.SubBan .txt{width: 94%;left: 3%;transform: translate(0,-50%);}
}

@media ( max-width:768px){
.SubContent{padding:25px;}
.SubBan .txt{display: none;}
.ColumnName{ display:block; padding-left:28px;}
.SubMenu{ line-height:34px; height:auto; text-align:left;}
.SubMenu ul{float: none; display:none;background:#eee;margin:10px 0;}
.SubMenu li{width: 50%;float: left;text-align: center;margin:0;}
.SubMenu li:after{display: none;}
.SubMenu li a:hover, .SubMenu li.onli a{color:#033A8D;border-bottom: 1px solid #033A8D;}
.SubMenu li a{ padding-left:16px;border-bottom: 1px solid #fff;font-size: 14px;}

.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;display:block;margin:0 auto;}
.SinglePage *{ line-height:24px !important; font-size:14px !important;}

.VideoInfo{ width:95%;}
.VideoInfo .title{font-size:15px;}
}

/*栏目页公用样式 end*/



/*集团概况 s*/
.AboutInfo{background:#fff;margin-bottom: 38px;}
.AboutInfo .Info{width: 50%;vertical-align: top;padding:4% 4.5% 1%;}
.AboutInfo .Company{border-bottom: 1px solid #ededed;line-height: 2;padding-bottom: 2%;margin-bottom: 24px;color:#221f1f;font-size: 0.25rem;}
.AboutInfo .Company span{position: relative;}
.AboutInfo .Company span:after{position: absolute;right: -30px;width: 21px;height: 9px;top: -5px;content: "";background:url(../img/sup.png);}
.AboutInfo .desc{color:#7a7575;font-size:0.2rem;text-align:justify}
.AboutInfo .aboutImg {float: right;padding:10px; width: 600px;}
.NumList{background:#fff;}
.NumList li{text-align: center;width: 25%;padding:0.28rem 1% 0.37rem;color:#221f1f;float: left;}
.NumList .num{line-height: 0.85rem;color:#033A8D;}
.NumList .num b{font-size: 0.6rem;font-family: "DINCond";display: inline-block;vertical-align: middle;}
.NumList .num sub{bottom: -10px;position: relative;margin-left: 2px;font-size: 16px;}

.SubTit{font-size: 0.3rem;margin-bottom: 0.55rem;color:#221f1f;}
.LeaderList .table-tr{border-top: 1px solid #ededed;}
.LeaderList .cell{height: 0.8rem;color:#221f1f;padding-top: 0.15rem;padding-bottom: 0.15rem;}
.LeaderList .name{padding-left: 1.2rem;width: 2.8rem;font-size: 0.22rem;font-weight: bold;}

.rybg{background-image:url(../img/rybg.jpg);background-position: center bottom;background-repeat: no-repeat;}
.HornorList{width: 54%;float: left;}
.HornorList .year{line-height: 0.5rem;font-size: 0.6rem;font-weight: bold;color:#221f1f;font-family: "DINCond";}
.HornorList .month{line-height: 0.63rem;margin:0.1rem 0 0.37rem;font-size: 0.24rem;color:#221f1f;position: relative;border-bottom: 1px solid #eeeded;}
.HornorList .month:after{content: "";left: 0;bottom: -1px;width: 45px;height: 1px;position: absolute;background:#ec1c27;}
.HornorList dl{height: 3.34rem;overflow-y: auto;}
.HornorList dl p{line-height: 0.4rem;background:url(../img/dot.png) 0 0.2rem no-repeat;padding-left: 0.38rem;color:#504d4d;font-size: 0.18rem;}

.HornorList .nav{position: relative;padding-bottom: 64px;margin-top: 0.26rem;}
.HornorList .nav:After{content: "";height: 1px;width: 100%;background:#e5e5e5;left: 0;top: 26px;position: absolute;}
.HornorList .nav .slick-list{padding-top: 27px;}
.HornorList .nav .item{padding-top: 12px;position: relative;font-family: "DINCond";font-weight: bold;color:#504d4d;text-align: center;line-height: 48px;cursor: pointer;transition: all 0.3s;}
.HornorList .nav .item:After{left: 50%;top: 0;width: 1px;height: 12px;background:#e5e5e5;position: absolute;content: "";}
.HornorList .nav .item:before{width: 0;height: 0;background:url(../img/sup2.png);left: 50%;top: -27px;content: "";margin-left:-19px;position: absolute;transition: all 0.3s;}
.HornorList .nav .item.slick-current{color:#ec1c27;font-size: 30px;}
.HornorList .nav .item.slick-current:before{width: 39px;height: 16px;}
.HornorList .nav .slick-arrow{top: auto;bottom: -64px;margin-top: 0;}
.HornorList .nav .slick-prev{left: 0;}
.HornorList .nav .slick-next{right: 0;}

.HornorTec{width: 35%;float: right;overflow: hidden;}
.HornorTec .ti{font-size: 0.24rem;color:#221f1f;line-height: 0.28rem;}
.HornorTec .desc{text-align:justify;font-size: 0.18rem;color:#a1a1a1;line-height: 0.28rem;margin:0.15rem 0 0.18rem 0;}
.HornorTec .imgbox{padding-top: 133%;}
.HornorTec:hover .slick-prev{left: 10px;}
.HornorTec:hover .slick-next{right: 10px;}

.MemberNav{padding:0 0.8rem;margin-bottom: 0.5rem;}
.MemberNav .item a{display: flex;height: 1.1rem;font-size: 0.18rem;padding:0 10px;justify-content: center;align-items: center;background:#f5f5f5;margin:0 10px;color:#000000;}
.MemberNav .item a span{display: inline-block;position: relative;}
.MemberNav .item a span:After{position: absolute;left: -26px;width: 14px;height: 1px;content: "";background:#ec1c27;top: 50%;transition: all 0.3s;}
.MemberNav .item.on a span:After{width: 0;}
.MemberNav .item.on a{background:#ec1c27 url(../img/navbg.gif) right center no-repeat;color:#fff;}
.MemberNav .slick-prev{left: -0.8rem !important;}
.MemberNav .slick-next{right: -0.8rem !important;}

.MemberInfo{border-top: 1px solid #ededed;border-bottom:1px solid #ededed;padding: 0.52rem 0 0.55rem;margin-bottom: 0.46rem;background:url(../img/memberbg.jpg) 0px bottom no-repeat;}
.MemberInfo .logo{width: 4.38rem;padding-right: 0.74rem;text-align: center;vertical-align: top;}
.MemberInfo .logo img{width: 100%;}
.MemberInfo .txt{word-wrap:break-word;word-break:normal;text-align:justify;color:#7a7575;}

.AboutNews{width: calc(100% - 468px);float: left;}
.AboutNews .title{line-height: 26px;margin-bottom: 18px;position: relative;}
.AboutNews .title h2{font-size: 22px;color:#221f1f;}
.AboutNews .title a.more{position: absolute;right: 0;top: 0;font-size: 14px;color:#7a7575;}
.AboutNews .title a.more:hover{color:#033A8D;}
.AboutNews li{padding:0 80px 0 15px;position: relative;height: 40px;line-height:40px;}
.AboutNews li:after{position: absolute;left: 0;width: 3px;height: 3px;border-radius: 50%;background:#033A8D;top: 49.5%;content: "";}
.AboutNews li .date{position: absolute;right: 0;top:0;color:#afa7a7;font-size: 18px;font-family: "DINCond";}
.AboutContact{background:#ec1c27 url(../img/contacbg.jpg) center center no-repeat;background-size:cover;width: 360px;float: right;color:#fff;height: 236px;display: flex;justify-content: center;padding:0 0.34rem;flex-direction: column;}
.AboutContact h2{padding-bottom: 11px;font-size: 22px;}
.AboutContact .item{margin-top: 6px;line-height: 24px;min-height: 24px;padding-left: 47px;position: relative;}
.AboutContact .item span{position: absolute;left: 0;top: 0;}

@media ( max-width:1366px){
	.AboutInfo .desc{line-height: 26px;text-align:justify}
}
@media ( max-width:1024px){
	.MemberInfo .cell{display: block;}
	.MemberInfo .logo{padding-bottom: 15px;}
	.AboutNews{width: auto;float: none;}
	.AboutNews li {height: 33px;line-height: 33px;}
	.AboutNews li .date{font-size: 14px;}
	.AboutContact{width: auto;float: none;margin-top: 15px;}
}
@media ( max-width:768px){
 .AboutInfo,.AboutInfo .cell{display: block !important;width: auto !important;}
	.AboutInfo .Company{font-size: 18px;}
	.AboutInfo .desc{line-height: 24px;font-size:0.3rem;text-align:justify}

	.NumList li{width: 50%;}
	.NumList li:nth-child(2n+1){clear: both;}
	.NumList li:nth-child(1),.NumList li:nth-child(2){padding-bottom: 0;}
	.NumList .num sub{font-size: 14px;bottom: -5px;}

	.SubTit{font-size: 18px;}
	.LeaderList .name{font-size: 15px;padding-left: 10px;width: 80px;}

	.HornorList{width: auto;float: none;}
	.HornorTec{width: auto;float: none;}
	.HornorList dl p{font-size: 14px;line-height: 24px;}
	.HornorList .month{font-size: 15px;}
	.HornorList dl{height: auto;}
	.HornorList .nav{padding-bottom: 30px;}
	.HornorList .nav .slick-arrow{bottom: 44px;}
	.HornorList .nav .slick-prev{left: -25px !important;}
	.HornorList .nav .slick-next{right: -25px !important;}
	.HornorTec .ti{font-size: 18px;line-height: 22px;}
	.HornorTec .desc{font-size: 15px;line-height: 22px;text-align:justify}

	.MemberNav .item a span:After{display: none;}
	.MemberNav .item a{font-size: 15px;margin:0 3px;}
}


/*新闻中心 s*/
.SubBox{padding:0.3rem 0.3rem 0.5rem;background:#fff;margin-bottom: 30px;overflow: hidden;}
.SubBox:last-child{margin-bottom: 0px;}
.RecNews .imgbox{width: 60%;float: left;padding-top: 36.6%;}
.RecNews .info{width: 40%;float: left;padding: 0 0 0 3%;}
.RecNews .date{border:4px solid #f0f0f0;width: 96px;height: 96px;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #afa7a7;font-family: "DINCond";}
.RecNews .date b{line-height: 33px;font-size: 40px;color:#033A8D;}
.RecNews .ti{height: 60px;border-bottom: 1px solid #eeeded;padding-bottom: 70px;margin-top: 0.32rem;font-size: 0.24rem;color:#221f1f;}
.RecNews .desc{color:#666363;text-indent:2em;height: 150px;-webkit-line-clamp: 5;margin-top: 17px;text-align:justify}
.RecNews a:hover .ti{color:#033A8D;}
.RecNews .slick-dots{left: 63%;bottom: 0;width: 37%;text-align: left;line-height: 14px;}
.RecNews .slick-dots li {height: 14px;width: 5px;position: relative;margin:0 10px 0 0;}
.RecNews .slick-dots li button{border-radius: 0;width: 5px;height: 5px;background:#7a7979;position: absolute;bottom: 0;}
.RecNews .slick-dots li.slick-active button{background:#033A8D;height: 14px;}

.NewsList li{margin-bottom: 20px;}
.NewsList .imgbox{width: 315px;padding-top: 220px;float: left;}
.NewsList .info{width: calc(100% - 350px);float: right;position: relative;}
.NewsList .info:after{position: absolute;left: 0;bottom: 0;width: 22px;height: 2px;background:#033A8D;content: "";transition: all 0.3s;}
.NewsList .titbox{line-height: 48px;padding:0 75px 5px 0;border-bottom: 1px solid #eeeded;position: relative;margin-bottom: 12px;}
.NewsList .tit{color:#221f1f;font-size: 20px;}
.NewsList .date{position: absolute;right: 0;top: 0;font-size: 18px;color:#afa7a7;font-family: "DINCond";}
.NewsList .desc{font-size: 15px;color:#777373;line-height: 24px;height: 48px;margin-bottom: 32px;text-align:justify}
.NewsList li:hover .tit{color: #033A8D;font-weight: 600}
.NewsList li:hover .tit,.NewsList li:hover .date{color: #033A8D;}
.NewsList li:hover .info:after{width: 100px;}

.HyNewsList{margin: 0 0 0 -20px;}
.HyNewsList li{width: 50%;float: left;}
.HyNewsList li a{display: block;margin:0 0 20px 20px;background:#f5f5f5;padding:0.36rem;}
.HyNewsList .date{font-size: 0.18rem;color:#033A8D;font-family: "DINCond";font-weight: bold;}
.HyNewsList .tit{font-size: 0.2rem;margin:0.12rem 0 0.15rem;font-weight: bold;}
.HyNewsList .desc{height: 48px;font-size: 14px;color:#615e5e;line-height: 24px;text-align:justify}
.HyNewsList li:hover a{background:#033A8D;}
.HyNewsList li:hover .date,.HyNewsList li:hover .tit,.HyNewsList li:hover .desc{color:#fff;font-weight: normal;}

.TitleInfo{text-align: center;padding: 17px 0;border-bottom: 1px solid #ededed;margin-bottom: 0.4rem;background:url(../img/sup2.png) center bottom no-repeat;background-size: 2.5%;clear: both;}
.TitleInfo .ti{padding-bottom: 0.2rem;color:#221f1f;font-size: 0.3rem;line-height: 0.4rem;}
.TitleInfo .other{color:#a7a7a7;font-size: 14px;}
.TitleInfo .other span{display: inline-block;margin:0 10px;}

.PrevNextBox {border-top: 1px solid #ececec;margin-top: 0.63rem;padding-top: 0.34rem;position: relative;}
.PrevNextBox dl{padding:0 80px 0 88px;position: relative;line-height: 0.48rem;min-height: 0.48rem;}
.PrevNextBox dl dt{position: absolute;left: 0;top: 0;color:#7c7777;}
.PrevNextBox dl dd .date{position: absolute;right: 0;top: 0;font-size: 18px;color:#afa7a7;font-family: "DINCond";}
.PrevNextBox .back{display: block;margin: 0.34rem auto 0;width: 1.82rem;line-height: 0.52rem;color:#fff;font-size: 0.18rem;border-radius: 25px;background:#033A8D;text-align: center;}
.PrevNextBox .back img{display: inline-block;vertical-align: middle;margin-right: 11px;transition: all 0.3s;}
.PrevNextBox .back:hover{background:#2274F0;}
.PrevNextBox .back:hover img{transform: rotate(-90deg);}



@media(max-width:1024px){
.RecNews .desc{height: auto;-webkit-line-clamp: 2;text-align:justify}

.TitleInfo{background-size:5%;}
.TitleInfo .ti{font-size: 16px;line-height: 26px;}

.PrevNextBox .back{top: -40px;width: 120px;line-height: 40px;font-size: 14px;}
.PrevNextBox dl{padding:0 0 0 60px;}
.PrevNextBox dl dd .date{display: none;}
}
@media(max-width:768px){
	.RecNews .imgbox{width: auto;float: none;padding-top: 64%;}
	.RecNews .info{width: auto;float: none;position: relative;z-index: 10;padding-bottom: 15px;}
	.RecNews .ti{height: auto;font-size: 15px;}
	.RecNews .date{width: 66px;height: 66px;margin: -76px 0 26px;background:rgba(0,0,0,0.5);border:0;color:#fff;}
	.RecNews .date b{font-size: 30px;line-height: 28px;}
	.RecNews .slick-dots{left: auto;width: 100%;text-align: center;bottom: -10px;}

	.NewsList .imgbox{width: auto;float: none;padding-top: 64%;margin-bottom: 10px;}
	.NewsList .info{width: auto;float: none;}
	.NewsList .titbox{line-height: 35px;}
	.NewsList .tit{font-size: 15px;}
	.NewsList .date,.NewsList .desc{font-size: 14px;text-align:justify}
	.NewsList .info:after{bottom: -10px;}

	.HyNewsList li{width: auto;float: none;}
	.HyNewsList li a{margin-bottom: 12px;}
	.HyNewsList .tit{font-size: 16px;}
	.HyNewsList .date{font-size: 14px;}
}

/* 联系我们 */
.ContactUs{background:#fff;margin-bottom: 13px;}
.ContactUs .imgbox{width: 47%;}
.ContactUs .info{width: 53%;padding:0 4% 0 4%;}
.ContactUs .SubTit{border-bottom: 1px solid #efefef;position: relative;padding-bottom: 0.3rem;margin-bottom: 0.45rem;}
.ContactUs .SubTit:After{position: absolute;left: 0;bottom: -1px;width: 60px;height: 1px;content: "";background:#033A8D;}
.ContactUs .item{margin-bottom: 0.34rem;position: relative;padding-left: 1.21rem;font-size: 0.18rem;}
.ContactUs .item span{position: absolute;left: 0;top: 0;}
.ContactUs .item img{display: inline-block;vertical-align: middle;margin-right: 4px;width: 0.28rem;height: 0.28rem;}
.ContactUs2.ContactUs .item{padding-left:0.30rem;margin-bottom: 0.1rem;}
.ContactUs .SubTit{padding-bottom: 0.2rem;margin-bottom: 0.2rem}
.ContactUs2.ContactUs .item:last-child{margin-bottom:0}


.ContactList{margin:0 0 0 -20px;}
.ContactList li{width: 33.3333%;float: left;padding:0 0 20px 20px;}
.ContactList a{display: block;background:#f5f5f5;padding:0.4rem 0.4rem 0;height: 2.4rem;line-height: 20px;color:#666666;}
.ContactList .ti{height: 0.52rem;line-height: 0.22rem;color:#000000;font-size: 0.2rem;margin-bottom: 0.17rem;position: relative;}
.ContactList .ti:after{position: absolute;left: 0;bottom: 0;width: 20px;height: 2px;content: "";background:#033A8D;transition: all 0.3s;}
.ContactList .item{margin-bottom: 0.2rem;}
.ContactList .item:last-chil{margin-bottom: 0;}
.ContactList li:hover a{background: #033A8D;color:#fff;}
.ContactList li:hover .ti{color:#fff;}
.ContactList li:hover .ti:after {background:#fff;width: 100px;}

.MailBox{background:#fff;position: relative;padding-left: 34.5%;}
.MailBox:after{content: "";left: 4%;width: 91.2%;bottom: 0.62rem;border-bottom: 1px solid #ec1c27;position: absolute;z-index: 2;background:url(../img/sup3.png) 0px bottom no-repeat;height: 17px;}
.MailBox:before{content: "";left: 4%;width: 26.1%;bottom: 0.62rem;border-bottom: 1px solid #fff;position: absolute;z-index: 3;}
.MailBox .Info{background:#eb1c27 url(../img/messagebg.jpg) center bottom no-repeat;position: absolute;left: 0;top: 0;height: 100%;color:#fff;padding:1.12rem 0.48rem 0;width: 29.4%;}
.MailBox .Info .ti{font-size: 0.3rem;margin-bottom: 0.55rem;}
.MailBox .Form{padding:0.7rem 0.7rem 1.21rem 0;}
.MailBox .item{position: relative;padding-left: 130px;margin-bottom: 10px;line-height: 0.5rem;}
.MailBox .item dt{position: absolute;left: 0;top: 0;text-align: right;width: 105px;font-size: 0.18rem;color:#221f1f;}
.MailBox .item .text{width: 100%;background:#f5f5f5;height: 0.5rem;line-height: 0.5rem;padding: 0 0.2rem;font-size: 16px;}
.MailBox .item .textarea .text{height: 1.56rem;padding:10px 0.2rem;line-height: 0.33rem;}
.MailBox .item:hover .text{background:#eeeeee;}
.MailBox .btnbox{padding-top: 20px;margin-bottom: 0;}
.MailBox .sendbtn{color:#fff;width: 1.73rem;height: 0.5rem;background:#ec1c27;font-size: 16px;}
.MailBox .sendbtn:hover{background:#cd0b16;}

@media(max-width:1024px){
	.ContactUs .item{font-size: 16px;line-height: 28px;padding-left: 100px;}
	.ContactList .ti{font-size: 18px;}
	.ContactList li{width: 50%;}
	.ContactList a{height: 2.8rem;}
}
@media(max-width:768px){
	.ContactUs .cell{width: auto !important;display: block;}
	.ContactUs .info{padding-top: 18px;}
	.ContactList li{width: auto;float: none;}

	.MailBox{padding:0;}
	.MailBox .Info{position: static;width: auto;padding:20px;}
	.MailBox .Info .ti{font-size: 18px;margin-bottom: 18px;}
	.MailBox .Form{padding:20px;}
	.MailBox .item{line-height: 38px;padding-left: 90px;}
	.MailBox .item dt{width: 80px;font-size: 14px;}
	.MailBox .item .text{height: 38px;line-height: 38px;font-size: 14px;}
	.MailBox .item .textarea .text{height: 100px;}
	.MailBox .btnbox{padding-top: 0;}
	.MailBox .sendbtn{width: 100px;height: 38px;}
	.MailBox:after,.MailBox:before{display: none;}
}


.PhotoNews{margin:0 0 0 -0.3rem;}
.PhotoNews li{width: 33.333%;float: left;padding:0 0 0.3rem 0.3rem;}

.PhotoNews a{display: block;}
.PhotoNews .info{background:#f5f5f5;padding:0.2rem;}
.PhotoNews .tit{font-size: 0.15rem;margin-bottom: 14px;}



@media(max-width:768px){
	.PhotoNews li{width: auto;float: none;}
	.PhotoNews .date{font-size: 16px;}
	.PhotoNews .tit{font-size: 15px;margin-bottom: 10px;}
}