@charset "utf-8";
img{border:0;}
*{padding:0;margin:0;list-style:none;font-family:"微软雅黑";}
a{ text-decoration:none}
.clear{ clear:both}
body{ font-size:12px; font-family:"微软雅黑";text-transform:Uppercase; min-width:1200px; margin:0 auto}



.menu{ background:#00a6d8; width:1200px; margin:0 auto; height:84px; left:50%; margin-left:-600px; position: fixed; top:54px; z-index:999 }
.logo{ float:left; margin:16px 25px;}
.menu-nav{ float:left; width:640px; margin-left:40px }
.menu-nav ul li{ float:left;  color:#fff;}
.menu-nav ul li a{ color:#fff; display:block; padding:0 16px; line-height:84px; font-size:14px; font-weight:bold}
.menu-nav ul li a:hover{ background:#ff6600}
.menu-side{ float:right; background:#fff; width:102px; padding:0 14px; height:52px; padding-top:32px;}
.menu-side .ico-f{ background:url(../images/ico-f.png) no-repeat; display:block; width:9px; height:19px; float:left; margin:0 8px}
.menu-side .ico-f:hover{background:url(../images/ico-fa.png) no-repeat;}
.menu-side .ico-w{ background:url(../images/ico-w.png) no-repeat; display:block; width:19px; height:16px;float:left; margin:0 8px;position:relative}
.menu-side .ico-w:hover{background:url(../images/ico-wa.png) no-repeat;}
.menu-side .ico-x{ background:url(../images/ico-x.png) no-repeat; display:block; width:19px; height:15px;float:left; margin:0 8px}
.menu-side .ico-x:hover{background:url(../images/ico-xa.png) no-repeat;}
.big-logo{ width:585px; margin:0 auto; margin-top:258px}
#div1{ display:none;  position:absolute; top:20px; left:-45px}
#div1 img{ width:120px;}
.search{ width:700px; margin:0 auto; margin-top:24px; }
input{ outline:none}
.search .text{ width:520px; height:62px; background:#fff;  border:1px solid #00a6d8; float:left; padding-left:20px;font-family:"微软雅黑"; font-size:16px;}
.search .btn{ background:#00a6d8; width:154px; border:0; height:64px; float:left; cursor:pointer; color:#fff; font-size:20px}
.search .btn:hover{ background:#ff6600}
.slides{width:100%;height:900px;position:relative;overflow:hidden;}
.slideInner{height:900px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:900px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1; min-width:1200px;}
.slideInner a div.img1{width:1070px;position:absolute;left:50%;margin-left:-535px;}
.slideInner a div.img2{width:1070px;position:absolute;top:557px;left:50%;margin-left:-535px;}
.slideInner .slide3 .img2{top:200px;}
.slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
.nav{width:1200px;position:relative;left:50%;margin-left:-600px;display:none; z-index:22}
.nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
.nav a.prev{position:absolute;left:0;top:-500px;margin-top:-58px;background:url(../images/ban_pre.png) no-repeat;}
.nav a.next{position:absolute;right:0;top:-500px;margin-top:-58px;background:url(../images/ban_next.png) no-repeat;}
.navListBox{position:absolute;left:50%;top:675px;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #666 inset;}
.navListBox li a.active{background-color:#55ddff;}
.top{ width:100%; position:absolute; top:0; height:1407px; z-index:2; background:url(../images/top-bg.png)}
.first{ background:url(../images/top.png) bottom center no-repeat; width:100%; height:509px;}
.mid{ background:url(../images/mid.jpg) center no-repeat; width:1005; height:1179px;}
.bot{ background:url(../images/bot.jpg) center no-repeat; width:100%; height:1816px}
.main{ width:1200px; margin:0 auto}
.side-first ul{margin:80px 0}
.side-first ul li{ width:222px; float:left;text-align:center; margin:0 88px}
.side-first ul li img{ }
.side-first ul li a{  width:222px; height:222px;display: table-cell;vertical-align: middle; border:4px solid #d5d2d2;-webkit-border-radius: 111px; }
.side-first ul li a:hover{ background:#00a6d8; border:0; width:230px; height:230px; }
.side-first .ico-1{background:url(../images/ico-yy.png) center no-repeat;}
.side-first .ico-1:hover{background:url(../images/ico-yy1.png) center no-repeat #00a6d8;}
.side-first .ico-2{background:url(../images/ico-sfz.png) center no-repeat;}
.side-first .ico-2:hover{background:url(../images/ico-sfz1.png) center no-repeat #00a6d8;}
.side-first .ico-3{background:url(../images/ico-bg.png) center no-repeat;}
.side-first .ico-3:hover{background:url(../images/ico-bg1.png) center no-repeat #00a6d8;}
.side-first ul li p{ margin-top:20px; text-align:center; font-size:26px; color:#232323}
.side-first ul li font{ font-size:14px; color:#bdbdbd}
.side-first ul li i{ width:54px; height:2px; background:#CCC; display:block; margin:0 auto;margin-top:32px; }
.box{ background:#f1f1f1; width:100%; padding:35px 0}
.main-title .fl-xt{ float:left; width:3px; height:90px; background:#00a6d8}
.main-title .fl-tt{ float:left; margin-left:34px;}
.main-title .fl-tt h1{ color:#414141; font-size:27px; font-weight:bold}
.main-title .fl-tt h3{ font-size:40px; font-family:"CentSchbkCyrill BT";text-transform:Uppercase; line-height:70px; color:#00a6d8}
.main-title .fl-tt p{ font-size:12px; color:#414141; line-height:14px;text-transform:Uppercase;}
.main-title .fl-tt font{ color:#cdcdcd;font-size:10px;font-family:"CentSchbkCyrill BT"; }
.main-title .fr-tt{ float:right; color:#cecece; font-size:26px; text-align:right; padding-top:40px;margin-right:34px;}
.main-title .fr-tt p{ font-size:12px;font-family:"CentSchbkCyrill BT";text-transform:Uppercase;}
.main-nr{ padding-top:68px;}
.main-nr li img{ display:block; -moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s;-ms-transition:all 1.2s;transition:all 1.2s}
.main-nr li img:hover{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.main-nr ul li{ float:left; margin-left:35px; width:349px; position:relative; }
.main-nr ul li .box-ok{width:349px; height:257px; overflow:hidden}
.main-nr ul li h1{ margin-top:64px; font-size:18px; margin-bottom:18px; width:349px;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box; overflow:hidden }
.main-nr ul li h1 a{color:#414141}
.main-nr ul li h1 a:hover{ color:#00a6d8}
.main-nr ul li p{ line-height:20px; color:#979797; font-size:12px;}
.main-nr ul h2{ width:349px; font-weight:100; margin:0 auto;background:#00a6d8; text-align:center; height:55px; line-height:55px; margin-top:55px;  font-size:18px;}
.main-nr ul h2 a{color:#fff; display:block;text-transform:Uppercase;font-family:Arial, Helvetica, sans-serif}
.main-nr ul h2 a:hover{ background:#ff6600}
.main-nr .main-date{ position:absolute; width:90px; height:80px; line-height:80px; background:#00a6d8; top:210px; color:#fff; font-size:14px; left:128px; text-align:center; padding-top:10px; z-index:999}
.main-nr .main-date b{ font-size:37px;}
.main-nr .main-date font{ color:#fff}
.soall{ background:url(../images/soall.jpg) center no-repeat ; width:100%; height:364px; text-align:center; color:#fff}
.soall h1{ font-size:48px; padding-top:130px; padding-bottom:30px;}
.soall p{ font-size:31px; font-family:Arial, Helvetica, sans-serif;text-transform:Uppercase;}

#gallery { margin:0 auto; width:1200px; height:558px; overflow:hidden; margin-top:35px }
#gallery>ul { margin:0; padding:0; width:1300px; height:100%; }
#gallery li { position:relative; float:left; width:300px; height:445px; overflow:hidden; }
#gallery li a{color:#fff; text-decoration:none;}
#gallery li a:hover{color:#fff; text-decoration:none;}
#gallery li .li-masker { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.4; z-index:4; }
#gallery .li-ls { position:absolute; left:20px; top:20px; z-index:5; }
#gallery .li-tmplink { position:absolute; left:0; top:50%; margin-top:-26px; width:100%; height:53px; text-align:center; z-index:7; }
#gallery .li-tmplink p{ font-size:14px;font-family:Arial, Helvetica, sans-serif}
#gallery .li-linkbar { position:absolute; left:0; bottom:70px; width:100%; height:127px; font-size:21px; text-align:center; color:#fff;text-transform:Uppercase; opacity:0; z-index:9; background:#00a6d8; padding-top:70px }
#gallery .li-linkbar p{ font-size:14px;}
#gallery .li-bg { position:absolute; left:50%; top:0; margin-left:-150px; z-index:3; }
#gallery li.active { width:328px; height:638px; opacity:1; }
#gallery li.active .li-tmplink { opacity:0; }
#gallery li.active .li-linkbar { opacity:1; }
#gallery li.active .li-masker { opacity:0; }

.contact{ background:url(../images/contact-bg.jpg) center no-repeat ; width:100%; height:823px;}
.contact-tt{ text-align:center; padding-top:60px; padding-bottom:90px}
.contact-tt h1{ font-size:43px; color:#fff}
.contact-tt font{ font-size:16px; color:#fff; line-height:25px}
.contact-tt i{ width:54px; height:2px; background:#CCC; display:block; margin:0 auto;margin-top:16px; }
.contact-nr ul li{ float:left; width:290px;color:#fff; text-align:center; margin:0 54px}
.contact-nr ul li img{ margin:20px 0}
.contact-nr ul li h3{ font-size:18px; }
.contact-nr ul li p{ font-size:14px;}
.contact-form{ color:#fff; padding-top:80px;}
.contact-form ul li{ font-size:16px; width:370px; float:left; margin:0 10px 45px 10px; }
.contact-form input,.contact-form textarea{ border:0;border-bottom:1px solid #fff; background:none;width:370px; color:#fff; line-height:35px;}
.contact-form  ul button{ width:349px; font-weight:100; margin:0 auto;background:#00a6d8; text-align:center; height:55px; line-height:55px; margin-top:30px;  font-size:18px;color:#fff; border:0; display:block;text-transform:Uppercase;font-family:Arial, Helvetica, sans-serif; outline:none; cursor:pointer}
.contact-form  ul button:hover{ background:#ff6600}
.copyright{ line-height:50px; font-size:14px; color:#4c4c4c; text-align:center}

.contact-nr{ background:#00a6d8; padding:20px 0}
.banner{ text-align:center; width:100%; height:550px; background:url(../images/header_ban1.jpg) bottom center no-repeat; position:relative}
.sidebar{ width:1200px; margin:0 auto; min-height:200px; padding:40px 0 }
.sidebar .phone{ padding-top:40px;}
.ban-title{ background:rgba(0,166,216,0.8); width:300px; border-top:4px solid #fff; height:70px;color:#fff; padding-top:20px; position:absolute; left:50%; margin-left:-150px; bottom:0; line-height:30px}
.ban-title h1{ font-size:30px; }
.ban-title p{font-family: "CentSchbkCyrill BT"; font-size:18px;}
.scrolled {  position: fixed;left: 50%;margin-left: -600px;  top: 0;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2);}


.newsmain01  ul li{ padding:15px 5px;border-bottom:1px dashed #eee; height:146px; margin-right:50px;  overflow:hidden; float:left; width:540px;}
.newsmain01  ul li.li02 .title{ margin-bottom:10px;}
.newsmain01  ul li.li02 .title a{font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333; font-weight:bold}
.newsmain01  ul li.li02 .title a:hover{ color:red; text-decoration:none}
.newsmain01  ul li.li02 .intro{ padding-top:10px; line-height:24px;color:#898989; font-size:12px;}
.newsmain01  ul li.li02 .intro img{ float:left; height:80px; width:120px; margin-right:20px;}
.newsmain01  ul li.li02 .biaoqian span.pl{ float:right; height:30px; line-height:30px;color:#999; background:url(home/plnum.png) no-repeat 0 50%; padding-left:18px;color:#999}
.newsmain01  ul li.li02 .biaoqian span.tags{ float:left; height:30px; line-height:30px;color:#999; background:url(home/tags.gif) no-repeat 0 50%; text-indent:22px;color:#999}
.fenye{ width:500px; margin:0 auto; padding-top:20px}
.newscontent  h1{font-size:21px; text-align:center; line-height:30px;font-family:"\5FAE\8F6F\96C5\9ED1";font-weight:normal;margin-top:10px; }
.newscontent  .dp{width:100%; text-align:center; line-height:30px;color:#666; font-family:"Courier New", Courier, monospace;border-bottom:#ddd 1px solid;}
.newscontent  .dp font{font-size:12px;color:#f00}
.newscontent  .dp span{padding-left:10px}
.newscontent .ct{ line-height:25px; color:#5c5c5c; font-size:14px;}

/*------ servicesBox ------*/
.fr{float:right;}
.fgH20{float:left;width:14px;height:270px;}
#servicesBox{width:960px;height:270px;margin:0 auto;clear:both;padding:14px 0px 20px 0px;line-height:18px;color:#999999;font-size:12px;}
#servicesBox h3{font-weight:normal;font-size:16px;height:30px;line-height:20px;color:#000000;}
#servicesBox .serBox{cursor:pointer;display:inline;width:310px;height:270px;float:left;overflow:hidden;background-color:#f7f7f7;position:relative;padding:0; text-align:center}
#servicesBox .serBoxOn{display:none;width:310px;height:270px;background:#D9D9D9;position:absolute;left:0px;top:0px;z-index:19;}
#servicesBox .serBox .pic1{width:110px;height:110px;text-align:center;position:absolute;top:22px;right:105px;z-index:99;}
#servicesBox .serBox .pic2{width:110px;height:110px;text-align:center;position:absolute;top:22px;left:-110px;z-index:99;}
#servicesBox .serBox .txt1{width:240px;height:100px;color:#999999;position:absolute;top:145px;left:40px;z-index:99;}
#servicesBox .serBox .txt2{width:240px;height:100px;color:#999999;position:absolute;top:145px;right:-240px;z-index:99;}
#servicesBox .serBox span.tit{font-size:26px;display:block;height:50px;line-height:40px;text-align:center;}
#servicesBox .serBox .txt1 .tit{color:#000000;}
#servicesBox .serBox .txt2 .tit {color:#00a6d8}

.servicesPop{background:rgba(0,0,0,0.6);width:100%;clear:both;height:100%;position:fixed;top:0px;left:0px;z-index:999;display:none}
.servicesPop #serFocus{margin:0 auto; clear:both;}
#serFocus .white{color:#fff}
#serFocus div.box{height:100%;display:none;color:#999999; background:#fff;}
#serFocus div.box .serTit{height:50px;line-height:20px}

.flash_bar{text-align:center;clear:both;height:32px;width:1000px;padding-top:10px;margin:0 auto;}
.flash_bar span.dq{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0 -38px;}
.flash_bar span.no{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0px 0px;}

a.close{cursor:pointer;display:inline-block;width:28px;height:28px;background:url(../images/bt_bg.gif) no-repeat 0px -608px;position:absolute;top:-20px;z-index:99;right:-68px;}
a.close:hover{background:url(../images/bt_bg.gif) no-repeat -38px -608px;}

.clients_box{width:996px;height:243px;overflow:hidden;border-top:#efeff0 1px solid;border-left:#efeff0 1px solid;background-color:#ffffff;clear:both;overflow:hidden;margin:0px auto 0px auto;margin-bottom:60px;}
.clients_box li{float:left;padding:0px;border-bottom:#efeff0 1px solid;border-right:#efeff0 1px solid;width:165px;height:80px;/**/ overflow:hidden;}
.clients_box img{width:165px;height:80px;margin:0px;padding:0px;}

a.yidongBt{display:inline-block;margin-top:5px;width:125px;height:32px;line-height:32px;text-align:center;font-size:14px;background:url(../images/bt_bg.gif) no-repeat 0px -326px;}
a.yidongBt:hover {background:url(../images/bt_bg.gif) no-repeat 0px -368px;}
.yidongL{width:300px;height:273px;text-align:right;float:left;padding-right:40px;overflow:hidden;}
.servicesCon{float:left;padding-top:40px;}
.servicesTxt{float:left;width:510px;padding-top:55px;line-height:22px;}
.servicesTxt p{padding:8px 0px;}

span.Apple,span.Android,span.Win8{display:inline-block;padding:0px 90px 0px 40px;height:35px;line-height:35px;color:#222222;font-size:16px;font-family:Arial;background-image:url(../images/bt_bg.gif);background-repeat:no-repeat;}
span.Apple{background-position:0px -410px;}
span.Android{background-position:0px -455px;}
span.Win8{background-position:0px -500px;}

.servicesCon ul{padding:5px 0px;}
.servicesCon li{clear:both;background:url(../images/bt_bg.gif) no-repeat 0px -552px;line-height:26xp;padding-left:12px;color:#999999;}
/*------ 表单 ------*/
.cax-list{ width:335px; margin:0 auto;background-color:#ffffff; padding:20px 40px; height:560px; margin-top:150px}
.cax-list h1{ text-align:center; margin-bottom:20px; color:#333}
.cax-list input{ height: 45px;width: 290px;line-height: 45px;vertical-align: middle;border: 1px solid #e3e3e3;padding: 0 15px;color: #999;font-size: 14px;background: #fff; margin:10px 0}
.cax-list textarea{ width: 290px;line-height: 45px;vertical-align: middle;border: 1px solid #e3e3e3;padding: 0 15px;color: #999;font-size: 14px;background: #fff; margin:10px 0}
.button-ty{width: 320px;font-weight: 100;margin: 0 auto;background: #00a6d8;text-align: center;height: 55px;line-height: 55px;margin-top: 30px;font-size: 18px;color: #fff;border: 0;display: block;
text-transform: Uppercase;font-family: Arial, Helvetica, sans-serif;outline: none;cursor: pointer;}
.button-ty:hover{ background:#ff6600}