﻿@charset "utf-8";
html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:16px; line-height:24px; color:#47535e; width:100%; min-width:300px; zoom:1; font-family:"Microsoft YaHei","宋体"; background:#f8f8f8;word-break:normal;text-align:justify;}
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:#414446; font-family:"微软雅黑";}
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:#47535e; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#1c368a;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.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: #c0bfbf;}
::-moz-placeholder {color: #c0bfbf;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #c0bfbf;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #c0bfbf;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ max-width:1500px; padding:0 25px; margin:0px auto;}
.block{ display:block;}
.mb50{ margin-bottom:50px;}
@media ( max-width:1200px){
.Contain{ padding-left:10px;padding-right:10px;}
}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;
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%;}


/*font*/
.f_red,a.f_red{ color:#c30d23 !important;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.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{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; line-height:40px; width:40px; border:1px solid #cccccc;text-align:center; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; font-family:"宋体";}
.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:#1c368a; color:#fff;}
.Pages .p_page .num a{vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#1c368a; border:1px solid #1c368a; color:#fff;}

@media ( max-width:768px){
.Pages a{ line-height:22px; width:22px;}
.Pages .p_page .num a{ width:22px;}
}


/*Top*/
.Toper{ color:#222222; font-size:14px; line-height:44px; height:44px; border-bottom:1px solid #f0f0f0; background:#dfe2e9;}
.Toper a{color:#222222; display:inline-block; margin-left:40px;}.Toper a:hover{color:#d8231c;}
.Toper .tq i{ color:#7a8896; display:inline-block; margin:0px 12px 0px 20px;}
.Header{}
.Header .Logo{float:left; padding-top:13px; height:97px;}
.Header .Logo .p2{ display:none;}
.Header .Tright{ font-size:14px; padding-top:34px; float:right; line-height:37px;}
.Header .Tright a.tel{ display:inline-block; vertical-align:middle; width:33px; height:30px; background:url(../images/tel.png); background-size:contain;}
.Header .Tright a.wx{ display:inline-block; vertical-align:middle; margin-left:25px; width:33px; height:30px; background:url(../images/wx.png);background-size:contain; position:relative;}
.Header .Tright a.wx img{ width:0px; height:0px; left:50%; top:30px; opacity:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; max-width:none; position:absolute; z-index:99;}
.Header .Tright a:hover.wx img{ width:120px; height:120px; left:-40px;opacity:1px;}

.Header .Tright .version{ margin:0 47px 0px 38px;}
.Header .Tright .version i{ display:inline-block; vertical-align:middle; height:20px; background:url(../images/linetop.gif) center center no-repeat; width:21px;}
.Header .Search{ display:inline-block; *display:inline-block;zoom:1; position:relative;}
.Header .searchbox{ display:;padding-right:50px;}
.Header .searchbox .input{ background:#fff;width:189px; height:35px; line-height:35px; border:1px solid #e1e1e1; text-indent:1em;}
.Header .searchbox .btn{ position:absolute; top:0px; right:0px; width:50px; height:37px; background: #1c368a url(../images/searchbtn.png) center center no-repeat;}

.MainNav{ clear:both; background:#1c368a; height:93px;}
.MainNav .nav{ padding:0 5%;}
.MainNav .nav li{float:left; width:11.1111111%; position:relative;}
.MainNav .nav li span a{display:block; color:#fff; padding-top:24px; height:69px;line-height:31px;font-size:16px;text-align:center;}
.MainNav .nav li span .ico{ display:block; margin:0px auto; width:24px; height:22px; background:url(../images/navico.png) center center no-repeat; position:relative; z-index:3;}
.MainNav .nav li span .ico.ico0{ background-position:0px top;}
.MainNav .nav li span .ico.ico1{ background-position:-24px top;}
.MainNav .nav li span .ico.ico2{ background-position:-48px top;}
.MainNav .nav li span .ico.ico3{ background-position:-72px top;}
.MainNav .nav li span .ico.ico4{ background-position:-96px top;}
.MainNav .nav li span .ico.ico5{ background-position:-120px top;}
.MainNav .nav li span .ico.ico6{ background-position:-144px top;}
.MainNav .nav li span .ico.ico7{ background-position:-168px top;}
.MainNav .nav li span .ico.ico8{ background-position:-192px top;}
.MainNav .nav li span em{ position:relative; z-index:1;}
.MainNav .bg{ position:absolute; left:0%; width:120%; top:-5px; left:-10%; opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .bg img{ height:104px; width:100%;}
.MainNav .nav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav .nav li span a.sele .bg{ opacity:1;}

.NavPull{width:82.5%; padding-top:0px; line-height:35px; top:93px; font-size:14px; left:25%; position:absolute; z-index:100; display:none; padding:6px 0px;}
.NavPull a{ display:block; text-align:center;color:#666666; border-left:1px solid #f7f7f7;border-right:1px solid #f7f7f7; border-bottom:1px solid #c6c5c4; box-shadow:0 0 10px #ddd; line-height:20px; padding:10px 0; background:#fff;}
.NavPull a:hover{ color:#ffcc00;}
.NavPull dd{opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:relative;}
.NavPull dd.li1{transition:opacity 1s;}
.NavPull dd.li2{transition:opacity 1s 0.2s;}
.NavPull dd.li3{transition:opacity 1s 0.3s;}
.NavPull dd.li4{transition:opacity 1s 0.4s;}
.NavPull dd.li5{transition:opacity 1s 0.5s;}
.NavPull dd.li6{transition:opacity 1s 0.6s;}
.NavPull dd.li7{transition:opacity 1s 0.6s;}
.NavPull dd.li8{transition:opacity 1s 0.6s;}
.NavPull dd.li9{transition:opacity 1s 0.6s;}
.NavPull dd.li10{transition:opacity 1s 0.6s;}
.NavPull dd.li11{transition:opacity 1s 0.6s;}
.NavPull dd.li12{transition:opacity 1s 0.6s;}
.MainNav li.onnav .NavPull dd{opacity:1;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none; float:right;width:26px; padding-top:10px;}
.openbtn{ position:absolute; right:10px; top:28px;}
.openbtn.on,.closebtn { position:fixed; right:10px; z-index:1001; padding-top:0px; top:12px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:2px; background:#1c368a; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.openbtn.on .sp1,.closebtn .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,.closebtn .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,.closebtn .sp3 { display:none;}	
.mobilenav{ display:none;}

@media ( max-width:998px){
body{font-size:14px;}	
.Toper{ line-height:28px; height:28px; font-size:12px;}
.Toper .wel,.Toper .fr{ display:none;}
.Header{height:40px;}
.Header .Logo{ padding-top:4px; height:auto; width:auto;}.Header .Logo img{ height:32px;}
.Header .Logo .p1{ display:none;}.Header .Logo .p2{ display:block;}
.Header .openbtn{ display:block;}
.Header .Tright{ position:absolute; top:0px; right:0; padding-top:0; line-height:26px;}
.Header .Tright a.tel{ width:23px; height:21px;}
.Header .Tright a.wx{ width:23px; height:21px;}
.Header .Tright .version{ margin:0 10px 0px 15px;}

.Header .Search{ position:absolute; right:50px; top:36px;}
.Header .searchbox{padding-right:22px;}
.Header .searchbox .input{ background:#f8f8f8;width:170px; font-size:12px; height:25px; line-height:25px; border:1px solid #dfe2e9;}
.Header .searchbox .btn{ position:absolute; top:0px; right:0px; width:22px; height:27px;}

.MainNav{ position:fixed; z-index:1000; width:180px; height:100%; overflow-y:auto; padding-top:0px; background:#fff; right:-180px; top:0px;}
.MainNav .nav{ float:none; margin-top:38px; width:auto;}
.MainNav .nav li{ float:none; padding:0; border-bottom:1px solid #eee; width:auto;}
.MainNav .nav li span a{ height:auto; display:block; background:#1c368a; line-height:46px; height:46px; padding:0 0 0 10px; text-align:left;}
.MainNav .nav li span .ico{ display:inline-block; vertical-align:middle; margin-right:8px;}
.MainNav .nav li:hover span a,.MainNav .nav li.onnav span a,.MainNav .nav li span a.sele{ color:#fff; background:#3177b6;}
.MainNav .bg{ display:none;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; background:url(../images/arr.png) right center no-repeat; left:0px; top:0px;}
.MainNav li.onnav .arr{ background:url(../images/arrt.png) right center no-repeat;}
.NavPull { position:static; line-height:40px; background:#fff; width:auto;}
.NavPull dd{float:none;}
.NavPull a{ display:block; font-size:14px; background:none;color:#666; font-weight:normal; padding:5px 0; border-bottom:1px solid #eee;}
.NavPull a:nth-child{border-bottom:0px solid #eee;}
.NavPull a:hover{ background:none;}

.mobilenav{ display:block;}
.pcnav{ display:none;}
}
/*Top*/


/*Bottom*/
.footer{ background: #CEA500; clear:both; color:#fff; padding:25px 0; line-height:36px; font-size:14px;}
.footer .logo{ float:left; width:20%; padding-top:29px;}
.footer .contact{ width:70%; float:left;}
.footer .contact .nav{ font-size:16px; line-height:33px;}
.footer .contact .nav a{ margin-right:30px;}
.footer .contact dl dd{ padding-left:25px; float:left; margin-right:33px;}
.footer .contact dl dd.tel{ background:url(../images/telb.png) 0px 5px no-repeat;}
.footer .contact dl dd.fax{ background:url(../images/faxb.png) 0px 5px no-repeat;}
.footer .contact dl dd.mail{ background:url(../images/mailb.png) 0px 5px no-repeat;}
.footer .contact dl dd.add{ background:url(../images/addb.png) 0px 5px no-repeat;}
.footer a {color:#fff;}.footer a:hover { color:#0476d9;}
.Copyright{ clear:both;}
.footer .ewm{ float:right; text-align:center; color:#555555; font-size:14px;}
.footer .ewm img{ padding:8px; display:block; width:80px; height:80px; background:url(../images/ewmbg.gif); margin:0px auto 6px;}

.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; width:35px; position:fixed; right:0px; bottom:20px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; background: #1c368a url(../images/ftop.png) center center no-repeat; background-size:contain; height:35px; cursor:pointer;}

@media ( max-width:1100px){
.footer .contact .nav a{ margin-right:15px;}
}
@media ( max-width:998px){
.footer{padding:15px 0; line-height:24px;}
.footer .contact dl dd{margin-right:15px;}
.footer .logo { display:none;}
.cd-top.cd-is-visible {height:35px;}
}
@media ( max-width:640px){
.footer .contact{ width:auto; float:none; font-size:12px;}
.footer .ewm{ float:none; padding-top:10px;}
.footer .contact .nav{ text-align:center; font-size:14px; line-height:25px; border-bottom:1px solid #494949; margin-bottom:10px; padding-bottom:10px;}
.footer .contact .nav a{ margin:0 5px; display:inline-block;}
}

/*Bottom*/


/*首页 s*/
.HomeBan {overflow:hidden; clear:both; margin-bottom:23px;}
.HomeBan .slides li{ height:500px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li .txt{ font-size:18px; z-index:10; position:absolute; left:15%; top:25%; width:70%; color:#fff;}
.HomeBan .slides li .txt .p1{ margin-bottom:15px;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s; font-size:36px;}
.HomeBan .slides li .txt .p2{ font-size:38px; color:#1c368a; font-style:italic; font-weight:bold; line-height:62px;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.2s;}
.HomeBan .slides li .txt .p3{ font-size:26px; line-height:32px;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.4s;}
.HomeBan .slides li.flex-active-slide .txt .p1{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .slides li.flex-active-slide .txt .p2{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .slides li.flex-active-slide .txt .p3{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .flex-control-paging li a {width: 12px; height: 12px; background:#fff; border-radius:50%; margin:0 2px;}
.HomeBan .flex-control-paging li a.flex-active {background:#cea500; border:3px solid #fff;}
.HomeBan .flex-control-nav{ bottom:15px; z-index:10;}
.HomeBan .flex-direction-nav a {width: 60px; height: 100px;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background: rgba(0,0,0,0.2) url(../images/btn_left.png) center center no-repeat; background-size:contain; margin-top:-50px;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background:rgba(0,0,0,0.2) url(../images/btn_right.png) center center no-repeat; background-size:contain; margin-top:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:0px;}
.HomeBan:hover .flex-direction-nav .flex-next { right:0px;}

@media ( max-width:998px){
.HomeBan .slides li{ height:300px;}
.HomeBan .slides li .txt .p1{font-size:18px;}
.HomeBan .slides li .txt .p2{ font-size:20px; line-height:30px;}
.HomeBan .flex-direction-nav a {width: 30px; height:50px;}
.HomeBan .flex-direction-nav .flex-prev { left:0px;margin-top:-20px;}
.HomeBan .flex-direction-nav .flex-next { right:0px; margin-top:-20px;}
}
@media ( max-width:640px){
.HomeBan .slides li{ height:120px;}
.HomeBan .slides li .txt .p1{font-size:16px;}
.HomeBan .slides li .txt .p2{ font-size:18px; line-height:20px;}
.HomeBan .flex-direction-nav a {width: 24px; height:40px;}
.HomeBan .flex-control-nav{ bottom:0px;}
.HomeBan .flex-control-paging li a {width: 8px; height: 8px;}
.HomeBan .flex-control-paging li a.flex-active {border:1px solid #fff;}
}

.contents{ margin:0 20px; clear:both;}
.contents2{ margin:0 15px; clear:both;}
.HomeLeft{ width:70%; float:left;}
.HomeRight{ width:28%; float:right;}
.column{ background:#fff; margin-bottom:27px; box-shadow:0 0 10px #aaa;}
.Hometit{ margin:0 15px; border-bottom:2px solid #b4bdd8; height:42px; line-height:41px; position:relative;}
.Hometit li{ cursor:pointer; float:left; margin-right:17px; padding:0 14px; font-size:18px; cursor:pointer; color:#222222;}
.Hometit li a.more{ display:none; font-weight:normal; position:absolute; right:15px; top:0px; color:#222222; font-size:12px;}
.Hometit li a:hover.more{color:#1c368a;}
.Hometit li.on{ border-bottom:4px solid #1c368a; color:#1c368a; font-weight:bold; font-size:18px;}
.Hometit li.on a.more{ display:block;}
.Hometit li.on a{ color:#1c368a;}


.HomeNews { height:403px;}
.HomeNews .top{ line-height:26px; margin:17px 0px; clear:both;}
.HomeNews .top .tits{ margin-bottom:7px;}
.HomeNews .top .tits a{ font-weight:bold; color:#535353; float:left;}
.HomeNews .top .tits a img{ display:inline-block; vertical-align:middle; margin-left:11px;}
.HomeNews .top .tits .date{ float:right; color:#3a5fcd;}
.HomeNews .top .info{ text-indent:2em; position:relative; padding-right:80px; font-size:14px; color:#727272}
.HomeNews .top .info a.more{ position:absolute; right:-6px; top:0px; color:#1c368a;}
.HomeNews .top .info .p{-webkit-line-clamp: 1;}
.HomeNews .newpic{ width:38%; float:left;}
.HomeNews .newpic .imgbox{ height:243px;}
.HomeNews .newpic .flex-control-nav{ text-align:right; bottom:10px; right:5px;}
.HomeNews .newpic .flex-control-nav li a{ background:rgba(255,255,255,0.6); border-radius:50%; width:12px; height:13px; line-height:100px;overflow:hidden;}
.HomeNews .newpic .flex-control-nav li a.flex-active{ background:#3a5fcd;}
.HomeNews .newlist{ width:59%; float:right;}
.HomeNews .newlist li{ height:35px; line-height:35px; padding-left:9px; background:url(../images/dot2.gif) 0px center no-repeat; color:#444444; font-size:14px;}
.HomeNews .newlist li .date{ float:right;}
.HomeNews .newlist li a.tit{ width:71%; float:left; color:#444444;}
.HomeNews .newlist li a:hover.tit{color:#1c368a;}

.HomeCase{ height:400px;}
.HomeCase .contents ul{ margin-left:-3%;}
.HomeCase .contents li{ width:30.33333%; float:left; border-radius:10px; margin:25px 0 0 3%; text-align:center; background:#C6CDDD;}
.HomeCase .contents li a{ display:table-cell; width:2%; height:140px; vertical-align:middle; color:#1c368a; font-size:20px; font-weight:bold;}
.HomeCase .contents li a img{ width:90px; height:68px; display:inline-block; margin-right:24px; vertical-align:middle;}
.HomeCase .contents li a span{ display:inline-block; vertical-align:middle; width:102px; text-align:left;}
.HomeCase .contents li:hover{ background:#1c368a;}
.HomeCase .contents li:hover a{ color:#fff;}

.HomeVideo{ width:48.5%; height:366px; float:left;}
.HomeVideo .video{ position:relative; overflow:hidden; margin-top:26px;}
.HomeVideo .video img{ width:100%; height:250px; display:block;}
.HomeVideo .video video{ width:100%; height:250px; display:block;}
.HomeVideo .video .playbtn{  width:100%; height:100%; background: rgba(0,0,0,0.5) url(../images/play.png) center center no-repeat; position:absolute; left:0px; top:0px;}
.HomeVideo .video .box{ background:#000;}
.HomeVideo .video a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}


.HomeRy{ width:48.5%; height:366px; float:right;}
.HomeRy .poster-main{ margin:33px auto 0;}
.HomeRy .poster-item{ background:#fff;}

.HomePartner{ clear:both; height:180px;}
.HomePartner .flexslider{ margin-top:28px; padding-bottom:24px; clear:both;}
.HomePartner .flexslider .slides li{ height:69px;}
.HomePartner .flexslider .slides li img{ max-height:69px; width:auto;}
.HomePartner .flex-control-paging li a{ width:12px; height:12px; border-radius:50%; background:#c7c7c7;}
.HomePartner .flex-control-paging li a.flex-active{background:#3a5fcd;}


.HomeAbout{ height:830px; color:#444444; line-height:26px; font-size:14px;}
.HomeAbout .thead{ clear:both; font-size:14px; width:96px; margin:0px auto 11px; line-height:33px; color:#fff; border-radius:15px; background:#1c368a; text-align:center;}
.HomeAbout .about{ padding:22px 0 20px;}
.HomeAbout .about .thead{ margin-left:0px;}
.HomeAbout .about .imgbox{ width:35%; float:left; height:220px;}
.HomeAbout .about .info{ width:59%; float:right; padding-top:10px;}
.HomeAbout .about .info .p{-webkit-line-clamp: 6; height:156px;}
.HomeAbout .about .info .p p{ text-indent:2em;}
.HomeAbout .whtxt{ text-indent:2em;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.HomeAbout .culture{ margin:23px 0 0 0;}
.HomeAbout .culture li{ width:33.333333%; float:left; height:128px; text-align:center; color:#fff; font-size:14px;}
.HomeAbout .culture li div{ display:table-cell; width:2%; height:128px; vertical-align:middle;}
.HomeAbout .culture li div img{ display:block; margin:0px auto;}
.HomeAbout .culture li div b{ display:block; line-height:28px;}
.HomeAbout .culture li div i{ color:#e6e6e6;}
.HomeAbout .culture li .imgbox{height:128px; width:auto; display:block;}
.HomeAbout .culture li.li1{ background:#1c368a;}
.HomeAbout .culture li.li3{ background:#0a60c2;}
.HomeAbout .culture li.li4{ width:66.666666%; background:#cea500;}
.HomeAbout .culture li.li6{ background:#248dd2;}
.HomeAbout .culture li.li8{ background:#2788d2;}

.HomeSb{ height:296px;}
.HomeSb .sbbox{ margin-top:17px; height:220px; position:relative; overflow:hidden; padding-left:86px;}
#smallpic { margin:-218px 0 0 -84px;}
#smallpic li{ width:71px; float:none !important; cursor:pointer;}
#smallpic li img{ border:2px solid #fff; width:71px; height:48px; margin-bottom:4px;}
#smallpic li.flex-active-slide img{ border:2px solid #1c368a;}
#smallpic .flex-direction-nav .flex-prev{ width:0px; height:0px;}
#smallpic .flex-direction-nav .flex-next{ width:0px; height:0px;}
#bigpic .imgbox{ height:218px;}

.HomeLink{ height:250px;}
.HomeLink .link{ text-align:center; margin-top:20px;}
.HomeLink .link img{ display:block; margin:0px auto 10px;}


@media ( max-width:880px){
.contents{ margin:0 10px; clear:both;}
.contents2{ margin:0 10px; clear:both;}
.HomeLeft{ width:auto; float:none;}
.HomeRight{ width:auto; float:none;}
.HomeAbout{ height:auto;}
.HomeVideo { width:auto; float:none; height:auto;}
}
@media ( max-width:768px){
.HomeVideo .video img{height:210px;}
.HomeVideo .video video{height:210px;}
.HomeVideo .video .playbtn{ height:95%;}
.HomeRy{ width:auto; float:none;}
.HomeLink{ height:auto;}
.contents{ padding-bottom:10px;}
.contents2{ padding-bottom:10px;}
.HomeCase { height:auto;}
.HomeCase .contents li{ margin-top:10px;}
.HomeCase .contents li a{ font-size:14px;}
.HomeCase .contents li a img{ display:block; margin:0px auto 5px;}
.HomeCase .contents li a span{ width:auto;}

}
@media ( max-width:640px){
.HomeNews { height:auto;}
.HomeNews .newpic{ width:auto; float:none;}
.HomeNews .newlist{ width:auto; float:none;}
.HomeCase .contents li a{ height:80px;}
.HomeCase .contents li a img{ width:40px; height:30px;}
.HomeNews .top .tits a{float:none;}
.HomeNews .top .tits .date{ float:none; display:block;}
.HomeNews .newpic .imgbox{ height:200px;}
}


/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{ height:340px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.MenuList{ text-align:center; border-bottom:1px solid #dfdfdf; height:75px; line-height:75px;}
.MenuList li{ display:inline-block; *display:inline; zoom:1; margin:0 3%;}
.MenuList li a{ position:relative;color:#000; font-size:18px; display:block;font-weight:bold;}
.MenuList li i{ position:absolute; left:50%; width:0; height:2px; bottom:1px; background:#1c368a;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MenuList li.onli a,.MenuList li a:hover{ color:#1c368a;}
.MenuList li.onli i,.MenuList li a:hover i{ left:0px; width:100%;}
.MenuList::-webkit-scrollbar{display: ;}

.SubTit{ text-align:center; padding-bottom:65px;}
.SubTit h2{ line-height:44px; color:#000000; font-size:36px;}
.SubTit h2 i{ display:block; margin:0px auto; width:25px; height:22px; border-bottom:3px solid #cea500;}
.SubPage{ height:auto !important; min-height:250px; height:250px;padding-top:40px; padding-bottom:60px;}
.SinglePage{ word-wrap:break-word; font-size:18px; line-height:36px; color:#000;}

@media ( max-width:1200px){
.MenuList li{ margin-left:20px;}
}
@media ( max-width:1024px){
@media ( max-width:1200px){
.MenuList li{ margin:0 8px;}
}
.MenuList li a{font-size:15px;}
.MenuList{ height:75px; line-height:75px;overflow-x: scroll;position: relative;}
.MenuList:before{
				content: '';
				position: absolute;
				display: block;
				width: 100%;
				height: 1px;
				left: 0;
				bottom: 0;
				z-index: 20;
			}
			
.MenuList ul{ width:100%;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.casebody .MenuList ul{ width:180%; text-align:left;}
.ywbody .MenuList ul{ width:230%; text-align:left;}
}

@media ( max-width:998px){
.SubBan{ height:120px;}
.SubPage{padding-top:25px; padding-bottom:25px;}
.SinglePage{ font-size:14px; line-height:24px;}
.SubTit{padding-bottom:25px;}
.SubTit h2{ line-height:24px;font-size:20px;}
}

/*栏目页公用样式 end*/


/***关于我们 s***/
.Aboutinfo{ width:54%; float:left;}
.Aboutimg{ width:44%; float:right; text-align:center;padding-top:10px;}
.Aboutxt{ background:#fff; color:#000000;}
.Aboutxt .img{ float:left; width:35%; text-align:center; }
.Aboutxt .info{ padding:2% 4% 2% 0; width:57%; float:right;}

.HornorList{ margin:0 0 3% -3%;}
.HornorList li{ width:17%; padding:0 0 0% 3%; text-align:center; float:left;}
.HornorList li .img{ padding:9px; box-shadow:0 0 15px #ddd;}
.HornorList li .img span{ display:block; padding-top:133%; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.HornorList li .tits{ margin-top:13px; line-height:21px; height:60px; font-size:13px;}
.HornorList li:hover .img{ box-shadow:0 0 25px #999;}

@media ( max-width:640px){
.Aboutxt .img{ float:none; width:auto;}
.Aboutxt .info{ padding:15px; width:auto; float:none;}
.Aboutinfo,.Aboutimg{ width:auto; float:none;}
.HornorList li{ width:47%;}
}


/***资讯中心 s***/
.NewsList{}
.NewsList li{ height:206px; padding:0 0 5% 28%; position:relative; line-height:30px;}
.NewsList li .imgbox{ height:206px; width:25%; position:absolute; left:0px; top:0px;}
.NewsList li .tits{ height:55px; line-height:55px;}
.NewsList li .tits a.tit{ width:70%; float:left; background:url(../images/dot.gif) 0px center no-repeat; padding-left:13px; font-size:18px; font-weight:bold;}
.NewsList li .tits .date{ float:right; color:#444444;}
.NewsList li .p{color:#444444; margin-bottom:18px;-webkit-line-clamp: 3;}
.NewsList li a.detail{ display:block; text-align:center; width:148px; line-height:38px; border-radius:9px; background:#eaeaea;}
.NewsList li:hover a.detail{ background:#1c368a; color:#fff;}

.NewsList2{ padding-bottom:30px;}
.NewsList2 li{padding:0 0 25px 0; margin-bottom:15px; position:relative; line-height:30px; border-bottom:1px solid #888888;}
.NewsList2 li .tits{ height:55px; line-height:55px;}
.NewsList2 li .tits a.tit{ width:70%; float:left; background:url(../images/dot.gif) 0px center no-repeat; padding-left:13px; font-size:18px; font-weight:bold;}
.NewsList2 li .tits .date{ float:right; color:#444444;}
.NewsList2 li .p{color:#444444;-webkit-line-clamp: 3;}
.NewsList2 li:last-child{ border-bottom:0;}

.VideoList{ margin:0 0 2% -3%;}
.VideoList li{ width:22%; padding:0 0 3% 3%; float:left;}
.VideoList li .imgbox{ padding-top:68%; margin-bottom:13px;}
.VideoList li .play{ position:absolute; z-index:2; left:0px; top:0px;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;background: rgba(0,0,0,0.4) url(../images/play.png) center center no-repeat; width:100%; height:100%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.VideoList li .tits{ position:relative; padding-right:50px;color:#000; padding-left:10px;}
.VideoList li .tits .time{ position:absolute;right:10px; top:0; color:#888888;}
.VideoList li:hover .play{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.VideoList li:hover .tits{ color:#1c368a;}
.VideoList li:hover .tits .time{ color:#444444;}

.Titleinfo{ text-align:center; border-bottom:2px solid #e2e2e2; line-height:40px; color:#888888; margin-bottom:46px;}
.Titleinfo h2{ font-size:30px; color:#000000; padding:10px 0 21px; font-weight:normal;}
.Titleinfo i{ display:inline-block; margin:0 3%; vertical-align:middle;}
.Newsinfo{ color:#666666; font-size:16px; padding:0 6%; line-height:30px;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.Shares.s2{ margin-top:-5px;}
.bshare-custom a{ font-size:16px; color:#888888 !important; text-decoration:underline !important; margin-right:25px !important;}
.bshare-custom a:hover{color:#1c368a !important; text-decoration:none !important;}
.bshare-custom .bshare-weixin{ background:none !important; padding:0px;}
.bshare-custom .bshare-sinaminiblog{ background:none !important; padding:0px;}
.bshare-custom .bshare-qqim{ background:none !important; padding:0px;}
.PrevNextBox {margin:38px 6% 0;position:relative; color:#888888;}
.PrevNextBox dl{ line-height:37px; height:37px;}
.PrevNextBox dl span{color:#000000;}
.PrevNextBox dl:hover a{ color:#1c368a; text-decoration:underline;}
.PrevNextBox dl div{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}

@media ( max-width:998px){
.VideoList li .play{ background-image:url(../images/play2.png);}
.VideoList li .play{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Titleinfo{ line-height:30px; color:#888888; margin-bottom:20px; padding-bottom:5px;}
.Titleinfo h2{ font-size:20px; padding-bottom:0px;}
.Shares{ display:none;}
.Newsinfo{font-size:14px; line-height:24px; padding:0;}
.PrevNextBox {margin:20px 0% 0;}
.PrevNextBox dl{ line-height:30px; height:30px;}
}

@media ( max-width:640px){
.NewsList li{ height:auto; padding:0 0 25px;line-height:24px;}
.NewsList li .imgbox{ height:160px; width:auto; position:relative;}
.NewsList li .tits{ height:auto; line-height:30px; padding:10px 0 5px;}
.NewsList li .tits a.tit{ width:auto; float:none;font-size:16px;}
.NewsList li .tits .date{ float:none;}
.NewsList li .p{ margin-bottom:10px;-webkit-line-clamp: 2;}
.NewsList li a.detail{width:120px; line-height:30px; margin:0px auto;}

.NewsList2{ padding-bottom:10px;}
.NewsList2 li{padding:0 0 15px; margin-bottom:15px;line-height:24px;}
.NewsList2 li .tits{ height:auto; line-height:30px; padding:10px 0 5px;}
.NewsList2 li .tits a.tit{ width:auto; float:none;font-size:16px;}
.NewsList2 li .tits .date{ float:none;}
.NewsList2 li .p{-webkit-line-clamp: 2;}

.VideoList li{ width:47%;}
.VideoList li .imgbox{margin-bottom:5px;}
}


/***业务范围 s***/
.ywbody .MenuList li{ margin:0 1.8%;}
.Businssinfo{ background:#fff; padding:5%; width:45%; float:left; line-height:36px;}
.Businssinfo .tit{ font-size:18px; margin-bottom:35px;}
.Businssinfo .tit a{ color:#000;}.Businssinfo .tit a:hover{ color:#1c368a;}
.Businssinfo a.more{ background:#1c368a; display:block; color:#fff; text-align:center; width:134px; line-height:39px; margin-top:10%;}
.Businssinfo a:hover.more{ background:#3954ae;}
.ywimg{ width:43%; float:right;}

@media ( max-width:1440px){
.ywbody .MenuList li{ margin:0 1.5%;}
}
@media ( max-width:768px){
.Businssinfo{padding:15px; width:auto; float:none; line-height:24px;}
.Businssinfo .tit{ font-size:18px; margin-bottom:10px;}
.Businssinfo a.more{ margin:0px auto; line-height:30px; width:120px; margin-top:15px;}
.ywimg{ width:auto; float:none;}
}


/***工程案例 s***/
.CaseMap{ width:862px; float:left; position:relative;}
.CaseMap ul{}
.CaseMap ul li{ position:absolute; font-size:12px;}
.CaseMap ul li .city{ cursor:pointer; position:relative;width:60px; z-index:100; text-align:center; color:#fff;}
.CaseMap ul li.on .bg{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.CaseResule{ width:35%; float:right;}
.CaseResule ul{ max-height:717px; overflow-y:auto; padding:0 10%;}
.CaseResule ul::-webkit-scrollbar{
            width: 2px;-webkit-overflow-scrolling : touch;
            background-color: #c4c4c4;}
.CaseResule ul::-webkit-scrollbar-track{
            background-color: #c4c4c4;}
.CaseResule ul::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #1c368a;}
.CaseResule ul::-webkit-scrollbar-button{
            height: 0px;
            background-color: #1c368a;}
.CaseResule ul li{ padding-top:31px; text-align:center;}
.CaseResule ul li .line{ padding:9px; border:1px solid #dfdfdf; margin-bottom:16px;}
.CaseResule ul li .imgbox{ padding-top:69.5%;}


.Caselist{ padding:42px 4% 0 0;}
.Caselist li{ background:#fff; margin:0 0 4% 4%; height:200px; width:29.333333%; float:left; display:inline;border:3px solid #2788d2;box-sizing: border-box;font-size: 18px;}
.Caselist li .box{ padding:0 5%;}
.Caselist li .tit{ font-size:26px; color:#1c368a; line-height:60px; text-align:center;}
.Caselist li .p{ color:#888888;-webkit-line-clamp: 4; font-size:14px; line-height:28px;}
.Caselist li a{ display:block;}
.Caselist li:hover{ box-shadow:0 0 30px #ddd;}

.Caselists{ margin:0 0 2% -3%;}
.Caselists li{ width:22%; float:left; font-size:14px; padding:0 0 3% 3%;}
.Caselists .imgbox{ padding-top:65%; margin-bottom:10px;}

.Casetab{ margin:0 4%;}
.Casetab table{ border:1px solid #1c368a;}
.Casetab th{ font-size:18px; color:#fff; text-align:left; background:#1c368a; padding:15px 0 15px 3%; border-left:1px solid #fff;}
.Casetab td{padding:15px 0 15px 3%; color:#000000;}
.Casetab tbody tr:nth-child(even) td{ background:#dfdfdf;}

@media ( max-width:1400px){
.CaseResule{ width:28%;}
}
@media ( max-width:1280px){
.CaseMap{float:none; margin:0px auto;}	
.CaseResule{ width:auto; padding:0 2% 0 0; float:none;}
.CaseResule ul{ padding:0; height:auto;}
.CaseResule li{ width:31.3333%; float:left; padding-left:2%;}
}
@media ( max-width:861px){
.CaseMap{ -webkit-transform: scale(0.35);transform: scale(0.35); margin:-90px 0 0 -50px; height:359px;}	
.Casetab{ margin:0 0;}
}
@media ( max-width:768px){
.CaseMap{ -webkit-transform: scale(0.35);transform: scale(0.35); margin:-90px 0 0 -190px;}	
.Caselist{ padding:20px 2% 0 0; padding-bottom:20px;}
.Caselist li{ width:48%; margin:0 0 2% 2%; height:120px;}
.Caselist li .tit{ font-size:16px; line-height:30px; padding-top:10px;}
.Caselist li .p{-webkit-line-clamp: 2;}
.CaseResule li{ width:48%;}
.CaseResule ul li{ padding-top:15px;}
.CaseResule ul li .line{ margin-bottom:10px;}
.Caselists li{ width:47%; line-height:18px; padding-bottom:20px;}
.Casetab th{ font-size:14px;padding-top:5px; padding-bottom:5px;}
.Casetab td{ font-size:12px; padding-top:5px; padding-bottom:5px; line-height:20px;}
.Caselist{ padding:20px 0% 0 0; padding-bottom:20px;}
.Caselist ul{display: flex;flex-wrap: wrap;}
.Caselist li{ width:100%; margin:0 0 2% 0%; height:auto;padding-bottom: 20px;}
.Caselist li .tit{ font-size:16px; line-height:30px; padding-top:10px;}
.Caselist li .p{-webkit-line-clamp: 2;}
.CaseResule li{ width:48%;}

.CaseMap ul li.yn{bottom:-253px;}
.CaseMap ul li.gz{bottom:-207px;}
.CaseMap ul li.gx{bottom:-265px;}
.CaseMap ul li.hn{bottom:-354px;}
.CaseMap ul li.guangz{ bottom:-265px;}
.CaseMap ul li.hun{ bottom:-183px;}
.CaseMap ul li.hub{bottom:-113px;}
.CaseMap ul li.jx{bottom:-181px;}
.CaseMap ul li.zj{bottom:138px;}
.CaseMap ul li.fj{bottom:-207px;}
.CaseMap ul li.tw{bottom:-246px;}

.CaseResule{ width:auto; float:none;}
}
@media ( max-width:480px){
.CaseMap{  margin:-90px 0 0 -259px;}	
}



/***合作伙伴 s***/
.PartnerList{ margin:0 0 0 -3%;}
.PartnerList li{ width:22%; float:left; padding:0 0 3% 3%;}
.PartnerList li .imgbox{ border:1px solid #cccccc; display:block; background:#fff; height:98px;}
.PartnerList li .imgbox span{ background-size:contain;}
.PartnerList li:hover .imgbox{ border:1px solid #1c368a;}

@media ( max-width:640px){
.PartnerList li{ width:47%;}
.PartnerList li .imgbox{ height:65px;}
}

/***企业文化 s***/
.whimg{ margin-bottom:28px;}
.Culturetxt{ background:#ebebeb; margin-bottom:6%;}
.Culturetxt .info{ width:40%; padding:4.5% 5% 0 5%; float:left; color:#1c368a; font-size:24px; line-height:47px;}
.Culturetxt .img{ width:50%; float:right;}
.StyleList{ margin:0 0 3% -3%;}
.StyleList li{ width:30%; padding:0 0 3% 3%; text-align:center; float:left;}
.StyleList li .imgbox{ padding-top:60%;}

@media ( max-width:1200px){
.Culturetxt .info{ font-size:18px; line-height:32px;}
}
@media ( max-width:768px){
.Culturetxt .info{ width:auto; padding:15px; float:none;font-size:16px; line-height:26px;}
.Culturetxt .img{ width:auto; float:none;}
}
@media ( max-width:640px){
.whimg{ margin-bottom:10px;}
.StyleList li{ width:47%;}
}


/***人力资源 s***/
.hrimg{ width:28%; float:left; padding-left:5%;}
.hrtxt{ width:62%; padding-top:6%; float:right; color:#000;}
.hrtit{ font-size:24px; text-align:center; clear:both; color:#1c368a; padding:50px 0px;}
.hrll{ margin-left:-4%;}
.hrll li{ width:29.33333%; float:left; margin-left:4%;}
.hrll li .box{ background:#1c368a; color:#fff; text-align:center; background:#1c368a; height:262px;}
.hrll li .box .t{ line-height:88px; padding-top:10px; font-size:20px;}
.hrll li .box .p{ height:93px; display:table-cell; vertical-align:middle; width:2%;}
.hrll li .box .p1 span{ font-size:16px; display:inline-block; text-align:left; line-height:33px;}
.hrll li .box .p1 .tr{ text-align:right; display:block;}

.hrld{}
.hrld li{ width:21%; padding:0 2%; float:left; text-align:center; color:#000;}
.hrld li img{ display:block; margin:0px auto 28px;}

.hrzl{ background:#1c368a; margin-bottom:40px;}
.hrzl .info{ float:left; padding:4% 4% 0 4%; width:52%; font-size:16px; color:#fff;}
.hrzl .info .tit{ font-size:18px; margin-bottom:20px; text-align:center;}
.hrzl .img{ width:40%; float:right;}
.hrzl.hr2{ background:#cea500;}
.hrzl.hr3{ background:#393939; margin-bottom:0;}
.hrzl.hr3 .info{ font-size:14px; padding-top:2.5%; line-height:31px;}

.hrw1{ width:20%;}
.hrw2{ width:15%;}
.hrw3{ width:18%;}
.hrw4{ width:16%;}
.hrw5{}

.Hrhead{ height:60px; color:#fff; background:#1c368a; text-align:center; font-size:18px; font-weight:bold;}
.padleft{ padding-left:5%; text-align:left !important;}
.HrList{ margin-bottom:45px;}
.HrList li{ margin-bottom:1px;}
.HrList li td{ height:60px;text-align:center; background:#f2f2f2;}
.HrList li .txtCont{ display:none; font-size:14px; padding:25px 5%; color:#494949; line-height:28px; background:#fff;}
.HrList li .txtCont .item{ border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px; display:none;}
.HrList li .txtCont .item dd{ width:25%; float:left;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{margin:10px 0; color:#1c368a; font-size:16px;}
.HrList li .txtCont .work{ font-size:18px; color:#333333; margin-top:10px; font-weight:bold;}
.HrList li a.apply{ float:right; margin-right:40px; width:17px; height:17px; display:inline-block; background:url(../images/apply.gif) center top no-repeat;}
.HrList li a:hover.apply,.HrList li.current a.apply{ background-position: center bottom;}
.HrList li.current td{ color:#1c368a; background:#f2f2f2;}
.HrList li.current a{ color:#1c368a;}


@media ( max-width:1366px){
.hrzl.hr3 .info{ padding-top:1.5%; line-height:27px;}
}

@media ( max-width:998px){
.hrll li .box .p1 span{ font-size:14px;line-height:24px;}
.hrzl .info{font-size:14px; padding-bottom:5%;}
.hrzl.hr3 .info{line-height:24px;}
}
@media ( max-width:768px){
.hrtit{ font-size:18px; padding:20px 0;}
.hrimg{ width:auto; float:none; padding:0 0 15px; text-align:center;}
.hrtxt{ width:auto; padding-top:0; float:none;}
.hrll li{ width:auto; float:none; margin-bottom:15px;}
.hrll li .box{height:auto; padding:10px;}
.hrll li .box .t{ line-height:30px; padding:0; font-size:16px;}
.hrll li .box .p{ display:block; height:auto; width:auto;}
.hrzl .info{ padding:10px; float:none; width:auto;}
.hrzl .img{ width:auto; float:none; text-align:center; padding:0 10px 10px;}
.hrzl .info .tit{ margin-bottom:10px;}
}
@media ( max-width:640px){
.Hrhead{ height:40px;font-size:16px; font-weight:normal;}
.hrld li{ width:46%; padding-bottom:18px;}
.hrld li img{ margin-bottom:10px;}
.hrw3,.hrw4{ display:none;}
.hrw1{ width:45%;}.hrw2{ width:35%;}
.HrList li a.apply{ margin-right:15px;}
.HrList li td{ height:40px;}
.HrList li .txtCont .stit{margin-bottom:5px;}
.HrList li .txtCont{ padding:10px;}
.HrList li .txtCont .item{display:block;}
.HrList li .txtCont .item dd{ width:auto; float:none;}
}

/***联系我们 s***/
.Contactus{ width:23%; float:left;}
.Contactus li{background:#fff; margin-bottom:15px;}
.Contactus li .box{ position:relative; height:145px; padding:0 8% 0 25%; color:#444444;}
.Contactus li .box p{ padding-top:35px; font-size:30px; line-height:35px;}
.Contactus li .box span{ display:block; color:#1c368a; font-size:24px; margin-top:8px;}
.Contactus li .box .ico{ position:absolute; width:15%; left:15px; top:28%;}
.Contactus li.add .box span{ font-size:18px; line-height:24px;}
.Map{ width:72%; float:right;}
.Map img{ display:block; height:626px;}

@media ( max-width:1440px){
.Contactus li .box p{font-size:28px;}
.Contactus li .box span{font-size:20px;}
.Contactus li.add .box span{ font-size:16px;}
}
@media ( max-width:998px){
.Contactus{ width:auto; float:none;}
.Map{ width:auto; float:none;}
.Map img{ height:auto;}
.Contactus li .box{height:auto; padding:0 8% 12px 48px;}
.Contactus li .box .ico{ width:25px;top:20%;}
.Contactus li .box p{font-size:18px; padding-top:12px; line-height:28px;}
.Contactus li .box span{ font-size:14px; margin-top:0;}
.Contactus li.add .box span{ font-size:14px;}
}



.newsDetail{border: 1px solid #c1c5c4;width: 70%;margin: 0px auto;}
@media(max-width:768px){
	.newsDetail{width: 100%;border: 0px;}
	.newsDetail img{height: auto !important;width: 100% !important;}
}


.mapbox{
	width: 100%;
    height: 100%;
    display: flex;
}
.mapbox .map{ 
	width: 100%;
    height: 100%;
    margin: 0px auto;
    background: url(../images/logo_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mapbox .map ul{
	width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.mapbox .bg{ position:absolute; display:none;}

.mapbox li{ }
.mapbox li a{ position:absolute; z-index:10; width:100%; height:100%; background:#000;}

.mapbox .ti{ 
	font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 85px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    background: #2788d2;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.mapbox .dot{display: none !important; background:url(../images/map/mapdot.png); width:22px; height:23px; display:inline-block;}
.mapbox li.on .ti{ color:#333;background: #fff;}
.mapbox li.on .dot{ background:url(../images/map/mapdot2.png);}
.mapbox li.on .ti{ z-index:58;}


.mapbox .xj { left:156px; top:222px;}
.mapbox .xj .bg{ width:324px; height:247px; left:-157px; top:-142px; background:url(../images/map/xj_bg.png);}
.mapbox .xz { left:164px; top:395px;}
.mapbox .xz .bg{ width:319px; height:197px; left:-132px; top:-88px; background:url(../images/map/xz_bg.png);}
.mapbox .qh { left:282px; top:320px;}
.mapbox .qh .bg{ width:207px; height:148px; left:-75px; top:-49px; background:url(../images/map/qh_bg.png);}
.mapbox .yn { left:361px; top:539px;}
.mapbox .yn .bg{ width:142px; height:150px; left:-43px; top:-72px; background:url(../images/map/yn_bg.png);}
.mapbox .sc { left:370px; top:420px;}
.mapbox .sc .bg{ width:180px; height:158px; left:-47px; top:-48px; background:url(../images/map/sc_bg.png);}
.mapbox .gs { left:405px; top:335px;}
.mapbox .gs .dot{ display:block; margin:0px auto -5px;}
.mapbox .gs .bg{ width:234px; height:196px; left:-138px; top:-124px; background:url(../images/map/gs_bg.png);}
.mapbox .nx { left:430px; top:305px;}
.mapbox .nx .dot{ display:block; margin:0px auto -5px;}
.mapbox .nx .bg{ width:48px; height:79px; left:-0px; top:-27px; background:url(../images/map/nx_bg.png);}
.mapbox .nmg { left:481px; top:237px;}
.mapbox .nmg .dot{ display:block; margin:0 0 -15px -5px;}
.mapbox .nmg .bg{ width:363px; height:310px; left:-148px; top:-234px; background:url(../images/map/nmg_bg.png);}
.mapbox .sx { left:520px; top:302px;}
.mapbox .sx .dot{ display:block; margin:0px auto -5px;}
.mapbox .sx .bg{ width:56px; height:121px; left:2px; top:-55px; background:url(../images/map/sx_bg.png);}
.mapbox .shanx { left:472px; top:360px;}
.mapbox .shanx .dot{ display:block; margin:0px auto -5px;}
.mapbox .shanx .bg{ width:85px; height:148px; left:-21px; top:-88px; background:url(../images/map/shanx_bg.png);}
.mapbox .cq { left:460px; top:440px;}
.mapbox .cq .dot{ display:block; margin:0px auto -5px;}
.mapbox .cq .bg{ width:74px; height:75px; left:-9px; top:-27px; background:url(../images/map/cq_bg.png);}
.mapbox .gz { left:450px; top:502px;}
.mapbox .gz .dot{ display:block; margin:0px auto -10px;}
.mapbox .gz .bg{ width:99px; height:86px; left:-30px; top:-37px; background:url(../images/map/gz_bg.png);}
.mapbox .gx { left:486px; top:547px;}
.mapbox .gx .dot{ display:block; margin:0px auto;}
.mapbox .gx .bg{ width:128px; height:99px; left:-51px; top:-32px; background:url(../images/map/gx_bg.png);}
.mapbox .hun { left:530px; top:477px;}
.mapbox .hun .dot{ display:block; margin:0px auto -5px;}
.mapbox .hun .bg{ width:89px; height:102px; left:-22px; top:-30px; background:url(../images/map/hun_bg.png);}
.mapbox .gd { left:560px; top:550px;}
.mapbox .gd .dot{ display:block; margin:0px auto -5px;}
.mapbox .gd .bg{ width:128px; height:104px; left:-33px; top:-21px; background:url(../images/map/gd_bg.png);}
.mapbox .hain { left:501px; bottom:35px;}
.mapbox .hain .dot{ display:block; margin:0px auto -5px;}
.mapbox .hain .bg{ width:43px; height:36px; left:4px; top:-3px; background:url(../images/map/hain_bg.png);}
.mapbox .hb { left:540px; top:414px;}
.mapbox .hb .bg{ width:125px; height:80px; background:url(../images/map/hb_bg.png); left:-43px; top:-24px;}
.mapbox .hen { left:548px; top:365px;}
.mapbox .hen .dot{ display:block; margin:0px auto -10px;}
.mapbox .hen .bg{ width:95px; height:90px; left:-22px; top:-35px; background:url(../images/map/hen_bg.png);}
.mapbox .heb { left:570px; top:272px;}
.mapbox .heb .dot{ display:block; margin:0px auto -5px;}
.mapbox .heb .bg{ width:90px; height:129px; left:-3px; top:-68px; background:url(../images/map/heb_bg.png);}
.mapbox .tj { left:600px; top:255px;}
.mapbox .tj .dot{ display:block; margin:0px auto -10px;}
.mapbox .tj .bg{ width:22px; height:31px; left:12px; top:-7px; background:url(../images/map/tj_bg.png);}
.mapbox .bj { left:581px; top:234px;}
.mapbox .bj .dot{ display:block; margin:0px auto -10px;}
.mapbox .bj .bg{ width:29px; height:32px; left:12px; top:1px; background:url(../images/map/bj_bg.png);}
.mapbox .hlj { right:128px; top:85px;}
.mapbox .hlj .dot{ display:block; margin:0px auto -5px;}
.mapbox .hlj .bg{ width:184px; height:167px; left:-85px; top:-86px; background:url(../images/map/hlj_bg.png);}
.mapbox .jl { right:132px; top:157px;}
.mapbox .jl .dot{ display:block; margin:0px auto -5px;}
.mapbox .jl .bg{ width:139px; height:93px; left:-55px; top:-31px; background:url(../images/map/jl_bg.png);}
.mapbox .ll { left:678px; top:201px;}
.mapbox .ll .dot{ display:block; margin:0px auto -5px;}
.mapbox .ll .bg{ width:96px; height:90px; left:-42px; top:-21px; background:url(../images/map/ll_bg.png);}
.mapbox .js { right:190px; top:368px;}
.mapbox .js .dot{ display:block; margin:0px auto -5px;}
.mapbox .js .bg{ width:98px; height:75px; left:-37px; top:-24px; background:url(../images/map/js_bg.png);}
.mapbox .sd { right:235px; top:315px;}
.mapbox .sd .dot{ display:block; margin:0px auto -5px;}
.mapbox .sd .bg{ width:113px; height:70px; left:-14px; top:-25px; background:url(../images/map/sd_bg.png);}
.mapbox .ah {right:232px; top:392px;}
.mapbox .ah .dot{ display:block; margin:0px auto -5px;}
.mapbox .ah .bg{ width:80px; height:95px; left:-13px; top:-34px; background:url(../images/map/ah_bg.png);}
.mapbox .sh { right:159px; top:399px;}
.mapbox .sh .dot{ display:block; margin:0px auto -15px;}
.mapbox .sh .bg{ width:31px; height:36px; left:14px; top:-11px; background:url(../images/map/sh_bg.png);}
.mapbox .zj {right:181px; top:439px;}
.mapbox .zj .dot{ display:block; margin:0px auto -5px;}
.mapbox .zj .bg{ width:63px; height:71px; left:-6px; top:-22px; background:url(../images/map/zj_bg.png);}
.mapbox .jx {  right:251px; top:473px;}
.mapbox .jx .dot{ display:block; margin:0px auto -5px;}
.mapbox .jx .bg{ width:72px; height:91px; left:-5px; top:-29px; background:url(../images/map/jx_bg.png);}
.mapbox .fj { right:210px; top:497px;}
.mapbox .fj .dot{ display:block; margin:0px auto -5px;}
.mapbox .fj .bg{ width:72px; height:91px; left:-8px; top:-27px; background:url(../images/map/fj_bg.png);}
.mapbox .tw {right:155px; top:536px;}
.mapbox .tw .dot{ display:block; margin:0px auto -5px;}
.mapbox .tw .bg{ width:29px; height:67px; left:15px; top:-22px; background:url(../images/map/tw_bg.png);}

.maplist{ margin-top:50px;}
.maplist .tithead{ text-align:center; color:#fff; font-size:20px; line-height:60px; background:#2788d2;margin-bottom: 30px;}
.maplist .table .table-tr{width:32%;float: left;margin-bottom: 2%;margin-right: 2%;}
.maplist .table .table-tr:nth-child(3n){margin-right: 0;;}
.maplist .table .table-tr .imgbox{width: 100%;padding-bottom: 66%;}
.maplist .table .table-tr .td1{height: 40px;line-height: 40px;text-align: center;background:#eaeaea;font-size: 16px; }
.maplist .box{display: none}
@media ( max-width:640px){
.maplist .table-tr {display:block; clear:both; margin-bottom:2px; background:#fff; padding:15px;}
.maplist .table-td {display: block; width:auto !important; padding:0 0 0 12px; border-bottom:0;}
.maplist .table-tr .table-td:nth-child(1) { padding-left:0;}
.maplist .table .table-tr{width: 100%;box-sizing: border-box;}
.mapbox .ti{width: 70px;}
.maplist .table .table-tr .td1{height: auto;line-height: 24px;padding: 5px}

}