﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,p{ 
	padding:0;margin:0;font-family:'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei',helvetica,tahoma,arial,sans-serif;
}
body{font-size:12px;}
fieldset,img { 
	border:0;
}
body {
	margin:0px; padding:0px 
	background-image: url(/css/images/bgd.jpg);
	background-repeat: repeat-x;
	font-size:12px
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
ul,li,ol{ list-style:none; margin:0; padding:0;}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix{ zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 
.clear{ clear:both; font-size:0; height:0; overflow:hidden; width:100%}
.big_wapper{
float:left; margin:0px;width:100%; text-align:left; vertical-align:middle; overflow:hidden;opacity:1;}
.wapper{
width:1100px; margin:0 auto; clear:both; padding:0px; text-align:left; vertical-align:middle; overflow:hidden;}
a{ color:#000; text-decoration:none; }


.page-navi{ padding:10px 0px;}
.page-navi div,.page-navi font,.page-navi b,.page-navi a,.page-navi span{ font-size:12px;}
.page-navi div{ color:#000;}
.page-navi font{font-size:12px; border:1px solid #ddd; line-height:20px; padding:4px 6px;margin-right:5px; color:#666;}
.page-navi b{  background:#9A9A9A; border:1px solid #9A9A9A; line-height:20px; padding:4px 6px; margin-right:5px; font-weight:bold; color:#fff;}
.page-navi a{ border:1px solid #ddd; padding:4px 6px;line-height:20px;margin-right:5px;  color:#000;}
.page-navi a:hover{ text-decoration:none;background:#F0F0F0; border:1px solid #9A9A9A;color:#000;}
.page-navi span{padding:0px 10px;line-height:20px;}
.page-navi span em{ font-style:normal; }

#preview{
  position:absolute;
  border:1px solid #ECE283;
  background:#ECE283;
  padding:5px;
  color:#000;
  line-height:30px;
  text-align:center;
  font-weight:bold;
}
.preview{ cursor:crosshair;}

#logo{
position:absolute; left:0; z-index:100; width:230px; left:7%; font-size:17px; color:#fff; top:5%;}
#logo img{
float:left;}

.topmenu{
width:100%; height:47px;margin:0px; padding:0px; background:url(../image/navbg.jpg) repeat-x  left;}
.topmenu li{
float:right; margin:0px; background-image:url(../image/li.jpg); height:47px; line-height:47px; background-position:left center; background-repeat:no-repeat; text-align:center; vertical-align:middle; font-size:18px; white-space:nowrap;}
.topmenu li a#m{color:#a80000}
.topmenu li a{
color:#595959}
.topmenu li.fli{}
.topmenu li a:hover,a:hover{
color:#a80000}
#menu{
position:absolute; top:8%; z-index:100; right:4%; width:70%; text-align:center; vertical-align:middle; overflow:hidden;}
.menulist2{overflow:visible; width:1140px;}
.menulist2 li{position:relative; z-index:10; width:12.5%; overflow:visible;}
.menulist2 li:hover{ background:none;}
.menulist2 li .biga{display:block; margin:0px; color:#fff;}
.menulist2 li .biga:hover,.menulist2 li .bigaon{background-color:#137db9; color:#fff}  
.menulist2 li dl{position:absolute; left:2px; top:47px; width:138px;  display:none; padding-top:13px; background:url(../image/ssj.png) no-repeat 15px 0px;}
.menulist2 li dl dd{float:left; margin:0px;padding:0px; width:100%; text-align:center; border-top:2px double #2396d7; vertical-align:middle; overflow:hidden;}
.menulist2 li dl dd.dmid{padding-top:0px; background-color:#FFF}
.menulist2 li dl dd a{display:block; float:left; clear:both; font-size:16px; text-align:left; text-indent:24px; line-height:normal; width:100%;   margin:0px; padding:10px 0px; color:#011;}
.menulist2 li a:hover{border:none;color:red;}
.menulist2 li dl dd a:hover{ }



.tel{ float:right; margin:15px 0px;}
.tel .mt5{ float:left;}
.tel .ml5tar{ float:right; text-align:right; margin-left:10px;}
.tel .font_w{ font-size:16px; color:#F00; font-weight:bold;}
.tel .font_a{ font-size:24px; font-weight:bold;}
.bz{ float:left; margin-left:20px;}
.bz img{ width:480px;}




.nsbanner { overflow: hidden; height:800px; overflow: hidden; position: relative; width: 100%; z-index:9 }
.nsbanner .list { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.nsbanner .list a { display: block; height: 800px; width: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; b }
.nsbanner .bar { background-image: url(/images/black-55.png); height: 200px; width: 100%; position: absolute; left: 0px; bottom: -200px; }
.nsbanner:hover .bar { bottom: 0px; }
.nsbanner .bar .bar-c { width: 975px; position: relative; height: 155px; margin-top: 24px; }
.nsbanner .bar .bar-c .bar-c-inner { width: 975px; overflow: hidden; }
.nsbanner .bar .bar-c .b-list { float: left; width: 325px; }
.nsbanner .bar .bar-c .b-list .b-list-c { border: 1px solid #dc8e08; width: 280px; margin-left: auto; margin-right: auto; }
.nsbanner .bar .bar-c .b-list .b-list-c a { position: relative; display: block; border: 4px solid #fff; }
.nsbanner .bar .bar-c .b-list.current .b-list-c a, .nsbanner .bar .bar-c .b-list:hover .b-list-c a { border: 4px solid #dc8e06; }
.nsbanner .bar .bar-max { width: 10000000px; }
.nsbanner .bl {   background-image: url(../image/left.png); background-position: center top; background-repeat: no-repeat; position: absolute; left: 40px; z-index:999999999999; top: 324px; height: 40px; width: 40px; cursor: pointer; }
.nsbanner  .br { z-index:999999999999999; height:40px;   background-image: url(../image/right.png); background-position: center top; background-repeat: no-repeat; position: absolute; right: 40px; top: 324px;  width: 40px; cursor: pointer; }
.nsbanner .bar .btitle { position: absolute; width: 100%; height: 26px; line-height: 26px; background-image: url(/images/b-icon-title-bg.png); left: 0px; bottom: 0px; color: #fff; }
.nsbanner .bar .btitle div { padding-left: 10px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ada{
text-align:center; float:left; margin:0px; padding:0px; width:100%; text-align:center; vertical-align:middle; overflow:hidden}
.ada a{
background-image:url(../image/li.png); background-position:center; background-repeat:no-repeat;
width:12px; height:12px; display:inline-block; margin-right:10px;   margin-left:10px;-moz-border-radius: 50%;      
    -webkit-border-radius: 50%;   
    border-radius:50%;            }
.ada a:hover,.ada a.on{
background-image:url(../image/lion.png);}


#nyheader{margin-bottom:5px;  overflow:visible;  position:relative; z-index:999}
#nylogo{
float:left; margin:0px; padding:0px; }
#nyheader .wapper{
overflow:visible}
#nylogo img{
float:left;}


.abbanner{ width:100%; overflow:hidden; height:300px; margin:0 auto; padding-bottom:15px; }


.imgbox .technology-list{ width:100%;}
.imgbox .technology-list li{ width:24.5%; float:left; overflow:hidden; height:362px; margin-right: 0.65%; position:relative;}
.imgbox .technology-list li:last-child{ float:right; margin:0;}
.imgbox .technology-list li .text{ text-align:center; font-size:18px; font-weight:bold; line-height:40px}
.imgbox .technology-list li img{transition:460ms;}
.imgbox .technology-list li .image{ height:332px; overflow:hidden;}
.imgbox .technology-list li:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}



.about{ line-height:30px;}
.about .more{ color:#CCC}
.aboutbox{position:relative; width:100%; max-width:1200px; padding:20px 0px;}
.titlebox{ width:100%; line-height:30px; background:url(../image/bj1.jpg) repeat-x bottom left; padding-bottom:15px;}
.titlebox span{ font-size:16px; color:#666}
.titlebox .more{ float:right;}
.titlebox h2{ text-align:left;font-size:30px;color:#231815;font-weight:bold; float:left;}
.titlebox h6{ text-align:center;font-size: 12px;color: #a9a7a6; margin: 10px auto 0 auto; font-weight: normal; line-height: 40px; text-align: center!important;}
.aboutcon .abouttext{ width:58%; float:right; font-size:16px; text-indent:40px; margin-top:20px; height:265px; overflow:hidden;}
.aboutcon .aboutimg{ width:38%; float:left;}

.aboutbox .aboutarr {width:58%; float:right;}
.aboutbox .aboutarr li{ float:left; width:25%;}
.aboutbox .aboutarr li a{ width:95%; display:block; letter-spacing:5px; font-size:16px;}



.tb{ width:5px; height:25px; background:#900; display:block; float:left; margin-right:10px;}
.tb1{ width:7px; height:35px; background:#900; display:block; float:left; margin-right:10px;}
.tb2{ width:20px; height:20px; background:url(../image/tb2.png) no-repeat center left; display:block; float:left; margin-right:10px;}


.homepro{ padding:20px 0px;}
.pro_top{ text-align:center;}
.pro_list{ width:1100px;}

#Pro_list_scroll{ width:1100px; overflow:hidden;height:270px;}
ul.productlist{}
ul.productlist li{
    float: left;
    margin: 15px 0 0px 18px;
    overflow: hidden;
    padding: 5px;
    width: 240px;
    border: 1px solid #ccc;
	line-height:40px;
	text-align:center;
	font-size:14px;
}
ul.productlist li.on{ background:#1d2088;}
ul.productlist li.on a{ color:#FFF;}
ul.productlist li img{ width:240px; height:190px;}


.Casebox{ float:left; width:520px; overflow:hidden;}
.Serverbox{ float:right; width:520px}

.bt_more2{ background:url(../image/dd.jpg) no-repeat right center; padding-right:32px; font-size:14px}

#Pro_list_scroll2{ width:100%; overflow:hidden;height:180px;}

.pro_list2{ width:100%;}
ul.productlist2{}
ul.productlist2 li{
    float: left;
    margin: 0px 0 10px 18px;
    overflow: hidden;
    padding: 5px;
    width: 140px;
    border: 1px solid #ccc;
	line-height:30px;
	text-align:center;
	font-size:14px;
}
ul.productlist2 li.on{ background:#1d2088;}
ul.productlist2 li.on a{ color:#FFF;}
ul.productlist2 li img{ width:140px; height:120px;}

.Serverlistbox { margin:20px 0px;}
.Serverlistbox li{ float:left; padding-right:10px;}
.Serverlistbox li .img{ width:240px; height:130px; overflow:hidden;}
.Serverlistbox li .img2{ width:130px; height:130px; overflow:hidden;}
.Serverlistbox li  img{transition:460ms;}
.Serverlistbox li:hover img{transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.Serverlistbox li:last-child{ margin:0px; padding:0; float:right;}
.Serverlistbox li span{ font-size:16px; line-height:40px; display:block; text-align:center;}


.hfx{ width:590px; overflow:hidden; background:url(/images/hfx.png) no-repeat center left; margin:0px auto; padding:30px 0px 20px 0px; text-align:center;}
.hfx span{ display:block; font-size:30px; font-family:"寰蒋闆呴粦"; }
.hfx em{display:block; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#999; text-transform:uppercase;}



.left{ float:left;}
.right{ float:right;}
.homenews{width:520px; overflow:hidden;}
.newstopbox{ background:url(../image/bj1.jpg) repeat-x bottom left; padding-bottom:7px;}
.news_top{ float:left; width:80%; margin-bottom:10px; overflow:hidden;color: #333;font-size: 20px;font-weight: bold;}
.news_top span{color: #888;
    font-size: 14px;
    margin-left: 5px;
    font-family: -webkit-pictograph;}
 .news_more{ float:right;}

.homenews .news_pic,.homenews .news_pic img{ width:200px; height:140px; overflow:hidden; float:left;}
.bt_more{display:block;width:100px;height:26px;background:url("/html/image/in_btng.png") no-repeat;color:#fff;}
.bt_more span{margin-left:24px;line-height:26px; color:#fff;}
.bt_more:hover{background:url("/html/image/in_btnr.png") no-repeat;}
.homenews .news_class{ border-bottom:1px solid #CCC;float:left; width:500px; padding:5px; font-size:16px; margin-top:10px;}
.homenews .news_class li{ float:left; padding:0px 10px; cursor:pointer;}
.homenews .news_class li.on{ color:#00F;}
.homenews .news_class{overflow:hidden; float:left;}
.homenews .news_list{ width:520px; overflow:hidden; float:right;}
.homenews .news_list ul{ list-style-type:none; margin:0px;}
.homenews .news_list li{ line-height:40px; font-size:16px; border-bottom:1px dashed #CCC; background:url(../image/arr_r.png) no-repeat left center; padding-left:15px;}
.homenews .news_list li a{ color:#666}
.homenews .news_list li span{ float:right;}


.footer{ background:#2a2a2a; padding:20px 0px; color:#fff;}
.footer dl{ float:left;
    padding-top: 10px;
    width: 150px;
    line-height: 24px;}
.footer dl dt {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 10px;
}
.footer dl dd a {
    color: #b5b5b5;
    font-size: 14px;
}
.foot_right{ padding-left:20px; float:right;}
.footer dl.foot_tel{ width:250px; font-size:16px; color:#b5b5b5; position:relative;}
.footer dl.follow{ width:200px;}
.footer .tel{ font-size:14px; line-height:32px; margin:0;}
.footer .tel span{ font-size:18px;}
.footer .icon{ background:url(../image/footlogo.png) no-repeat; width:71px; height:62px; display:block; float:left; margin-right:5px;}
.footer .footx{ width:1px; background:#333; height:135px; overflow:hidden; position:absolute; top:30px; right:0;}
.footer p span{ color:#C90}

.copyright{ background:#2a2a2a; color:#b5b5b5; line-height:30px; padding:5px 0px; position:relative}
.copyright a{ color:#FFF;}
.copyright .fl{ float:left;}
.copyright .ml20{ padding:20px 0px; text-align:center; }

.copyright .url{ text-align:center;}
.copyright .url { border-bottom:1px double #333; border-top:1px double #333; line-height:60px;}
.copyright .url a{ margin:0px 10px; color:#fff;}
.copyright .url span{ font-size:6px; padding-right:10px;}

.copyright .wrap{ background:url(../image/footlogo.png) no-repeat 80px 20px;}

.ableft{ float:left; width:820px; overflow:hidden;}
.abmenu_list li{ float:left; padding:0px 15px; font-size:16px;}
.abmenu_list li.on,.abmenu_list li:hover{ background:#075ebe;}
.abmenu_list li a{ color:#444}
.abmenu_list li.on a,.abmenu_list li:hover a{ color:#FFF}


.ab_load{  height:51px; line-height:51px; background:#f2f7fc; border-bottom:1px double #d9dee2;}
.ab_name{ font-size:20px;color:#000; line-height:51px; font-family:'寰蒋闆呴粦'; background: url(../image/bgLine.jpg) center repeat-x;margin: 50px 0 30px 0;text-align: center;}
.ab_name span{display:inline-block;font-size:34px;background:#fff;line-height:40px;padding:0 15px;color: #0552a7;}
.ab_loading{ float:right; overflow:hidden;color:#999; background:url(../image/home_ico.jpg) no-repeat center left; padding-left:15px;}
.ab_loading a{color:#999;}

.ab_content{ overflow:hidden; padding:10px; line-height:22px;}


.li_news li{ border-bottom:1px dashed #999; line-height:36px; font-size:14px;}
.li_news li span{ float:right;}

.li_news .li_jycg{ border:0px;}
.li_news .li_jycg .title{ border-bottom:1px dashed #999; cursor:pointer;}
.li_news .li_jycg .cbox{ border:1px dashed #999; border-top:0; padding:10px; overflow:hidden; width:825px; display:none;}

.Prolist li{
    float: left;
    margin:0px 10px 10px 0px;
    overflow: hidden;
    padding: 5px;
    width: 251px;
    border: 1px solid #ccc;
	line-height:30px;
	text-align:center;
	font-size:14px;
	border-radius:6px
}
.Prolist li a{ display:block;}
.Prolist li.on{ background:#1d2088;}
.Prolist li.on a{ color:#FFF;}
.Prolist li img{ width:251px; height:203px;transition:460ms;}
.Prolist li:hover img{transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}


.ProlistMain{ width:1100px; overflow:hidden;margin:0 auto;}
.Prolist ul{ width:1110px;}



.footer_menu{
height:55px; background-image:url(/images/footermenu.jpg); background-position:center; background-repeat:repeat-x; line-height:55px;}
.footer_menu a{
font-size:15px; color:#666; margin:0 50px; display:inline-block;}
.footer_menu a:hover{
background-image:url(/images/a.jpg); background-position:bottom; background-repeat:repeat-x;}