@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; color:#fff;}
a{color:#fff;text-decoration:none}
a:hover{color:#e9e9e9;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.noborder{border:0;}
.fl,.layout .fl,.chief{float:left;display:inline}
.fr,.layout .fr,.extra{float:right;display:inline}
.fn{font-weight:bold;}
.layout{width:1024px;margin:0 auto; overflow:hidden;}
.cl{clear:both;}

.logo{height:60px; margin-top:15px; margin-bottom:20px;}
.tel{color:#28316c; font-size:24px; font-weight:bold;}
.tel span{font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:36px;}
.ewm{height:70px; width:70px; margin-top:15px; margin-left:10px;}

.nav{height:30px; background:#28316c; width:100%;}
.nav li{height:30px; line-height:30px; font-size:14px; float:left; color:#fff; text-align:center; width:120px;}
.nav .cur{background:#404fae;}
.nav a:hover li{background:#404fae;}
.cont{height:380px; background:url(../images/bg1.jpg) top center;}
.cont .title{margin-top:50px; overflow:hidden; text-align:center;}
.cont .title p{color:#FFFFFF; line-height:30px; font-size:24px;}
.cont .title p span{border-bottom:1px solid #FFFFFF; font-size:36px; line-height:48px; display:inline-block;}
.cont .f-bottom{height:155px; margin-top:50px;}
.cont .f-bottom .block{width:155px; height:100px; background:url(../images/bg2.png) center center no-repeat; float:left; padding-top:55px; margin-right:62px;}
.cont .f-bottom .block p{text-align:center; font-size:14px;}
.cont .f-bottom .block p span{font-size:18px;}

.news{width:310px; float:left; margin-right:10px; color:#000; padding-top:20px; padding-bottom:20px;}
.news .n-title{height:40px; font-size:14px;}
.news .n-title span{font-size:18px;}
.news .n-top{padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #6d6d6d; overflow:hidden;}
.news .n-top .n-con{width:200px; color:#6d6d6d;}
.news .n-top .n-con b{font-size:24px; line-height:24px;}
.news .n-top .n-con span{font-size:14px; color:#000; line-height:24px;}
.news a{color:#6d6d6d;}
.news a:hover{color:#000;}
.news .n-c{ padding-top:16px;}
.news .n-c li{ line-height:24px;}
.dp-con{padding-top:10px;}
.dp-con li{ width:370px; padding:10px 0; border-bottom:1px dashed #6d6d6d; overflow:hidden;}
.dp-con .d-con1{width:260px; color:#6d6d6d; line-height:20px;}
.dp-con .d-con1 span{font-size:14px; color:#000;}

h2{margin-top:20px; margin-bottom:20px; overflow:hidden; text-align:center; color:#2ec4e4;}
h2 p{line-height:64px; font-size:48px;}
h2 p span{border-bottom:1px solid #2ec4e4; font-size:24px; line-height:48px; display:inline-block;}
.cont1{height:560px; background:url(../images/bg2.jpg);}
.cont1 .con-img{width:1055px; margin:0 auto;}
.cont2{height:600px; background:url(../images/bg3.jpg) center top;}

.i-title{text-align:center; font-size:36px; padding:50px 0 30px;}
.i-title span{font-size:14px; color:#e63d49;}
.i-title1{text-align:center; font-size:36px;}
.i-title1 span{font-size:18px; color:#fff;}
.cont2 .servercon{height:64xp; width:482px; background:url(../images/bg4.png) center center; line-height:64px; padding-left:20px; float:left; font-size:16px; margin-right:10px; margin-bottom:10px;}
.cont3{height:390px; background:url(../images/bg5.jpg) center top;}
.cont4{height:90px; background:url(../images/bg6.jpg) center top; padding-top:20px;}
.cont4 p{font-size:24px; text-align:center;}
.cont4 p span{font-size:36px;}
.cont41{height:90px; background:url(../images/bg6.jpg) center top; padding-top:20px;}
.cont41 p{font-size:24px;}
.cont41 p span{font-size:36px; text-align:left;}
.cont41 .p{ text-align:right;}
.cont5{height:160px; background:#37cbea; padding-top:30px;}
.cont6{height:320px; background:url(../images/bg7.jpg) center top; padding-top:30px;}
.cont6 .c6div{width:500px; margin:30px auto 0; background:rgba(0,0,0,0.4); padding:30px 0;}
.cont6 .c6div p{text-align:center; font-size:18px; font-weight:bold; line-height:30px;}
.cont8{height:210px; background:#f8f8f8; padding-top:20px;}
.cont8 .head{width:390px; margin-right:50px;}
.cont8 .head h1{height:80px; width:390px; text-align:center; background:#0367b2; line-height:72px; font-size:54px;}
.cont8 p{color:#0367b2; font-size:24px; font-weight:bold;}
.cont8 p span{ font-size:36px;}
.cont7{padding-bottom:30px;}
.cont7 .f-server{height:250px; margin-top:50px; float:left; margin-right:88px;}
.cont7 .f-server .f-b{height:250px; width:190px;}
.cont7 .f-server .f-b p{font-size:18px; font-weight:bold; text-align:center; line-height:36px; color:#e63d49;}

 
  /*js效果*/
  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:368px;}
  .lubo_box{ position: relative; width: 100%; height:368px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:368px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}
  .lubo_box li img{ width: 100%; height: 368px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 140px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; cursor: pointer; color: #fff; line-height: 80px; font-size: 36px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}

#wrapper{margin-top: 20px;text-align:center;}
.overlay{ position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/  text-align:center; display:none;}
#overlay_pic { margin:200px auto;  width:400px;  box-shadow: 10px 10px 5px #000;}
.jscarousal{width: 1024px;height: 220px;margin:0 auto;padding: 0;padding: 0 8px 0 8px;position: relative; /*overflow: hidden;*/}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left;width: 23px;height: 98px;color: White;position: relative;top: 50px;cursor: pointer;}
.jscarousal .jscarousal-left{background-image: url(../images/left_arrow.png);background-repeat: no-repeat;background-position: left;}
.jscarousal .jscarousal-right{background-image: url(../images/right_arrow.png);background-repeat: no-repeat;background-position: right;}
.jscarousal-contents{width: 970px;height: 220px;float: left;position: relative;	overflow: hidden;}
.jscarousal-contents > div{	position: absolute;	width: 100%;height: 220px;}
.jscarousal-contents > div > div{float: left;margin-left: 8px;margin-right: 8px;}
.jscarousal-contents img{width: 224px;	height: 186px;border: solid 1px #7A7677;}
.hidden{display: none;}
.visible{display: block;}
.thumbnail-active{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-inactive{filter: alpha(opacity=60);opacity: 0.6;	cursor: pointer;}
.thumbnail-text{color: #7A7677;	font-weight: bold; text-align:center;display: block;padding: 10px 2px 2px 0px;}
.foot{overflow:hidden; padding:10px 0; background:#28316c;}
.foot p{color:#c0c0c0; text-align:center; line-height:20px;}