﻿@charset "utf-8";
@font-face {  
	font-family: "impact"; font-weight: normal; font-style: normal;
	src: url('../../res/fonts/impact-webfont.eot');
	src: url('../../res/fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../../res/fonts/impact-webfont.woff') format('woff'),
		 url('../../res/fonts/impact-webfont.ttf') format('truetype'),
		 url('../../res/fonts/impact-webfont.svg#Futura') format('svg');
} 

html,body{height:100%;}
body{padding:120px 0 0; margin:0px auto; font-size:16px; line-height:24px; color:#666666; width:100%; /*min-width:300px;*/ zoom:1;font-family:"Microsoft YaHei","Arial","宋体",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:#545454; 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:#0074d6;}
*:hover{transition: all ease 0.3s;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ 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: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #005bac;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1300px; margin:0px auto;}
.block{ display:block;}
.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;}
.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%;}

@media ( max-width:1300px){
.Contain{padding:0 15px;}
body{ padding-top:46px; font-size:14px;}	
}

@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;line-height:24px;}	
}

/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.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.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{line-height: 36px; text-align: center;}
.Pages li{display: inline-block; float: none !important; width: auto !important; padding-bottom: 0 !important; margin:0 !important; border-bottom: none !important;background: none !important;padding-left: 0px !important;}
.Pages li a{padding: 0 !important; line-height: 36px !important; height: 36px;}
.Pages a{display:inline-block; border: 1px solid #e6e6e6; color: #999; margin:0 5px; width: 36px; border-radius: 50%;}
.Pages a.disabled{background: #e1e1e1 !important; color: #999 !important; border: 1px solid #ccc !important;}
.Pages a.a_prev,.Pages a.a_next,.Pages li.prev a,.Pages li.next a,.Pages2 a.a_prev,.Pages2 a.a_next{font-family: '宋体';}
.Pages a.a_first,.Pages a.a_end{border-radius: 5px;}
.Pages .i_text{width: 58px; height: 36px; border-radius: 3px; border: 1px solid #e1e1e1; margin: 0 2px; text-align: center;}
.Pages .i_button{width: 38px; background: #005bac; border: 1px solid #005bac; color: #fff; height: 38px; line-height: 38px; text-transform: uppercase;}
.Pages a:hover,.Pages a.a_cur,.Pages li.a_cur a{color: #fff; border: 1px solid #005bac; background: #005bac;}
.Pages li.first a,.Pages li.last a,.Pages li.prev a,.Pages li.next a{border-radius: 0; padding: 0 10px !important; width: auto;}

@media ( max-width:640px){
	.Pages{line-height: 30px;}
	.Pages li a{padding: 0 !important; line-height: 30px !important; height: 30px;}
	.Pages a{width: 30px; margin: 1px 2px;}
	/* .Pages a.a_first, .Pages a.a_prev, .Pages a.a_end, .Pages a.a_next, .Pages li.prev a, .Pages li.next a, .Pages2 a.a_prev, .Pages2 a.a_next{padding: 0 0.05rem;} */
	.Pages .i_text,.Pages .i_button{height: 30px; line-height: 30px;}
}
/*pages end*/


/*Top*/
.Header{ background:#fff; height:120px; box-shadow:0 0 10px #ddd; position:fixed; left:0px; top:0px; width:100%; z-index:999;transition: all ease 0.3s;}
.Header .Logo{float:left; padding-top:23px; padding-left:3%; width:31%;transition: all ease 0.3s;}

.Header .Search{ position:relative; float:right;z-index:777; width:5%;}
.Header .Search .icon{ cursor:pointer; position:relative; display:; text-align:center; height:120px; background: #005bac; display:block;transition: all ease 0.3s;}
.Header .Search .icon img{ width:26px; height:26px; position:absolute; top:50%; left:50%; margin:-13px 0 0 -13px;}
.Header .searchbox{ display:none; position:absolute; height:45px; right:0px; top:120px; background:#005bac; border:1px solid #005bac; width:308px;}
.Header .searchbox .i2{ display:; position:absolute; top:-77px; border-radius:50%; right:15px; cursor:pointer; width:40px; height:40px; background: #005bac url(../images/closenav.png) center center no-repeat;}
.Header .searchbox .input{ color:#fff;width:90%; height:45px; line-height:45px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #fff;}
.Header .searchbox .btn button{ position:absolute; right:10px; top:10px; height:20px; width:20px; background:url(../images/searchico.png) center center no-repeat; background-size:contain;}

.MainNav{ float:right; width:57%; padding-right:2%;}
.MainNav .top{ font-size:14px; text-align:right; padding:19px 0 17px;transition: all ease 0.3s;}
.MainNav .top a{ width:85px; display:inline-block; margin-left:17px; color:#888888;}
.MainNav .top a:hover{ color:#005bac;}
.MainNav .top img{ display:inline-block; vertical-align:middle; margin-right:6px;}
.MainNav ul{ margin-right:-1.9%;}
.MainNav li{float:left; width:10.2%;background:url(../images/linenav.gif) 0px 15px no-repeat;}
.MainNav li#nav1{width:8%; background:none;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#333333; text-align:center; height:60px; line-height:40px; font-size:16px;transition: all ease 0.3s;}
.MainNav .line{ position:absolute; left:50%; bottom:17px; height:3px; background:#005bac; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li .Tip{
	font-size: 10px;
    color: red;
    position: absolute;
    top: -13px;
    right: 3px;
}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#005bac; font-weight:bold;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:40px; margin-left:-20px;}

.NavPull{display:none; position:absolute; top:120px; line-height:32px; text-align:center; left:-20px; background:rgba(0,0,0,0.5); border-radius:0 0 10px 10px; width:100%; padding:8px 0;}
.NavPull dl{}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd { display:inline-block;*display:inline-block;zoom:1; margin:0 5px;}
.NavPull dd a{ display:block; color:#fff; font-size:16px; padding:5px 8px;}
.NavPull dd a:hover{ background:#0070d4;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:12px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#005bac; margin:4px 0px;transition: all ease 0.3s;}
.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.on .sp2 {
	-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.on .sp3 { display:none;}

.Header.Fixedtop{ height:80px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo{ padding-top:10px; width:19%;}
.Header.Fixedtop .Search .icon{ height:80px;}
.Header.Fixedtop .MainNav .top{padding:6px 0 10px;}
.Header.Fixedtop .MainNav li span a{height:56px; line-height:35px;}
.Header.Fixedtop .NavPull{ top:80px;}
.Header.Fixedtop .searchbox{top:80px;}
.Header.Fixedtop .searchbox .i2{ top:-59px;}

@media ( max-width:998px){
.Header{height:46px; padding:0; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
.Header .Logo{ padding-top:8px; width:auto;}.Header .Logo img{ height:30px;}
.Header .openbtn{ display:block;}
.Header .Search{ position:static; width:30px; margin-right:52px;}
.Header .searchbox .i2 { width:30px; top:-46px; right:51px;}
.Header .Search .icon{ height:46px;}
.Header .Search .icon img{ width:20px; height:20px; margin:-10px 0 0 -10px;}

.Header .searchbox{ display:none; position:absolute; right:0; top:49px; width:100%;}

.MainNav .top{ background:#eee; padding:12px;}
.MainNav{ position:fixed; z-index:999; width:100%; padding:0; left:0;background: #5d5d5d;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #707070;border-top:1px solid #3e3e3e; width:auto; margin:0 10px; background:none;}
.MainNav li#nav1{ width:auto;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#fff !important;}
.MainNav li .line{ display:none;}

.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{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;}

.NavPull { position:static; background:#333333; text-align:left; width:100%; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #131313;}
.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}

.Header.Fixedtop{ height:46px;}
.Header.Fixedtop .Logo{ padding-top:8px; width:auto;}
.Header.Fixedtop .Search .icon{height:46px;}
.Header.Fixedtop .MainNav .top{padding:12px;}
.Header.Fixedtop .MainNav li span a{height:40px; line-height:40px;}
.Header.Fixedtop .searchbox{top:49px;}
.Header.Fixedtop .searchbox .i2{ top:-46px;}
}
/*Top*/


/*Bottom*/
.Linkbox{ padding:0px 0 40px 82px; position:relative;}
.Linkbox .tis{ font-size:14px; position:absolute; left:0px; top:0px; line-height:44px; color:#fff;}
.Linkbox ul{ margin-left:-1.5%;}
.Linkbox li{ width:23.5%; padding-left:1.5%; float:left;}
.Linkbox select{ width:100%; background:#2b2b2b; height:44px; text-indent:1em; color:#a5a5a5;}

.Footer{ background:#111111;padding:41px 0px 27px; color:#919191;}
.Footer a{color:#919191;}.Footer a:hover{color:#fff;}
.Footer .Copyright{ float:left; line-height:30px; font-size:14px;}
.Footer .Copyright img{ display:inline-block; vertical-align:middle; margin:0 4px 0 15px;}
.Footer .Copyright p span{ display:inline-block;}
.Footer .ewm{ float:right; margin-top:-16px;}
.Footer .ewm img{ width:100px; height:100px; background:#fff; padding:6px; border:1px solid #eaeaea;}

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{padding:10px 0;}
.Linkbox{ padding:15px 0 15px 0;}
.Linkbox .tis{ position:static; line-height:30px;}
.Linkbox ul{ margin-left:-1.5%;}
.Linkbox li{ width:48.5%; margin-bottom:1.5%;}
.Linkbox select{  height:30px;}
.Footer .ewm{ float:none; margin:0 0 12px; text-align:center;}
.Footer .Copyright{ float:none; line-height:24px; font-size:12px;}
.Footer .Copyright p a{ display:block; margin-left:0;}
.Footer .Copyright img{ margin-left:0;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}

/*Bottom*/


/*首页 s*/
.HomeBan {display: none; overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li .txt{ position:absolute; width:80%; left:10%;text-align:center; top:35%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.HomeBan .slides li a{ display:block;}
.HomeBan .slides li .txt img{ width:auto; display:inline-block;}
.HomeBan .slides li .txt img{ width:auto; display:inline-block;}
.HomeBan .slides li.b1 .txt,.HomeBan .slides li.b2 .txt{top: 50%; transform:translate(0, -50%) !important;}
.HomeBan .slides li.b5 .txt{top: 16%;text-align:left;}
.HomeBan .slides li.b5 .txt{top: 31%;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:15px; z-index:10;}
.HomeBan .flex-control-nav li a{ opacity:1; width:22px; height:22px; background:url(../images/ban_dot.png) 0px top no-repeat;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background-position:right top;}
.HomeBan .flex-direction-nav a {width: 46px; height: 46px; border:2px solid #fff; border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background: url(../images/arrleft.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background: url(../images/arrright.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:2%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:2%;}
.HomeBan:hover .flex-direction-nav .flex-prev:hover {border:2px solid #005bac; background: #005bac url(../images/arrleft.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-next:hover {border:2px solid #005bac; background: #005bac url(../images/arrright.png) center center no-repeat;}


@media ( max-width:1200px){
.HomeBan .slides li .txt{ width:80%; left:10%; margin:0;}
.HomeBan .flex-direction-nav a {width: 28px; height: 28px;}
.HomeBan .flex-direction-nav .flex-prev { left:10px;}
.HomeBan .flex-direction-nav .flex-next { right:10px;}
}
@media ( max-width:998px){
.HomeBan .slides li{ height:220px;}
.HomeBan .slides li .pc img{ display:none;}
}
@media ( max-width:488px){
/*.HomeBan .slides li .txt{ width:60%; left:20%; top:15%;}*/
}

.ptb3{padding: 3% 0;}
.auto{margin: 0 4%;}
.GreyBox1{background: #f3f3f3;}
.GreyBox2{background: #f5f5f5;}
.owl-carousel .owl-nav{height: 0px;}

.FocusBox{width: 40%; float: left;}
.FocusBox .item{position: relative;}
.FocusBox .item .pic{height: 420px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.FocusBox .item .title{position: absolute; width: 100%; left: 0px; bottom: 0px; background: rgba(0,0,0,.6); line-height: 60px; height: 60px; overflow: hidden; color: #fff; font-size: 18px;}
.FocusBox .item .title span{display: block; padding: 0px 15px;}
.FocusBox .owl-dots{width: 100%; text-align: right; position: absolute; right: 12px; bottom: 25px; height: 11px; line-height: 11px;}
.FocusBox .owl-dots .owl-dot{width: 11px; height: 11px; margin: 0px 2px; background-image: url(../images/dotpic.png); background-position: left top;}
.FocusBox .owl-dots .owl-dot.active{background-position: left bottom;}

.HomeNews,.HomeMenu{height: 420px; overflow: hidden;}
.HomeNews{width: 37.5%; float: left; margin-left: 1.5%;}
.HomeNews .hd{margin-bottom: 13px; height: 50px; line-height: 50px; background: #fff;}
.HomeNews .hd li{width: 160px; float: left; text-align: center; font-size: 24px;}
.HomeNews .hd li a{display: block; color: #333;}
.HomeNews .hd li.on a{color: #fff; background: #0074d6;}

.CommonList li{height: 40px; line-height: 40px; overflow: hidden; font-size: 16px;}
.CommonList li a{color: #333;position:relative;height: 40px; line-height: 40px; }
.CommonList li i{font-size: 14px; color: #828282; margin-right: 15px;}
/* .CommonList li .Tip{font-size:10px;color:red;position:absolute;top:-5px;right:-35px;line-height:20px;} */
.CommonList li .date{float: right; font-family: Arial; color: #999;}
.CommonList li .news1{ color: red;}
.CommonList li:hover a,.CommonList li:hover i{color: #0074d6;}
.new{display:inline-block; margin:-5px 0px 0px 10px; font-size:12px; font-style:italic; color:#0074d6;}

.HomeMenu,.HomeMenu2{width: 19%; float: right;}
.HomeMenu li{width: 49%; float: left; height: 130px;position:relative; background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; text-align: center;}
.HomeMenu li:nth-child(2n){float: right;}
.HomeMenu li.m1{background-image: url(../images/bg1.png);}
.HomeMenu li.m2{background-image: url(../images/bg2.png);}
.HomeMenu li.m3{background-image: url(../images/bg3.png);}
.HomeMenu li.m4{background-image: url(../images/bg4.png);}
.HomeMenu li.m5{background-image: url(../images/bg5.png);}
.HomeMenu li.m6{background-image: url(../images/bg6.png);}
.HomeMenu li a{display: block; padding-top: 22px;}
.HomeMenu li .icon{display: block; width: 50px; margin: 0 auto;}
.HomeMenu li .name{display:inline-block;font-size: 16px; color: #fff; line-height: 36px;position:relative;margin-top:10px;}
.HomeMenu li  .Tip{font-size:10px;color:red;position:absolute;top:0;right:5px;}

.h360{height: 360px; overflow: hidden;}
.HomeSlide.w1{width: 39%; margin-right: 2.5%;}
.HomeSlide{width: 37.5%; float: left;}
.HomeSlide .hd{height: 55px; border-bottom: 1px solid #ededed; margin-bottom: 25px;}
.HomeSlide .hd li{float: left; margin-right: 30px; width: 100px; text-align: center;}
.HomeSlide .hd li a{display: block; line-height: 53px; font-size: 24px; color: #333; border-bottom: 3px solid rgba(255,255,255,0);}
.HomeSlide .hd li.on a{border-bottom: 3px solid #0074d6; color: #0074d6; font-weight: bold;}

.HomeMenu2 li{height: 55px; line-height: 55px; overflow: hidden; margin-top: 12px;}
.HomeMenu2 li.m1{background: #0069c2;}
.HomeMenu2 li.m2{background: #66a5da;}
.HomeMenu2 li.m3{background: #85b4b2;}
.HomeMenu2 li.m4{background: #83a2ca;}
.HomeMenu2 li.m5{background: #a2b8cb;}
.HomeMenu2 li.m6{background: #7a888e;}
.HomeMenu2 li.m7{background: #5693b6;}
.HomeMenu2 li a{display: block; padding: 0px 20px;position:relative;}
.HomeMenu2 li .icon{display: inline-block; vertical-align: middle; width: 36px; margin-right: 10px;}
.HomeMenu2 li .name{font-size: 17px; color: #fff; line-height: 36px;}
.HomeMenu2 li a .Tip{font-size:10px;color:red;position:absolute;top:-5px;right:20px;}
/*.HomeMenu2 li.m2 .icon,.HomeMenu2 li.m3 .icon{margin-right: 0px;}*/


.HomeProject .title{font-size: 24px; line-height: 24px; margin-bottom: 3%; color: #0074d6; font-weight: bold;}
.HomeProject .item a{display: block; margin: 0 7px; position: relative;}
.HomeProject .item .pic img{display: block; maxi-width: 280px;height:210px;width:100%;}
.HomeProject .item .name{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.6); color: #fff; font-size: 16px; text-align: center;}
.HomeProject .item .name span{display: block; padding: 0px 5px; line-height: 50px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media ( max-width:1440px){
	.HomeMenu2 li .name{font-size: 16px;}
	.HomeMenu2 li .icon{ width: 26px; margin-right: 5px;}
}

@media ( max-width:1366px){
	.HomeMenu li .name{font-size: 14px;}
}

@media ( max-width:1200px){
	.auto{margin: 0 15px;}
	.FocusBox{width: 50%;}
	.HomeNews{width: 48%; float: right;}
	.HomeNews .hd li,.HomeSlide .hd li a,.HomeProject .title{font-size: 20px;}
	.HomeMenu,.HomeMenu2{width: 100%; height: auto; float: none; clear: both; padding-top: 3%;}
	.HomeMenu li{width: 32%; margin-right: 2%;}
	.HomeMenu li:nth-child(2n){float: left;}
	.HomeMenu li:nth-child(3n){margin-right: 0;}
	.HomeSlide.w1{width: 48%; float: left; margin-right: 0;}
	.HomeSlide{width: 48%; float: right;}
	.HomeMenu2 li{width: 48%; float: left;}
	.HomeMenu2 li:nth-child(2n){float: right;}
}

@media ( max-width:768px){
	.FocusBox,.HomeNews{width: 100%; float: none;}
	.FocusBox .item .title{height: 50px; line-height: 50px; font-size: 16px;}
	.HomeNews{margin: 15px 0 0;}
	/*.HomeSlide.w1{margin-bottom: 15px;}*/
	.HomeSlide.w1,.HomeSlide{width: 100%; float: none;}
	.HomeSlide .hd{height: 48px; margin-bottom: 15px;}
	.HomeSlide .hd li a{line-height: 46px;}
	.HomeMenu li{height: 105px;}
	.HomeMenu li a{padding-top: 10px;}
	.HomeMenu2 li a{padding: 0px 10px;}
	.HomeMenu2 li .name{font-size: 16px;}
}

@media ( max-width:640px){
	
}

@media ( max-width:480px){
	.ptb3{padding: 15px 0px;}
	.FocusBox .item .pic{height: 240px;}
	.HomeNews .hd{height: 40px; line-height: 40px;}
	.HomeNews .hd li{width: 50%;}
	.CommonList li .date{font-size: 14px;}
	.CommonList li i{margin-right: 8px;}
	.HomeSlide .hd li{margin-right: 15px;}
	.HomeMenu2 li{margin-top: 5px;}
	.HomeMenu2 li,.HomeMenu2 li:nth-child(2n){width: 100%; float: none;}
	.HomeProject .item a{margin: 0;}
	
	
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{height:200px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubPage{ height:auto !important; min-height:255px; height:255px; padding-bottom:68px;}
.ColumnName{ font-weight:normal; text-align:center; color:#fff; font-weight:bold; font-size:16px; line-height:40px; border-bottom:3px solid #f0f0f0; background:#005bac; position:relative; display:none;}
.SubMenu{clear:both; line-height:70px; border-bottom:3px solid #ebebeb; margin-bottom:48px;}
.SubMenu li{ float:left; position:relative; margin-right:20px;}
.SubMenu li .Tip{font-size: 10px; color: red; position: absolute; top: -13px; right: 3px;}
.SubMenu li a{ display:block; font-size:16px; padding:0 5px; font-weight:bold;}
.SubMenu li a em{ position:relative; z-index:1;display:block;}
.SubMenu li i{ position:absolute; z-index:0; width:0%; bottom:-2px; height:3px; left:50%; background:#005bac;transition: all ease 0.3s; font-size:0;}
.SubMenu li a:hover i,.SubMenu li.onli i{ width:100%; left:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#005bac;}
.SubMenu .place{ float:right; font-weight:bold; font-size:14px; background:url(../images/home.png) 0px center no-repeat; padding-left:16px;}
.SubMenu .place a,.SubMenu .place span{ margin-left:8px; color:#666666; background:url(../images/placearr.png) 0px center no-repeat; padding-left:12px;}
.SubMenu .place span{ color:#005bac;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px;}

.Subtit{ padding-bottom:28px;}
.Subtit h2 em{ text-transform:uppercase; font-weight:normal; display:block; line-height:36px; color:#f0f0f0; font-size:40px;font-family: "impact";}
.Subtit h2{ line-height:52px; color:#005bac; font-size:30px;}
.Subtit .h2{ line-height:52px; color:#005bac; font-size:22px;}

@media ( max-width:998px){
.SubPage{ padding-top:10px; padding-bottom:30px;}
.SubBan{height:100px;}
.SubMenu{ margin-bottom:20px;}
.SubMenu .place{ line-height:38px;}
.SubMenu ul{border:1px solid #ddd; display:none;}
.SubMenu li{ float:none; margin:0;}
.SubMenu li a{border-bottom:1px solid #ddd; line-height:30px; font-size:14px; padding:0 15px;}
.SubMenu li i{ display:none;}
.ColumnName { display:block; clear:both;}
.ColumnName .arr{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}
.ColumnName .arr img{ position:absolute; right:15px; top:14px; width:20px;transition: all ease 0.3s;}
.ColumnName.on .arr img{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;}
.SinglePage{line-height:24px;}

.Subtit{ padding-bottom:15px;}
.Subtit h2 em{font-size:20px;}
.Subtit h2{ line-height:25px;font-size:20px;}
.Subtit .h2{ line-height:25px; font-size:18px;}
}
/*栏目页公用样式 end*/


/*公司介绍 s*/
.AboutInfo{ width:64%; float:left; padding-bottom:55px;}
.AboutHead{ width:28.1%; float:right; padding-left:4%; border-left:3px solid #f3f3f3; padding-bottom:72px;}
.AboutGroup{ background:#005bac url(../images/aboutbg2.gif) right bottom no-repeat; clear:both; position:relative;}
.AboutGroup .img{ width:68%;}
.AboutGroup .info{ position:absolute; right:0; top:82px; width:28%; line-height:35px; color:#cbd7e8;}
.AboutGroup .info .tis{ line-height:74px; font-size:24px; color:#fff;}

.LeaderInfo{ width:54%; float:left;}
.LeaderInfo .h3{ font-size:24px; color:#000000;}
.LeaderImg{ width:40%; float:right; position:relative;}
.LeaderImg img{ width:100%;}
.LeaderImg .info{ background:url(../images/leaderbg.jpg) center bottom no-repeat; background-size:cover; color:#cbd7e8; padding:57px 25px 0 60px; height:223px;}
.LeaderImg .info em{ color:#fff; display:block; line-height:67px; font-size:24px;}
.LeaderImg .line{ border:3px solid #005bac; width:84px; height:84px; position:absolute; left:-46px; bottom:-52px;}

.Fztxt{ background:#005bac; position:relative; margin-bottom:2.5%;}
.Fztxt .img{ width:68%; float:right;}
.Fztxt .info{ width:32%; position:absolute; left:0; top:0; height:100%; color:#fff; background:url(../images/fzbg.jpg); background-size:cover;}
.Fztxt .info .txt{ padding:73px 0 0 53px;}
.Fztxt .Subtit h2 em{ opacity:0.1; letter-spacing:-0.03em;}
.Fztxt .Subtit h2{ color:#fff;}
.FzList{ margin:0 0 0 -2.5%;}
.FzList li{ width:30.8333%; float:left; padding:2.5% 0 0 2.5%;}
.FzList li .box{ text-align:center; border:1px solid #e4e4e4; padding:32px 11.2% 0; height:286px;transition: all ease 0.3s;}
.FzList li .box .tis{ line-height:57px; color:#333333;}
.FzList li .box .p{ font-size:14px; line-height:25px; height:153px; overflow-y:auto; color:#888888;}

.HornorList{margin-left:-2.5%; padding-bottom:4%;}
.HornorList li{ text-align:center; width:30.8333%; float:left; padding:2.5% 0 0 2.5%;transition: all ease 0.3s;}
.HornorList li .imgbox{ border:1px solid #efefef; padding-top:80%;transition: all ease 0.3s;}
.HornorList li .imgbox span{ background-size:contain; width:90%; height:90%; left:5%; top:5%;}
.HornorList li .tis{ padding:0 9%; overflow:hidden; font-size:16px; color:#333333; background:#f5f5f5; height:70px;display: box; 
display: -webkit-box; 
display: -moz-box; 
-webkit-box-pack:center; 
-moz-box-pack:center; 
-webkit-box-align:center; 
-moz-box-align:center;}

@media ( max-width:998px){
.AboutInfo{ width:auto; float:none; padding-bottom:20px;}
.AboutHead{ width:auto; float:none; padding:0 15px 0 0; margin-bottom:20px; border-left:0px;border-bottom:3px solid #f3f3f3;}
.AboutGroup .info{top:20px;}

.LeaderInfo{ width:auto; float:none;}
.LeaderInfo .h3{ font-size:18px;}
.LeaderImg{ width:auto; float:none; margin-top:20px;}
.LeaderImg .line{ display:none;}
.LeaderImg .info{padding:18px; height:auto;}
.LeaderImg .info em{line-height:40px; font-size:20px;}

.Fztxt .info .txt{ padding:20px 0 0 20px;}

.HornorList li .tis{ font-size:14px; line-height:20px; height:40px;}
}
@media ( max-width:768px){
.AboutGroup .img{ width:auto;}
.AboutGroup .info{ position:static; padding: 15px; line-height:24px; width:auto;}
.AboutGroup .info .tis{ line-height:40px; font-size:18px; color:#fff;}

.Fztxt .img{ width:auto; float:none;}
.Fztxt .info{ width:auto; position:static; padding:0px 15px 15px;}
.FzList li{ width:47.5%;}
.FzList li .box .ico{ width:40px; margin:0px auto;}
.FzList li .box{ padding:15px; height:220px;}
.FzList li .box .tis{ line-height:32px; font-size:16px;}

.HornorList{ padding-bottom:20px;}
.HornorList li{ width:47.5%;}
}
@media ( max-width:480px){
.FzList li{ width:auto;}
.FzList li .box{height:auto;}
.FzList li .box .p{ line-height:24px; overflow:auto; height:auto;}
}

/*新闻中心 s*/
.NewsList ul{padding-bottom: 3%;}
.NewsList li.first{background: #f4f4f5; padding: 0; border-bottom: none; line-height:25px;transition: all ease 0.3s;}
.NewsList li.first .imgbox{width: 34%; height:270px; float:left;}
.NewsList li.first .info{width: 58%; float: left; padding: 24px 0 2% 3%;}
.NewsList li.first .info .tit{font-size: 20px; line-height:44px;}
.NewsList li.first .info .date{ font-weight:bold; color:#005bac;}
.NewsList li.first .info .p{-webkit-line-clamp: 3; margin:9px 0 17px; height:75px; color:#999999; font-size:14px;}
.NewsList li.first .info .more{display: block; margin-top: 18px; width: 150px; line-height: 45px; overflow: hidden; text-align: center; background: #005bac; color: #fff; font-size: 16px;}
.NewsList .eye{ display:inline-block; background:url(../images/eye.png); width:32px; height:20px; vertical-align:middle; margin-right:9px;}
.NewsList .li{position: relative; padding: 45px 0px 45px 186px; border-bottom: 1px solid #e6e6e6;transition: all ease 0.3s;}
.NewsList .li .date{ line-height:48px; position:absolute; left:0px; top:45px; color:#005bac; font-size:19px; font-weight:bold; width:186px; text-align:center;}
.NewsList .li .info .tit{ line-height:48px; font-size:19px;}
.NewsList .li .info .p{-webkit-line-clamp: 2; height:50px; color:#999999; font-size:14px;}
.NewsList .li .more{position: absolute; z-index: 3; right: 0px; top: 0px; display: none; justify-content: center; flex-direction: column; font-size: 16px; align-items: center; width: 180px; height: 100%; background: #005bac; color: #fff;}
.NewsList .li .more .eye{ display:block; margin:0px auto;}
.NewsList .li .mask{position: absolute; z-index: 2; top: 0px; right: 0px; display: none; width: 355px; height: 100%; background: url(../images/shadow.png) left center repeat-y;}
.NewsList .li:hover{background: #f4f4f5;}
.NewsList .li:hover .more{display: flex;}
.NewsList .li:hover .mask{display: block;}

.Titleinfo{ border-bottom:1px dashed #d7d7d7; text-align:center; margin-bottom:35px; padding-bottom:23px;}
.Titleinfo .tits{font-size:24px; color:#333333; line-height:53px;}
.Titleinfo .tits3{ line-height:53px;}
.Titleinfo .date{ font-size:14px;}
.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:60px; height:60px;overflow:hidden; background:#f1f1f1; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ font-weight:bold; 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:#0073bd; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

@media ( max-width:998px){
.NewsList .li:hover .more{display: none;}
.NewsList .li:hover .mask{display: none;}
.NewsList .li{padding: 15px 0px 15px 80px;}
.NewsList .li .date{ line-height:30px; top:15px; font-size:12px;width:80px;}
.NewsList .li .info .tit{ line-height:30px; font-size:15px;}
.NewsList .li .info .p{-webkit-line-clamp: 2; height:50px; color:#999999; font-size:14px;}
}

@media ( max-width:768px){
.NewsList li{padding: 5% 3%;}
.NewsList li.first .imgbox{width: 100%; float: none; height:auto; padding-top:50%;}
.NewsList li.first .info{ float:none; width:auto;padding: 15px;}
.NewsList li.first .info .tit{ font-size:16px; line-height:30px;}
.NewsList li.first .info .p{ line-height:20px; height:60px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding-bottom:10px;}
.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;}
}


/*新闻中心 s*/
.CaseList {}
.CaseList li{background: #f4f4f5; padding: 9px; border:1px solid #dce4eb; margin-bottom:50px; line-height:26px;transition: all ease 0.3s;}
.CaseList li .imgbox{width: 40%; height:340px; float:left;}
.CaseList li .info{width: 51%; float: left; padding:0 4% 0 5%;}
.CaseList li .info .tit{font-size: 20px; padding:32px 0 26px;}
.CaseList li .info .p{-webkit-line-clamp: 4;  height:104px; color:#999999; margin-bottom:75px; font-size:14px;}
.CaseList li .info .more{display: block; margin-top: 18px; width: 150px; line-height: 45px; overflow: hidden; text-align: center; background: #005bac; color: #fff; font-size: 16px;}
.CaseList .eye{ display:inline-block; background:url(../images/eye.png); width:32px; height:20px; vertical-align:middle; margin-right:9px;}

@media ( max-width:998px){
.CaseList li{ margin-bottom:20px;}
.CaseList li .info .tit{font-size: 16px; padding:10px 0 10px;}
.CaseList li .imgbox{ height:200px;}
.CaseList li .info .p{-webkit-line-clamp: 3; height:auto; margin-bottom:10px; line-height:20px;}
}
@media ( max-width:480px){
.CaseList li .imgbox{ float:none; width:auto; height:auto; padding-top:50%;}
.CaseList li .info{ float:none; width:auto; padding:8px 0 15px;}
}


/*联系我们 s*/
.ContactUs dl:nth-child(2){margin:0 0 30px 0;}
.ContactUs{ width:34%; float:left;margin:0 0 0 6%;}
.ContactUs dl{ font-size:14px; padding:13px 0 0 66px; color:#666; position:relative;}
.ContactUs dl .ico{ position:absolute; left:0px; top:11px;}
.ContactUs dl dt{ color:#333333; font-size:16px;}
.ContactUs .ewm{ border-top:1px solid #e5e5e5; position:relative; padding:29px 0 0 136px; height:138px;}
.ContactUs .ewm img{ left:0px; top:29px; width:100px; height:100px; position:absolute; padding:7px; border:3px solid #f4f4f4;}
.ContactUs .ewm span{ display:block; padding-top:37px; color:#666666;}
.ContactUs .ewm span i{ display:block;color:#0073bd; text-decoration:underline;}
.Map{ /*width:64%;*/ float:right;}
.Map img{width:780px}
@media ( max-width:768px){
.ContactUs{ width:auto; float:none;}
.ContactUs dl{ height:auto; padding-bottom:20px;}
.Map{ width:auto; float:none;}
}


/*人才招聘 s*/
.HrList{ margin-left:-2.5%;}
.HrList li{ width:47.5%; margin:0 0 2.5% 2.5%; float:left;transition: all ease 0.3s;}
.HrList li .box{ border:1px solid #e9e9e9; position:relative; padding:73px 33px 30px; line-height:25px;}
.HrList li .date{ width:120px; line-height:50px; text-align:center; background:#005bac; font-size:14px; font-weight:bold; position:absolute; left:0px; top:0px; color:#fff;}
.HrList li .tit{ font-size:20px; color:#333333;}
.HrList li .p{ font-size:14px; color:#999999; height:100px;-webkit-line-clamp: 4; margin:17px 0 28px;}
.HrList li .bm{ background:url(../images/bm.png) 0px center no-repeat; padding-left:22px; color:#333333; font-size:14px; height: 25px;}
.HrList li:hover .box{ background:#f5f5f5;}
.HrList li:hover .tit{ color:#005bac; font-weight:bold;}
@media ( max-width:998px){
.HrList li .tit{ font-size:16px;}
.HrList li .p{height:auto; margin:4px 0 10px;}
.HrList li .box{padding:50px 10px 15px; line-height:24px;}
.HrList li .date{ width:100px; line-height:40px;}
}
@media ( max-width:640px){
.HrList li{ width:auto; margin-bottom:15px;}
.HrList li .bm{height: auto;}
}

/*企业文化*/
.Greybg{background: #f6f6f6;}
.CultureTop ul{margin-left: -2%;}
.CultureTop li{width: 31.333%; margin: 0 0 2% 2%; float: left;}
/*.CultureTop li:nth-child(2n){float: right;}*/
.CultureTop li .con .icon{position: absolute; left: 25px; top: 30px;}
.CultureTop li .con .txt{margin-left: 85px;}

.CultureBox li{background: #fff;}
.CultureBox li .con{padding: 30px 25px; position: relative;}
.CultureBox li .con .icon{width: 68px;}
.CultureBox li .con .txt .tis{font-size: 20px; line-height: 24px; color: #333;}
.CultureBox li .con .txt .p{font-size: 14px; color: #999; line-height: 25px; height: 50px; overflow: hidden; margin: 14px 0px 18px;}
.CultureBox li .con .txt .more{display: block; width: 130px; line-height: 40px; text-align: center; font-size: 14px; color: #005bac; border: 1px solid #005bac; border-radius: 25px;}
.CultureBox li:hover{box-shadow: 0px 0px 20px rgba(106,106,106,0.2);}
.CultureBox li:hover .con .txt .more{background: #005bac; color: #fff; box-shadow: 0px 0px 20px rgba(0,91,172,0.2);}

.CultureList li{width: 18.4%; float: left; margin: 0 2% 2% 0; text-align: center;}
.CultureList li:nth-child(5n){margin-right: 0;}
.CultureList li .icon{display:block; margin: 0 auto 10px;}
.CultureList li .con .txt .more{margin: 0 auto;}


#Teambox {position: relative; overflow:hidden;}
#Teambox .swiper-slide {width: 500px; text-align:center;}
#Teambox .swiper-slide .imgbox{ background:url(../images/paperbg.jpg) center top no-repeat; background-size:contain; width:80%; padding-top:100%; margin:0px auto;}
#Teambox .swiper-slide .imgbox span{ width:80%; height:80%; left:10%; top:10%;}
#Teambox .swiper-slide .tit{ line-height:34px; padding-bottom:24px; font-size:20px; color:#333;}
#Teambox .swiper-slide .info{ display:none;}
#Teambox .swiper-slide .btn{ width:70%; margin:0px auto;}
#Teambox .swiper-slide .btn a{ float:left; width:50%; color:#fff; font-size:16px; line-height:50px; background:#b4964a;}
#Teambox .swiper-slide .btn a.read,#Teambox .swiper-slide .btn a.read2{ background:#005bac;}
#Teambox .swiper-slide .btn a:hover{ box-shadow:0 0 10px #999; color:#ffcc00;}
#Teambox .swiper-slide .btn a.read2{ display:none;}

#Teambox .swiper-slide.swiper-slide-active .info{ display:block;}
#Teambox .swiper-pagination {width: 100%;bottom: 20px; display:none;}
#Teambox .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #cccccc;width: 10px;height: 10px;opacity: 1;}
#Teambox .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #eb5f1a;}
#Teambox .swiper-button-prev { border-radius:50%; border:2px solid #cdcdcd; cursor:pointer;left: 0px;width: 50px;height: 50px; background: url(../images/pagearr1.png) center center no-repeat; margin-top:-88px;transition: all ease 0.3s;}
#Teambox .swiper-button-next { border-radius:50%; border:2px solid #cdcdcd; cursor:pointer;right: 0px;width: 50px;height: 50px;background:url(../images/pagearr2.png) center center no-repeat; margin-top:-88px;transition: all ease 0.3s;}

.VideoList{ margin:0 0 15px -2.5%;}
.VideoList ul{text-align: center; font-size: 0;}
.VideoList li{ width:30.8333%; float: none; display: inline-block; margin:0 0 2% 2.5%; padding-bottom:1%;transition: all ease 0.3s; cursor: pointer;}
.VideoList .imgbox{ padding-top:68%; margin-bottom:8px;}
.VideoList a{ color:#333333;}
.VideoList .play{ width:100%; left:0px; top:0px; height:100%; position:absolute; z-index:2;}
.VideoList .play i{ position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px;border-radius:50%; border:4px solid #fff; background: url(../images/play.png) center center no-repeat; background-size:contain; width:50px; height:50px;}
.VideoList li video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; z-index: 9; display: none;}
.VideoList li .tit{font-size: 16px;}

.VideoInfo { padding-bottom:0; width:80%; margin:0px auto;}
.VideoInfo .video{ width:auto; float:none; height:550px;}
.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:1300px){
	.CultureList li{width: 49%; margin-right: 0;}
	.CultureList li:nth-child(2n){float: right;}
	.CultureTop li{text-align: center;}
	.CultureTop li .con .icon{position: static; margin: 0px auto 10px;}
	.CultureTop li .con .txt{margin-left: 0px;}
	.CultureTop li .con .txt .more{margin: 0 auto;}
}

@media ( max-width:998px){
#Teambox {width: auto; float:none; margin-bottom:30px;}
#Teambox .swiper-slide .btn a.read2{ display:block;}#Teambox .swiper-slide .btn a.read{ display:none;}
.VideoList .play i{margin:-15px 0 0 -15px;border-radius:50%; border:2px solid #fff; width:30px; height:30px;}
}

@media ( max-width:768px){
.CultureList li a{min-height: 100px;}
.CultureList li .box .imgbox{width: 100px; height: 100px;}
.CultureList li .box .con{padding: 10px 0px 0px 120px;}
.CultureList li .tis{ line-height:30px; font-size:16px;}

#Teambox .swiper-slide {width: 100%;}
#Teambox .swiper-slide .tit{ font-size:16px; line-height:24px;}
#Teambox .swiper-slide .btn a{ font-size:14px; line-height:40px;}
#Teambox .swiper-button-prev {width: 35px;height: 35px;}
#Teambox .swiper-button-next {width: 35px;height: 35px;}
.VideoList li{ width:47.5%;}
}

@media ( max-width:480px){
.CultureList li,.CultureTop li{width: auto !important; float: none !important; margin-left: 0;}	
.VideoList li .tit{font-size: 14px;}
}


/* 19-09-23 */
/* 首页致辞 */
.BannerBox{position: relative;}
#canvas{position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 5;}
.SpeechBox{color: #ffdd24; background-position:center center; background-repeat:no-repeat; padding: 45px 0px;overflow: hidden; position:relative;}
.SpeechBox .Contain{max-width: 1000px;}
.SpeechBox .close{position: absolute; width: 40px; height: 40px; line-height: 32px; text-align: center; border-radius: 50%; z-index: 6; background: #333; right: 15px; top: 15px; font-size: 50px; color: #fff}
.SpeechBox .title{text-align: center; font-size: 30px; font-weight:bold; line-height: 50px; margin-bottom: 25px; /*padding-top: 30px;*/}
.SpeechBox .con{font-size: 18px; line-height: 30px; height: 355px;}
.SpeechBox .con p{text-indent: 2em; padding-bottom: 15px; text-align: justify;}
#marquee2_1{margin-bottom:80px;}


/* 荣誉资质 */
.HonnorBox .list{background: #005bac; padding: 2.5%; margin-bottom: 3%;}
.HonnorBox .list dl{width: 32%; float: left; margin-right: 2%; font-size: 16px; line-height: 40px; color: #dde4f0; position: relative;}
.HonnorBox .list dl:nth-child(3n){margin-right: 0;}
.HonnorBox .list dl dt{font-weight: bold; color: #fff; position: absolute; left: 0px; top: 0px; text-align: right; width: 100px;}
.HonnorBox .list dl dd{margin-left: 100px;}

.HonnorTab table{width: 48.5%; float: left; border: 1px solid #dcdcdc; border-right: 0px;}
.HonnorTab table:nth-child(2n){float: right;}
.HonnorTab table tr .w2{width: 24%;}
.HonnorTab table tr .w3{width: 20%;}
.HonnorTab table tr th{background: #5994c9; color: #fff; height: 60px;}
.HonnorTab table tr th,.HonnorTab table tr td{border-right: 1px solid #e1e1e1; font-size: 16px;}
.HonnorTab table tr td{height: 50px; color: #333333; text-align: center; background: #fff;}
.HonnorTab table tr:nth-child(2n) td{background: #f8f8f8;}
.HonnorTab table tr .name{display: block; text-align: left; padding: 0 40px;}
.indexad{z-index:999;}

@media ( max-width:998px){
	.HonnorTab table,.HonnorTab table:nth-child(2n){width: 100%; float: none; margin-bottom: 15px;}
	.HonnorBox .list dl{width: 48%; margin-right: 0;}
	.HonnorBox .list dl:nth-child(2n){float: right;}
}

@media ( max-width:768px){
.HonnorBox .list dl{font-size: 14px; line-height: 36px;}
}

@media ( max-width:640px){
	.HonnorBox .list dl,.HonnorBox .list dl:nth-child(2n){width: 100%; float: none;}
	.HonnorTab table tr th{height: 50px;}
	.HonnorTab table tr .name{padding: 0px 15px;}
}

@media ( max-width:480px){
.HonnorTab table tr th, .HonnorTab table tr td{font-size: 14px;}
.HonnorTab table tr .w2{width: 28%;}
.HonnorTab table tr .w3{width: 25%;}
}


/* 信息公开 */

.SubCon {}

.sideMenu {
    width: 270px;
    background: #f2f4f6;
}

.sideMenu .side_top {
    height: 65px;
	line-height:65px;
	box-sizing:border-box;
    background: #005bac;
	padding:0 20px;
}

.sideMenu .side_top .sarr_ico {
    display: none;
}

.sideMenu .side_top .tit {
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 20px;
    /*font-weight: normal;*/
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    /*padding: 0 5%;*/
}

.QualCon .sideMenu .side_top .tit {
    font-size: 26px;
    padding: 0 3%;
}

.sideMenu .side_menu {
	margin-bottom:40px;
}

.sideMenu .side_menu li {
	border-bottom:1px solid #e1e1e1;
	position:relative;
}
.sideMenu .side_menu li:before{content:'';display:block;width:3px;height:100%;background:#005bac;position:absolute;left:0;top:0;transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transition:all .5s;-webkit-transition:all .5s;}
.sideMenu .side_menu li:hover:before{transform:rotateX(0);-webkit-transform:rotateX(0);}
.sideMenu .side_menu li.on:before{transform:rotateX(0);-webkit-transform:rotateX(0);}
.sideMenu .side_menu li:hover{background:#fff;}
.sideMenu .side_menu li.on{background:#fff;}

.sideMenu .side_menu li a.menu_a {
    display: block;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #333333;
	padding:0 20px;
    background: url(../images/more_01.png) no-repeat center right 16px;
}

.sideMenu .side_menu li:last-child a.menu_a {
    border: none;
}

.sideMenu .side_menu li:hover a.menu_a {
    background: url(../images/morec_01.png) no-repeat center right 16px;
	color:##005bac;font-weight:bold;
}

.sideMenu .side_menu li.on:hover a.menu_a {
    background: url(../images/morec_01.png) no-repeat center right 16px;
	color:##005bac;font-weight:bold;
}

.sideMenu .side_menu li.on a.menu_a {
    background: url(../images/morec_01.png) no-repeat center right 16px;
	color:##005bac;font-weight:bold;
}

.sideMenu .side_menu li:hover a.menu_a,
.sideMenu .side_menu li.on a.menu_a {
    color: #005bac;
}

.sideMenu .side_menu li .side_submenu {
    height: auto;
    overflow: hidden;
    background: #1258cc;
    display: none;
}

.sideMenu .side_menu li .side_submenu dd {
    line-height: 30px;
}

.sideMenu .side_menu li .side_submenu dd a {
    display: block;
    line-height: 40px;
    padding-left: 12%;
    font-size: 16px;
    color: #fff;
}

.sideMenu .side_menu li .side_submenu dd a .sub_dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 6px;
}

.sideCon {
    width: 74%;
}

.NTit {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    margin-bottom: 30px;
}

.NTit h1 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #005bac;
}

.Po_tit {
    font-size: 28px;
    color: #1258cc;
    line-height: 70px;
}

.sideCon .NewsList .li {
    padding: 30px 0px 30px 186px;
}

.imgpc1 {
    padding-top: 43%;
}

.txtBox p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #666666;
    padding: 2% 0;
}

@media(max-width:998px) {
    .SubMenu1 {
        display: none;
    }
    .sideMenu {
        float: none;
        width: 100%;
    }
    .sideMenu .side_top {
        position: relative;
    }
    .sideMenu .side_top .sarr_ico {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        width: 20px;
        transform: translateY(-50%);
        transition: all ease 0.3s;
    }
    .sideMenu .side_top {
        width: 100%;
        height: 45px;
        padding: 10px 0;
        text-align: center;
        background: #005bac;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sideMenu .side_menu {
        /* padding: 4% 0; */
        display: none;
    }
    .sideMenu .side_menu li {
        /* height: 50px; */
        line-height: 50px;
    }
    .sideMenu .side_menu li {
        background-position: 8% 23px;
    }
    .sideMenu .side_menu li:hover,
    .sideMenu .side_menu li.on {
        background-position: 8% 23px;
    }
    .sideMenu .side_menu li a.menu_a {
        line-height: 49px;
		font-size:16px;
    }
    .sideMenu .side_menu li.on a.menu_a {
        background-position: 90% 19px;
    }
    .sideMenu .side_menu li.on:hover a.menu_a {
        background-position: 90% 19px;
    }
    .sideCon {
        width: 100%;
    }
    .NTit h1 {
        font-size: 18px;
    }
    .sideMenu .side_top .tit {
        font-size: 20px;
    }
    .QualCon .sideMenu .side_top .tit {
        font-size: 22px;
    }
}

@media(max-width:768px) {
    .sideCon .NewsList .li {
        padding: 15px 0px 15px 80px;
    }
    .NTit {
        margin-bottom: 3%;
    }
    .txtBox p {
        font-size: 14px;
    }
}

@media(max-width:414px) {
    .sideCon .place {
        padding-left: 0;
        float: left;
        font-size: 13px;
    }
}

.place {
    float: right;
    font-weight: bold;
    font-size: 14px;
    background: url(../images/home.png) 0px center no-repeat;
    padding-left: 16px;
}
.place a,
.place span {
    margin-left: 8px;
    color: #666666;
    background: url(../images/placearr.png) 0px center no-repeat;
    padding-left: 12px;
}

.place span {
    color: #005bac;
}

/*联系方式*/
.Contactbox_01 .ContactUs{width:100%;margin:0;margin-left:-2%;}
.Contactbox_01 .ContactUs:after{content:'';display:block;clear:both;}
.Contactbox_01 .ContactUs dl{width:58%;float:left;margin-left:2%;margin-bottom:20px;box-sizing:border-box;font-size:16px;line-height:30px;padding:10px 0 0 80px;height:auto;}
.Contactbox_01 .ContactUs dl .ico{width:60px;height:60px;line-height:60px;border-radius:50%;background:#005bac;box-shadow:0 20px 40px rgba(0,91,172,0.15);text-align:center;}
.Contactbox_01 .ContactUs dl .ico img{vertical-align:middle;}
.Contactbox_01 .ContactUs dl p span{font-weight:bold;color:#333;}
.Contactbox_01 .ContactUs dl:nth-child(2n){margin-left:2%;width:38%;}
.Contactbox_01 .ContactUs dl:last-child{padding:10px;border:1px solid #eee;box-shadow:0 0 10px rgba(0,0,0,0.05);}
.Contactbox_01 .Map{width:100%;margin-top:5%;}
.Contactbox_01 .Map img{width:100%;}

@media(max-width:768px){
	.Contactbox_01 .ContactUs dl{width:98%;height:auto;margin-bottom:30px;font-size:14px;;line-height:25px;padding-left:60px;}
	.Contactbox_01 .ContactUs dl .ico{width:50px;height:50px;line-height:50px;}
	.Contactbox_01 .ContactUs dl:nth-child(2n){width:98%;margin-bottom:30px;}
}

/* 2022-06-30 */
.WarnBox{max-width: 682px; margin: 150px auto; background-image: url(../images/warnbg.png); background-repeat: no-repeat; background-size: 100% 100%;}
.WarnBox .box{padding: 300px 100px 150px; text-align: center;}
.WarnBox .box h2{font-size: 30px; color: #333; line-height: 40px; margin-bottom: 30px;}
.WarnBox .box .info{font-size: 18px; color: #666; line-height: 40px;}
.WarnBox .box .info i{color: #005bac;}

@media(max-width:700px){
    .WarnBox{margin: 50px 25px;}
    .WarnBox .box{padding: 150px 25px 50px;}
    .WarnBox .box h2{font-size: 25px; margin-bottom: 20px;}
    .WarnBox .box .info{line-height: 30px; font-size: 16px;}
}














