html,body{height:100%;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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,figcaption,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:#666666; 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:#158dcb;}
*: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: #979898;}
::-moz-placeholder {color: #979898;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #979898;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #979898;}
.container{ width:1200px; min-width:300px; margin:0px auto;}

@media ( max-width:998px){
.container{ width:auto; min-width:300px; margin:0px 10px;}
}

.relative{ position:relative;}

/*font*/
.f_red{ color:#f54336;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:28px;clear:both;}
.Pages span{ padding:0px 1px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; color:#666666;}
.Pages .p_count{ margin-right:9px;}
.Pages .p_count em{ color:#158dcb;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:0px; width:35px; height:19px; cursor:pointer; border:none; background:#158dcb; border-radius:2px; -moz-border-right:2px; -webkit-border-radius:2px; color:#fff; font-size:13px;}
.Pages .input{ width:48px; height:23px; border:1px solid #d2d2d2; background:#fff;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{ background:#e8e8e8; padding:0px 8px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}

/*pages end*/




/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 3px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 3px 12px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #158dcb;
  border: 1px solid #158dcb;
}
.pagination a.page-num-current {
  color: #fff;
  background: #158dcb;
  border: 1px solid #158dcb;
}
/* ----- PB分页数字条效果 结束 ----- */


/*Top*/
.Header{ height:110px; box-shadow:0px 0px 25px #e5e5e5;}
.Header .Logo{ padding-top:36px; float:left;}

.Header .Searchbox{ position:relative;}
.Header .Searchbox .icon{ float:right; cursor:pointer; padding-top:7px; width:30px; height:23px; text-align:center; background:#158dcb; border-radius:50%; margin:42px 0px 0px 15px;}
.Header .Search{ display:none; background:#fff; border-radius:13px; width:263px; height:30px; position:absolute; right:0px; top:86px; z-index:888; box-shadow:0px 0px 5px #ccc;}
.Header .Search .ipt{ width:95%; height:30px; line-height:30px; text-indent:1em;}
.Header .Search .searchbtn{ color:#fff; cursor:pointer; width:70px; height:30px; border-radius:13px; background:#158dcb; position:absolute; right:0px; top:0px;}

.MainNav{ float:right; line-height:110px;}
.MainNav li{float:left; position:relative; z-index:99; margin-left:35px; display:inline;}
.MainNav li:first-child{ margin-left:0px;}
.MainNav li span a{color:#333333; height:110px; display:block; font-size:16px;}
.MainNav li.onnav span a,.MainNav li span a:hover,.MainNav li span .sele{color:#158dcb;}
.MainNav li.onnav span a,.MainNav li span .sele{}
.MainNav li i{ background:url(../image/zoom_jia2.png) right center no-repeat; width:100%; height:35px; position:absolute; right:0px; top:0px; z-index:; cursor:pointer; display:none;}


.SubNav{ display:none; position:absolute; left:-28px; top:110px; width:120px; text-align:center; background:#158dcb; padding:0px;}
.SubNav dd a{ line-height:30px; display:block; color:#fff; border-top:1px solid #30acec; border-bottom:1px solid #0c73a8;}
.SubNav dd a:hover{ text-decoration:underline;}

.SubNav.null{ display:none;}

@media ( max-width:998px){
body{ padding-top:50px;}	
.Header{ height:50px; background:#fff; position:fixed; z-index:999; left:0px; width:100%; top:0px;}
.Header .Logo{ padding:10px 0px 0px 0px; line-height:30px;font-size:18px;}
.Header .Logo img{ width:205px;}
.Header .Search{top:51px;}
.Header .Searchbox .icon{margin:12px 45px 0px 0px;}
.Header .openbtn{ cursor:pointer; display:block; position:absolute; right:10px; top:16px; z-index:100; width:26px;}
.Header .openbtn span{ display:block; height:2px; background:#2a2a2a; margin:4px 0px;}
.Header .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; background:#000000 !important;}
.Header .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; background:#000000 !important;}	
.Header .openbtn.on .sp3 { display:none;}	
.MainNav .nav{ position:fixed; top:50px; right:0px; display:none; width:150px; height:100%; background:#0a0c78;}
.MainNav li{float:none; margin:0px; display:block;}
.MainNav li span a{line-height:35px; height:auto; border-top:1px solid #2426a8; border-bottom:1px solid #020354; color:#fff; padding-left:15px;}
.SubNav dd a{ border-top:1px solid #2426a8; border-bottom:1px solid #020354;}

.MainNav li i{ display:block;}
.SubNav{ background:#0e1087; position:static; width:auto; text-align:left;}
.SubNav a{ display:block; padding-left:28px;}
}
/*Top*/


/*Bottom*/
.Footer{padding:4% 0px 4%;}
.Footer .col-l{ float:left; line-height:25px;}
.Footer .col-l i{ display:inline-block; background:url(../image/navline.gif) center center no-repeat; width:18px; vertical-align:middle; height:20px;}
.Footer .col-l .icp{padding:0px 5px;}
.Footer .col-r{ float:right;}
.Footer .col-r a{ position:relative; display:inline-block; width:30px; height:30px; margin-left:22px; border-radius:50%; background-color:#6a7688;}
.Footer .col-r a.wx{ background-image:url(../image/share.png); background-position:0px top;}
.Footer .col-r a.sina{ background-image:url(../image/share.png); background-position:-30px top;}
.Footer .col-r a.qq{ background-image:url(../image/share.png); background-position:-60px top;}
.Footer .col-r a.mail{ background-image:url(../image/share.png); background-position:-90px top;}
.Footer .col-r a img{ display:none; max-width:none; position:absolute; left:-60px; bottom:32px; width:120px; height:120px; border:5px solid #fff;}
.Footer .col-r a:hover img{ display:block;}
.Footer .col-r a:hover{ background-color:#158dcb;}
.Footer .col-r a:first-child{margin-left:0px;}

.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:43px; position:fixed; right:0px; bottom:2px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; background:url(../image/top.gif) center center no-repeat; height:43px; cursor:pointer;}
@media ( max-width:640px){
.Footer .col-l{ float:none; text-align:center; line-height:22px;}
.Footer .col-r{ float:none; padding-top:5px; text-align:center;}
}

/*Bottom*/


/*首页*/
.HomeBan{min-width:1100px; width:100%; height:650px; position:relative; background:#fff; overflow:hidden; clear:both;}
.HomeBan .BanList{ height:490px;}
.HomeBan .BanList > ul > li{ width:100%; height:650px; overflow:hidden; position:relative;}
.HomeBan a{display:block; height:650px;}
.HomeBan .con{position:absolute; left:50%; margin-left:-600px; top:100px;width:1200px;z-index:2;}
.HomeBan .con span{ display:block; position:relative; transition:all 1s; -webkit-transition:all 1s;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; color:#fff; font-size:18px;}
.HomeBan .con span b{ font-size:38px; display:block; line-height:74px;}
.HomeBan .con span b i{ display:none; width:40px; border-top:4px solid #fff; height:37px;}
.HomeBan .con .num{ display:none; position:absolute; right:0px; bottom:0px; line-height:61px; font-size:40px; font-weight:bold; border-bottom:4px solid #fff; color:#fff;}
.HomeBan .hd{ width:1200px;position:absolute; z-index:2; bottom:0px; left:50%; margin-left:-600px; z-index:100; height:120px; line-height:20px; overflow:hidden;}
.HomeBan .hd ul li{display:inline-block;*display:inline;zoom:1;margin-left:10px; vertical-align:middle;cursor:pointer; width:9px; height:9px; text-indent:999em; border-radius:50%; background:url(../image/bandot.png) 0px top no-repeat;}
.HomeBan .hd ul li.on{ background:url(../image/bandot.png) -9px top no-repeat; width:20px; height:20px;}
.HomeBan .prev,
.HomeBan .next{position: absolute;top:0;left:-80px;width: 25%;height: 100%; display:block;overflow:hidden; background:url(../image/btn_left.png) 0px center no-repeat;cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan .next{ left:auto; right:-80px; background:url(../image/btn_right.png) right center no-repeat;}
.HomeBan:hover .prev{ left:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan:hover .next{ right:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.mobile_ban{ position:relative; display:none;}
.mobile_ban .slides li{ position:relative; height:150px; color:#fff;}
.mobile_ban .slides li .con{ position:absolute; width:80%; left:10%; top:10%;color:#fff; font-size:14px; font-weight:bold;}
.mobile_ban .slides li .con span{ display:block; position:relative;}
.mobile_ban .slides li .con span b{ font-size:16px; display:block; line-height:30px;}
.mobile_ban .slides li .con span b i{ display:block; width:40px; height:15px;}

@media ( max-width:998px){
  .HomeBan{ display:none;}
  .mobile_ban{ display:block; margin-bottom:20px !important;}
}
/*banner end*/
.graybg{ background:#f6f6f6;}

.HomeAbout{ margin-top:-60px; position:relative; z-index:1;}
.HomeAbout .img{ position:relative; width:54%; height:360px; float:left;}
.videocont{display:none;height:100%}
.HomeAbout video{width:100%;height: 100%;z-index:99999}
.video_box{width:54%;height:360px;position: relative;float:left;}
.video_bg{width: 100%;height: 100%;background: url(../image/p_about1.jpg) no-repeat left center;position: absolute;left: 0;background-size:cover}
.videobtn{width:57px;height: 57px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: url(../image/Floor002467-play.png) no-repeat left center;background-size:cover}}
.videocont{position: absolute;left: 0;z-index: 99999;width: 100%;height: 100%;}
.HomeAbout .img img{ position:absolute; width:100%; height:360px; max-width:none; left:0px; top:0px; z-index:1; display:block; margin:0px auto;}
.HomeAbout .info{ width:46%; float:right; color:#fff; background:#158dcb; height:390px; overflow:hidden;}
.HomeAbout .info .txt{ padding:8% 5% 0 10%;}
.HomeAbout .info .txt .name{ color:#91c0e1; font-size:14px;}
.HomeAbout .info .txt .name i{color:#fff; display:block; font-size:18px;}
.HomeAbout .info .txt .p{color:#a7cbe6; margin-top:50px;}
.HomeAbout .info a.more{ background:url(../image/more.gif); width:34px; height:34px; display:block; position:absolute; bottom:30px;}
.HomeAbout .info a:hover.more{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity:0.5;}
@media ( max-width:998px){
.HomeAbout{ margin-top:0px;}
.HomeAbout .img{ height:auto;}
.HomeAbout .img img{ position:static;max-height:180px; height:auto;}
.HomeAbout .info{height:300px;}
.HomeAbout .info .txt .p{margin-top:20px;}
}
@media ( max-width:640px){
.HomeAbout{ margin-top:0px;}
.HomeAbout .img{width:auto; float:none;}
.HomeAbout .info{height:auto; width:auto; float:none;}
.HomeAbout .info .txt{ padding:12px;}
.HomeAbout .info .txt .p{margin-top:20px;}
.HomeAbout .info a.more{ background:none; width:100%; height:100%; left:0px; bottom:0px;}
}

.HomeTit{ text-align:center; padding:4.5% 0 4%;}
.HomeTit h2{ color:#000000; font-size:28px; line-height:35px;}
.HomeTit p{ color:#999999; text-transform:uppercase;}

.HomeNews{ margin-left:-3.3333%; padding-bottom:3%;}
.HomeNews li{ width:30%; margin:0 0 3% 3.3333%; float:left; display:inline; background:#fff;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeNews li .img{ position:relative;}
.HomeNews li .img img{ display:block; height:210px; width:100%;}
.HomeNews li .date{ z-index:1; background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; line-height:19px; height:100%; width:70px; color:#fff; font-size:12px; text-align:center;}
.HomeNews li .date b{ display:block; font-size:30px; line-height:34px; padding-top:19px;}
.HomeNews li .info{ padding:17px 19px; line-height:22px; color:#999999;}
.HomeNews li .info .tit{ margin-bottom:13px; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%; display:block; color:#333333;}
.HomeNews li .info .p{ height:44px; overflow:hidden;}
.HomeNews li:hover{ box-shadow:0px 0px 20px #acc2cf;}
.HomeNews li:hover .date{background:rgba(21,141,203,0.8);}
@media ( max-width:640px){
.HomeTit h2{font-size:20px;}
.HomeNews{ margin-left:-3%;}
.HomeNews li{ width:47%; margin-left:3%;}
.HomeNews li:nth-child(3){display:none;}
.HomeNews.Newn li:nth-child(3){display:block;}
.HomeNews li .img img{height:120px;}
.HomeNews li .date{width:50px; font-size:11px;}
.HomeNews li .date b{ font-size:20px;}
.HomeNews li .info .tit{ margin-bottom:5px; font-size:14px;}
.HomeNews li .info{ padding:10px;}
}


.HomePro{ margin:0 0 5.5% -6.5% !important;}
.HomePro li .box{ margin-left:20%;}
.HomePro li .info{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin-top:35px; padding:0px 28px; line-height:70px; height:70px; border:1px solid #666666; border-radius:28px;}
.HomePro li .info .tit{ float:left; font-size:16px; color:#333333;}
.HomePro li .info .cate{ float:right; background:url(../image/profl1.png) 0px center no-repeat; padding-left:28px; color:#6e6e6e;}
.HomePro li .img img{ height:220px;}
.HomePro li:hover .info{ background:#158dcb; border:1px solid #158dcb;}
.HomePro li:hover .info .tit{color:#fff;}
.HomePro li:hover .info .cate{background:url(../image/profl01.png) 0px center no-repeat;color:#fff;}

.HomePro .flex-direction-nav a{width: 40px; height: 40px;}
.HomePro .flex-direction-nav .flex-prev { left: 5px; top:35%; background: #fff url(../image/sarr01.png) center center;}
.HomePro .flex-direction-nav .flex-next { right: 0px; top:35%; background: #fff url(../image/sarr02.png) center center;}
.HomePro .flex-control-nav{ display:none;}

@media ( max-width:998px){
.HomePro li .info{ margin-top:0px; padding:10px; line-height:21px; border-radius:4px; height:auto; text-align:center;}
.HomePro li .info .tit{ float:none; font-size:14px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%; display:block; margin:0px auto;}
.HomePro li .info .cate{ float:none; display:none;}
.HomePro li .img img{ height:100px;}
}

.HomeCase{ height:680px; background:url(../image/casebg.jpg) center top no-repeat; background-size:cover;}
.HomeCase .lefbg{ position:absolute; width:860px; height:680px; left:-360px; top:0px; background:rgba(21,141,203,0.8);}
.HomeCase .col-l{ width:384px; padding-top:90px; position:relative; z-index:1; height:590px; float:left;}
.HomeCase .col-l .tithead{ position:relative; line-height:22px; margin-bottom:15px;}
.HomeCase .col-l .tithead .tit{ position:absolute; left:0px; top:28px; color:#fff;}
.HomeCase .col-l .tithead .tit b{ display:block; line-height:35px; font-size:28px;}
.HomeCase .col-l .tithead .tit i{filter:alpha(opacity=30);-moz-opacity: 0.3;opacity:0.3; text-transform:uppercase;}
.HomeCase .col-l .tithead .bor{ border:8px solid #fff;filter:alpha(opacity=10);-moz-opacity: 0.1;opacity:0.1; height:104px; margin-left:34px;}
.HomeCase .col-l .txt{line-height:26px;filter:alpha(opacity=90);-moz-opacity: 0.8;opacity:0.8; color:#fff;}
.HomeCase .col-l .txt p{ margin-bottom:18px;}
.HomeCase .col-l a.more{ background:url(../image/more.gif); width:34px; height:34px; display:block; position:absolute; bottom:80px;}
.HomeCase .col-l a:hover.more{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity:0.5;}

.HomeCase .col-2{ float:right; margin:90px 0px 0px 0px; width:750px; height:500px; background:#fff; position:relative; z-index:1;}
.HomeCase .casebox dl{ padding:5.5% 5% 0 0;}
.HomeCase .casebox dd{ float:left; width:40%; height:198px; padding-left:10%;}
.HomeCase .casebox dd .tithead .icon img{ display:block; width:48px; height:48px;}
.HomeCase .casebox dd .tithead h2{ line-height:45px; font-size:16px; color:#333333;}
.HomeCase .casebox dd .tithead h2 i{ display:block; width:30px; height:13px; border-top:1px solid #007cca;}
.HomeCase .casebox dd:hover .tithead h2{ color:#158dcb;}
.HomeCase .casebox dd .p{ color:#666666; height:44px; overflow:hidden;}
.HomeCase .flex-control-nav{ bottom:-30px;}
.HomeCase .flex-control-paging li a{ background:#a0a0a0;}
.HomeCase .flex-control-paging li a.flex-active{ background:#158dcb;}
.HomeCase .flex-direction-nav{ display:none;}

@media ( max-width:980px){
.HomeCase{ height:auto; padding:10px 0px;}
.HomeCase .lefbg{ display:none;}
.HomeCase .col-l{ width:auto; padding-top:0px; height:auto; float:none; padding:10px;}
.HomeCase .col-l{ background:rgba(21,141,203,0.8);}
.HomeCase .col-l .tithead{ height:auto;}
.HomeCase .col-l .tithead .bor{ display:none;}
.HomeCase .col-l .tithead .tit{ position:static;}
.HomeCase .col-l .tithead .tit b{font-size:24px;}
.HomeCase .col-l a.more{ left:130px; top:11px;}
.HomeCase .col-2{ float:none; margin:10px 0px 0px 0px; width:auto; height:auto;}
.HomeCase .flex-control-nav{ bottom:0px;}
}


/*栏目页公用样式 s*/
.SubPage{ border-bottom:1px solid #efefef; background:#f8f8f8; padding:4% 0;height:auto !important; height:350px; min-height:350px;}
.BanSub{ height:350px;}

.SubMenu{ height:70px; line-height:70px; position:relative;}
.SubMenu .ColomnName{ float:left; color:#158dcb; font-size:24px;}
.SubMenu .menu{ float:right;}
.SubMenu .menu li{ float:left; margin-left:36px;}
.SubMenu .menu li a{ color:#333333;}
.SubMenu .menu li a:hover,.SubMenu .menu li.onli a{ color:#158dcb;}

.Smenu{ padding-bottom:4%; text-align:center;}
.Smenu li{ width:23%; margin:0 1%; display:inline-block; display:*inline;zoom:1;}
.Smenu li a{ color:#fff; background:#999999; border-radius:24px; padding:4% 0; font-size:16px; display:block;}
.Smenu li a:hover,.Smenu li a.cur{ background:#158dcb;}

.SinglePage{ word-wrap:break-word; line-height:28px; font-size:16px;}

@media ( max-width:998px){
.SubMenu .menu li{margin-left:10px;}
.BanSub{ height:150px;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
}

@media ( max-width:780px){
.SubMenu .subbtn{ position:absolute; width:30px; height:30px; right:10px; top:20px; background:url(../image/subarr.png) center center no-repeat; cursor:pointer;}
.SubMenu .subbtn.on{-webkit-transform: translate(0, 3px) rotate(180deg) !important;
	-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;}
.SubMenu .menu{ position:absolute; top:70px; right:0px;width:100%; z-index:999; display:none; background:#fff; box-shadow:0px 8px 8px #666;}
.SubMenu .menu li{ float:none; margin:0px 0px -1px 0px;}
.SubMenu .menu li a{ border:1px solid #e6e6e6; display:block; width:auto; font-size:14px; text-align:center; line-height:30px;}
}


/*关于我们*/
.AboutUs{ margin-bottom:4%;}
.AboutUs li{ width:33.333333%; float:left; text-align:center; color:#fff; position:relative; font-size:16px;}
.AboutUs li.blue{ background:#1b95d4;}
.AboutUs li.green{ background:#65c63d;}
.AboutUs li.orange{ background:#f3922f;}
.AboutUs li p{ width:100%; position:absolute; left:0px; top:40%;}
.AboutUs li p i{ display:block; font-size:24px; margin-bottom:15px;}

.History{ position:relative; background:url(../image/historybg.gif) center top repeat-y;}
.History .tit{ text-align:center; background:url(../image/historytit.gif); width:92px; height:92px; margin:0px auto 40px;}
.History .item{ width:45%; padding-right:6%; float:left; position:relative;}
.History .item .dot{ background:url(../image/lsdot.gif) right top; position:absolute; width:50px; height:20px; right:0px; top:29px;}
.History .item .info{ float:left; width:55%; font-size:16px;}
.History .item .info h2{ color:#333333; font-size:18px; padding:3% 0;}
.History .item .img{ float:right; width:40%;}
.History .item.next{ float:right; padding-left:6%; padding-right:0;}
.History .item.next .img{ float:left;}
.History .item.next .info{ float:right;}
.History .item.next .dot{left:0px; right:auto;background:url(../image/lsdot.gif) 0px -20px;}

.HornorList{margin:0 0 2% -1%;}
.HornorList li{ width:23%; padding:0 1% 3%; float:left; font-size:16px; text-align:center;}
.HornorList li .img{ background:#fff; padding:5px; height:190px; margin-bottom:20px;}
.HornorList li .img span{ width:2%; margin:0px auto; height:190px; display:table-cell; vertical-align:middle;}
.HornorList li .img img{ display:block; max-height:190px; margin:0px auto;}
.HornorList li p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%; display:block;}

@media ( max-width:640px){
.AboutUs li{ width:auto; float:none; font-size:14px;}
.AboutUs li.blue img{ display:none;}
.AboutUs li.green img{ display:none;}
.AboutUs li.orange img{ display:none;}
.AboutUs li p{ position:static; padding:12px;}
.AboutUs li p i{ font-size:18px; margin-bottom:0px;}

.History{background:url(../image/historybg.gif) 0px top repeat-y;}
.History .item{ width:auto; padding:0 0 20px 30px; float:none;}
.History .item .img{ float:none; width:auto;}
.History .item .dot{width:20px; top:12px; left:-5px; right:auto;}
.History .item.next .dot{left:0px; right:auto;background:url(../image/lsdot.gif) 0px -20px;}
.History .item.next{ float:none; padding-left:30px;}
.History .item.next .img{ float:none;}
.History .item.next .info{ float:none;}
.History .item.next .dot{ left:-5px;}

.HornorList li{ width:48%;}
.HornorList li .img{margin-bottom:10px;}
.HornorList li p{ font-size:14px;}
}


/*产品中心*/
.ProList{ margin-left:-3.3333%; margin-bottom:2%;}
.ProList li{ width:26%; padding:3% 2%; margin:0 0 3% 3.3333%; background:#fff; float:left; display:inline;}
.ProList li .img{ text-align:center;}
.ProList li .img img{ width:100%; height:220px;}
.ProList li .info{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin-top:35px; padding:0px 28px; line-height:68px; height:58px; border:1px solid #666666; border-radius:28px;}
.ProList li .info .tit{ float:left; font-size:16px; color:#333333;}
.ProList li .info .cate{ float:right; background:url(../image/profl1.png) 0px center no-repeat; padding-left:28px; color:#6e6e6e;}
.ProList li:hover .info{ background:#158dcb; border:1px solid #158dcb;}
.ProList li:hover .info .tit{color:#fff;}
.ProList li:hover .info .cate{background:url(../image/profl01.png) 0px center no-repeat;color:#fff; }

.ProTop{ background:#fff; margin-bottom:20px; padding:4%;}
.ProTop .img{ padding:3% 0; width:50%; float:left;}
.ProTop .info{ height:auto !important; height:400px; min-height:400px; width:44%; padding-left:5%; float:left; border-left:1px solid #ebebeb; font-size:16px; line-height:30px;}
.ProTop .info .proname{ font-size:30px; color:#158dcb; margin-bottom:20px; font-weight:normal;}
.ProTop .info .h3{ font-size:16px; color:#333333; margin:35px 0px 15px;}

.ProInfo{ background:#fff; padding-bottom:4%;}

.ProInfo .hd{ line-height:50px; height:50px; margin-bottom:4%; font-size:16px; background:#979797;}
.ProInfo .hd ul{ margin-left:-2px;}
.ProInfo .hd li{ width:16.6666%; float:left; cursor:pointer;}
.ProInfo .hd li a{ display:block; border-right:2px solid #fff; color:#fff; text-align:center;}
.ProInfo .hd li i{ display:inline-block; vertical-align:middle; line-height:28px; margin-right:5px;}
.ProInfo .hd li.on{ background:#158dcb;}
.bd a{text-decoration: underline;color: #1c85df;}
.bd a:hover{color: #cc0000}
.ProInfo .slide{ padding:0 4%; font-size:16px; line-height:28px;}

@media ( max-width:998px){
.ProList li .info{ margin-top:0px; padding:10px; line-height:21px; border-radius:4px; height:auto; text-align:center;}
.ProList li .info .tit{ float:none; font-size:14px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%; display:block; margin:0px auto;}
.ProList li .info .cate{ float:none; display:inline-block;}
.ProInfo .hd li{ width:25%; font-size:14px;}
.ProList li .img img{height:120px;}
}

@media ( max-width:640px){
.ProTop .img{ padding:3% 0; width:auto; float:none;}
.ProTop .info{ height:auto !important; height:auto; min-height:auto; width:auto; padding:10px 0px 0px 0%; float:none; border-top:1px solid #ebebeb; border-left:0px;}
.ProTop .info .h3{ margin-top:10px;}

.ProList li { width:42.33333%;}
.ProInfo .hd{ line-height:25px; height:auto;}
.ProInfo .hd li a{ padding:10px 0;}
.ProInfo .hd li i{ display:block;}
}


/*新闻列表*/
.NewsList{ margin-bottom:4%;}
.NewsList li{ height:180px; position:relative; padding:0px 18% 0 242px; border-bottom:1px solid #e5e5e5; margin-bottom:3%;}
.NewsList li .img{ position:absolute; left:0px; top:0px;}
.NewsList li .img img{ width:220px; height:150px;}
.NewsList li .datebox{ position:absolute; right:0px; top:0px;}
.NewsList li .datebox .date{ font-size:26px; font-family:"宋体"; line-height:67px; padding-bottom:9px; color:#158dcb;}
.NewsList li .datebox .date i{ display:inline-block; margin-right:25px; width:40px; height:1px; background:#158dcb; vertical-align:middle;}
.NewsList li .datebox .more{ float:right;}
.NewsList li .datebox .more a{ display:block; width:60px; height:40px; background: #158dcb url(../image/more2.png) center center no-repeat;}
.NewsList li .datebox .more a:hover{ box-shadow:0px 0px 8px #666;}
.NewsList li .tit{ font-size:16px; padding:2.5% 0 4% 0;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%; display:block;}
.NewsList li .tit a{ color:#333333;}.NewsList li .tit a:hover{ color:#158dcb;}


.Titleinfo{ padding:0px 0px 15px 0px; text-align:center; border-bottom:1px dashed #d3d3d3; line-height:29px; margin-bottom:30px;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo i{ margin:0px 20px;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}

.PrevNextBox { padding-top:4%; margin-left:-20px; position:relative; color:#888888;}
.PrevNextBox dl{ width:50%; float:left; height:50px; line-height:50px; position:relative; margin-bottom:7px; text-align:center; font-size:16px; overflow:hidden;}
.PrevNextBox dl b{ font-weight:normal; color:#000000;}
.PrevNextBox a{ display:block; background:#fff; margin-left:20px;}
.PrevNextBox a{ background:#fff; color:#666666; display:block; margin-left:20px;}
.PrevNextBox a:hover{ color:#fff; background:#158dcb;}.PrevNextBox a:hover b{ color:#fff;}
.PrevNextBox a.none:hover{ color:#888888;}


@media ( max-width:768px){
.NewsList li{padding:15px 0px 15px 0px; height:auto; line-height:22px;}
.NewsList li .img{ position:static; width:auto;}
.NewsList li .date{ position:static; padding-top:5px;}
.NewsList li .tit{ padding:10px 0px 10px;}
.NewsList li .p{ height:44px; overflow:hidden;}
.PrevNextBox { margin:0px;}
.PrevNextBox a.back{ top:-38px;}
.PrevNextBox dl{ width:auto; float:none; height:50px; line-height:50px;font-size:14px; text-align:left;}
.PrevNextBox a{margin-left:0px; padding-left:10px;}
}


/*服务与支持*/
.DownList{ margin:0 0 2% -3.33333%;}
.DownList li{ margin:0 0 3% 3.33333%; width:30%; float:left;}
.DownList li .box{ background:#fff; border:1px solid #ebebeb; height:238px; position:relative; box-shadow:0px 0px 12px #e2e2e2; padding:0 4%;}
.DownList li .box .date{ position:absolute; left:0px; top:0px; background:#158dcb; color:#fff; text-align:center; line-height:17px; font-size:12px; width:68px; height:68px;}
.DownList li .box .date i{ display:block; line-height:40px; padding-top:3px; font-size:24px;}
.DownList li .box .tit{ font-size:16px; padding-top:90px;}
.DownList li .box a.down{ position:absolute; left:4%; bottom:10%; background:url(../image/pdf.gif) 0px center no-repeat; padding-left:44px; line-height:35px; color:#158dcb; font-weight:bold;}
.DownList li .box a:hover.down{ text-decoration:underline;}
.DownList li:hover .box{box-shadow:0px 0px 12px #ccc;}

.ProSearch{ text-align:center; width:60%; margin:0px auto 4%; background:#fff; border-radius:24px; height:50px; overflow:hidden;}
.ProSearch .input{ background:transparent; text-indent:2em; font-size:16px; float:left; width:70%; height:50px; line-height:50px;}
.ProSearch .sendbtn{ float:right; width:120px; height:50px; color:#fff; border-radius:24px; cursor:pointer; background:#158dcb; color:#fff; font-size:16px;}

.promain{ background:#fff; padding:4%;}
.ProSelectNav{}
.ProSelectNav .item{ position:relative; border-bottom:1px solid #e9e9e9; padding:0 0 3.5% 148px; margin-bottom:3.5%;}
.ProSelectNav .item dt{ font-size:16px; color:#000000; position:absolute; left:0px; top:0px;}
.ProSelectNav .item dd a{ display:inline-block; padding:0px 5px; min-width:55px; background:#898989; color:#fff; border-radius:5px; margin:0px 5px 5px 0px; text-align:center;}
.ProSelectNav .item dd a:hover,.ProSelectNav .item dd a.cur{ background:#158dcb;}

.ProResult{ text-align:center;}
.ProResult th{ font-weight:normal; color:#fff; padding:8px 5px; font-size:16px; background:#158dcb; border-left:1px solid #fff;border-bottom:1px solid #fff;}
.ProResult td{ padding:8px 5px; border-left:1px solid #fff;border-bottom:1px solid #fff;word-break : break-all;}

@media ( max-width:768px){
.promain{padding:4% 5px;}
.DownList{ margin-left:-3%;}
.DownList li{ margin-left:3%; width:47%;}
.DownList li .box .tit{ font-size:14px;}
.ProSearch{width:auto; height:40px;}
.ProSearch .input{height:40px; line-height:40px;}
.ProSearch .sendbtn{width:70px; height:40px;}
.ProSelectNav .item{ padding-left:0px;}
.ProSelectNav .item dt{ position:static; padding-bottom:8px;}
.ProResult th{ font-size:12px; line-height:15px;}
.ProResult td{ font-size:12px; line-height:15px;}
}


/*联系我们*/
.ContactUs{ font-size:16px; background:#fff; padding:19px; margin-bottom:30px;}
.ContactUs .info{ padding:5% 0 0 2%; width:30%; float:left;}
.ContactUs .info h2{ font-size:20px; color:#333333; padding-bottom:20px;}
.ContactUs .info li{ position:relative; padding:0px 0px 15px 34px;}
.ContactUs .info li i{ position:absolute; left:0px; top:0px;}
.ContactUs .map{ width:55%; float:right;}

.ContactBm{ font-size:16px; background:#fff; padding:3%;}
.ContactBm ul{ margin-left:-3%;}
.ContactBm li{ width:22%; padding-left:3%; line-height:1.8em; float:left;}
.ContactBm li h2{ color:#158dcb; margin-bottom:15px; font-size:18px;}

.Message{ background:#fff; padding:4%;}
.Message dl{ margin-bottom:3%;}
.Message dl.w3{ width:28%; float:left;}
.Message dl.w3.mr{ margin:0 8%;}
.Message .input{ width:100%; font-size:16px; border-bottom:2px solid #000000; height:50px; line-height:50px; text-indent:0.5em;}
.Message .textarea{ border-bottom:2px solid #000000; height:60px; padding-top:2%; margin-bottom:6%;}
.Message .textarea textarea{height:60px; width:100%; font-size:16px;}
.Message .sendbtn{ background:#158dcb; font-size:16px; color:#fff; width:250px; height:60px; cursor:pointer;}

.Hrhead{ line-height:45px; text-align:center; font-size:16px; color:#fff; background:#158dcb;}
.w1{ width:25%;}
.w2{ width:15%;}
.w3{ width:24%;}
.w4{ width:20%;}
.w5{ width:16%;}
.Hrhead .tit{ padding-left:30px; text-align:left;}
.HrList{ margin-bottom:4%;}
.HrList .tit{ margin-left:30px; background:url(../image/dot.gif) 0px 3px no-repeat; padding-left:27px;}
.HrList li td{ background:#f8f8f8; border-bottom:1px solid #d3d3d3; padding:10px 0; font-weight:normal; font-size:14px;}
.HrList li .txtCont{ background:#fff; display:none; padding:4%; color:#333333;}
.HrList li .txtCont .job-tit{ font-weight:normal; font-size:22px;}
.HrList li .txtCont .job-t{ font-size:14px; margin-top:22px; font-weight:bold;}
.HrList li a.apply{ display:block; margin:0px auto; border:2px solid #158dcb; border-radius:17px; color:#3e3a39; width:100px; line-height:32px;}
.HrList li.current th{ color:#e61d16;}
.HrList li.current a.apply{ color:#fff; background:#158dcb;}
.HrList li.current a{ color:#158dcb;}
.HrList li.current .txtCont{ display:block;}
.HrList .item{ margin-top:10px; display:none;}

.Hrtit{ font-size:16px; color:#158dcb; line-height:32px; padding-left:15px; background:#ebebeb;}
.JobForm{ color:#666666; margin:4% 0px 35px 0%;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:20%; float:left;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:9.7%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ color:#fff; width:90px; height:35px; background:#158dcb; margin-right:8px;}
.resetbtn{ color:#fff; width:90px; height:35px; background:#747474;}

@media ( max-width:768px){
.ContactUs .info{ width:auto; float:none; padding:0;}
.ContactUs .map{ width:auto; float:none;}
.ContactBm ul{ margin-left:0%;}
.ContactBm li{ width:auto; padding:0 0 10px 0%; margin-bottom:10px; float:none; border-bottom:1px solid #f8f8f8;}
.Message dl.w3{ width:auto; float:none;}
.Message dl.w3.mr{ margin:0;}
.Message .sendbtn{ width:160px; height:40px;}
.Message .input{ font-size:14px;}
.Message .textarea textarea{ font-size:14px;}

.Hrhead .tit{ padding-left:10px;}
.HrList .tit{ margin-left:10px; padding-left:20px;}
.w1{ width:45%;}
.w2,.w3{ display:none;}
.w4{ width:30%;}
.w5{ width:25%;}
.Hrhead { font-size:14px;}
.HrList li a.apply{ border:1px solid #158dcb; border-radius:12px; width:60px; line-height:28px;}
.HrList li td{ font-size:12px;}
.HrList .item{display:block;}

.JobForm{margin:4% 0px 35px 0%;}
.JobForm dl{ width:auto; float:none; clear:both; padding-left:76px; position:relative;}
.JobForm dl dt{ width:auto; position:absolute; left:0px; top:0px; text-align:right;}
.JobForm dl dd{ width:auto; float:none;}
.JobForm dl.other{ padding-left:76px; width:auto;}
.JobForm dl.other dt{ width:auto; text-align:right;}
.JobForm dl.other dd{ width:auto;}

}


/*博微网站群*/
.WebList{ margin: 0 0 0 -5%;}
.WebList li{ font-size:16px; width:41%; margin:0 0 20px 5%; float:left; height:80px; background:#fff; padding:0 2%;}
.WebList li a{ display:table-cell; height:80px; padding-left:20px; vertical-align:middle; background:url(../image/arr.png) 0px center no-repeat;}

@media ( max-width:640px){
.WebList{ margin: 0 0 0 0%;}
.WebList li{ width:auto; margin:0 0 20px 0%; float:none; font-size:14px;}
}


/*行业案例*/
.CaseList{ color:#999999;}
.CaseList li{ height:220px; margin-bottom:30px; line-height:22px; background:#fff; padding:0 34px 0 349px; position:relative;}
.CaseList li .img{ position:absolute; width:320px; left:0px; top:0px;}
.CaseList li .img img{ width:100%; height:220px;}
.CaseList li .tit{ font-weight:bold; font-size:16px; padding:37px 0 16px 0px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%;}
.CaseList li .tit a{ color:#333333;}.CaseList li .tit a:hover{ color:#158dca;}
.CaseList li .p{ height:66px; overflow:hidden; margin-bottom:17px;}

@media ( max-width:768px){
.CaseList li{ padding:0; height:auto;}
.CaseList li .img{ width:auto; position:static; height:150px; overflow:hidden;}
.CaseList li .img img{ width:100%; height:auto;}
.CaseList li .tit{padding:5px 0; font-size:14px;}
.CaseList li .info{ padding:0px 10px 10px;}
.CaseList li .p{ height:38px; line-height:18px;}
}

.map img{ max-width:auto;}