@charset "utf-8";

html,body{height:100%;}
body{padding:0; margin:0px auto; font-size:14px; 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:#4c4c4c; 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:1200px; 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:1200px){
.Contain{padding:0 12px;}
}

@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;}
.Header .Logo{float:left; padding-top:8px; width:30%;}
.Toper{ font-size:14px; padding:9px 0 8px; border-bottom:1px solid #f3f3f3; background:#fafafa; line-height:28px;}
.Toper a{ min-width:82px; display:inline-block; margin-right:17px; color:#888888;}
.Toper a:hover{ color:#005bac;}
.Toper img{ display:inline-block; vertical-align:middle; margin-right:6px;}
.Toper dl{ padding-right:0px;}
.LogoTop{ height:84px;}
.Header .Search{ position:absolute; right:0; top:-37px;}
.Header .Search .icon{ cursor:pointer; position:relative; display:none; padding-top:17px; text-align:center;}
.Header .searchbox{ text-align:left;background:#fff; border:1px solid #e4e4e4; width:168px; border-radius:14px;}
.Header .searchbox .i2{ display:none; position:absolute; top:-40px; right:43px; cursor:pointer; width:30px; height:30px; background: #005bac url(../images/closenav.png) center center no-repeat;}
.Header .searchbox .input{ color:#888888;width:90%; height:26px; line-height:26px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #888888;}
.Header .searchbox .btn button{ position:absolute; right:10px; top:7px; height:15px; width:15px; background:url(../images/searchico.png);}

.MainNav{ float:right;}
.MainNav .Toper{ display:none;}
.MainNav li{float:left; position:relative; z-index:999; margin-left:40px;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#333333; text-align:center; height:84px; line-height:84px; font-size:16px;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#00438f; font-weight:bold;}

.NavPull{display:none; position:absolute; top:84px; text-align:center; left:-40px; background:#005bac; border-radius:0 0 10px 10px; width:150px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.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;}

@media ( max-width:1155px){
.MainNav li{margin-left:30px;}
}

@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; float:right;width:30px; margin-right:40px;}
.Header .Search .icon{ display:block;}
.Header .searchbox .i2 { display:block;}
.Header .Search .icon{ height:46px;}
.Header .searchbox{ display:none; position:absolute; right:1%; top:49px; width:98%;}
.Toper{ display:none;}
.MainNav .Toper{ display:block;}.MainNav .Toper dl{ padding:0; text-align:right;}
.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;}

}
/*Top*/


/*Bottom*/
.Footer{ background:#111111;padding:51px 0px 49px; color:#919191;}
.Footer .con{ float:left; font-size:14px; line-height:30px;}
.Footer .nav{ color:#373737;}
.Footer a{color:#919191;}.Footer a:hover{color:#fff;}
.Footer .Copyright p span{ display:inline-block;}
.Footer .ewm{ float:right;}
.Footer .ewm img{ width:88px; height:88px; border:1px solid #eaeaea; padding:5px; background:#fff; margin-left:30px;}

.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 .con{ float:none; line-height:24px; font-size:12px;}
.Footer .ewm{ float:none; margin:12px 0; text-align:center;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}

/*Bottom*/


/*首页 s*/
.HomeBan {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 a{ display:block; height:640px;}
.HomeBan .flex-control-nav{bottom:15px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 5px;}
.HomeBan .flex-control-nav li a{ opacity:1; width:10px; height:10px; border:2px solid rgba(255,255,255,0.8); background:none; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{ border:2px solid #fff; background:#fff;opacity:1;}
.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%;}
}

.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, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
.Tithead{ padding:10px 0 0px; line-height:87px;}
.Tithead h2{color:#1a1a1a; font-size:28px; float:left; font-weight:normal;}
.Tithead h2 span{ text-transform:uppercase; margin-left:10px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.Tithead .more{ float:right;}
.Tithead .more a{ padding-right:23px; background:url(../images/morearr.gif) right center no-repeat; color:#999999;}

.graybg{ background:#f6f6f6;}
.NewsFocus{ width:44%; float:left; overflow:hidden; margin-bottom:43px;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{ height:380px;}
.NewsFocus .ti{ background:rgba(0,0,0,0.7); width:100%; position:absolute; z-index:1; left:0; bottom:0; line-height:44px; font-size:16px; text-indent:1em; color:#fff;}
.NewsFocus .ti .tit{ width:73%;}
.NewsFocus .flex-control-nav{ text-align:right; right:15px; bottom:1px;}
.NewsFocus .flex-control-nav li{ margin:0 7px 0 0;}
.NewsFocus .flex-control-nav li a{ opacity:1; width:8px; height:8px; border-radius:50%; background:#fff; text-indent:999em;}
.NewsFocus .flex-control-nav li a.flex-active{opacity:1; background:#f58323;}
.NewsFocus .flex-direction-nav a { opacity:1;width: 6px; height: 11px; margin-top:0; top:auto; bottom:16px;}
.NewsFocus .flex-direction-nav .flex-prev { left:auto; right:82px; background: url(../images/newsarr.png) center center no-repeat;}
.NewsFocus .flex-direction-nav .flex-next { right:8px; background: url(../images/newsarr2.png) center center no-repeat;}

.HomeNews{width:49%; padding:0 2.5%; background:#fff; height:380px; float:right;}
.HomeNews .li{ height:30px; line-height:30px; padding:0 55px 0 15px; background:url(../images/dot.gif) 0px center no-repeat; position:relative;}
.HomeNews .li .date{ position:absolute; right:0; top:0; color:#b2b2b2;}
.HomeNews .top{ border-bottom:1px solid #f0f0f0; padding-bottom:15px; margin-bottom:16px;}
.HomeNews .top .tit{ font-weight:bold; line-height:30px; font-size:22px; font-weight:normal; color:#005197; margin-bottom:14px;}
.HomeNews .top .p{-webkit-line-clamp: 2; height:44px; color:#999999;}
.HomeNews .top .date{ line-height:43px; padding-top:16px; font-size:26px; font-family:DIN; color:#999999;}

@media ( max-width:998px){
.Tithead{ line-height:45px;}
.Tithead h2{ font-size:16px;}.Tithead h2 span{ font-size:14px;}
.NewsFocus{margin-bottom:25px;}
}
@media ( max-width:768px){
.NewsFocus{ width:auto; float:none; margin-bottom:5px;}
.NewsFocus .imgbox{ height:auto; padding-top:50%;}
.NewsFocus .ti{line-height:34px; font-size:14px;}
.HomeNews{ width:auto; float:none; height:auto; padding:10px;}
.HomeNews .li{ height:28px; line-height:28px; font-size:14px;}
.HomeNews .li .tit{font-size:14px;}
.HomeNews .top .tit{ height:35px; line-height:35px; font-size:16px;}
.HomeNews .top{padding-bottom:8px; margin-bottom:5px;}
.HomeNews .top .tit{ margin-bottom:0; line-height:24px; font-size:16px;}
.HomeNews .top .date{ line-height:24px; padding-top:5px; font-size:16px;}
}


.HomeCol{ color:#fff; padding:15px 0 6.5% 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeCol .Tithead{ text-align:left;}
.HomeCol .Tithead h2{ color:#fff;}.HomeCol .Tithead h2 span{ color:#fff; opacity:0.5;}
.HomeCol .Tithead p{ margin-top:10px;}
.HomeCol .Video{ width:50%; float:left; position:relative;}
.HomeCol .Video video{ width:100%; background:#000; height:380px;}
.HomeCol .Video .playbtn{ position:absolute; left:0px; width:100%; height:100%; top:0px; background:rgba(0,0,0,0.2);transition: all ease 0.3s;}
.HomeCol .Video .playbtn i{ width:72px; height:72px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px; background:url(../images/play.png) center center no-repeat;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCol .Video a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeCol .Video:hover .playbtn{background:rgba(0,0,0,0);}
.HomeCol .Video:hover .playbtn i{ opacity:0.8;}

.HomeCol .About{ width:43%; float:right; padding:0 3%; background:#698ac1 url(../images/aboutbg.jpg) right bottom no-repeat; background-size:contain; height:250px;}
.HomeCol .About .tithead{ padding-top:21px; line-height:74px; font-size:26px;}
.HomeCol .About .p{ margin:0 35% 24px 0; line-height:25px;-webkit-line-clamp: 2; height:50px;}
.HomeCol .About .more{ line-height:38px; display:block; border:1px solid #96add4; padding-left:28px; position:relative; width:144px; color:#fff;}
.HomeCol .About .more i{ font-size:24px; font-family:"宋体"; position:absolute; right:0; top:0; width:30px;}
.HomeCol .About .more:hover{ background:#fff; color:#1b7dd3;}
.HomeCol .Nav{ width:49%; float:right;}
.HomeCol .Nav ul{ margin-left:-10px;}
.HomeCol .Nav li{ width:50%; float:left;}
.HomeCol .Nav li a{ position:relative; display:block; margin:10px 0 0 10px; height:85px; color:#fff; padding:35px 0 0 34px; font-size:18px;transition: all ease 0.3s;}
.HomeCol .Nav li a b{ display:block; line-height:33px; font-size:20px; text-transform:uppercase; letter-spacing:-0.08em;}
.HomeCol .Nav li.li1 a{ background:#d5bd93;}
.HomeCol .Nav li.li2 a{ background:#1b7dd3;}
.HomeCol .Nav li .ico{ position:absolute; right:7%; top:32px; width:20%;}

@media ( max-width:768px){
.HomeCol .About .tithead{ padding-top:0; line-height:45px; font-size:16px;}
.HomeCol .Video{ width:auto; float:none; margin-bottom:12px;}
.HomeCol .Video video{ height:200px;}
.HomeCol .About{ width:auto; float:none; padding:10px;height:auto;}
.HomeCol .Nav{ width:auto; float:none;}
.HomeCol .Nav li a{padding:10px 0 0 15px; height:60px; font-size:16px;}
.HomeCol .Nav li a b{line-height:25px; font-size:14px;}
.HomeCol .Nav li .ico{right:10px; top:12px;}
}


.HomeCase{}
.HomeCase li{float:left; width:11%;transition: all ease 0.7s;}
.HomeCase li .box{position:relative; height:480px; overflow:hidden;}
.HomeCase li .img{ position:absolute; width:100%; height:100%; left:0px; top:0px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeCase li .bg{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.2); z-index:1;}
.HomeCase li .info{ opacity:0; padding:11px 3% 20px; width:94%;transform:translateY(300px);-webkit-transform:translateY(300px);opacity:0;transition:all 1s 0.3s;}
.HomeCase li .info .tit{ line-height:35px; font-size:18px;}
.HomeCase li .info .p{ opacity:0.4; height:24px;-webkit-line-clamp: 1; color:#fff;}
.HomeCase li .info .more{ position:absolute; right:30px; top:30px; font-family:"宋体"; font-size:20px; color:#ccdcea;}
.HomeCase li.on{ width:56%;}
.HomeCase li.on .bg{ opacity:0;}
.HomeCase li.on .info{transform:translateY(0);-webkit-transform:translateY(0);opacity:1; position:absolute; left:0px; z-index:2; color:#fff; background:rgba(0,81,151,0.9);bottom:0;}

@media ( max-width:998px){
.HomeCase li .info{ opacity:1; padding:5px 3% 5px; position:absolute; left:0px; bottom:0; z-index:2;transition:all 0s 0s;transform:translateY(0px);-webkit-transform:translateY(0px); background:rgba(0,81,151,0.9)}
.HomeCase li{width:50% !important;}
.HomeCase li:nth-child(5){ display:none;}
.HomeCase li .box{ height:250px;}
.HomeCase li .info .tit{ line-height:24px; font-size:16px; color:#fff;}
.HomeCase li .info .more{right:10px; top:10px;}
.HomeCase li .bg{ display:none;}
}
@media ( max-width:640px){
.HomeCase li .info .tit{ font-size:14px;}
.HomeCase li .info .p{ font-size:12px;}
.HomeCase li .box{ height:180px;}
}


.HomeWork{ padding-top:10px; padding-bottom:30px;}
.HomeWork .Tithead{ text-align:left;}
.HomeWork .Tithead h2{ color:#1a1a1a; font-size:30px;}

.HomeWork .NewsCenter{width:74.5%; float:left;}
.HomeWork .NewsCenter .li{ height:30px; line-height:30px; padding:0 55px 0 14px; background:url(../images/dot.gif) 0px center no-repeat;position:relative;}
.HomeWork .NewsCenter .li .date{ position:absolute; right:0; top:0; color:#999999;}
.HomeWork .NewsCenter .li .tit{ font-size:16px; color:#4c4c4c;}
.HomeWork .NewsCenter .li:hover .tit{ color:#005197;}
.HomeWork .NewsCenter .top{ height:174px; border-bottom:1px dashed #e6e6e6; margin-bottom:13px; line-height:22px; padding-left:260px; position:relative;}
.HomeWork .NewsCenter .top .imgbox{ position:absolute; left:0; top:0; width:230px; height:150px;}
.HomeWork .NewsCenter .top .tit{ line-height:48px; font-size:22px; color:#333333;}
.HomeWork .NewsCenter .top .date{ color:#b2b2b2; margin:5px 0 17px; background:url(../images/ico/date.gif) 0px center no-repeat; padding-left:22px;}
.HomeWork .NewsCenter .top .p{ height:44px;-webkit-line-clamp: 2; color:#999999;}

.HomeNav{ width:22%; float:right; margin-top: 98px;}
.HomeNav li{}
.HomeNav li a{ display:block; background:#005197; border-bottom:1px solid #1a63a2; padding:0 0 0 60px; line-height:65px; position:relative; font-size:15px; color:#fff;}
.HomeNav li img{ position:absolute; left:22px; top:22px; width:23px;}
.HomeNav li:hover a{ background:#2080d3;}
.HomeNav li .arr{ position:absolute; right:20px; top:0; font-family:"宋体"; font-size:24px; font-weight:bold; color:#6697c1;}

@media ( max-width:998px){
.HomeWork .Tithead h2{ font-size:16px;}
.HomeNav li a{font-size:16px; padding-left:40px;}
.HomeNav li img{ width:20px; left:10px;}
}
@media ( max-width:768px){
.HomeWork{padding-bottom:0px;}
.HomeWork .NewsCenter{ width:auto; float:none; height:auto; padding:10px 0;}
.HomeWork .NewsCenter .li{ height:28px; line-height:28px; font-size:14px;}
.HomeWork .NewsCenter .li .tit{ font-size:14px;}

.HomeWork .NewsCenter .top{ height:110px; padding-left:120px;}
.HomeWork .NewsCenter .top .imgbox{width:110px; height:90px;}
.HomeWork .NewsCenter .top .tit{ line-height:24px; font-size:16px;}
.HomeWork .NewsCenter .top .date{margin:0px 0 0px;}

.HomeNav{ width:auto; float:none; clear:both; margin-top:0;}
.HomeNav li a{ line-height:40px;}
.HomeNav li a img{ top:8px;}
}

.Linkbg{ background:#f5f5f5;}
.Linkbox{ margin-top:26px; padding:20px 0 20px 82px; position:relative;}
.Linkbox .tis{ font-size:16px; position:absolute; left:0px; top:20px; line-height:40px; color:#005bac;}
.Linkbox ul{ margin-left:-1.2%;}
.Linkbox li{ width:23.8%; padding-left:1.2%; float:left;}
.Linkbox select{ width:100%; background:#fff; height:40px; text-indent:1em; color:#888888;}
@media ( max-width:998px){
.Linkbox{ margin-top:15px; padding:0px 0 10px 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;}
}

/*首页 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-top:43px; padding-bottom:60px;}
.ColumnName{ font-weight:normal; text-align:center; color:#fff; font-weight:bold; font-size:14px; line-height:38px; border-bottom:3px solid #f0f0f0; background:#005bac; position:relative; display:none;}
.SubMenu{clear:both; line-height:60px; border-bottom:1px solid #ebebeb;}
.SubMenu li{ float:left; position:relative; margin-right:25px;}
.SubMenu li a{ display:block; color:#333333; font-size:16px; padding:0 5px; font-weight:bold;}
.SubMenu li a em{ position:relative; z-index:1;display:block;}
.SubMenu li i{ display:none; 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; background:url(../images/ico/home.png) 0px center no-repeat; padding-left:36px;}
.SubMenu .place a:hover,.SubMenu .place span{color:#005bac;}
.SubMenu .place span{ color:#005bac;}

.SinglePage{ font-size:16px; word-wrap:break-word;word-break:normal;text-align:justify; line-height:32px;}

.Subtit{ padding-bottom:28px;}
.Subtit h2 span{ 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:5px; border-bottom:0;}
.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; font-size:14px;}

.Subtit{ padding-bottom:15px;}
.Subtit h2 span{font-size:20px;}
.Subtit h2{ line-height:25px;font-size:20px;}
.Subtit .h2{ line-height:25px; font-size:18px;}
}
/*栏目页公用样式 end*/

/*列表页面 s*/
.InfoList{ margin:-15px 0 4.5%;}
.InfoList li{ position:relative; margin-top:29px; padding:0 0 34px 157px; border-bottom:1px solid #ededed;}
.InfoList li .date{ position:absolute; text-align:right; width:124px; left:0; top:0; font-size:16px; color:#c8c8c8; line-height:42px;}
.InfoList li .date i{ display:block; line-height:38px; font-size:40px;}
.InfoList li .tit{ line-height:42px; font-size:20px; color:#333333;}
.InfoList li .p{ line-height:25px; height:50px;-webkit-line-clamp: 2; color:#888888;}
.InfoList li:hover .tit{color:#005bac;}
.InfoList li:hover .date{color:#005bac;}

@media ( max-width:998px){
.InfoList li{margin-top:15px; padding:0 0 10px 90px;}
.InfoList li .date{width:75px; font-size:14px; line-height:24px;}
.InfoList li .date i{line-height:25px; font-size:18px;}
.InfoList li .tit{ line-height:24px; font-size:16px;}
}

/*工程案例 s*/
.CaseList{ margin-bottom:4.5%;}
.CaseList li{transition: all ease 0.3s; box-shadow:0 0 10px #e2e2e2;}
.CaseList .imgbox{ width:50%; height:400px; float:left;}
.CaseList .info{ width:42%; padding:49px 4% 0; float:left;}
.CaseList .info .tit{ line-height:69px; font-size:22px; color:#000000;}
.CaseList .info .tit i{ display:block; width:40px; height:14px; border-top:3px solid #005bac;}
.CaseList .info .p{ height:130px;-webkit-line-clamp: 5; line-height:26px; margin-bottom:46px; color:#999999;}
.CaseList .info .more{ width:140px; text-align:center; line-height:40px; color:#fff; font-size:16px; border-radius:20px; background:#005bac; box-shadow:0 5px 15px #c8ddf1;}
.CaseList li:hover .tit{ color:#005bac;}
.CaseList li.next .imgbox{ float:right;}

.CaseList2{ margin:0 0 3% -15px;}
.CaseList2 li{ width:33.3333%; float:left; margin:0 0 2% 0;}
.CaseList2 li .box{transition: all ease 0.3s; padding:15px 15px 28px; margin:0 0 0 15px; border-bottom:3px solid #f2f2f2; line-height:20px;}
.CaseList2 li .tit{ line-height:53px; font-size:18px; margin-top:8px; color:#333333;}
.CaseList2 li .imgbox{ padding-top:65%;}
.CaseList2 li .p{ height:40px;-webkit-line-clamp: 2; margin-bottom:20px; color:#999999;}
.CaseList2 li .more{ color:#005bac;}
.CaseList2 li .more i{ background:url(../images/morearr.gif) right center no-repeat; display:inline-block; vertical-align:middle; margin-left:8px; width:34px; height:7px;}
.CaseList2 li:hover .tit{ font-weight:bold; color:#005bac;}
.CaseList2 li:hover .box{ border-bottom:3px solid #005bac;}

@media ( max-width:998px){
.CaseList2 li .box{padding:10px; box-shadow:0 0 10px #eee;}
.CaseList2 li .tit{ line-height:30px; font-size:16px;}
.CaseList2 li .p{margin-bottom:10px;}
}

@media ( max-width:768px){
.CaseList{ margin-bottom:25px;}
.CaseList .imgbox{ height:150px;}
.CaseList .info{padding-top:10px;}
.CaseList .info .tit{ line-height:24px; font-size:16px; margin-bottom:8px;}
.CaseList .info .tit i{ height:8px;}
.CaseList .info .p{ height:40px;-webkit-line-clamp: 2; line-height:20px; margin-bottom:10px;}
.CaseList .info .more{ width:100px; font-size:14px; line-height:30px;}

.CaseList2 li{ width:50%;}
}


/*新闻中心 s*/
.NewsList { margin-bottom:4%;}
.NewsList li{ margin-bottom:30px; background:#f8f8f8; height:200px; padding:0 137px 0 329px; position:relative; line-height:25px;transition: all ease 0.3s;}
.NewsList li .imgbox{ position:absolute; left:0; top:0px; width:300px; height:200px;}
.NewsList li .tit{ padding-top:37px; line-height:34px; font-size:20px; color:#333333;}
.NewsList li .date{ color:#999999; margin-bottom:15px;}
.NewsList li .p{ color:#666; height:50px;-webkit-line-clamp: 2;}
.NewsList li .more{ background:url(../images/newsarr3.png) center center no-repeat; position:absolute; right:0; top:0; width:80px; height:100%;transition: all ease 0.3s;}
.NewsList li:hover{ background:#fff;}
.NewsList li:hover .more{ background: #005bac url(../images/newsarr03.png) center center no-repeat;}
.NewsList li:hover .tit{ color:#005bac; font-weight:bold;}

.NewsList2{ margin:0 0 3% -30px;}
.NewsList2 li{ width:33.3333%; float:left; margin:0 0 3.5% 0;}
.NewsList2 li .box{transition: all ease 0.3s; margin:0 0 0 30px; background:#f8f8f8; border-bottom:3px solid #f8f8f8; line-height:25px;}
.NewsList2 li .tit{ font-size:18px; padding:26px 0 18px; color:#333333;}
.NewsList2 li .imgbox{ padding-top:65%;}
.NewsList2 li .info{ padding:0 22px 25px;}
.NewsList2 li .p{ height:50px;-webkit-line-clamp: 2; margin-bottom:28px; color:#888888;}
.NewsList2 li .date{ float:left; background:url(../images/ico/date.png) 0px center no-repeat; padding-left:23px; color:#888888;}
.NewsList2 li .more{ color:#005bac; float:right;}
.NewsList2 li .more i{ background:url(../images/morearr.gif) right center no-repeat; display:inline-block; vertical-align:middle; margin-right:8px; width:34px; height:7px;}
.NewsList2 li:hover .box{ background:#fff; border-bottom:3px solid #005bac;}
.NewsList2 li:hover .tit{color:#005bac;}

.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 .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{ margin-bottom:15px;padding:0 0 0 250px; height:150px;}
.NewsList li .tit{ padding-top:10px; font-size:16px;}
.NewsList li .more{ display:none;}
.NewsList li .imgbox{width:230px; height:150px;}
.NewsList li .date{ font-size:12px;margin-bottom:5px;}

.NewsList2{ margin-left:-15px;}
.NewsList2 li .box{ line-height:20px; margin-left:15px;}
.NewsList2 li .info{ padding:0 10px 10px;}
.NewsList2 li .tit{ font-size:16px; padding:10px 0 8px;}
.NewsList2 li .p{margin-bottom:10px; height:40px;}
}

@media ( max-width:768px){
.NewsList { margin-bottom:20px;}
.NewsList li{padding:0 0 0 120px; height:100px; line-height:20px;}
.NewsList li .imgbox{ width:100px; height:100px;}
.NewsList li .tit{ padding-top:5px;}
.NewsList li .p{ height:20px;-webkit-line-clamp: 1;}

.NewsList2 li { width:50%;}

.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;}
}


/*联系我们 s*/
.lxwm { padding-bottom:35px;}
.lxwm .company{ line-height:48px; font-size:26px; color:#333333; padding-bottom:26px;}
.lxwm li{ width:38%; float:left; margin-bottom:19px;}
.lxwm li img{ display:inline-block; vertical-align:middle; margin-right:8px;}
@media ( max-width:998px){
.lxwm .company{ line-height:30px; font-size:18px; padding-bottom:10px;}
.lxwm li{ width:auto; float:none; margin-bottom:10px;}
}