@charset "utf-8";
/****header****/
.heat{ position:absolute; left:0; top:16px; z-index:10;}
.zxioc{ background: no-repeat left center; padding-left:20px;}
.heat .search { width: 107px; height: 16px; border: 1px #ccc8c5 solid; margin: 0 0 0 0; padding:0 10px; background:#fff;}
.heat .search .sousuo1 { width: 87px; height: 16px; line-height: 16px; border: 0; background: none; float: left; font-size:12px;}
.heat .search .sousuo { width: 10px; height: 16px; background: no-repeat center; border: 0; float: right; }
.header{ width: 100%; height:196px; position:absolute; left:0; top:435px; z-index:10; background: repeat-x top;}
.header .head_menu{ width:1060px; height:48px; margin:0 auto;}
.header .head_menu li { position: relative; float: left; display: inline; width: 12.5%; text-align:center;}
.header .head_menu li a.xiala { display: inline-block; width: 100%; height: 48px; line-height: 48px; color: #fff; background: no-repeat center bottom;}
.header .head_menu li a.navh, .nav .menu li a.xiala:hover { cursor: pointer; color: #fff; background: no-repeat center bottom; }
.header .head_menu ul.child { display: none; position: absolute; top: 48px; left: 0; width: 100%; line-height: normal; z-index: 99; background: #012e7d; }
.header .head_menu ul.child li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #215dc5 solid; margin: 0; position: relative; }
.header .head_menu ul.child li a { overflow: hidden; display: block; padding:8px 5px; color: #fff; border-top: 1px #112f63 solid; }
.header .head_menu ul.child li a:hover { color: #fff; background: #6cc8f7; }
.header .head_bo .logo{ height:148px;}
/*banner*/
.banner { width: 100%; overflow: hidden;}
.banner .flexslider { position: relative;overflow: hidden; }
.banner .slides { position: relative; z-index: 0; }
.banner .slides li { height: 924px; }
.banner .slides li a { display: block;}
.flex-control-nav { position: absolute; bottom: 35px; z-index: 10; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 16px; height: 16px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 16px; height: 16px; line-height: 80px; overflow: hidden; background:  right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 35%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 40px; background:  center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 40px; background:  center center no-repeat; }
/*news*/
.txtscroll-top{ width:620px;  overflow:hidden; position:relative;}
.txtscroll-top .hd{ width:32px; float:right;}
.txtscroll-top .hd .prev, .txtscroll-top .hd .next{ display:block; width:30px; height:30px; cursor:pointer; border:1px #fff solid;}
.txtscroll-top .hd .prev{ background: no-repeat center;}
.txtscroll-top .hd .prev:hover{ background: no-repeat center #00b7e5;}
.txtscroll-top .hd .next{ background: no-repeat center; margin-top:8px;}
.txtscroll-top .hd .next:hover{ background: no-repeat center #00b7e5;}
.txtscroll-top .bd{ width:522px; float:left;}
.txtscroll-top .bd .infolist li{ width:522px;}
/*cplb*/
.cplb{ position:absolute; left:0; top:668px; z-index:2;}
.cplb .cp_ly{ width:151px; height:128px; background:#46abd7;}
.cplb .cp_ly a{ width:151px; height:78px; display:block; background: no-repeat center 80px; padding-top:50px;}
.cplb .cp{ width:150px; height:128px; border-left:1px #fff solid; position:relative; overflow:hidden;}
.cplb .cp .cpa{ width:150px; height:128px; background: repeat;}
.cplb .cp .cpb{ width:150px; position:absolute; left:0; bottom:-100%; z-index:1;}
.cplb .cp .cpb img{ width:150px; height:128px;}
.cplb .cp:hover .cpb{ bottom:0;}
/*foot*/
.fov{ margin-right:102px;}
/*******************/
.nav { width: 100%; height: 48px; border-top:2px #00b7e5 solid; background: repeat-x;}
.nav .menu { width: 1060px; height: 48px; margin: 0 auto;}
.nav .menu li { width:12.5%; position: relative; float: left; display: inline; text-align:center;}
.nav .menu li a.xialaguang { display: inline-block; width: 100%; height: 48px; line-height: 48px; }
.nav .menu li a.navhover, .nav .menu li a.xialaguang:hover { cursor: pointer; color: #fff; background: #00b7e5 }
.nav .menu ul.children { display: none; position: absolute; top: 48px; left: 0; width: 100%; line-height: normal; z-index: 99; background: #00b7e5; }
.nav .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #72def9 solid; margin: 0; position: relative; }
.nav .menu ul.children li a { overflow: hidden; display: block; padding: 10px 5px; color: #fff; border-top: 1px #0882a0 solid; }
.nav .menu ul.children li a:hover { color: #fff; background: #023793; }

/*地图*/

.m_map { width: 989px; height: 724px; margin: 30px auto; position: relative; background:  no-repeat 0 0; }
.tait { font-size: 36px; font-weight: bold; color: #666666; text-align: center; left: 100px; }
.tait span { color: #ff6d3b; }
.tait2 { font-size: 36px; font-weight: bold; color: #666666; text-align: center; padding: 50px 0px; }
.mp { position: absolute; cursor: pointer; background:  no-repeat 4px 20px; width: 24px; height: 63px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.mp:hover { background:  no-repeat 4px 20px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.hover_tu { background:  no-repeat 4px 20px; }
.mp .mito { position: absolute; left: 0px; bottom: 0px; font-size: 12px; color: #666666; }
.mp .find_mi1 { left: -12px; width: 55px; }
.mp .find_mi2 { left: -5px; width: 55px; }
.feng { position: absolute; display: none; width: 347px; height: 85px; left: -230px; top: -78px; background:  no-repeat 0 top; z-index: 10; }
.feng .sang { position: absolute; left: 235px; bottom: 0px; background:  no-repeat 0 0; width: 14px; height: 8px; }
.feng .tree { height: 62px; width: 330px; margin: 9px; }
.feng .tree .boou { width: 86px; height: 62px; float: left; }
.feng .tree .du_size { float: right; height: 62px; width: 230px; }
.feng .tree .du_size p { font-size: 12px; color: #fff; line-height: 20px; }
.mp1 { right: 235px; top: 412px; }
.mp2 { left: 341px; top: 349px; }
.mp3 { left: 446px; top: 474px; }
.mp4 { left: 524px; top: 474px; }
.mp5 { left: 524px; top: 538px; }
.mp6 { left: 545px; top: 594px; }
.mp7 { left: 428px; top: 585px; }
.mp8 { left: 568px; top: 370px; }
.mp9 { left: 625px; top: 398px; }
.mp10 { left: 612px; top: 325px; }
.mp10 { left: 612px; top: 325px; }
.mp11 { left: 643px; top: 454px; }
.mp12 { left: 611px; top: 503px; }
.mp13 { left: 668px; top: 496px; }
.mp14 { left: 742px; top: 498px; }
.mp15 { left: 699px; top: 557px; }
.mp16 { right: 328px; bottom: 70px; }
.mp17 { left: 646px; top: 604px; }
.mp18 { left: 692px; top: 443px; }
.mp19 { right: 214px; top: 428px; }
.mp20 { left: 563px; bottom: 70px; }
.mp21 { left: 694px; top: 345px; }
.mp22 { left: 342px; top: 345px; }
.mp23 { left: 681px; top: 266px; }
.mp24 { left: 711px; top: 266px; }
.mp25 { left: 446px; top: 321px; }
.mp26 { left: 510px; top: 338px; }
.mp27 { left: 864px; top: 103px; }
.mp28 { left: 572px; top: 428px; }
.mp29 { left: 746px; top: 441px; }
.mp30 { left: 673px; top: 592px; }
.mp31 { left: 779px; top: 440px; }
.mp32 { left: 604px; top: 626px; }
.mp33 { left: 806px; top: 468px; }
.mp34 { left: 753px; top: 210px; }
.mp35 { left: 753px; top: 391px; }
.mp36 { left: 596px; top: 415px; }
.mp37 { left: 575px; top: 435px; }
.mp38 { left: 589px; top: 365px; }
.mp39 { left: 575px; top: 316px; }
.mp40 { left: 612px; top: 266px; }
.mp41 { left: 778px; top: 495px; }
.mp42 { left: 718px; top: 318px; }
.mp43 { left: 653px; top: 545px; }
.mp44 { left: 769px; top: 593px; }
.mp45 { left: 800px; top: 524px; }
.mp46 { left: 633px; top: 525px; }
.mp47 { left: 499px; top: 354px; }
.mp48 { left: 763px; top: 543px; }
.mp49 { left: 798px; top: 578px; }
.mp50 { left: 722px; top: 544px; }
.mp51 { left: 706px; top: 501px; }
.mp52 { left: 743px; top: 551px; }
.mp53 { left: 406px; top: 515px; }
.mp54 { left: 570px; top: 621px; }
.mp55 { left: 658px; top: 347px; }
.mp56 { left: 651px; top: 397px; }
.mp57 { left: 492px; top: 420px; }
.mp58 { left: 549px; top: 297px; }
.mp59 { left: 704px; top: 398px; }
.mp60 { left: 556px; top: 527px; }
.mp61 { left: 551px; top: 455px; }
.mp62 { left: 582px; top: 488px; }

/*sub_bo*/
.sub_bo{ width: 100%; display: flex; overflow:hidden;}
.sub_bo dl{ width:25%; overflow:hidden;}
.sub_bo dl dt{ width:78px; height:78px; margin:0 auto; background: no-repeat;}
.sub_bo dl:hover dt, .sub_bo dl.cur dt{ background: no-repeat; color:#fff;}
.sub_bo dl:hover dd, .sub_bo dl.cur dd{ color:#00b7e5;}

/*cpnys*/
.cpnys dl{ margin-bottom:20px;}
.cpnys dl dt{ width:20%; overflow:hidden;}
.cpnys dl dd{ width:70%; overflow:hidden; margin-right:5%;}
.cpnys dl dd .pcshow a{ width:50%; display:block; float:left; height:30px; line-height:30px;}
.cpnys dl:nth-of-type(1) dd .f20 a{ color:#8fc320;}
.cpnys dl:nth-of-type(2) dd .f20 a{ color:#471920;}
.cpnys dl:nth-of-type(3) dd .f20 a{ color:#54c3f1;}
.cpnys dl:nth-of-type(4) dd .f20 a{ color:#244a42;}
.cpnys dl:nth-of-type(5) dd .f20 a{ color:#023089;}

/*cpny*/
.cpny{ width: 100%; display: flex; overflow:hidden;}
.cpny .cp{ width:16.66%; position:relative; overflow:hidden; height:auto; padding:20px 0;}
.cpny .cp .cpa{ width:100%; overflow:hidden;}
.cpny .cp .cpb{ width:100%; position:absolute; left:0; bottom:-120%; z-index:1;}
.cpny .cp .cpb img{ width:100%; height:auto;}
.cpny .cp:hover .cpb{ bottom:0;}
.cpny .cp.cur .cpb{ bottom:0;}
.ny_tie{ border-top:2px #00b7e5 solid; padding-top:30px;}
/*product-list*/
.product-list { width: 100%; overflow: hidden; }
.product-list li { float: left; overflow: hidden; position: relative; text-align: center; }
.product-list li a { display: block; }
.pl1 li { width: 48%; margin: 0 1% 20px 1%; }
.pla li { width: 31.33%; margin: 0 1% 20px 1%; }
.plb li { width: 23%; margin: 0 1% 20px 1%; }
.plc li { width: 18%; margin: 0 1% 20px 1%; }
.product-list li i { display: block; overflow: hidden; display: block; border: 1px #e3e3e3 solid; }
.product-list li i img { width: 100%; display: block;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.product-list li figcaption { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; background-color: #f7f7f7; }
.product-box .product-down { float: left }
.product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(170,240,232,.2); background: #aaf0e8\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewx(45deg); visibility: hidden; transition: 360ms; z-index: 100; }
.product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30 }
.product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #00b7e5; position: absolute; left: 0; top: 23px; transform: translatex(-200px); -webkit-transform: translatex(-200px); -moz-transform: translatex(-200px) }
.product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #00b7e5; position: absolute; left: 23px; top: 0; transform: translatey(-200px); -webkit-transform: translatey(-200px); -moz-transform: translatey(-200px) }
.product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #00b7e5; border-right: 3px solid #00b7e5; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #00b7e5; border-bottom: 3px solid #00b7e5; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li .mors{ display:block; background: #00b7e5; color: #fff;}
.product-list li:hover i { border: 1px #00b7e5 solid; }
.product-list li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.product-list li:hover mark { opacity: 1; transform: skewx(0); visibility: visible }
.product-list li:hover mark:before { height: 100%; transition: 330ms 200ms }
.product-list li:hover mark:after { width: 100%; transition: 330ms 200ms }
.product-list li:hover mark b:before { transition: 355ms 180ms; transform: translatex(0); -webkit-transform: translatex(0); -moz-transform: translatex(0) }
.product-list li:hover mark b:after { transition: 355ms 240ms; transform: translatey(0); -webkit-transform: translatey(0); -moz-transform: translatey(0) }
.product-list li:hover figcaption a{ color: #00b7e5;}

/**图片点击放大**/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnprev, #lightbox-nav-btnnext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnprev { left: 0; float: left; }
#lightbox-nav-btnnext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px verdana, helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentnumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secnav-btnclose { width: 66px; float: right; padding-bottom: 0.7em; }/*! fancybox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
/*pagebar*/
.pagebar { clear: both; width: 80%; overflow: hidden; margin: 20px auto 10px auto; text-align: center; }
.pagebuttons span, .pagebuttons a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; }
.pagebuttons span { color: #ffffff; background-color: #00b7e5; border: 1px solid #00b7e5; }
.pagebuttons a:hover { background: #00b7e5; color: #fff; }
.pageinfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }
/*新闻列表*/
.arlist { width: 100%; overflow: hidden; }
.arlist li { overflow: hidden; padding:20px; border: 1px solid #e2e2e2; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:20px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center;  -webkit-box-align: center; align-items: center; }
.arlist li .newly_img{ width: 30%; overflow: hidden; position:relative;}
.arlist li .newly_img dt{ width: 85%; overflow: hidden; padding-right:15%;}
.arlist li .newly_img dd{ width:auto; overflow: hidden; background: #00b7e5; color: #fff; padding:12px; position:absolute; right:0; bottom:0;}
.arlist li .newly_txta{ width: 55%; overflow: hidden; margin:0 2% 0 3%;}
.time{ background: no-repeat left center; padding-left:24px;}
.arlist li .click{ background: no-repeat left center; padding-left:20px;}
.arlist li .moreny{ width:10%; overflow: hidden; background: #00b7e5; color: #fff; padding:12px 0; text-align:center;}
.arlist li .newly_time{ width: 10%; overflow: hidden; background:#f5f5f5; padding:20px 0;}
.arlist li .newly_txtb{ width: 75%; overflow: hidden; margin:0 2% 0 3%;}
.arlist li:hover{ border: 1px solid #00b7e5;}
.arlist li:hover a.fb{ color:#00b7e5;}

/* 产品详细页图片集锦 */
.mod18 { width: 1058px; position: relative; margin: 0 auto; margin-bottom: 30px; }
.mod18 .btn { position: absolute; cursor: pointer; z-index: 99; font-size: 50px; font-weight: bold; }
.mod18 .prev { left: 10px; background:  no-repeat; }
.mod18 #prevtop, .mod18 #nexttop { top: 250px; width: 32px; height: 48px; }
.mod18 #prev, .mod18 #next { top: 560px; width: 10px; height: 16px; }
.mod18 #prevtop { background:  0 0 no-repeat; }
.mod18 #nexttop { background:  0 0 no-repeat; }
.mod18 .next { right: 10px; background:  no-repeat; }
.mod18 li { float: left; }
.mod18 .cf li { position: relative; color: #fff; }
.mod18 .cf a { display: block; width: 1058px; height: 377px; position: absolute; color: #fff; }
.mod18 .cf li span { display: block; width: 1058px; position: absolute; left: 0; bottom: 0; padding: 10px 20px; line-height: 22px; text-align: left; background: rgba(0,0,0,0.6); filter:progid:dximagetransform.microsoft.gradient( gradienttype = 0, startcolorstr = "#60000000", endcolorstr = "#60000000");
}
.mod18 .picbox { width: 1058px; height: 510px; position: relative; overflow: hidden; background: #0d0d0d; }
.mod18 .picbox ul { height: 510px; position: absolute; left: 0; }
.mod18 .picbox li { width: arcontent; height: 510px; }
.mod18 .picbox li img { width: arcontent; height: 510px; width: 1058px; }
.mod18 .listbox { width: arcontent; height: 100px; margin: 0 auto; position: relative; padding-top: 15px; overflow: hidden; }
.mod18 .listbox ul { height: 88px; position: absolute; }
.mod18 .listbox li { width: 119px; height: 77px; cursor: pointer; position: relative; padding: 5px 0 0 0; }
.mod18 .listbox li i { display: none; }
.mod18 .listbox li a { display: block; width: 108px; height: 77px; }
.mod18 .listbox img { width: 113px; border: 3px solid #fff; }
.mod18 .listbox .on img { border: 3px solid #cecdcc; }
.mod18 .listbox .on { background:  center top no-repeat; }
.mod18 .listbox .on i { display: block; }

/*新闻内页*/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #eee solid; }
.news_tit p { color: #666; margin-top: 10px; }
.arkeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; }

.arcontents h2, .arcontents h3, .arcontents h4 { margin: 10px 0; display: block;}
.arcontents h2 { font-size: 35px; color: #023793; }
.arcontents h3 { font-size: 24px; color: #023793; }
.arcontents h4 { font-size: 20px; }
.arcontents img{ width:auto; display:block; margin:5px auto; max-width:100%;}

.arcontent h2, .arcontent h3, .arcontent h4 { margin: 10px 0; display: block;}
.arcontent h2 { font-size: 20px; background: #54c3f1; color: #ffffff; padding:10px;}
.arcontent h3 { font-size: 18px; color: #023793; }
.arcontent h4 { font-size: 16px; }
.arcontent table { width: 100%; border-collapse : collapse; margin:5px auto; text-align: center; border: 0; table-layout: automatic; word-break: break-all; word-wrap: break-word; font-size:14px; background:#f0f7f9;}
.arcontent table tr td { border: 1px #fff solid; padding: 10px 5px; }
.arcontent img{ width:auto; display:block; margin:5px auto; max-width:100%;}



.zmkh dt{ width:20%;}
.zmkh dd{ width:78%;}








.whny dt{ width:35%;}
.whny dd{ width:60%;}


/* 发展历程*/
#timeline { width: 1120px; height: 400px; overflow: hidden; margin:0 auto; position: relative; background:  left 340px repeat-x; }
#dates { width: 1120px; overflow: hidden; margin-top: 20px; }
#dates li { float: left; width: 94px; height: 90px; font-size: 16px; text-align: center; }
#dates a { color: #023793; width: 94px; height: 90px; line-height: 130px; display: block; }
#dates .selected { font-size: 18px; font-weight: bold; background:  no-repeat center top; }
#issues { width: 1120px; height: 300px; overflow: hidden; }
#issues li { width: 1120px; height: 300px; list-style: none; float: left; }
#issues li img { text-align: center; display: block; margin: 0 auto; }
#timeline #next, #timeline #prev { position: absolute; font-size: 100px; font-family: "宋体"; top: 90px; width: 100px; height: 100px; text-align: center; line-height: 100px; overflow: hidden; color: #023793; z-index:10;}
#timeline #next { right: 5%; }
#timeline #prev { left: 0; }
#timeline #next.disabled, #timeline #prev.disabled { opacity: 0.2; }
.lcte { padding: 20px 200px; }


/*photo*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; }
contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 16px; }
.zs p:after{ content: ''; width: 4px; height: 4px; border-radius: 100%; background: #00b7e5;  position: absolute; left: 0; top: 50%; margin-top: -3px;}
contenta { width: 50%; }
contentb { width: 33.33%; }
contentc { width: 25%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }

/*fastmove*/
.fastmove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position:relative;box-sizing: border-box; -moz-box-sizing: border-box;}
.fastmove:after{ content: ''; width: 1px; height: 100%; background:#e5e5e5; position: absolute; left: 50%; top: 0;}
.fastmove div { width: 50%; padding: 20px 0; overflow: hidden; }
.fastmove div p { width: 90%; overflow: hidden; margin: 0 auto; display: block; }
.fastmove div:hover { background: #00b7e5; color: #fff; }
.fastmove div:hover a { color: #fff; }
.but_tit { width: 100%; overflow: hidden; background:#f5f5f5; height:50px;}
.but_tit span { width: auto; overflow: hidden; float: left; line-height:50px; height:50px; padding:0 25px;}

/*arlistd*/
.arlistd li{ border-bottom: 1px solid #d3d3d3;}
.arlistd li span{ height:25px; line-height:25px;}
.arlistd li .morend{ width:auto; padding:0 10px; background: #54c3f1; color: #ffffff; height:25px; line-height:25px;}

/*在线留言*/
.fla { width: 56%; overflow: hidden; float: left; }
.subforn { overflow: hidden;}
.subforn .form-group { width: 100%; overflow: hidden; margin-bottom: 15px;}
.subforn .form-group span { display: block; float: left; }
.subforn .form-group .control-div { width: 98%; overflow: hidden; float: right; border: 1px #dadada solid; box-sizing: border-box; -moz-box-sizing: border-box; background:#fff; position:relative;}
.subforn .form-group .control-div label{ width:auto; padding:0 2%; float:left; height: 24px; line-height: 24px; border-right:1px #ccc solid; margin-top:9px;}
.subforn .form-group .control-div .form-control { width: 72%; float:left; height: 42px; line-height: 42px; border:0; background:#fff; margin-left:2%;}
.subforn .form-group .control-div label.area{ position:absolute; left:0; top:0; z-index:1; height:auto; line-height:normal;} 

.subforn .form-group .control-div .form-controlv { width: 100%; height: 108px; border:0; padding: 9px 0; text-indent:17%; box-sizing: border-box; -moz-box-sizing: border-box; }
.subforn .form-group .btn-info { width: 98%; height: 42px; line-height: 42px; text-align: center; background: #00b7e5; color: #fff; border: 0; float: right;}
/*产品留言*/
.zxly { width: 100%; overflow: hidden; background:#f0f0f0; padding:30px 0;}
.zxly .subform { width: 93%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 48%; overflow: hidden;}
.zxly .subform .form-groupfl .liebiao{ width: 100%; height: 54px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:10px;}
.zxly .subform .form-groupfl .liebiao label{ width:23.6%; height:24px; line-height: 24px; border-right:1px #999999 solid; text-align:center; float:left; margin-top:15px;}
.zxly .subform .form-groupfl .liebiao .forma{ width: 71%; height: 54px; line-height: 54px; background: #fff; float:right; border: 0; font-size:16px;}
.zxly .subform .form-groupfl .liuy{ width: 100%; overflow: hidden; background: #fff; position:relative; margin-bottom:10px;}
.zxly .subform .form-groupfl .liuy label{ width:23.6%; overflow: hidden; border-right:1px #999999 solid; position:absolute; left:0; text-align:center; top:15px; z-index:1;}
.zxly .subform .form-groupfl .liuy .form-controlv{ width: 100%; height: 178px; border: 0; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; text-indent:26%; padding:15px 0; font-size:16px;}

.zxly .subform .btn-info { width: 100%; height: 54px; line-height: 54px; background: #00b7e5; border: 0; color: #fff; text-align:center; font-size:16px;}
/*jobpost*/
.zylb{ width: 100%; overflow:hidden; padding:22px 0; border-bottom:1px #eee solid;}
.accordion{ width: 100%; overflow:hidden;}
.accordion li { width: 100%; overflow:hidden;}
.accordion li .link{ width: 100%; height:64px; line-height:64px; border-bottom:1px #eee solid; position:relative; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;} 
.zylb span, .accordion li .link span, .accordion li .link em{ width: 25%; overflow:hidden;}
.accordion li .link em{ height:32px; cursor:pointer; background: no-repeat top center;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display:block; margin-top:16px; }
.accordion li.navhr em{ background-position: center -32px;} 
.accordion ul.child { width: 100%; display: none; background:#f8f8f8; padding:20px 0; }
.accordion .moren{ width:auto; overflow:hidden; padding: 10px 30px; border: 1px solid #00b7e5; display: block; float: left; color: #00b7e5; }
.accordion .moren:hover{ background: #00b7e5; color: #fff; }

/*jobpost*/
.jobpost table tr td .inputs{ width: 100%; height: 43px; line-height: 43px; border: 1px #dadada solid; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; }
.jobpost table tr td .inputnr{ width: 100%; height: 60px; border: 1px #dadada solid; padding: 10px 0; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; }
.btnar, .btnbr{ width: 46%; height: 45px; line-height: 45px; text-align:center; border:0;}
.btnar{ background: #00b7e5; color: #fff;}
.btnbr{ background: #e5e5e5; color: #00b7e5;}



/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background:  no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentelement.scrolltop document.documentelement.clientheight-this.offsetheight-(parseint(this.currentstyle.bottom, 10)||0)-(parseint(this.currentstyle.margintop, 10)||0)-(parseint(this.currentstyle.marginbottom, 10)||0)));
z-index: 990; font-size: 14px; }
.keifu_tab { width: 160px; }
.icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background:  0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; margin:0 auto; }
.keifu_head { width: 131px; height: 41px; background: ; background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background:  -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #00b7e5; border-right: 7px solid #00b7e5; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }

.keifu_con .li-qq { width:100%; height: 25px; padding-top: 2px; padding-bottom: 2px; display:block;}
.keifu_con .li-qq .icotc img{ display:block; /*width:105px;*/ margin:0 auto;} 
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left:12px; }
.keifu_con .li-tel-num { font-family: arial; font-size: 12px; color: #e66d15; line-height: 20px; padding-left:12px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: ; background-position: 0 -153px; }
.keifu .tion { padding-top: 5px; padding-bottom: 5px; }
.keifu .h145 { height: 145px; }
/*左下角 浮动 在线留言*/ 
#sfmesswrap { border: 2px solid #00b7e5; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#sfmesshead { background: #00b7e5; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#sfmesshead #sfmesstitle { float: left; }
#sfmessheadicon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: ; }
.sfmessiconopen { background-position: top; }
.sfmessiconclose { background-position: bottom; }
#sfmessbody { width: 230px; overflow:hidden; padding-bottom: 5px; }
#sfmessbodytop { display: none; }
#sfmessbodymid { width: 230px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#sfmessbodymid input { border: 1px solid #cccccc; background: #ffffff; width:208px; height: 27px; line-height:27px; font-size: 12px; padding:0 10px;}
#sfmessbodymid textarea { width:208px; height: 53px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding:10px; margin: 0px auto;}
#sfmessbodymid .btn-info{ width: 100%; height: 27px; line-height: 27px; text-align: center; background: #00b7e5; color: #fff; border: 0;}

#sfmessbodybottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#sfmesscopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background:  left top no-repeat; }
.sfmesstip { display: none; }
#sfmessbodyfoot { display: none; }
/*---------qverify 弹出滑动css---------*/
#qverify { position: fixed; justify-content: center; -ms-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.qverify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 90%; height: 430px; max-height: 80%; border-radius: 17px; padding: 20px 10px; background: white; touch-action: none; overflow: hidden; }
.qverify .qverify-title { width: 100%; height: auto; }
.qverify .qverify-title .qverify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.qverify .qverify-title .qverify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.qverify .qverify-result { width: 100%; height: auto; line-height: 40px; color: #00a344; text-align: center; font-size: 22px; margin: 5px auto; }
.qverify .qverify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto; }
.qverify .qverify-verify .qverify-verify-img { position: relative; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.qverify .qverify-verify .qverify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.qverify .qverify-verify .qverify-verify-img .qverify-success { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.qverify .qverify-verify .qverify-verify-img .qverify-success img { height: 40%; margin: 30% auto; }
.qverify .qverify-verify .qverify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 30px; background: white; }
.qverify .qverify-verify .qverify-verify-silder .qverify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.qverify .qverify-verify .qverify-verify-silder .qverify-silder .qverify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: ; background-size: 100%; background-repeat: no-repeat; background-position: center; }
 @media all and (max-width:500px) {
.qverify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 80%; height: 390px; max-height: 80%; border-radius: 17px; padding: 10px; background: white; touch-action: none; overflow: hidden; }
.qverify .qverify-title { width: 100%; height: auto; }
.qverify .qverify-title .qverify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.qverify .qverify-title .qverify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.qverify .qverify-result { width: 100%; height: auto; min-height: 40px; line-height: 30px; color: #00a344; text-align: center; font-size: 20px; margin: 5px auto; line-height: 22px; font-weight: bolder; }
.qverify .qverify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto 10px; }
.qverify .qverify-verify .qverify-verify-img { position: relative; width: 150px; height: 150px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.qverify .qverify-verify .qverify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.qverify .qverify-verify .qverify-verify-img .qverify-success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.qverify .qverify-verify .qverify-verify-img .qverify-success img { height: 40%; margin: 30% auto; }
.qverify .qverify-verify .qverify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 20px; background: white; }
.qverify .qverify-verify .qverify-verify-silder .qverify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.qverify .qverify-verify .qverify-verify-silder .qverify-silder .qverify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: ; background-size: 100%; background-repeat: no-repeat; background-position: center; }
} 
/*---------qverify 弹出滑动css---------*/