@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video ,font, button, input, select, textarea{margin:0;padding:0;font-size:100%;outline:none;}
img{border:none;}
ul,ol{list-style:none;}
table,tr,td{border-collapse:collapse;border:none;}
html,body{outline:none;font-size:14px;font-family:Arial,'simsun';color:#444;}
button,input,select,textarea{resize:none;font-size:14px;font-family:Arial,'simsun';color:#444;}
a{text-decoration:none;outline:none;color:#444;}
a:hover{color:#0033cc;}
.clearfix:after{content:".";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.clearfix{*zoom:1;}
.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}
/*==公共样式==*/
.wrapper:after{content:".";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.wrapper{width:1200px;margin:0 auto;*zoom:1;}
#header{ width:100%; min-width:1200px;}
#header .logo img{ display:block;}
#header .quick{ font-family:'Microsoft YaHei'; color:#0065cc; margin:25px 0 0 0;}
#header .quick a{ color:#0065cc; margin:0 5px;}
#header .quick a:hover{ text-decoration:underline;}
#header .quick img{ vertical-align:middle;width:40px;height:40px}
#header .flash{ width:100%; min-width:1200px;background-repeat:no-repeat; background-position:center top;}
#header .navbar{ width:100%; min-width:1200px; height:60px; background:url(../images/nav_bg.jpg) repeat-x;}
#header .navbar ul{text-align:center;}
#header .navbar ul li{ display:inline-block; margin:0 8px; font-family:'Microsoft YaHei'; position:relative; }
#header .navbar ul li .chilNav{ position:absolute;left:-10px;top:59px; background:#fff;width:120px; z-index:99999; display:none;}
#header .navbar ul li .chilNav a{ display:block;height:35px; line-height:35px; font-size:14px;}
#header .navbar ul li:hover .chilNav{ display:block;} 
#header .navbar ul li a{ display:inline-block; line-height:60px; padding:0 10px; font-size:16px; color:#333;}
#header .navbar ul li.cur a,
#header .navbar ul li a:hover{ color:#0033cc; background:url(../images/nav_curr.jpg) repeat-x left bottom;}
#header .banner{ width:100%; min-width:1200px; height:250px; background-repeat:no-repeat; background-position:center top;}
#header .navbar ul li.cur .chilNav a{border:0;color:#333;}
#header .smallnav{ width:100%; min-width:1200px; height:47px; border-bottom:1px solid #ddd; background:#fff; box-shadow:0 5px 2px #f5f5f5;}
#header .smallnav ul{ display:inline-block; border-right:1px solid #ddd; float:right;}
#header .smallnav ul li{display:inline;}
#header .smallnav ul li a{ display:inline; float:left; padding:0 30px; line-height:47px; border-left:1px solid #ddd;}
#header .smallnav ul li.cur a{ line-height:45px; border-top:2px solid #0033cc;}
#footer{ width:100%; min-width:1200px; background:#2e97e8;}
#footer .copyright{ width:790px; font-family:'Microsoft YaHei'; color:#fff; line-height:200%; padding:15px 0 15px 10px;}
#footer .cert{ width:350px; height:120px; border-left:1px solid #0082e7; margin:10px 0 0 0; padding:0 0 0 35px;}
#footer .cert h3{ color:#fff; font-size:15px; font-family:'Microsoft YaHei'; margin:0 0 20px; line-height:150%;}
#footer .cert .imgs img{ float:left; display:inline; margin:0 0 0 10px;}
#aside{ width:200px; float:left; display:inline; margin:22px 0 70px 0;}
#aside ul li{ width:100%; height:76px; margin:0 0 6px;}
#aside ul li a{ display:block; height:58px; padding:18px 0 0 15px; line-height:150%; background-color:#eff0f3; background-repeat:no-repeat; background-position:90% center; border-radius:5px;}
#aside ul li strong{ font-weight:normal; font-size:16px; display:block; font-family:'Microsoft YaHei'; color:#666;}
#aside ul li em{ font-style:normal; color:#999; display:block;}
#aside ul li.m1 a{ background-image:url(../images/m_icon1.png);}
#aside ul li.m2 a{ background-image:url(../images/m_icon2.png);}
#aside ul li.m3 a{ background-image:url(../images/m_icon3.png);}
#container{ width:970px; float:right; display:inline; margin:22px 0 70px 0;}
#container .mtit{ height:42px; font-weight:normal; background:url(../images/m_title_bg.png) repeat-x left bottom; margin:0 0 20px; position:relative;}
#container .mtit strong{ font-weight:normal; font-size:16px; font-family:'Microsoft YaHei'; color:#0033cc;}
#container .mtit .back-ups{ position:absolute;right:0;top:0; height:22px; line-height:22px;padding:0 14px;color:#fff; background:#03c; font-size:12px;}
#container .mtit .back-ups:hover{ background:#06F;}
#container .article{ line-height:190%; overflow:hidden;}
#container .article h1.title{ font-size:15px; color:#666; text-align:center;}
#container .article h2.date{ font-weight:normal; text-align:center; margin:5px 0 15px;}
.artPage{ line-height:200%; margin:15px 0 0 0;}
.artPage .pg{ width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.artPage .pg a:hover{ text-decoration:underline;}

.fancybox-wrap{position:absolute;top:50%;left:50%;z-index:8020;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;background:url(../images/fancybox_overlay.png) repeat;}
.fancybox-close{width:30px;height:30px;display:block;position:absolute;top:-15px;right:-15px;background:url(../images/fancybox_close.png) no-repeat;}
.fancybox-skin{position:relative;border-radius:10px;background:#fff;}
#fancybox-loading div{width:44px;height:44px;background:url(../images/fancybox_loading.gif) no-repeat center center;}
/*==END==*/
#case{ width:100%; min-width:1200px; min-height:270px; background:url(../images/case_bg.png) no-repeat center top; margin:35px 0;}
#case ul{ overflow:hidden; padding:0 0 0 90px;}
#case ul li{ float:left; display:inline; margin:0 50px;}
#case ul li a{ display:block; width:260px; height:260px; overflow:hidden; border-radius:60%;}
#case ul li span{ display:block; font-family:'Microsoft YaHei'; font-size:16px; text-align:center; padding:15px 0; line-height:180%;}
#annou{ width:100%; min-width:1200px; height:39px; background:#f1f1f1; padding:1px 0 0 0;}
#annou .slider{ background:url(../images/anno_bg.jpg) repeat-x; height:32px; position:relative;}
#annou .slider h3{ float:left; font-weight:normal; color:#2e97e8; line-height:32px; background:url(../images/icon_speaker.png) no-repeat left center; padding:0 0 0 22px; margin:0 0 0 15px;}
#annou .slider ul{ float:left; width:80%; height:32px; overflow:hidden; line-height:32px;}
#annou .slider ul a{ color:#2e97e8;}
#annou .slider ul a:hover{ text-decoration:underline;}
#annou .slider .prev,#annou .slider .next{ display:block; width:14px; height:9px; background:url(../images/arrow_annou.png) no-repeat; position:absolute; top:12px;}
#annou .slider .prev{ background-position:0 0; right:22px; top:10px;}
#annou .slider .next{ background-position:0 -9px;right:45px;}
#main{ background:#ededed; overflow:hidden; width:100%; min-width:1200px; padding:0 0 10px;}
#main .video{ margin:15px 0 0 0;}
#main .news{ width:394px; height:160px; background:#fff; border:1px solid #f3f3f3; margin:15px 16px 0 16px;}
#main .news h3{ border-bottom:1px solid #c9c9c9; height:30px; line-height:30px; font-weight:normal; padding:0 10px;}
#main .news h3 strong{ font-weight:normal; color:#0065cc; font-family:'Microsoft YaHei'; float:left;}
#main .news h3 .more{ float:right; display:inline; margin:8px 0 0 0;}
#main .news ul{ padding:2px 5px 0 5px; font-size:12px; overflow:hidden; height:125px;}
#main .news ul li{ border-bottom:1px dotted #929292; line-height:170%; padding:5px 0 5px 15px; background:url(../images/dot_5_5.jpg) no-repeat 5px center;}
#main .news ul li a:hover{ text-decoration:underline;}
#main .techn{ width:405px; height:162px; margin:15px 0 0 0; background:#fff;}
#main .techn h3{ height:30px; line-height:30px; font-weight:normal; background:#2e97e8; color:#fff; padding:0 10px;}
#main .techn h3 strong{ font-weight:normal; float:left;}
#main .techn h3 .more{ float:right; margin:8px 0 0 0;}
#main .techn dl{ padding:0 10px; overflow:hidden; margin:12px 0 0 0;}
#main .techn dl dt{ width:125px; height:100px; float:left; display:inline; margin:0 10px 0 0;}
#main .techn dl dd{ width:245px; height:100px; overflow:hidden; float:left; font-size:12px; line-height:200%;}
#main .techn dl dd strong{ font-weight:normal; font-size:14px;}
.newList{ margin:-20px 0 0 0;}
.newList ul li{ overflow:hidden; border-bottom:1px dotted #a4a4a4; padding:20px 0;}
.newList ul li img.fl{ margin:0 15px 0 0;}
.newList ul li .cont{ line-height:180%;}
.newList ul li .cont h3{ font-size:15px;}
.newList ul li .cont h3 a{ color:#666;}
.newList ul li .cont h3 a:hover{color:#0033cc;}
.newList ul li .cont .info{ height:50px; overflow:hidden; margin:8px 0;}
.newList ul li .cont .info .more{ color:#ef0000; font-family:'simsun';}
.newList ul li .cont .info .more:hover{ text-decoration:underline;}
.team{ width:100%; overflow:hidden;}
.team ul{ width:980px; padding:0 0 0 10px;}
.team ul li{ float:left; width:161px; height:161px; display:inline; margin:0 35px 20px 0; border-radius:60%; overflow:hidden;}
.team .summ{ clear:both; line-height:180%; padding:20px 0 0 0;}
.contact .addr{ border-bottom:1px dotted #a4a4a4;}
.contact .addr td{ padding:0 0 10px; line-height:180%;}
.contact .addr td span{ display:block; background:url(../images/dot_blue.jpg) no-repeat left center; padding:0 0 0 15px;}
.contact .map{width:710px; height:360px;margin:40px auto 0 auto; border:1px solid #e0e0e0; padding:6px; border-radius:5px;}
.vdList{ overflow:hidden;}
.vdList ul{ overflow:hidden; width:988px;}
.vdList ul li{ width:227px; float:left; display:inline; position:relative; margin:0 20px 0 0;}
.vdList ul li a{ display:block;}
.vdList ul li a img{ display:block; border-radius:5px 5px 0 0;}
.vdList ul li .tool{ display:block; width:100%; height:31px; background:url(../images/v_tool.jpg) no-repeat;}
.vdList ul li .play{ display:block; width:51px; height:51px; background:url(../images/v_play.png) no-repeat; position:absolute; left:50%; top:88px; margin:0 0 0 -24px;}
.vdList ul li h4{ padding:15px 0; font-weight:normal; text-align:center;}
.caseScroll{ overflow:hidden; position:relative; margin:35px 0 0 0; padding:0 0 0 35px;}
.caseScroll ul li{ float:left; display:inline; width:164px; height:164px; margin:0 30px;}
.caseScroll ul li img{width:164px; height:164px;}
.caseScroll .prev,.caseScroll .next{ display:block; width:32px; height:32px; background:url(../images/case_arrow.png) no-repeat; position:absolute; top:50%; margin:-16px 0 0 0;}
.caseScroll .prev{background-position:0 -32px;left:0;}
.caseScroll .prevStop{background-position:0 0;}
.caseScroll .next{background-position:-32px -32px;right:0;}
.caseScroll .nextStop{background-position:-32px 0;}
.caseList{ width:100%; overflow:hidden;}
.caseList ul{ overflow:hidden; width:988px;}
.caseList ul li{ float:left; display:inline; margin:0 20px 0 0;}
.caseList ul li span{ display:block; line-height:180%; text-align:center; padding:15px 0 20px;}
.jobs{ line-height:180%;}
.jobs h2{ padding:10px 0 10px 15px; background:#ededed; color:#444; font-size:15px;}
.jobs h3{ color:#666; padding:0 0 0 15px; margin:10px 0 0 0;}
.jobs .cont{ padding:0 0 0 15px; font-family:'simsun';}
.jobs hr{ display:block; border:0; border-top:1px dotted #a4a4a4; margin:10px 0 20px;}
.annou{ margin:-15px 0 0 0;}
.annou ul li{ overflow:hidden; border-bottom:1px dotted #a4a4a4; padding:15px 0;}
.annou ul li p{ width:70%; float:left; background:url(../images/anno_icon.png) no-repeat 5px center; padding:0 0 0 18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.annou ul li em{ font-style:normal; float:right; font-family:'simsun'; display:inline; margin:0 15px 0 0;}
.annou ul li a:hover{ text-decoration:underline;}
.ggDialog{ width:894px; background:#fff; overflow:hidden; padding:40px 0 60px; display:none; border-radius:10px;}
.ggDialog .imgs{ margin:0 25px 0 40px; border:1px solid #e7e7e7; padding:1px;}
.ggDialog .imgs img{ display:block;}
.ggDialog .cont{ line-height:180%; float:left; width:380px;}
.ggDialog .cont h3{ font-size:16px; font-family:'Microsoft YaHei'; margin:0 0 5px; line-height:200%;}
.ggDialog .cont .more{ display:block; width:173px; height:38px; line-height:38px; text-align:center; font-family:'Microsoft YaHei'; color:#fff; background:#1b3fb4; border-radius:4px;}

#scrollTop{width:34px;height:34px;position:fixed;right:-34px;bottom:50px;transition:all 1s ease-out}
#scrollTop.rota{right:20px;transform:rotate(-720deg)}
#scrollTop a{display:block;width:34px;height:34px;background:#0033cc url(../images/scrollTop.png) no-repeat center center}
#scrollTop a:hover{background-color:#0033cc}
.hide{display:none}
.qrcode{position:absolute;top:80px;display:none}
.alipay{position:absolute;top:80px;display:none}
.pages{text-align:center}
.pages a{padding:2px 7px;margin:2px;border:1px solid #ccc}
.pages b{padding:2px 7px;margin:2px;border:1px solid #0033cc;color:#fff;background:#0033cc}
#customer{ width:144px; background:#eef3f7; font-size:16px; position:fixed; right:0px; top:150px; z-index:100;}
#customer h2{ height:48px; line-height:48px; text-align:center; color:#fff; font-weight:normal; background:#2e97e8;}
#customer .list{ padding:0 10px;}
#customer .list li{ border-bottom:1px solid #d0d1d1;}
#customer .list li a{ display:block; height:68px; line-height:68px;}
#customer .list li img{ vertical-align:middle; margin:-3px 10px 0 0;}
#customer .hotphone{ line-height:140%; padding:10px;}
#customer .hotphone strong{ color:#0065cc;}
#customer .code{ height:240px; padding:10px 0 0 0; background:#e0e0e0 url(../images/code_bg.png) repeat-x left bottom;text-align: center;}
#customer .code img{ display:block; margin:0 auto;}
#custbar{ width:62px;position:fixed; right:144px; top:150px;}
#custbar .switch{ display:block; width:62px; height:48px;background:url(../images/kf_arrow.png) no-repeat; background-position:-62px;}
#custbar .ons{background:url(../images/kf_arrow.png) no-repeat;}
a.jp-play,a.jp-pause{ display:block; width:62px; height:68px; background:#2e97e8; color:#fff; text-align:center; font-size:14px; float:left; display:inline;}
a.jp-play img,a.jp-pause img{display:block; margin:6px auto;}