@charset "utf-8";

/*初始化样式*/
body,html{ height:100%;transition: all ease 0.3s;}
body{padding:100px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family: "Microsoft YaHei","Arial","Microsoft YaHei","宋体",sans-serif; background:#fff;}

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:#666; font-family:"Microsoft YaHei";}
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:#ee2d31;}
*:hover{transition: all ease 0.3s;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}
:-moz-placeholder {color: #cccccc;}
::-moz-placeholder {color: #cccccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #cccccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #cccccc;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.block{ display:block;}

/*页面框架结构*/
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #ededed;}
::-webkit-scrollbar-track{
            background-color: #ededed;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #004898;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.Contain{ z-index:1; position:relative; clear:both; width:90%; margin:0px auto;}

.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#666;}
.p{overflow: hidden;word-break:normal;text-align:justify; color:#808080;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

@media(max-width:998px){
.Contain{ width:auto; margin:0 12px !important;}
}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:34px; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; vertical-align:middle; margin:0px 4px; border:1px solid #e6e6e6; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page i{ font-family:"宋体";}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 9px;}
.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:#efefef;}
.Pages .p_page .num{ margin:0 0px;}
.Pages .p_page .num a{vertical-align:middle;width:34px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#efefef;}

@media ( max-width:768px){
.Pages{ line-height:24px;}
.Pages a{ margin:0 2px;font-size:14px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 4px;}
.Pages .p_page .num a{width:24px;}
}


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


/*Top*/
.Header{ position:fixed; z-index: 999; left:0px; top:0px; height:100px; width:100%; background:#fff;transition: all ease 0.3s; background: #fff; box-shadow:0 0 10px #ddd;}
.Header .Contain{ width:auto; margin:0 22px; z-index:888;}
.Header .Logo{ position:absolute; left:0; top:18px;transition: all ease 0.3s;}
.Header .Logo img{ height:61px;transition: all ease 0.3s; display:inline-block; vertical-align:middle;}
.Header .searchico{ display:none;}
.Header .Searchbox{ width:12%; padding-left:1%; float:right; position:relative; background:url(../images/searchline.gif) 0px center no-repeat; height:100px;transition: all ease 0.3s;}
.Header .Searchbox .input{ width:90%; height:90px; line-height:90px;transition: all ease 0.3s;}
.Header .Searchbox .searchbtn{ cursor:pointer; width:26px; height:26px; background:url(../images/searchico.png) center center no-repeat; position:absolute; right:0px; top:36px;transition: all ease 0.3s;}
.Header .Searchbox .line{ width:40px; height:2px; position:absolute; left:12.5%; bottom:-1px; background:#004898;}

.MainNav{transition: all ease 0.3s; margin:0 18% 0 27%;}
.MainNav li{ float:left; zoom:1;position:relative; width:14.285%;}
.MainNav li span a{ position:relative;display:block;text-align:center;font-size:16px; height:100px; line-height:100px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#004898;}

.NavPull{top:100px; background:#f9f9f9; left:0px; position:absolute; z-index:100; display:none;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}

.NavPull.pro{ width:100%; padding:5px 0px; margin-left:0px;}
.NavPull.pro dd{ line-height:30px; text-align:center;}
.NavPull.pro dd a{ display:block;}

.MainNav.mobilenav{ padding:0%; position:fixed; z-index:999; width:100%; height:100%; overflow-y:auto; background:rgba(255,255,255,0.9); right:0px; top:0px;transition:all 0s linear; -webkit-transition:all 0s linear; display:none;}
.MainNav.mobilenav ul{ width:80%; margin:50px auto 0;}
.MainNav.mobilenav li{ vertical-align:top; width:16%;}
.MainNav.mobilenav .arr{ display:none; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav.mobilenav .arr i{ position:absolute; width:17px; height:10px; background:url(../images/arr.png); right:10px; top:18px;transition: all ease 0.3s;}
.MainNav.mobilenav 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.mobilenav .NavPull { width:100%; position:static; background:none; text-align:center; display:block; margin-bottom:-1px;}
.MainNav.mobilenav .NavPull dd a{ border:0; display:block;padding:5px 0px 5px 0px; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
.MainNav.mobilenav .NavPull dd a:hover{ color:#fff;}
.MainNav.mobilenav .NavPull dd:last-child a{ border-radius:0;}
.MainNav.mobilenav li:first-child{ display:none;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ position:absolute; right:0; top:100px; cursor:pointer;width:25px; z-index:999;transition: all ease 0.3s; display:none;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span{ display:block; height:3px; background:#004898; margin-bottom:9px;transition: all ease 0.3s;}
.openbtn.on .sp1{
	-webkit-transform: translate(0, 6px) rotate(45deg) !important;
	-moz-transform: translate(0, 6px) rotate(45deg) !important;
	-ms-transform: translate(0, 6px) rotate(45deg) !important;
	-o-transform: translate(0, 6px) rotate(45deg) !important;
	transform: translate(0, 6px) rotate(45deg) !important;}
.openbtn.on .sp2{
	-webkit-transform: translate(0, -5px) rotate(-45deg) !important;
	-moz-transform: translate(0, -5px) rotate(-45deg) !important;
	-ms-transform: translate(0, -5px) rotate(-45deg) !important;
	-o-transform: translate(0, -5px) rotate(-45deg) !important;
	transform: translate(0, -5px) rotate(-45deg) !important;}	
.openbtn.on .sp3{ display:none;}	

.bodytop{ padding-top:70px;}
.Fixedtop{ height:70px;}
.Fixedtop .MainNav li span a{ line-height:70px; height:70px;}
.Fixedtop.Header .Logo img{ height:48px;}
.Fixedtop.Header .Searchbox { height:70px;}
.Fixedtop.Header .Searchbox .input{ height:60px; line-height:60px;}
.Fixedtop.Header .Searchbox .searchbtn { top:18px;}
.Fixedtop.Header .searchico{ top:20px;}
.Fixedtop.Header .weather{top:23px;}
.Fixedtop.Header .Logo { top:8px;}

.Fixedtop .NavPull{top:70px;}

@media ( max-width:1560px){
.Header .Logo { top:22px;}
.Header .Logo img{ height:48px;}
}

@media ( max-width:1280px){
.MainNav li span a{font-size:14px;}
}

@media ( max-width:998px){
body{ padding-top:50px;}	
.Header .weather{ display:none;}
.Fixedtop.Header .Logo a{ height:50px;}
.Header{height:50px; box-shadow:0 0 10px #ddd;}
.Header .Logo{width:auto; top:11px !important;}.Header .Logo img{ height:30px !important;}
.Header .Logo span{ font-size:12px; line-height:25px; padding-left:5px; margin-left:5px;}
.Header .Contain{ padding:0;}
.openbtn.on .sp1{
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn{right:0; top:15px; display:block;}
.openbtn span,.closebtn span{ margin-bottom:5px;}
.Header .Searchbox { display:none; height:40px; position:absolute; left:0px; top:0px; width:98%; top:55px; background:#fff; box-shadow:0 0 15px #ddd;}
.Header .Searchbox .input{ height:40px; line-height:40px;}
.Header .Searchbox .searchbtn{ top:8px; right:8px;}
.Header .searchico{right:32px; top:15px !important; width:20px; height:17px; padding-top:3px;}
.Header .searchico .close{ width:20px; height:20px; background:url(../images/close.png) center center no-repeat; display:none;}
.Header .searchico.on .btn{ display:none;}
.Header .searchico.on .close{ display:block;}


.pcnav{ display:none;}
.MainNav.mobilenav{width:200px; height:100%; overflow-y:auto; background:rgba(255,255,255,0.9); right:0px; margin:0;}
.MainNav.mobilenav ul{ width:auto;}
.MainNav.mobilenav li{ float:none; display:block; width:auto;}
.MainNav.mobilenav li span a{height:46px; line-height:46px; text-align:left; padding-left:20px; border-bottom:1px solid #ddd;}
.MainNav.mobilenav .arr{ display:block;}
.MainNav.mobilenav .NavPull { display:none; text-align:left;}
.MainNav.mobilenav .NavPull dd a{ padding-left:20px;}
.MainNav.mobilenav li:first-child{ display:block;}
}
/*Top*/



/* bottom */
.bottom{position: relative;background: #0c0e21;color: #666666;}
.bottom a{color: #666666;}.bottom a:hover{color: #0057b8;}
.bottom .copyright{ padding-left:3.5%; width:45%;}
.bottom .item{line-height:30px; padding-top:50px; height:166px; position:relative; float:left;}
.bottom .item .line{ border-left:1px solid #252738; height:100%; width:1px; font-size:0; position:absolute; left:0px; top:0px;}
.bottom .item .line i{ background:#0c7fff; width:1px; height:30px; position:absolute; left:-1px; top:68px; font-size:0;}
.bottom .tits{ line-height:49px; padding-top:8px; font-size:16px; color:#fff;}
.bottom .contact{ width:40%; padding-left:2.5%; float:right;}
.bottom .contact .ewm{ position:absolute;left:45px;top:50px;}
.bottom .contact .ewm li{ display:inline-block;*display:inline; zoom:1; padding-right:20px; vertical-align:top;}
.bottom .contact .ewm li img{ padding:6px; background:#fff; width:99px; height:99px; display:block;}
.bottom .contact .lxwm{ line-height:29px; margin-top:-5px;margin-left:144px;}

.bottom .linkbox{ margin-top:20px;}
.bottom .linkbox a{ display:block;width:270px; line-height:40px; text-indent:1.5em; background:#252738 url(../images/arrlink.png) right 20px center no-repeat; font-size:16px; color:#95969b;}
.bottom .linkbox a:hover{ background-color:#434453;}

.linkpop{ position:fixed; width:100%; height:100%; display:none; left:0px; top:0px; z-index:999;}
.linkpop .box{ background:#fff url(../images/linkbg.png) right bottom no-repeat; box-shadow:0 0 20px #bbb; border-radius:8px; position:fixed; z-index:1000; padding:3%; width:75%; left:10%; top:18%; height:40%;}
.linkpop .box .tithead{ color:#000000; font-size:30px; padding-bottom:28px;}
.linkpop .box .tithead span{ display:inline-block; margin-left:10px; text-transform:uppercase; color:#a3a3a3; font-size:24px;}

.linkpop .box ul{ height:106%; overflow-y:auto;}
.linkpop .box li{ display:inline-block; width:24%; font-size:16px; line-height:38px;}
.linkpop .box li a{ color:#333;background:url(../images/wzarr.png) 0px center no-repeat; padding-left:15px;}
.linkpop .box li a:hover{ color:#cc0000;}
.linkpop a.close{ position:absolute; right:10px; top:10px; width:35px; height:35px; background:url(../images/close.png) center center no-repeat;}

.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; background:url(../images/top.gif) center center; width:40px; position:fixed; bottom:60px; right:0px; z-index:999;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:40px; cursor:pointer;}

@media(max-width:998px){
.bottom .contact{ width:auto; height:auto; padding-bottom:15px;}
.bottom .item{ line-height:24px; height:auto; width:auto; float:none; padding-top:18px;}
.bottom .item .line i{ top:20px;}
.bottom .contact .ewm{ position:static; margin-bottom:5px;}
.bottom .contact .lxwm{margin-left:0px;}

.linkpop .box{width:75%; left:10%; top:15%; height:75%;}
.linkpop .box ul{ height:90%;}
.linkpop .box li{ display:inline-block; width:49%; font-size:14px; line-height:25px;}
.linkpop .box .tithead{font-size:18px; padding-bottom:15px;}
.linkpop .box .tithead span{font-size:16px;}
}
@media(max-width:640px){
.bottom .contact .ewm{ margin-left:3%;}
.bottom .contact .lxwm{ float:none; clear:both; padding-top:15px; margin:0 0 0 3%;}
.linkpop .box li{ width:auto; display:block; border-bottom:1px solid #eee; line-height:28px;}
}


/* 首页 */
.section1{ width:100%; left:0px; top:0px; position:fixed;}
.section2{ margin-top:0%; background:#fff; position:relative; z-index:2;}

.HomeBan {overflow:hidden; clear:both; position:relative; margin-top:0px;}
.HomeBan .slides li{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides .txt img{ width:auto !important; display:inline-block;}
#myVideo{ position:absolute; width:130%; height:130%;left:-15%;top:0;z-index:2;}
.HomeBan .flex-control-nav{bottom:27px; z-index:10;}
.HomeBan .flex-control-nav li a{ border-radius:50%; background:url(../images/bandot.png) 0px center no-repeat; opacity:1; width:20px; height:20px;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background-position:right center;}
.HomeBan .flex-direction-nav a {width: 40px; height: 40px; border:1px solid rgba(255,255,255,0.9);background-color: rgba(0,0,0,0.4); border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background-image:url(../images/prev.png); background-position:center center; background-repeat:no-repeat;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background-image:url(../images/next.png); background-position:center center; background-repeat:no-repeat;}
.HomeBan .flex-direction-nav a:hover { border:1px solid #004898; background-color:#004898;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:4%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:4%;}
.HomeBan #slide1 video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: fill;}
.HomeBan .txt{ position:absolute; width:80%; left:10%; text-align:center;transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 1s; text-align:center; font-size:60px; color:#fff; z-index:10; font-weight:bold;}
.HomeBan .slides li a{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2;}
.HomeBan #slide1 .txt{ top:18%; text-align:left;}
.HomeBan #slide2 .txt{ top:16%; left:auto; right:10%; text-align:right;}
.HomeBan #slide3 .txt{bottom:20%;}
.HomeBan #slide4 .txt{ top:18%;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

@media(max-width:998px){
.HomeBan .slides video{ display:none;}
.HomeBan .txt{font-size:20px; width:26%;}
.section1{ position:static;}
.section2{ margin-top:0%;}
}
@media(max-width:640px){
.HomeBan .flex-control-nav{bottom:1px;}
.HomeBan .flex-direction-nav li a { display:none;}
.HomeBan .flex-control-nav li a{ width:8px; height:8px; background:#fff;}
.HomeBan .flex-control-nav li a.flex-active{ width:10px; height:10px; background:#004898;}
.HomeBan .txt{font-size:18px;}
}

.HomeTit{ position:relative; padding-top:40px; line-height:91px; color:#000000; font-size:30px;}
.HomeTit i{ vertical-align:middle; width:2px; height:30px; background:#004898; font-size:0; display:inline-block; margin-right:20px;}
.HomeTit span{ text-transform:uppercase; color:#a3a3a3; font-size:24px; margin-left:10px; font-family:YaHeiLight;}
.HomeTit .nav{ position:absolute; right:0px; top:40px;}
.HomeTit .nav li{ position:relative; display:inline-block;*display:inline;zoom:1; padding-left:30px; font-size:18px;}
.HomeTit .nav li i{ display:inline-block; vertical-align:middle; width:15px; height:2px; background:#333333; margin-right:31px;}
.HomeTit .nav li a{ position:absolute; width:100%; height:100%; left:0px; top:0px;}
.HomeTit .nav li.on { color:#004898;}
.HomeTit .nav li.on i{ background:#004898;}

.noticebox{ padding:20px 0 0 70px; position:relative;}
.noticebox .ico{ position:absolute; left:20px; top:25px; background:url(../images/gg.png) 0px center no-repeat; padding-left:34px; line-height:30px; height:30px;}
#scroll_div{ white-space:nowrap; height:35px; line-height:35px; font-size:16px; position:relative; overflow:hidden;}
#scroll_begin, #gongao #scroll_end{display:inline} 
.HomeNews{ padding: 0px; margin-bottom:60px; border-left:1px solid #ededed;}
.FocusNews{}
.focusnews{ width:42%; float:left;}
.focusnews .slides li{ position:relative;}
.focusnews .imgbox{ padding-top:450px;}
.focusnews .tit{ padding:0 25% 0 5%; font-size:16px; color:#fff; background:rgba(0,0,0,0.6); width:70%; position:absolute; bottom:0; left:0; z-index:20; line-height:60px;}
.focusnews .flex-control-nav{ right:12px; width:107px; bottom:10px;}
.focusnews .flex-control-nav li{ margin:0 0 0 8px;}
.focusnews .flex-control-nav li a{ width:10px; height:10px; border-radius:50%; background:#fff;}
.focusnews .flex-control-nav li a.flex-active{background:#2a8fff;}

.newsright{ width:55.5%; float:right;}
.newsright .top{ border-bottom:1px dashed #bab9b9; padding-bottom:18px; margin-bottom:14px;}
.newsright .top .tit{line-height:19px; font-size:18px; margin-bottom:13px; color:#cc0000;}
.newsright .top .p{ color:#888888;-webkit-line-clamp: 2; line-height:20px; height:40px;}
.newsright .li{ height:38px; line-height:38px; background:url(../images/dot1.gif) 6px center no-repeat; padding:0 90px 0 23px; position:relative;}
.newsright .li .date{ position:absolute; right:0; top:0; color:#999999;}
.newsright .li .tit{color:#333333; font-size:16px;}.newsright .li .tit:hover{color:#004898;}

@media(max-width:850px){
.HomeTit .nav li a{ display:none;}
.HomeTit{padding-top:20px; line-height:45px;font-size:20px;}
.HomeTit .nav{ position:static; text-align:center;}
.HomeTit .nav li{padding-left:15px; font-size:16px;}
.HomeTit .nav li i{ width:10px; margin-right:10px;}
.HomeTit span{font-size:16px;}
.HomeNews{margin-bottom:20px;}
.focusnews .tit{font-size:14px; line-height:40px;}
.focusnews{ width:auto; float:none; margin-bottom:20px;}
.focusnews .imgbox{ padding-top:60%;}
.focusnews .flex-control-nav{bottom:2px;}
.newsright{ width:auto; float:none; padding-bottom:20px; padding-left:15px;}
}
@media(max-width:768px){
.newsright .top .tit{font-size:16px;}
.newsright .li .tit{ font-size:14px;}
.newsright .li{ height:28px; line-height:28px;}
.noticebox{ margin-bottom:-15px;}
.noticebox{ padding:10px 0 0 55px;}
.noticebox .ico{ top:6px;}
#scroll_div{ height:24px; line-height:24px; font-size:14px;}
}

.HomeCase{padding-bottom:3%; background:#f5f5f5;}
.HomeCase .HomeTit{border-left:1px solid #ededed;}
.HomeCase .flex-viewport{ margin-left:-40px;}
.HomeCase a{ display:block; text-align:center; margin-left:40px; font-size:16px;}
.HomeCase .tit{color:#333333;}
.HomeCase a:hover .tit{ color:#004898;}
.HomeCase .imgbox{ padding-top:70%; margin-bottom:20px;}
.HomeCase .flex-control-nav { display:none; bottom:-11px; display:none;}
.HomeCase .flex-control-nav li a{ width:30px; height:4px; background:#e5e5e5;}
.HomeCase .flex-control-nav li a.flex-active{background:#56565e;}
.HomeCase .flex-direction-nav a{width:35px; height:35px; opacity:0; border-radius:50%;}
.HomeCase .flex-direction-nav .flex-prev { left:-89px; background: #004898 url(../images/prev.png) center center no-repeat;}
.HomeCase .flex-direction-nav .flex-next { right:-50px; background: #004898 url(../images/next.png) center center no-repeat;}
.HomeCase:hover .flex-direction-nav .flex-prev { opacity:1;}
.HomeCase:hover .flex-direction-nav .flex-next { opacity:1;}

@media(max-width:1440px){
.HomeCase .flex-viewport{ margin-left:-30px;}
.HomeCase a{ margin-left:30px;}
.HomeCase .flex-direction-nav .flex-prev { left:-75px;}
}
@media(max-width:998px){
.HomeCase .flex-viewport{ margin-left:-15px;}
.HomeCase .flexslider{ overflow:hidden;}
.HomeCase a{ margin-left:15px; font-size:14px;}
.HomeCase .flex-direction-nav .flex-prev { left:-15px;}
.HomeCase .flex-direction-nav .flex-next { right:0px;}
.HomeCase .flex-direction-nav a{width:20px; height:20px; margin-top:-30px;}
.HomeCase .imgbox{ margin-bottom:10px;}
}

.HomeZt{ padding-bottom:3.5%;}
.HomeZt .HomeTit{border-left:1px solid #ededed;}
.HomeZt .flex-viewport{ margin-left:-45px;}
.HomeZt .slides li { padding:15px 0 15px 0;}
.HomeZt .slides li a{ display:block; margin-left:45px;}
.HomeZt .flex-control-nav { bottom:-11px; display:none;}
.HomeZt .flex-control-nav li a{ width:30px; height:4px; background:#e5e5e5;}
.HomeZt .flex-control-nav li a.flex-active{background:#56565e;}
.HomeZt .flex-direction-nav a{width:35px; height:35px; border-radius:50%;}
.HomeZt .flex-direction-nav .flex-prev { display:; opacity:0; left:0px; background: #004898 url(../images/prev.png) center center no-repeat;}
.HomeZt .flex-direction-nav .flex-next { display:; opacity:0; right:0px; background: #004898 url(../images/next.png) center center no-repeat;}
.HomeZt:hover .flex-direction-nav .flex-prev { opacity:1;}
.HomeZt:hover .flex-direction-nav .flex-next { opacity:1;}
.HomeZt .slides li:hover a{ box-shadow:0 0 15px #999;}
@media(max-width:998px){
.HomeZt .flex-viewport{ margin-left:-15px;}
.HomeZt .flexslider{ overflow:hidden;}
.HomeZt .slides li a{ display:block; margin-left:15px;}
.HomeZt .flex-direction-nav a{width:20px; height:20px; margin-top:-11px;}
.HomeZt .flex-direction-nav .flex-prev { opacity:1;}
.HomeZt .flex-direction-nav .flex-next { opacity:1;}
}

.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*栏目页公用样式 s*/
.SubPage{ max-width:1300px; margin:0px auto; height:auto !important; height:250px; min-height:250px; padding-bottom:40px;}
.SubBan{ position:relative;height:300px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:30px;}
.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:32px; font-size:16px; color:#333333;}

.LeftBar{ position:relative; z-index:1; width:22.2%; float:left;}
.LeftBar li{}
.LeftBar li span a{ display:block; position:relative; line-height:60px; padding:0 0 0 30px; color:#333333; font-size:20px; background:#f7f7f7;}
.LeftBar li .arr{ z-index:2; position:absolute; right:20px; top:0; font-family:"宋体";}
.LeftBar li span  a em{ position:relative; z-index:1;display:block;}
.LeftBar li .bg{ position:absolute; z-index:0; width:0%; bottom:0%; height:100%; left:0; background:#0c509e;transition: all ease 0.4s;}
.LeftBar li span a:hover,.LeftBar li.onli span a{ color:#fff;}
.LeftBar li span a:hover .bg,.LeftBar li.onli span .bg{ width:100%;}
.LeftBar .sub{ padding:10px 0 14px 44px; line-height:40px; display:none; border-bottom:1px solid #e1e1e1;}
.LeftBar .sub dd a{ color:#666666; font-size:18px; padding:0px; border:0;}
.LeftBar .sub dd a.on{ color:#004898;}

.ColumnName{ color:#fff; background: #004898 url(../images/colbg.png) right center no-repeat; background-size:contain; padding:29px 0 0 32px; height:111px;}
.ColumnName h2{ font-weight:normal; line-height:47px; font-size:30px;}
.ColumnName p{ text-transform:uppercase; opacity:0.4; font-size:20px; line-height:29px;}
.ColumnName .arr{ display:none; position:absolute; right:0; top:0; vertical-align:middle; width:100%; height:100%;}
.ColumnName .arr i{ position:absolute; right:15px; top:11px; background:url(../images/arr0.png) center center no-repeat; width:20px; height:20px;transition: all ease 0.3s;}
.ColumnName.on .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;}
	
.RightCon{ width:73%; float:right;}
.Postion{ padding-top:9px; border-bottom:1px solid #e5e5e5; line-height:59px; margin-bottom:30px;}
.Postion h3{ font-weight:normal; float:left; padding-left:5px; font-size:24px; color:#004898;}
.Postion .place{ float:right; background:url(../images/home.png) 0px center no-repeat; padding-left:14px;}
.Postion .place a,.Postion .place span{ background:url(../images/arrs.png) 0px center no-repeat; padding-left:15px; color:#666666; margin-left:15px;}
.Postion .place a:hover,.Postion .place span{ color:#004898;}

@media(max-width:1300px){
.SubPage{ margin:0 12px;}
}
@media(max-width:998px){
.SubBan{height:150px;}
.SubPage{ padding-bottom:20px;}
.ColumnName{padding:20px 0 20px 20px; height:auto;}
.ColumnName h2{line-height:29px; font-size:20px;}
.ColumnName p{ font-size:14px;}
.ColumnName .arr{ display:block;}
.Postion{line-height:31px; margin-bottom:25px;}
.Postion h3{ display:none;}
.LeftBar .sub{ padding:8px 0 8px 30px; line-height:30px;}
.LeftBar .sub dd a{ font-size:14px;}
.SinglePage{ font-size:14px; line-height:24px;}
}

@media(max-width:890px){
.ColumnName{padding:10px 0 10px 15px;}
.ColumnName h2{line-height:22px; font-size:16px; display:inline-block; margin-right:10px;}
.ColumnName p{ font-size:12px;line-height:22px; display:inline-block;}
.LeftBar{ width:auto; float:none; margin-top:-48px;}
.RightCon{ width:auto; float:none;}
.LeftBar ul{ display:none;}
}
/*栏目页公用样式 end*/


/*新闻中心 s*/
.NewsList{ margin:0px 0 35px;}
.NewsList li{ position:relative; padding-right:95px; background:url(../images/linebg.gif) 0px bottom repeat-x; height:50px; line-height:50px;}
.NewsList li .date{ position:absolute; right:10px; color:#999999; top:0;}
.NewsList li .tit{ float:left; background:url(../images/dot.gif) 7px center no-repeat; padding-left:20px; font-size:16px; width:92%; color:#333333;}
.NewsList li:hover .tit{color:#004898;}

.PhotoList{ margin-left:-3%; padding-bottom:15px;}
.PhotoList li{ width:30.33333%; margin:0 0 3% 3%; float:left;transition: all ease 0.3s;}
.PhotoList li .imgbox{ padding-top:68%;}
.PhotoList li .info{ padding:18px 20px 0 18px; height:102px; background:#f7f7f7;}
.PhotoList li .ti{ font-size:16px; height:42px; overflow:hidden; line-height:21px; color:#333333;}
.PhotoList li .date{ padding-left:26px; background:url(../images/date.png) 0px center no-repeat; color:#888888; line-height:22px; margin-top:17px;}
.PhotoList li:hover .info{ background:#0c509e;}
.PhotoList li:hover .ti{ color:#fff;}
.PhotoList li:hover .date{ background:url(../images/date2.png) 0px center no-repeat; color:#90a4c8;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #ccc; margin-bottom:35px;}
.Titleinfo .tits{ font-weight:normal; font-size:24px; color:#333; line-height:26px;}
.Titleinfo .date{ color:#999; padding:12px 0;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49.5%; line-height:50px; height:50px;overflow:hidden; background:#f1f1f1; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000;}
.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:#0057b8; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

.VideoInfo { padding-bottom:0; width:80%; margin:0px auto;}
.VideoInfo .video{ width:auto; float:none; height:550px;}
.Videotit{ text-align:center; font-size:16px; color:#fff;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

@media ( max-width:998px){
.PhotoList li .ti{ font-size:14px;}

.NewsList{ margin:0px 0 20px;}
.NewsList li{ padding-right:80px; height:35px; line-height:35px;}
.NewsList li .date{ right:0; font-size:12px;}
.NewsList li .tit{ font-size:14px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:5px; margin-bottom:20px;}
.Titleinfo .tits{ 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;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#666666;}
.PrevNextBox dl:hover{background:#126db6; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

}
@media ( max-width:640px){
.PhotoList li{ width:auto; float:none; margin-bottom:15px; height:100px;}
.PhotoList li .imgbox{ padding-top:0; height:100px; width:30%; float:left;}
.PhotoList li .info{ padding:10px 5% 0px; height:90px; width:60%; float:left;}
.PhotoList li .ti{overflow: hidden;}
}


/*资质荣誉 s*/
.HornorList{ margin:0 0 15px -3%;}
.HornorList li{ width:30.3333%; float:left; margin:0 0 3% 3%; text-align:center;transition: all ease 0.3s;}
.HornorList li .imgbox{ padding-top:66%; border:1px solid #e1e1e1;}
.HornorList li .imgbox span{ width:90%; height:90%; left:5%; top:5%; background-size:contain;}
.HornorList li .ti{ background:#f0f0f0; padding:13px 10px 0; height:67px; overflow:hidden; line-height:25px; font-size:16px; color:#333333;}

@media ( max-width:998px){
.HornorList li .ti{padding:5px 5px 0; height:67px; line-height:18px; font-size:12px;}
}

/*联系我们 s*/
.Contact{ margin-left:-2%;}
.Contact li{ width:31.3333%; padding:0 0 5.5% 2%; float:left;}
.Contact li .ico{ width:17%; float:left;}
.Contact li .info{ width:78%; padding-left:5%; line-height:25px; margin-top:-4px; float:left;}

@media ( max-width:640px){
.Contact li{ width:auto; float:none;}
}
/*首页专题版块 20210622*/	
.HomeZt{padding-top:60px;}
.HomeZt .HomeZtBox{width:70%;float:left;box-sizing:border-box;padding:41px 60px;background:url(../uploadfiles/image/ztbg.png) no-repeat center center;background-size:cover;}
.HomeZt .HomeZtBox .HomeZttit{font-size:30px;color:#000;font-weight:bold;}
.HomeZt .HomeZtBox .HomeZtCon .slides li .item{width:50%;float:left;margin-top:30px;}
.HomeZt .HomeZtBox .HomeZtCon .slides li .item .imgbox{position:relative;padding-top:125px;}
.HomeZt .HomeZtBox .HomeZtCon .slides li .item .imgbox span{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}	
	

.HomeZt .otherMenu{width:28.5%;float:right;}
.HomeZt .otherMenu .item{background-repeat:no-repeat;background-size:cover;background-position:center;height:205px;padding:60px 50px;box-sizing:border-box;margin-bottom:21px;}	
.HomeZt .otherMenu .item h1{font-size:32px;color:#166eb7;margin-bottom:30px;line-height:36px;}
.HomeZt .otherMenu .item a{font-size:13px;display:inline-block;line-height:20px;color:#7aa6cd;border:1px solid #7aa6cd;padding:0 6px;}
.HomeZt .otherMenu .item a:hover{background:#7aa6cd;color:#fff;}

.HomeZt .otherMenu .item.it2 h1{color:#14be5c;}
.HomeZt .otherMenu .item.it2 a{color:#15bb59;border:1px solid #15bb59;}
.HomeZt .otherMenu .item.it2 a:hover{background:#15bb59;color:#fff;}

@media(max-width:1366px){
	.HomeZt .HomeZtBox{padding:41px 40px;}
	.HomeZt .HomeZtBox .HomeZtCon .slides li .item .imgbox{padding-top:100px;}
	.HomeZt .otherMenu .item{height:180px;padding:45px 40px;}
	.HomeZt .otherMenu .item h1{font-size:28px;}
	.HomeZt .flex-direction-nav .flex-prev{left:0;}
	.HomeZt .flex-direction-nav .flex-next{right:0;}
}
@media(max-width:992px){
	.HomeZt .HomeZtBox{width:100%;}
	.HomeZt .HomeZtBox .HomeZtCon .slides li .item .imgbox{padding-top:32%;}
	.HomeZt .otherMenu{width:100%;margin-top:20px;}
}

@media(max-width:768px){
	.HomeZt .HomeZtBox{padding:20px 10px;}
	.HomeZt .HomeZtBox .HomeZttit{font-size:20px;}
	.HomeZt .slides li{padding-top:10px;}
	.HomeZt .HomeZtBox .HomeZtCon .slides li .item{margin-top:10px;}
	.HomeZt .slides li a{margin-left:10px;}
	.HomeZt .otherMenu .item{height:150px;padding:30px;}
	.HomeZt .otherMenu .item h1{font-size:22px;margin-bottom:15px;}
	
}