@charset "utf-8";
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{_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*/


/*top*/
.header{ height:110px; box-shadow:0px 0px 25px #e5e5e5;}
.header .logo{ padding-top:36px; float:left; width:30%;}

.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; position:relative;}
.mainnav li{float:left; position:relative; z-index:99; padding:0px 5px; display:inline;}
.mainnav li:first-child{ margin-left:0px;}
.mainnav li span a{color:#333333; height:110px; display:block; font-size:14px;}
.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(/uploads/image/timages/zoom_jia2.png) right center no-repeat; width:100%; height:35px; position:absolute; right:0px; top:0px; z-index:; cursor:pointer; display:none;}
.mainnav .version{ position:absolute; right:0px; top:10px; line-height:25px; z-index:100;}
.mainnav .version a{line-height:25px !important; height:25px !important;}
.mainnav .version a.on{color:#158dcb;}

.subnav{ display:none; position:absolute; left:-25px; top:110px; width:180px; 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;width:auto;}
.header .logo img{ width:205px;}
.mainnav .version{width:100px; top:14px;right:15px;font-size:12px;}
.header .search{top:51px;}
.header .searchbox .icon{margin:12px 0px 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(/uploads/image/timages/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(/uploads/image/timages/share.png); background-position:0px top;}
.footer .col-r a.sina{ background-image:url(/uploads/image/timages/share.png); background-position:-30px top;}
.footer .col-r a.qq{ background-image:url(/uploads/image/timages/share.png); background-position:-60px top;}
.footer .col-r a.erp{ background-image:url(/uploads/image/timages/share.png); background-position:-120px top;}
.footer .col-r a.oa{ background-image:url(/uploads/image/timages/share.png); background-position:-150px top;}
.footer .col-r a.pdm{ background-image:url(/uploads/image/timages/share.png); background-position:-180px top;}
.footer .col-r a.mail{ background-image:url(/uploads/image/timages/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(/uploads/image/timages/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 .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(/uploads/image/timages/bandot.png) 0px top no-repeat;}
.homeban .hd ul li.on{ background:url(/uploads/image/timages/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(/uploads/image/timages/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(/uploads/image/timages/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;}
.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(/uploads/image/timages/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:58px; height:56px; border:1px solid #666666; border-radius:28px;}
.homepro li .info .tit{font-size:16px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepro li .info .cate{ float:right; background:url(/uploads/image/timages/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(/uploads/image/timages/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(/uploads/image/timages/sarr01.png) center center;}
.homepro .flex-direction-nav .flex-next { right: 0px; top:35%; background: #fff url(/uploads/image/timages/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(/uploads/image/timages/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:36px; 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; display:none;}
.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(/uploads/image/timages/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(/uploads/image/timages/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(/uploads/image/timages/historybg.gif) center top repeat-y;}
.history .tit{ text-align:center; background:url(/uploads/image/timages/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(/uploads/image/timages/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(/uploads/image/timages/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(/uploads/image/timages/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(/uploads/image/timages/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:58px; height:58px; border:1px solid #666666; border-radius:28px;}
.prolist li .info .tit{font-size:16px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li .info .cate{ float:right; background:url(/uploads/image/timages/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(/uploads/image/timages/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;}
.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(/uploads/image/timages/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(/uploads/image/timages/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;}

@media ( max-width:768px){
.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:14px;}
.proresult th td{ font-size:12px;}
}


/*联系我们*/
.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(/uploads/image/timages/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(/uploads/image/timages/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;}