@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-size:100%;
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,"宋体";
}
ul,h1,h2,h3,h4,h5,h6{list-style:none;margin:0px;padding:0px; font-weight:normal;}
.clear{clear:both;}
a{color:#000; text-decoration:none;}
a:visited{color:#000;}
a:hover{color:#F60;}
a.white{color:#FFF;text-decoration:none; font-size:14px;}
a:visited.white{color:#FFF;}
.wrapper{width: 1200px;	margin:0 auto;}
.wrapper-p{max-width: 980px; float:left;}
.top1-1{float:left;width:400px;}
.top1-2{float:left;width:800px; text-align:right;}
.top1-1 img{float:left; margin-top:10px;}
.slogan{float:left;margin-top:40px;margin-left:10px; height:90px; line-height:30px; padding:10px 0 0 10px; border-left:1px solid #CCC;font-size:19px; color:#626262; }
.bigfont{display:block;color:#009F4F; font-size:30px; font-weight:bold;margin-top:50px; padding-bottom:10px;background:url(../images/tel.jpg) no-repeat 20px 0px;}
.bigfont i{ display:block;font-size:18px; color:#666;font-weight:normal; font-style:normal;}
.redbg{background-color:#009F4F;}
.menu{}
.menu a{float:left;width:114px; height:110px;line-height:110px; font-size:16px;text-decoration:none;text-align:center; position:relative; overflow:hidden;}

.sub li a{ line-height:70px;}
/*.menu a:hover{ background-color:#1166B5; color:#FFF;}*/
.menu a span{-webkit-transition: top 200ms;transition: top 200ms;}
.menu a .bgcolor{width:100%; position:absolute; left:0px; top:-100px; height:110px; z-index:1;-webkit-transition: all 200ms;transition: all 200ms;}
.menu a:hover .bgcolor{background-color:#0482EF;top:0px;}
.menu a:hover .menuTitle{ position:absolute; width:100%;height:110px; line-height:110px; left:0;  z-index:2; color:#FFF;}
.sub li a:hover{background:none;}
a.cur{background-color:#195ED7; color:#FFF;}
ul.menu li { 
    height: auto;
}
.sub{display:none;width:100%; position:absolute;top:110px;left:0px; z-index:100; background-color:#0D8342; background-color:rgba(0,0,0,0.6); text-align:center;}
.menu .sub li,.menu .sub a{display:inline; float:none; font-size:16px;padding:0 5px; color:#FFF;}
.on{background-color:#000;}

.margintop{margin-top:20px;}

a,img{border:0;}
#n{margin:10px auto; width:920px; border:1px solid #CCC;}
#n a{ padding:0 4px; color:#333}

/* banner */
.flexslider{position:relative;height:700px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:700px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.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:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}

.title{margin-top:100px;text-align:center;}
.title h3{font-size:36px; font-weight:bold; padding-bottom:15px; }
.title p{padding-bottom:0px; text-transform:uppercase;}
.dian{ background-color:#66F; padding:0 2px;}
.productsclass-img{margin-top:0px;text-align:center;}
.productsclass-img li a{float:left;  margin-right:20px;margin-top:20px; width:220px; padding:25px 0; background-color:#0476D8; color:#FFF;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-webkit-transition: all 200ms;transition: all 300ms;}
.productsclass-img li a:hover{ background-color:#214DD0;}
.productsclass-img img{
width: 180px;
height: 180px;
border: 5px solid#ed2832;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 2px 3px 4px #999999;
-webkit-box-shadow: 2px 3px 4px #999999;
box-shadow: 2px 3px 4px #999999;
}
.products-banner{ float:left;width:190px; background-color:#FFE400; margin-top:40px; margin-right:10px; text-align:center; padding:145px 0px;}
.products-banner h2{font-size:42px; border:2px solid #FFF; width:110px; margin-left:100px; letter-spacing:4px;}
.products-banner p{ margin-top:46px;}
.products-banner span{font-weight:bold; color:#F00;}
.homeproducts-recommend{ margin:0px auto; margin-top:50px; }
.homeproducts-recommend li{float:left; text-align:center;width:32%; margin-right:1%;margin-bottom:1%; }
.homeproducts-recommend a{ text-align:center; display:inline-block; width:100%;  width: 382px;height: 318px;overflow:hidden; position:relative;}
.homeproducts-recommend a p{position:absolute; top:265px; left:0px; z-index:2;width:100%; height:38px; line-height:38px;background-color:#F7F6F6; transition: all 200ms;}
.homeproducts-recommend a:hover p{ background-color:#0476D8; color:#FFF; }
.homeproducts-recommend a img{width: 382px;height: 311px;transition: all 200ms;}
.homeproducts-recommend a:hover img{transform:scale(1.1,1.1);}
.homeproducts {
  padding-top:40px;
  width: 100%;
  overflow: hidden;
}
.homeproducts .all-width {
  width: 5160px;
  position: relative;
}
.homeproducts .all-width ul {
  width: 2400px;
  float: left;
  position: relative;
  margin-left: -70px; /* 避免最前面多出空白*/
}
.homeproducts .all-width ul li {
  margin-bottom: 15px;
  position: relative;
  margin-right: 40px;
  float: left;
  background: url(../images/pro-one-back.jpg) no-repeat right bottom;
}
.homeproducts .all-width ul li p{text-align:center;}
.homeproducts .all-width ul li a {
  display: block;
  position: relative;
}
.homeproducts .all-width ul li a div {
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
.homeproducts .all-width ul li img {
  width: 343px;
  height: 281px;
}
.homeproducts .all-width ul li a:hover div p {
  bottom: 0;
}
.homeabout{width:100%;height:460px; margin-top:30px; background:#0476D8; color:#FFF;}
.homeabout-info{ padding-top:60px; line-height:33px;}
.homeabout-info img{float:left; margin-right:30px; margin-bottom:20px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px; border:5px solid #FFF;}
.homeabout-info h2{margin-bottom:10px; margin-top:30px;  color:#FF0;}
.homeabout-item{margin-top:15px;}
.homeabout-item li a{float:left; width:180px; margin-right:20px; background-color:#053CBF; color:#FFF; text-align:center; padding:5px 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.homeabout-item li a:hover{background-color:#2786FF; }
.productscase p{padding:0px; margin:0px; text-align:center;}
.productscase{ position:relative; height:450px;}
.productscase1{position:absolute;left:0px; top:0px;}
.productscase2{position:absolute;left:0px; top:206px;}
.productscase3{position:absolute;left:264px; top:0px;}
.productscase3 img{ width:670px; height:390px;}
.productscase4{position:absolute;left:974px; top:0px;}
.productscase5{position:absolute;left:974px; top:206px;}
.servers{ margin-top:40px;}
.servers li{float:left; text-align:center;margin: 0px 34px 20px 0px;}
.servers li img{ width:200px; height:200px; border:3px solid #FFF;  overflow:hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 100px;-webkit-transition: all 300ms;transition: all 300ms;}
.servers li a:hover img{border:3px solid #FC0;}

.services{width:100%;  }
.services-title{ text-align:center; font-size:36px; font-weight:bold; line-height:26px; }
.services-2-title { text-align:center; font-size:36px; font-weight:bold; line-height:0px; color:#FFF; }

.other-font{font-size:16px; font-weight:normal; color:#666; line-height:33px;}
.other-2-font{font-size:18px; font-weight:normal; color:#CCC; line-height:33px;}
.services-1{background:url(../images/service.jpg) no-repeat left  top;height:830px; margin-top:100px;}
.services-1-12{ padding-left:610px; padding-top:20px; font-size:24px; font-weight:normal; color:#008844; padding-bottom:20px;}
.services-1-12 span{font-size:36px; font-weight:bold; color:#000;}
.services-1-3{ padding-left:120px; padding-top:24px; font-size:24px; font-weight:normal; color:#008844; padding-bottom:20px;}
.services-1-3 span{font-size:36px; font-weight:bold; color:#000;}
.services-2{ background:#009F4F ; margin-top:150px; height:669px; padding-top:10px; color:#FFF;} 
.services-2-bg{background:url(../images/service2.jpg) no-repeat left top;}
.services-2 li{ padding-left:630px; padding-right:6px; line-height:33px;}
.p1{padding-top:29px;}
.p2{padding-top:30px;}
.p3{padding-top:14px;}
.services-2 h4{ font-size:20px; font-weight:bold; border-bottom:1px solid #CCC; padding-bottom:18px;}
.services-2 p{ font-size:18px; }
.services-2-title .pp{font-size:36px; }
.news-small{width:340px;float:left; line-height:32px;}
.news-small em{display:block; font-size:14px;color:#666; font-style:normal;}
.news-small h4,.news-big h4{ font-size:24px; margin-bottom:10px;}
.news-big{width:520px;float:left}
.news-big p{font-size:14px;color:#B0B0B0; margin-top:10px;}
.martop{margin-top:50px;}
a.more{display:block;width:120px; height:40px; line-height:40px; text-align:center; background-color:#F1F1F1;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px;}
.news-banner{ text-align:center; }
.news-banner i{font-style:normal; font-size:24px; font-weight:bold;}
.friend{ margin-top:40px;}
.Relevant_show h3{margin:20px 0px; border-bottom:1px solid #CCC; padding-bottom:10px; font-weight:bold;}
.Relevant_show  a{display:block;width:222px; height:261px; float:left; text-align:center; margin-right:15px;}
.Relevant_show  img{width:222px; height:201px; }
.Relevant_show  p{margin:0px; padding:0px;}
.topborder{ border-top:1px solid #CCC; padding-top:10px; margin-top:10px;}
.productlistbottom p{margin:20px 0px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:10px; font-size:18px; font-weight:bold;}
.productlistbottom a{display:block; margin-right:20px; float:left;}
.footer{background-color:#272727; margin-top:40px; width:100%;padding:40px 0px; color:#FFF;}
.footer1{float:left; width:308px; height:278px; }
.footer1 .er{padding-top:15px; padding-left:160px;}
.footer2{float:left; width:404px; padding-right::20px; line-height:38px; }
.footer h4{ font-size:24px; color:#F60; font-weight:bold; margin-bottom:20px;}
.productsclass-bottom li a{float:left; width:200px; color:#FFF;}
.footer3{float:left; width:388px; padding:0px 0px; line-height:38px; }
.mobile{font-size:24px; color:#FC0;}
.footer-copyright{background-color:#000; color:#999; font-size:14px; padding:20px 0px; text-align:center;}
.right_context_nav{margin:30px 0; display:block; border-bottom:1px solid #CCC; padding-bottom:10px; }
.right_context{line-height:33px; }
.right_context h1{margin:20px;}
.newsLeft{float:left; width:900px;}
.newsRight{float:left; width:300px; color:#666; text-align:right;}
.news li{margin:4px 0;  float:left;}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 70px;
    right: 10px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: none;
    text-indent: 100%;
    background: url(../images/gotop.png) no-repeat 0px 0px;
}