?@charset "utf-8";
@font-face {
  font-family: "DIN-Medium";
  src: url("../fonts/DIN-Medium.ttf") format("truetype"),
       url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
       url("../fonts/DIN-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

html,body{height:100%;}

body{padding:90px 0 0 0; margin:0px auto; font-size:16px; line-height:30px; color:#333333; width:100%; min-width:1280px; zoom:1;font-family:?????? cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif; background:#f0f0f0;}
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:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: 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{ display: block;} /*html5????*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
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:#3a5c8a;}
/**:hover{transition: all ease 0.3s;}*/

/*input????*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome??Firefox?????????????????????§Õ?????*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*????????????select??????????*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*?????????????§Þ????§³?????*/
	background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;
	/*?????§³??????????¦Ë??????????????*/
	padding-right: 14px;
}

/*???ie????????????????????????????*/
select::-ms-expand {
display: none;
}

/*?????????*/
::-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;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1440px; margin:0px auto;}

/*font*/
.f_red{ color:#ff0000;}
.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;}

@media ( max-width:1440px){
.Contain{max-width:90%;}
}
@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{ font-size:14px; padding-top:45px; line-height:24px;min-width:300px;}	
.Contain{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
/*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(../uploadfiles/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{ width:auto !important; max-height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; line-height:40px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 5px;text-align:center; width:40px; border-radius:50%; background:#fff; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ border-radius:20px; display:inline-block; vertical-align:middle; width:80px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ background:#3a5c8a; color:#fff;}
.Pages .p_page .num{ margin:0 15px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#3a5c8a; color:#fff;}
.Pages.p2 a{ background:#f0f0f0;}

@media ( max-width:1024px){
.Pages{line-height:24px; font-size:14px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ width:52px;}
.Pages .p_page .num{ margin:0;}
.Pages a{ margin:0px 1px; width:24px;}
}
/*pages end*/


/*Top*/
.Header{ height:90px; position:fixed; width:100%; left:0; top:0; background:url(../images/topbg.gif); box-shadow:0 0 10px rgba(0,5,10,0.3); z-index:200;}
.Header .Logo{ float:left; text-align:center; background:#fff; width:400px; padding-top:12px; height:78px;}
.Header .Logo img{ height:67px;}
.Header .Ver{ font-size:12px; float:right; line-height:20px; padding-top:25px; padding-right:7.8%;}
.Header .Ver a{ color:#9ca9be;}.Header .Ver a:hover{ color:#fff;}
.Header .Ver i{ display:inline-block; margin-left:16px;}

.MainNav{ display:none; background:url(../images/topbg2.gif); padding:40px 0 20px; position:fixed; top:90px; left:0; width:100%; z-index:99;}
.MainNav .shadow{ position:absolute; left:t0; top:0; height:20px; width:100%; background:url(../images/shadowbg.png);}
.MainNav ul{  padding-bottom:15px; border-left:1px solid #e1e7f0;}
.MainNav li{ float:left; width:14%; position:relative; z-index:100; min-height:360px;}
.MainNav li:before{ content:""; position:absolute; right:0;top:0; width:1px; height:100%; font-size:0; background:#e1e7f0;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center; color:#fff; transition: all ease 0.3s;}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav .item{ margin:0 21px; line-height:35px; font-size:15px;}
.MainNav .item dt{ position:relative; height:54px;display: flex;align-items: center; color:#3a5c8a; font-size:14px;}
.MainNav .item dt:before{ content:""; position:absolute; left:-22px;top:50%; margin-top:-10px; width:2px; height:20px; font-size:0; background:#3a5c8a;transition: all ease 0.3s;}
.MainNav .item dt a{color:#3a5c8a;}
.MainNav .item a{ color:#808080;transition: all ease 0.3s;}.MainNav .item a:hover{ color:#3a5c8a;}
.MainNav .item dt:hover:before{height:54px; top:0; margin-top:0;}
.MainNav .item dd a{ font-size:14px;}
.MainNav .item dd:hover a{ margin-left:5px;}
.MainNav .bg{ position:absolute; left:50%; width:0; bottom:0; height:100%; background:#41aaed;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;}
.MainNav li:nth-child(3){ width:14%;}

.openbtn{ cursor:pointer; display:block;width:29px; height:29px; position:absolute; right:12.5%; top:35px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:90px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#fff; margin:0px 0 6px;transition: all ease 0.3s;}
.openbtn span.sp3{ margin-left:14px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 9px) rotate(45deg) !important;
	-moz-transform: translate(0, 9px) rotate(45deg) !important;
	-ms-transform: translate(0, 9px) rotate(45deg) !important;
	-o-transform: translate(0, 9px) rotate(45deg) !important;
	transform: translate(0, 9px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1024px){
.Header{ height:50px;}
.Header .Logo{ width:200px; padding-top:7px; height:43px;}
.Header .Logo img{ height:35px;}
.Header .Ver{ padding-top:12px; font-size:12px; padding-right:15px; line-height:15px;}
.openbtn{ width:24px; height:24px; right:70px; top:20px;}
.openbtn span{height:2px;margin:0px 0 5px;}
.MainNav{ height:100%;top:50px; padding:20px 0;}
.MainNav .Contain{ height:100%;}
.MainNav ul{ height:80%;overflow-y:auto; border-left:0px; position:relative;}
.MainNav li:before{ display:none;}
.MainNav .item{ line-height:28px;}
.MainNav li{ width:auto !important; float:none; border:0; height:auto;min-height:30px;}
.MainNav .item dt{ height:40px; font-size:16px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
}

/*Top*/


/*Bottom*/
.Footer{ position:relative; background:url(../images/footbg.jpg) center bottom no-repeat; background-size:cover; padding:43px 0 44px; color:#fff;}
.Footer .left{ margin-right:360px;}
.Footer .left .nav{}
.Footer .left .nav a{ font-size:14px; color:#fff;}.Footer .left .nav a:hover{ color:#ff7900;}
.Footer .left .nav i{ display:inline-block; width:20px; color:#7489a6; text-align:center; font-size:12px;}
.Footer .left .nav i:last-child{ display:none;}
.Footer .left .link{ position:relative; margin:33px 0 29px; border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1); padding:10px 30px 10px 118px; height:auto !important; height:30px; min-height:30px;}
.Footer .left .link .ti{ position:absolute; left:0; top:10px;}
.Footer .left .link .ti .iconfont{ font-size:21px; margin-right:6px;}
.Footer .left .link .info{ font-size:14px; height:30px; overflow:hidden;}
.Footer .left .link .info a{ display:inline-block; color:#a7b0be; margin-right:32px;}
.Footer .left .link .info a:hover{ color:#fff;}
.Footer .left .link .info.on{ height:auto;}
.Footer .left .more{ position:absolute; right:0; top:10px; cursor:pointer;}
.Footer .left .more .iconfont{ display:block; font-size:16px;transition: all ease 0.3s;
dis-moz-transform: translate(0, -1px) rotate(-180deg);
-ms-transform: translate(0, 0) rotate(-180deg);
-o-transform: translate(0, 0) rotate(-180deg);
transform: translate(0, 0) rotate(-180deg);}

.Footer .copyright{ font-size:14px; color:#8692a5;}
.Footer .copyright a{color:#8692a5;}.Footer .copyright a:hover{color:#fff;}

.Footer .ewm{ text-align:center; position:absolute; top:0; right:0; font-size:14px;}
.Footer .ewm li{ float:left; padding:7px 0 0 20px;}
.Footer .ewm li img{ display:block; margin:0 auto 7px; width:112px; height:112px; border:5px solid #fff;}

.totop{text-align: center; position:fixed; bottom:60px; right:0; width:45px; height:45px; line-height:45px; color:#fff; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; background:#999; z-index:999;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{ color:#fff; background:#0091df;}
@media ( max-width:1440px){
.Footer .left .nav a{ font-size:12px;}
}
@media ( max-width:1024px){
.Footer{ padding:15px 0;}
.Footer .left{ margin-right:0;}
.Footer .ewm{ position:static;}
.Footer .left .link{height:24px; min-height:24px; padding-right:20px; padding-left:102px;}
.Footer .left .nav i{ width:12px;}
.Footer .left .link .info{height:24px;}
.Footer .left .link .info a{ margin-right:10px;}
.Footer .left .link{ margin:8px 0;}
.Footer .ewm { text-align:center; padding-top:8px;}
.Footer .ewm li{ display:inline-block; float:none;}
.totop{width:30px; height:30px; line-height:30px;}
}
@media ( max-width:800px){
.totop { bottom:72px;}
.Footer .ewm li{padding:0;}
.Footer .left .nav,.Footer .copyright{text-align:center}
}
/*Bottom*/


/*??? s*/
.HomeBan{ overflow:hidden; position:relative; height:calc(100% - 90px);}
.HomeBan .slider{ height:100vh; position:absolute; left:0; top:0; width:100%;}
.HomeBan .item{ height:100vh;}
.HomeBan .imgbox{ height:100%;}
.HomeBan .imgbox span{ background-position:center bottom;}
.HomeBan .slick-dots{ display:none !important;position: absolute; z-index: 10; bottom: 44px; left: 0; width:100%; text-align:center;}
.HomeBan .slick-dots li{ display:inline-block; margin:0 6px 0 7px;}
.HomeBan .slick-dots li button{display: block; width: 25px; height: 3px; border-radius:0; background:rgba(255,255,255,0.5); border: 0; cursor: pointer; padding: 0; font-size: 0;}
.HomeBan .slick-dots li.slick-active button{ background:#fff;}
.HomeBan .slick-arrow{ font-size:0; z-index:10;position: absolute; top: 146px; margin-top: 0; background:#fff; width: 58px; height: 58px; line-height:58px; border-radius:50%;cursor: pointer; padding: 0;transition: all ease 0.3s; border:0;}
.HomeBan .slick-prev:before{content: '<';}
.HomeBan .slick-next:before{content: '>';}
.HomeBan .slick-prev:before, .HomeBan .slick-next:before { font-size:30px; font-family:"????";}
.HomeBan .slick-prev{ left:-100px;}
.HomeBan .slick-next{ right:-100px;}
.HomeBan:hover .slick-prev { left:4%;}
.HomeBan:hover .slick-next { right:4%;}
.HomeBan .slick-arrow:hover{ background:#007eca; color:#fff;}

.HomeCol{ position:relative; margin-top:-880px; z-index:10;}

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

.Search{ position:relative; z-index:100; padding:113px 15px; max-width:1000px; margin:0px auto;}
.Search .Searchico{ cursor:pointer; display:none; color:#0091df;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico.on .icongb1{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:30px;}
.Search .searchbox{position:relative;}
.Search .searchbox .input{ background:#fff;width:99.5%; height:75px; line-height:75px; text-indent:1em; border-radius:5px;}
.Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:100px; height:75px; color:#fff; background:#3a5c8a; border-radius:0 5px 5px 0;}
.Search .searchbox .btn:hover { background:#3c78ca;}
.Search .searchbox .btn .iconfont{ font-weight:bold; font-size:30px;}

.HomeNav{ position:absolute; bottom:0; left:0; width:100%; z-index:100; padding:60px 0 33px 0; background:rgba(0,0,0,0.3);}
.HomeNav ul{ margin-left:-2.5%;}
.HomeNav li{ width:22.5%; float:left; margin:0 0 2.5% 2.5%; position:relative; border-radius:10px; background:#ffffff url(../images/homenavbg.gif) 0px center no-repeat;}
.HomeNav li a{ position:relative; z-index:1;padding-left:40px; height:120px; color:#3a5c8a; font-size:18px;display: flex;align-items: center;}
.HomeNav li:after{ content:""; left:0; top:0; position:absolute;transition: all ease 0.3s; width:0; height:100%;border-radius:10px;}
.HomeNav .ico{position:relative; margin:0px 19px 0 0; width:72px; height:72px;}
.HomeNav .ico img{transition: all ease 0.3s; width:72px; height:72px; position:absolute; left:0; top:0;}
.HomeNav .ti{ max-width:145px; line-height:24px;}
.HomeNav .i1{ transition: 400ms;}
.HomeNav .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeNav li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.HomeNav li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeNav li:hover:after{ width:100%; background: #3a5c8a url(../images/homenavbg2.gif) 0px center no-repeat;}
.HomeNav li:hover a{ color:#fff;}

.HomeNotice{ height:120px; padding-top:30px; background:#3a5c8a; overflow:hidden;}
.HomeNotice .tithead{ z-index:10; width:55px; text-align:center; position:absolute; left:0; top:-30px; height:150px; background:#ff7900; color:#fff; line-height:18px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.HomeNotice .tithead em{ width:22px; margin:12px auto 0; font-weight:bold; writing-mode: vertical-lr; /* ??????????? */  text-orientation: upright; /* ???????????? */}
.HomeNotice .line{ right:3px; width:20px; height:1px; font-size:0; background:#4e6d96; top:46px; position:absolute;}
.HomeNotice .item{ line-height:24px; padding:0 135px 0 110px;}
.HomeNotice h1{ color:#fff; position:relative; padding-right:80px; margin-bottom:16px; font-size:16px;}
.HomeNotice h1 .date{ position:absolute; right:0; top:0;font-family: "DIN-Medium"; font-size:14px; color:#7186a5;}
.HomeNotice .p{-webkit-line-clamp: 2; color:#768aa8; font-size:14px; height:48px;}
.HomeNotice .item:hover h1,.HomeNotice .item:hover .date{ color:#ff7900;}
.HomeNotice .slick-arrow{background:none; border:0; width: 20px; height: 20px;}
.HomeNotice .slick-prev:before{ content:""; background:url(../images/arr1.png) center top no-repeat; width:14px; height:8px; display:block;}
.HomeNotice .slick-next:before{ content:""; background:url(../images/arr01.png) center top no-repeat; width:14px; height:8px; display:block;}
.HomeNotice .slick-prev{ left:auto; right:0; top:45px;}
.HomeNotice .slick-next{ right:0; top:94px;}

@media ( max-width:1600px){
.Search{ padding:60px 15px;}
.Search .searchbox .input{ height:65px; line-height:65px;}
.Search .searchbox .btn {height:65px;}
.HomeNav { padding-top:30px;}
.HomeNav li { margin-bottom:2%;}
.HomeNav li a{ height:80px;}
}
@media ( max-width:1440px){
.HomeNav { padding-top:25px;}
.HomeNav li a{ height:75px;}
}
@media ( max-width:1024px){
.Search{ padding-top:6.5%; padding-bottom:6.5%;}
.Search .searchbox .input{height:38px; line-height:38px;}
.Search .searchbox .btn {width:38px; height:38px;}
.Search .searchbox .btn .iconfont{ font-size:20px;}

.HomeBan{ height:auto;}
.HomeBan .slider{ height:auto; position:relative;}
.HomeBan .item{ height:auto;}
.HomeBan .imgbox{ padding-top:60%; height:auto;}
.HomeBan .slick-dots{ display:block !important; bottom:20px;}
.HomeBan .slick-dots li{ margin:0 3px 0 3px;}
.HomeBan .slick-arrow{ display:none !important;}

.HomeNav{ position:static;}
}

.HomeNews{ background:url(../images/newsbg2.jpg) center top no-repeat; background-size:cover; padding:58px 0 65px;}
.HomeTit{ line-height:35px; color:#000000; margin-bottom:50px;}
.HomeTit h2{ font-size:34px;}
.HomeTit h2 i{ display:block; width:30px; height:19px; border-bottom:2px solid #3a5c8a;}
.HomeTit a.more{ position:absolute; top:16px; right:0; width:120px; line-height:40px; text-align:center; color:#3a5c8a; border-radius:20px; background:#fff;}
.HomeTit a:hover.more{ background:#3a5c8a; color:#fff;}
.HomeTit a .iconfont{ font-size:18px;}

.HomeNews ul{ margin:0 0 0 -15px;}
.HomeNews .li{ width:33.333%; float:left;}
.HomeNews .li .box{ position:relative; background:#fff; height:169px; margin:0 0 15px 15px; padding:21px 23px 0 146px;}
.HomeNews .li .date{ color:#3a5c8a; left:0; top:34px; position:absolute; width:116px; height:121px; text-align:center; font-size:14px; border-right:1px solid #e6e6e6;font-family: "DIN-Medium"; line-height:26px; font-weight:bold;}
.HomeNews .li .date i{ display:block; width:56px; margin:0px auto; line-height:30px; font-size:40px; padding-bottom:10px; border-bottom:1px solid #d8dee8;}
.HomeNews .li .tit{ line-height:46px; font-size:18px;}
.HomeNews .li .p{ line-height:24px; color:#808080; font-size:14px; margin-bottom:15px;-webkit-line-clamp: 2;}
.HomeNews .li .iconfont{ font-size:18px;}
.HomeNews .top{ position:relative; margin:0 0 15px 15px; background:#fff url(../images/newsbg.jpg) right bottom no-repeat;}
.HomeNews .top .imgbox{ padding-top:450px; width:50%; float:left;}
.HomeNews .top .date{ color:#fff; left:0; top:0; z-index:2; position:absolute; width:80px; height:90px; text-align:center; font-size:14px; font-family: "DIN-Medium"; line-height:26px; font-weight:bold; background:#f88012;}
.HomeNews .top .date i{ display:block; width:56px; margin:0px auto; line-height:49px; font-size:40px; padding-top:5px; border-bottom:1px solid #fa9942;}
.HomeNews .top .info{ padding:64px 5% 0; width:40%; float:left;}
.HomeNews .top .tit{ line-height:63px; font-size:24px; color:#3a5c8a;}
.HomeNews .top .line{ width:25px; height:35px; border-top:2px solid #3a5c8a;transition: all ease 0.3s;}
.HomeNews .top .p{-webkit-line-clamp: 4; line-height:24px; height:96px; color:#808080; font-size:14px; margin-bottom:55px;}
.HomeNews .top .more{ width:50px; height:50px; line-height:50px; text-align:center; color:#fff; background:#3a5c8a; border-radius:50%;}
.HomeNews .top .more .iconfont{ font-size:18px;}
.HomeNews .top .info:hover .tit{ color:#f88012;}
.HomeNews .top .info:hover .more{ background:#f88012;}
.HomeNews .top .info:hover .line{ width:100px;}

@media ( max-width:1024px){
.HomeNav{ padding:6.5% 0 5.5% 0;}
.HomeNav .ico{margin:0px 5px 0 0; width:45px; height:45px;}
.HomeNav .ico img{width:45px; height:45px;}
.HomeNav li a{ font-size:13px; height:60px; padding-left:10px;}

.HomeNotice { padding-top:10px; height:90px;}
.HomeNotice .tithead{ width:38px; left:-15px;}
.HomeNotice .tithead em { margin-top:0; line-height:16px;}
.HomeNotice .item { padding:0 45px 0 33px;}
.HomeNotice h1 { font-size:15px; margin-bottom:5px;}

.HomeTit{ line-height:35px; margin-bottom:20px;}
.HomeTit h2{ font-size:20px;}
.HomeTit h2 i{height:8px;}
.HomeTit a.more{ position:absolute; top:0; right:0; width:120px; line-height:40px; text-align:center; color:#3a5c8a; border-radius:20px; background:#fff;}
.HomeTit a:hover.more{ background:#3a5c8a; color:#fff;}
.HomeTit a .iconfont{ font-size:18px;}

.HomeNews{ padding:6.5% 0;}
.HomeNews .top .imgbox{ padding-top:300px;}
.HomeNews .top .info { padding-top:18px;}
.HomeNews .top .tit { font-size:16px;}
.HomeNews .top .p{margin-bottom:20px;}
.HomeNews .top .line{ height:10px;}
.HomeNews .top .more{ width:30px; height:30px; line-height:30px;}
.HomeNews .li .box{ padding:12px 12px 0 70px; height:115px;}
.HomeNews .li .date{ width:60px; top:20px; font-size:12px; height:90px;}
.HomeNews .li .date i{ width:45px; font-size:20px; padding-bottom:0;}
.HomeNews .li .p { margin-bottom:0;}
.HomeNews .li .tit{ font-size:15px; line-height:30px;}
.HomeNews .top .date{ width:60px; font-size:12px; height:90px;}
.HomeNews .top .date i{ width:45px; font-size:20px; padding-top:0; line-height:24px;}
}
@media ( max-width:640px){
.HomeNav li{ width:30.83333%;}
.HomeNav .ti{ max-width:100px;}

.HomeNews .li{ width:auto; float:none;}
.HomeNews .top .imgbox{ padding-top:60%; width:auto; float:none;}
.HomeNews .top .info{ width:auto; float:none; padding:15px;}
.HomeNews .top .tit{ line-height:30px;}
.HomeNews .top .p{-webkit-line-clamp: 2; height:48px;}
}
@media ( max-width:580px){
.HomeNav li{ width:47.5%;}
.HomeNav .ico,.HomeNav .ico img{width:30px; height:30px;}
.HomeNav li a{ font-size:12px;}
.HomeNav .ti { line-height:14px;}
}

/*??? end*/


/*??????????? s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; padding-top:4%; padding-bottom:4.5%;}
.SubBan { position:relative;}
.SubBan .img img{ width:100%;}

.SubMenu{line-height:64px; height:64px;clear:both; font-size:0; position:relative; z-index:5; text-align:center; background:url(../images/menubg.gif); box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.SubMenu li{display:inline-block; vertical-align:top; width:160px; padding:0 45px;}
.SubMenu li a{position:relative; z-index:1; display:block; font-size:18px; color:#333333;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0; top:0px; height:100%; left:50%; background:#3a5c8a url(../images/subico.png) center center no-repeat;transition: all ease 0.3s;}
.SubMenu li:hover .bg,.SubMenu li.selected .bg{ width:100%; left:0;}
.SubMenu li a:hover,.SubMenu li.selected a{ color:#fff;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:36px; color:#333333;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}
.newsinfo{ max-width:1000px; margin:0px auto;}

.SubTit{ text-align:center; padding-bottom:50px;}
.SubTit h2{ line-height:40px; font-size:34px; color:#000000;}
.SubTit h2 i{ display:block; margin:0px auto; width:30px; height:16px; border-bottom:2px solid #3a5c8a;}

@media ( max-width:1024px){
.SubMenu{ height:34px; line-height:34px;}
.SubMenu li .bg{height:34px;}
.SubMenu li{ width:25%; padding:0;}
.SubMenu li a{font-size:16px;}

.SubPage{ padding-top:25px; padding-bottom:25px;}
.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.SubTit{ padding-bottom:15px;}
.SubTit h2{ line-height:30px; font-size:20px;}
.SubTit h2 i{height:10px;}
}

/*??????????? end*/


/*?????? s*/
.NoticeList{ padding-bottom:15px;}
.NoticeList li{ background:#fff; padding:0 77px 0 437px; height:250px; position:relative; margin-bottom:2.6%;}
.NoticeList .imgbox{ position:absolute; left:0; top:0; width:360px; height:250px;}
.NoticeList .info{ padding-top:38px;}
.NoticeList .info .ti{ position:relative; padding-right:80px; font-size:20px;}
.NoticeList .info .ti .date{font-family: "DIN-Medium"; position:absolute; right:0; top:0; color:#cccccc; font-size:14px;}
.NoticeList .info .line{ width:20px; height:15px; border-bottom:2px solid #cccccc; margin-bottom:16px;}
.NoticeList .info .p{-webkit-line-clamp: 2; height:48px; color:#808080; line-height:24px; font-size:14px; margin-bottom:24px;}
.NoticeList .info .more{ width:38px; height:38px; line-height:36px; text-align:center; border:1px solid #dcdcdc; color:#333333; border-radius:50%;}
.NoticeList .info .more .iconfont{ font-size:18px;}
.NoticeList li:hover .info .more{ color:#fff; background:#3a5c8a; border:1px solid #3a5c8a;display: inline-block;}
.NoticeList .nopic{ padding-left:77px;}
.NoticeList.news li{ background:#f5f5f5;}
.NoticeList.news .ti { padding-right:0;}
.NoticeList.news .ti .date{ display:none;}
.NoticeList.news .date2{ color:#fff; left:280px; bottom:0; z-index:2; position:absolute; width:80px; height:90px; text-align:center; font-size:14px; font-family: "DIN-Medium"; line-height:26px; font-weight:bold; background:rgba(58,92,138,0.9);}
.NoticeList.news .date2 i{ display:block; width:56px; margin:0px auto; line-height:49px; font-size:40px; padding-top:5px; border-bottom:1px solid rgba(255,255,255,0.2);}
.NoticeList.news .nopic { padding-left:280px;}
.NoticeList.news .nopic .date2{ left:0; top:40px; width:200px; padding-top:40px; border-right:1px solid #e6e6e6; height:130px; background:none; color:#3a5c8a;}
.NoticeList.news .nopic .date2 i{ border-bottom:1px solid #d0d6e0;}

@media ( max-width:1024px){
.NoticeList li{padding:0 15px 0 255px; height:165px;}
.NoticeList .imgbox{ width:240px; height:165px;}
.NoticeList .info{ padding-top:10px;}
.NoticeList .info .ti{ font-size:15px;}
.NoticeList .info .line{ height:10px; margin-bottom:10px;}
.NoticeList .info .p{ margin-bottom:10px;}
.NoticeList .info .more{ width:28px; height:28px; line-height:25px;}
.NoticeList .nopic{ padding-left:15px;}

.NoticeList.news .date2{ left:180px; width:60px; height:60px; font-size:12px;}
.NoticeList.news .date2 i{ width:45px; font-size:20px; padding-top:2px; line-height:27px;}
.NoticeList.news .nopic { padding-left:120px;}
.NoticeList.news .nopic .date2{ top:15px; width:100px; padding-top:20px;height:100px;}
}

@media ( max-width:768px){
.NoticeList li{padding:0 10px 0 150px; height:97px;}
.NoticeList .info .ti{ padding-right:0;}
.NoticeList .info .ti .date{ position:static; line-height:15px; display:block;}
.NoticeList .info .p{ height:24px;}
.NoticeList .info .line{ height:6px; margin-bottom:6px;}
.NoticeList .imgbox{ width:140px; height:97px;}
.NoticeList .info .more{ display:none;}

.NoticeList.news .date2{ display:none !important;}
.NoticeList.news .ti .date{ display:block !important;}
.NoticeList.news .nopic { padding-left:15px;}

}

/*???????? s*/
.FaqList{ padding-bottom:15px;}
.FaqList li{ background:#fff; padding:30px 30px 0 30px; height:190px; position:relative; margin-bottom:20px;}
.FaqList .ti{ border-bottom:1px solid #ebebeb; position:relative; padding:0 80px 13px 58px; margin-bottom:16px; font-size:18px; line-height:38px; color:#3a5c8a;}
.FaqList .ti .ico{ position:absolute; left:0; top:0;}
.FaqList .ti .date{font-family: "DIN-Medium"; position:absolute; right:0; top:0; color:#cccccc; font-size:14px;}
.FaqList .p{ position:relative;-webkit-line-clamp: 3; height:72px; color:#8c8c8c; line-height:24px; font-size:14px; padding:0 136px 0 56px;}
.FaqList .p .ico{ position:absolute; left:0; top:0;}
.FaqList .more{ width:38px; height:38px; line-height:36px; position:absolute; right:30px; bottom:66px; text-align:center; border:1px solid #dcdcdc; color:#333333; border-radius:50%;}
.FaqList .more .iconfont{ font-size:18px;}
.FaqList li:hover .more{ color:#fff; background:#3a5c8a; border:1px solid #3a5c8a;}
.FaqList li:hover .ti{ color:#3a5c8a;}

.MsgBox{ background: #fff url(../images/msgbg.jpg) right top no-repeat;}
.MsgBox .Stit{ font-weight:bold; font-size:24px; color:#3a5c8a; padding-bottom:26px;}
.MsgBox .Stit .iconfont{ font-weight:normal; color:#3a5c8a; margin-right:12px; font-size:32px;}
.MsgBox .form{ background:#f0f0f0; padding:35px 70px;}
.MsgBox .form ul{ margin-left:-2%;}
.MsgBox .form li{ margin:0 0 15px 2%; clear:both;}
.MsgBox .form li.w50{ width:48%; float:left; clear:none;}
.MsgBox .form .ti{ line-height:47px; font-size:18px; color:#3a5c8a;}
.MsgBox .form .input{ width:100%; text-indent:1.5em; font-size:14px; color:#808080; height:65px; line-height:65px; background:#fff;}
.MsgBox .form .input:hover,.MsgBox .form .textarea:hover{ background:#fcfcfc;}
.MsgBox .form .textarea{ background:#fff; padding:10px 20px;}
.MsgBox .form .textarea textarea{ font-size:14px; width:100%; height:92px;}
.MsgBox .form .btn{ text-align:center; padding-top:25px; margin-bottom:0;}
.MsgBox .form .sendbtn{ color:#fff; background:#3a5c8a; width:180px; height:56px; color:#fff; font-size:20px; border-radius:28px;}
.MsgBox .form .sendbtn:hover{ background:#336dbb;}

.GuideList{ padding-bottom:15px;}
.GuideList li{ background:#fff; border-left:2px solid #d9d9d9; padding:25px 178px 0 226px; height:145px; position:relative; margin-bottom:20px;}
.GuideList li:before{ position:absolute; content:""; left:-2px; top:50%; height:0; width:2px; font-size:0; background:#3a5c8a;transition: all ease 0.3s;}
.GuideList .tit{ padding:17px 0 9px; font-size:18px;}
.GuideList .date{ color:#3a5c8a; left:0; top:25px; position:absolute; width:154px; height:120px; text-align:center; font-size:14px; border-right:1px solid #e6e6e6;font-family: "DIN-Medium"; line-height:28px; font-weight:bold;}
.GuideList .date i{ display:block; width:56px; margin:0px auto; line-height:52px; font-size:45px; padding-top:19px; border-bottom:1px solid #d8dee8;}
.GuideList .p{-webkit-line-clamp: 2; height:48px; color:#808080; line-height:24px; font-size:14px;}
.GuideList .more{ width:38px; height:38px; line-height:36px; position:absolute; right:60px; bottom:64px; text-align:center; border:1px solid #dcdcdc; color:#333333; border-radius:50%;}
.GuideList .more .iconfont{ font-size:18px;}
.GuideList li:hover .more{ color:#fff; background:#3a5c8a; border:1px solid #3a5c8a;}
.GuideList li:hover .tit{ color:#3a5c8a;}
.GuideList li:hover:before{ height:100%; top:0;}

.SubList{ margin:-10px 0 0 0; padding-bottom:15px;}
.SubList li{transition: all ease 0.3s; border-bottom:1px solid #e6e6e6; background:#fff; padding:10px 220px 0 0; margin-bottom:30px; height:140px; position:relative;}
.SubList .ti{ padding-right:80px; position:relative; margin-bottom:13px; font-size:20px;}
.SubList .date{ position:absolute; right:0; top:0; color:#cccccc; font-size:14px;font-family: "DIN-Medium";}
.SubList .p{-webkit-line-clamp: 2; height:48px; color:#808080; line-height:24px; font-size:14px;}
.SubList .mores{ position:absolute; right:0; top:36px; width:159px; text-align:center; line-height:100px; border-left:1px solid #e6e6e6;}
.SubList .more{ display:inline-block; background:#f0f0f0; width:40px; height:40px; line-height:38px; color:#333333; border-radius:50%;}
.SubList .more .iconfont{ font-size:18px;}
.SubList li:hover .more{ color:#fff; background:#3a5c8a;}
.SubList li:hover .tit{ color:#3a5c8a;}
.SubList li:hover{ z-index:1; padding-left:10px;}

.SubList .wp_paging li,.GuideList .wp_paging li,.DataList .wp_paging li,.NoticeList .wp_paging li,.NoticeList.new .wp_paging li {height:auto;border:none; background:none; padding: 0; margin-bottom:0; }
.SubList #wp_paging_w13,.GuideList #wp_paging_w13,.DataList #wp_paging_w13,.table #wp_paging_w13,.NoticeList #wp_paging_w13{text-align:center}
.table #wp_paging_w13{margin-top:30px;}
#wp_paging_w13 .wp_paging {margin:0;padding:0;list-style:none;font-size:13px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif;color:#494949;float: none;text-align: center;display: inline-block;}
.GuideList .wp_paging li:before{display:none}

@media ( max-width:1024px){
.GuideList li{padding:15px 15px 0 75px; height:120px;margin-bottom:12px;}
.GuideList .date{ width:60px; height:60px; top:15px;}
.GuideList .date i{ width:45px; font-size:20px; padding-top:0; line-height:24px;}
.GuideList .tit{ padding:0px 0 5px; font-size:15px;}
.GuideList .more{ width:28px; height:28px; line-height:25px; position:static; margin-top:5px;}

.SubList{ margin:0;}
.SubList li{margin-bottom:5px; padding-right:52px; height:90px;}
.SubList .ti{ padding-right:80px; margin-bottom:2px; font-size:15px;}
.SubList .mores{ top:10px; width:40px;line-height:60px;}
.SubList .more{ width:28px; height:28px; line-height:25px;}
}

@media ( max-width:768px){
.FaqList li{padding:15px 15px 0 15px; margin-bottom:12px; height:138px;}
.FaqList .ti{ font-size:15px; line-height:28px; padding-bottom:5px; padding-left:35px;}
.FaqList .ico{ width:25px;}
.FaqList .p{ padding:0 35px;}
.FaqList .more{ right:15px; width:28px; height:28px; bottom:35px; line-height:25px;}
.MsgBox .form{ padding:20px;}
.MsgBox .form li{ margin-bottom:5px;}
.MsgBox .form li.w50{ width:auto; float:none;}
.MsgBox .form .ti{ font-size:15px; line-height:40px;}
.MsgBox .form .input{ height:35px; line-height:35px;}
.MsgBox .form .sendbtn{ font-size:16px; width:90px; height:38px;}
.MsgBox .Stit{ font-size:18px; padding-bottom:10px;}
}

/*????? s*/
.BusinessList{ margin:0 0 -3% -3%;}
.BusinessList li{ width:30%; float:left; margin:0 0 3% 3%; text-align:center;}
.BusinessList .imgbox{ padding-top:65%;}
.BusinessList .tit{ position:relative; color:#fff;line-height:60px; font-size:18px; background:#3a5c8a;}
.BusinessList .tit:before{content:""; position:absolute; left:10px; font-size:0; width:20px; height:1px; background:#617da1; top:50%;transition: all ease 0.3s;}
.BusinessList .tit:after{content:""; position:absolute; right:10px; font-size:0; width:20px; height:1px; background:#617da1; top:50%;transition: all ease 0.3s;}
.BusinessList li:hover .tit:before{ width:50px; background:#fff;}
.BusinessList li:hover .tit:after{ width:50px; background:#fff;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#333333; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.videoinfo{ width:100%; position:relative; height:100%; overflow:hidden;}
.videoinfo video{ background:#000; width:100%; height:90%; position:absolute; left:0px; top:0;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000; font-weight:bold;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#335078; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}


@media ( max-width:1024px){
.BusinessList .tit{line-height:40px; font-size:15px;}
}
@media ( max-width:768px){
.BusinessList li{ width:47%;}
.BusinessList .tit{ font-size:14px;}
.BusinessList .tit:before,.BusinessList .tit:after{ display:none;}

.Titleinfo { line-height:20px; padding-bottom:0px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
}


/*??????? s*/
.DataList{}
.DataList li{ position:relative; height:260px; border-bottom:1px solid #e6e6e6; margin-bottom:40px; padding:0 10px 0 380px;}
.DataList .imgbox{transition: all ease 0.3s; position:absolute; left:0; top:0; width:320px; height:220px;}
.DataList .tit{ line-height:59px; font-size:20px;}
.DataList .p{-webkit-line-clamp: 3; line-height:24px; font-size:14px; color:#808080; margin:4px 0 26px;}
.DataList .more{ width:38px; height:38px; line-height:36px; text-align:center; border:1px solid #dcdcdc; color:#333333; border-radius:50%;}
.DataList .more .iconfont{ font-size:18px;}
.DataList li:hover .more{ color:#fff; background:#3a5c8a; border:1px solid #3a5c8a;}
.DataList li:hover .imgbox{ top:10px; left:10px;}

.DownList{ margin:-1% 0 2.2% 0; padding-bottom:10px;}
.DownList .table{display: table;width: 100%;border-collapse: collapse;}
.DownList .table-tr {display: table-row;height: 30px;}
.DownList .table-td { color:#999999;display: table-cell;height: 82px;border-bottom: 1px solid #e6e6e6;vertical-align: middle;}
.DownList .table-td.w1 { font-size:18px;}
.DownList .table-td.w2,.DownList .table-td.w3 { width:15%;}
.DownList .table-td.w4 { text-align:right; width:13%;}
.DownList a.down { display:inline-block; text-align:center; color:#fff; font-size:14px; width:120px; line-height:42px; border-radius:25px; background:#3a5c8a;}
.DownList a.down .iconfont{ font-size:22px; margin-left:5px;}
.DownList a:hover.down { background:#2862b0;}

@media ( max-width:1024px){
.DataList .imgbox{width:240px; height:165px;}
.DataList li{ height:180px; margin-bottom:15px; padding:0 10px 0 250px;}
.DataList li:hover .imgbox{ top:0; left:0;}
.DataList .tit { font-size:15px; line-height:30px;}
.DataList .more{ width:28px; height:28px; line-height:25px;}
.DataList .p{ margin-bottom:15px;}

.DownList .table-td.w1 { font-size:15px;}
.DownList .table-td.w2,.DownList .table-td.w3 { width:20%;}
.DownList a.down em{ display:none;}
.DownList a.down {width:28px; line-height:28px; border-radius:50%;}
.DownList a.down .iconfont{ font-size:18px; margin-left:0;}
}
@media ( max-width:768px){
.DataList { padding-bottom:10px;}
.DataList .imgbox{width:140px; height:96px;}
.DataList li{ height:110px; padding:0 10px 0 150px;}
.DataList .more{ display:none;}
.DataList .p{ margin-bottom:15px;-webkit-line-clamp: 2; height:48px;}

.DownList .table{ display:block;}
.DownList .table-tr { position:relative; display:block; height:auto;border-bottom: 1px solid #e6e6e6; margin-bottom:10px; padding-bottom:10px;}
.DownList .table-td { display:block; width:auto !important; border-bottom:0; height:auto;}
.DownList a.down { position:absolute; right:0; bottom:25px;}
}

/*?????? s*/
.Itembg{ background:url(../images/ldbg.jpg) center top no-repeat; background-size:cover;}
.Itembox{ background:rgba(0,0,0,0.1);}
.Itembox .imgbox{ padding-top:640px; width:50%; float:left;}
.Itembox .info{ width:38%; float:left; padding:0 6%; height:640px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.Itembox .info .item{ width:100%; margin:15px 0; color:#808080;}
.Itembox .info .item .box{background:#fff; padding:0 20px 0 133px; height:180px; position:relative;}
.Itembox .info .item h2{ position:absolute; left:40px; top:0; text-align:center; color:#fff; width:36px;}
.Itembox .info .item h2 span{ line-height:21px; display:block; padding:14px 5px; color:#fff; background:#ff7900; font-size:20px;}
.Itembox .info .item h3{padding-top:37px; font-size:22px; color:#3a5c8a; margin-bottom:13px;}
.Itembox .info .item h3 i{ display:block; width:20px; height:10px; border-bottom:2px solid #3a5c8a;}

.whitebg{ background:#fff;}
.bmimg img{ display:block; width:100%;}
.bminfo{ padding:50px 80px;}
.bminfo h2{ font-size:18px; color:#3a5c8a; padding-bottom:39px;}
.bminfo .list{ margin:0 0 0 -2%;}
.bminfo .item{ width:48%; margin:0 0 2% 2%; float:left; background:#eef2f7 url(../images/point2.gif) right bottom no-repeat;}
.bminfo .info{ padding:0 30px; position:relative; color:#808080; line-height:25px;display: flex;align-items: center; height:150px;}
.bminfo .info .ico{ width:75px; height:75px;display: flex;align-items: center;justify-content: center; border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:absolute; left:30px; top:50%; margin-top:-38px;}
.bminfo .info .p{ margin-left:108px;}

.SzList{ margin-bottom:-40px;}
.SzList li{ margin-bottom:40px; height:300px; background:#fff;}
.SzList .imgbox{ width:30%; float:left; padding-top:300px;}
.SzList .info{ position:relative; width:60%; padding:95px 4% 0; float:left;}
.SzList h2{ position:absolute; left:0; top:0; padding-right:20px; background:url(../images/point3.png) right top no-repeat;}
.SzList h2 span{ display:block; padding:0 30px; color:#fff; line-height:54px; font-size:22px; background:#ff7900;}
.SzList .p{ height:72px; font-size:14px; color:#808080;-webkit-line-clamp: 3; line-height:24px; margin-bottom:34px;}
.SzList .more{ width:38px; height:38px; line-height:36px; text-align:center; border:1px solid #dcdcdc; color:#333333; border-radius:50%;}
.SzList .more .iconfont{ font-size:18px;}
.SzList li:hover .more{ color:#fff; background:#3a5c8a; border:1px solid #3a5c8a;}

.ContactUs{ border:1px solid #e6e6e6; background:#fff; margin-bottom:40px;}
.ContactUs .info{ width:40%; padding:0 5%; float:left; height:448px;display:flex;justify-content:center;flex-direction: column;}
.ContactUs .info .line{ width:25px; height:30px; border-bottom:2px solid #d9d9d9; margin-bottom:54px;}
.ContactUs .info .item{ position:relative; color:#808080; font-size:15px; line-height:30px; height:auto !important; height:30px; min-height:30px; margin-bottom:10px; padding-left:38px;}
.ContactUs .info .item .ico{ left:0px; position:absolute; top:0; color:#3a5c8a;}
.ContactUs .map{ width:50%; float:right;}
.ContactUs #dituContent{ height:448px;border-left:1px solid #e6e6e6;}

.ContactList {display: table;width: 100%;border-collapse: collapse;}
.ContactList .table-head,.ContactList .table-tr {display: table-row;height: 30px;}
.ContactList .table-th {display: table-cell;font-weight: bold;height: 60px;border: 1px solid #3a5c8a;text-align: center;vertical-align: middle;background-color: #3a5c8a; font-size:18px; color:#fff; font-weight:normal;}
.ContactList .table-td {display: table-cell; color:#808080; font-size:15px;height: 100%;border: 1px solid #ebebeb; height:70px;text-align: center;vertical-align: middle; background:#fff;}
.ContactList .table-td.w1 { background:#f5f8fc; color:#3a5c8a; font-size:18px; width:24%;}
.ContactList .table-td.w2 {}
.ContactList .table-td.w3 {width:16%; background:#f5f8fc;}
.ContactList .table-td.w4 {width:16%;}

@media ( max-width:1024px){
.bminfo{ padding:20px;}
.bminfo .item{ width:auto; float:none;}
}

@media ( max-width:768px){
.Itembox .imgbox{ padding-top:65%; width:auto; float:none;}
.Itembox .info{ width:auto; float:none; padding:20px; height:auto;}
.Itembox .info .item { margin:8px 0;}
.Itembox .info .item .box{ padding:0 20px 0 55px; height:auto !important; height:120px; min-height:120px;}
.Itembox .info .item h2{ position:absolute; left:0px; top:0; text-align:center; color:#fff; width:36px;}
.Itembox .info .item h2 span{ font-size:16px;}
.Itembox .info .item h3{padding-top:10px; font-size:16px; margin-bottom:10px;}

.bminfo h2{ font-size:15px; padding-bottom:15px;}
.bminfo .info{ padding:10px 30px; height:auto; height:auto;}
.bminfo .info .ico{ width:55px; height:55px; left:12px; margin-top:-28px;}
.bminfo .info .p{ margin-left:50px;}

.SzList{ margin-bottom:0;}
.SzList li{ height:auto; margin-bottom:15px;}
.SzList .imgbox{ width:auto; float:none; padding-top:60%;}
.SzList .info{width:auto; padding:50px 15px 15px; float:none;}
.SzList h2 span{ padding:0 15px; line-height:38px; font-size:18px;}
.SzList .p{margin-bottom:15px;}
.SzList .more{ width:28px; height:28px; line-height:25px;}

.ContactUs .info{ width:auto; padding:20px; float:none; height:auto;}
.ContactUs .map{ width:auto; float:none;}
.ContactUs .info .line{ height:15px;margin-bottom:20px;}
.ContactUs #dituContent{ height:250px;}
.ContactList .table-head { display:none;}

.ContactList,.ContactList .table-tr { display:block;}
.ContactList .table-tr {border-bottom: 1px solid #ebebeb; height:auto; margin-bottom:15px;}
.ContactList .table-td { display:block; border:0; height:auto; width:auto !important; text-align:left; padding:8px;}

}

/* add 2020-8-5 */
.xqy-btn {padding-top:6%;border-top:1px solid #e5e5e5;text-align: center;}
.xqy-btn ul li{display: inline-block;width:160px;margin:0 10px;height:50px;background:#fff;text-align: center;line-height: 50px;border-radius: 50px;box-shadow: 0 5px 15px #ddd;}
.xqy-btn ul li a{color:#3a5c8a;}
.xqy-btn ul li a img{display: inline-block;margin-right:5px;vertical-align: middle;}

.share{position: absolute;right:0;top:20px;}
.bshare-custom a.bshare-more{display: block !important;width:60px !important;height:60px !important;background:url(../images/enjoy.png) #fff no-repeat center center !important;border-radius: 50%;box-shadow: 0 3px 10px #ddd;padding:0 !important;}

.Titleinfo_1{padding:50px 80px;background:#fff;position: relative;}
.Titleinfo_1 .ti {border-bottom: 1px solid #ebebeb;position: relative;padding: 0 0 13px 58px;margin-bottom: 16px;font-size: 32px;line-height: 38px;color: #333;}
.Titleinfo_1 .ti .ico{position: absolute;left:0;top:0;}
.Titleinfo_1 .p {position: relative;color: #333333;line-height: 36px;font-size: 16px;padding: 0 0 0 56px;}
.Titleinfo_1 .p .ico{position: absolute;left:0;top:0;}

.Titleinfo_1 .date{ padding:12px 0; font-size:14px;}
.Titleinfo_1 .date i{ display:inline-block; margin:0 10px;font-size: 18px;color:#3a5c8a;width:150px;}
.Titleinfo_1 .date i img{vertical-align: middle;display: inline-block;margin-right:10px;}

.SinglePage_1{background:#fff;padding:50px 80px;margin-top:10px;color:#808080;line-height: 36px;}
.xqy_1{border-top:0;}

.SubPage_1{padding-top:0;}
.Local{padding:15px 0;margin-bottom:10px;color:#999;}
.Local a{color:#999;}
.Local a:last-child{color:#3a5c8a;}

@media(max-width:1024px){
	.share{right:-30px;}
}

@media(max-width:768px){
	.Titleinfo_1{padding:10px;}
	.SinglePage_1{padding:10px; line-height:24px;}

	.Titleinfo_1 .ti{ font-size:15px; line-height:28px; padding-bottom:5px; padding-left:35px;}
	.Titleinfo_1 .ico{ width:25px;}
	.Titleinfo_1 .p{ padding:0 35px;font-size: 14px;}
	.share{display: none;}
	.bshare-custom a.bshare-more{width:40px !important;height:40px !important;line-height: 40px;}
	.Titleinfo_1 .date i{font-size: 16px;width:120px;}
	.xqy-btn ul li{width:120px;height:40px;line-height: 40px;}
}