@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{position:relative; color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif,'微软雅黑'; width:100%;background:url(images/gqhd_bg.jpg) no-repeat center 75px #0a222c;}
html{overflow:auto;}
ul, li{list-style-type:none;}
img{vertical-align:middle; border:none;}
a{text-decoration:none; outline:none; color:#666}
a:hover{text-decoration:none; outline:none; color:#219ce2}
.clear{clear:both} 

/*头部*/
.clearfix{*zoom:1;}  /*清除浮动*/
.clearfix:after{ content:"."; clear:both; visibility:hidden; height:0; display:block;line-height:0}
.clear{ clear: both;}
.fl{float:left;}
.fr{ float:right;}

#header{ width:100%;height:75px; }
.heads{ background:#FFF; width:100%;height:75px;box-shadow:0 0 5px #888; font-family:"微软雅黑";}
.wrap{width:1050px; margin:0 auto;}
.wraptop{ text-align:right;margin-top:13px;font-size:13px; height:14px; line-height:14px;}
.wraptop a{ margin:0 5px; color:#555; }
.headmain{ height:30px;}
.logo{ position:absolute; top:10px;z-index:102; background:url(../images/logo.png) no-repeat; text-indent: -9999px; }
.logo a{width:262px; height:60px;  display: block;}
.loginnav{ text-align:right; font-size: 16px;color:#fe6000; margin-top: 10px;font-family:Helvetica;}
.loginnav a{color:#fe6000; margin:0 5px; font-family:Helvetica;}
#headsnav{position:relative; height:43px; z-index:100; }
#headsnav2{ height:43px;width:100%;padding-left:200px;}
.nav{margin-left:31px;}
.nav ul{width:505px;}
.nav ul li{ position:relative; z-index:50; float: left;height: 44px;}
.nav ul li:first-child{width:2px; }
.nav ul li a.nav-a{ font-size:17px; color:#010101; display:block; height:43px; line-height: 48px; text-align:center;}
.nav ul li:hover a.nav-a{ text-shadow:1px 1px 1px #006;background-color: #fd6001;}
.nav ul li.cos1{ width: 80px;}
.nav ul li.cos2{ width: 114px;}
.subnav{ position:absolute; top:44px; left:0; z-index:40; width:1800px; height:395px;background:url(../images/subnavbg_03.png) repeat-x; display:none;}
.subnav a:hover{color:#fe4003}
div.subnav-scheme,div.subnav-about{ width:1800px;background:url(../images/subnavbg_03.png) repeat-x;}
div.subnavpro{ left:-585px;}
div.subnav-scheme{ left:-660px;}
div.subnav-server{ left:-775px;}
div.subnav-skill{ left:-855px;}
div.subnav-about{ left:-967px;}
.subkey{ margin-top:38px; float:left;<span style= "align:center;"><h6></h6></span>;}
.subkey a{ font-size:14px; color:#333;}
.subkey h6{ font-size:16px; color:#000; font-weight:bold;}
.subkey h6  a{ font-size:16px;}
.subkey dl{ float:left; margin-top:10px;}
.subkey dl dd{ height:20px; margin-top:15px;} 


#sear{ width:180px; height:22px; margin-top:12px; margin-left:129px; color:#fe6000; font-size:22px; line-height:22px; text-align:center; background:url(../images/tel.png) no-repeat left; padding-left:20px;}
/* #search,#searchbth{ border:0; background:none;}
#search{ margin-left:10px; height:22px; width:175px;*+margin-left:-85px;}
#searchbth{ width:20px; height:20px; cursor:pointer;} */


/*国庆活动banner图样式*/
.top{ width:100%; height:611px;}
.top_bg{ width:1269px; height:611px; margin: 0  auto; position:relative;}
.top_bg p{ position:absolute; top:60px; left:130px;}
.top_tx{ width:755px; height:291px; margin:0 auto; padding-top:190px; padding-left:80px}
.top_bg p{-webkit-animation:p 2s 0.5s infinite ease;
-moz-animation:p 2s 0.5s infinite ease;
-ms-animation:p 2s 0.5s infinite ease;
-o-animation:p 2s 0.5s infinite ease;
animation:p 2s 0.5s  infinite ease;
}
@-webkit-keyframes p{0%{top:60px; left:130px; opacity:1;}50%{top:55px; left:130px;  opacity:1;}100%{top:60px; left:130px;  opacity:1;}}
@-moz-keyframes p{0%{top:60px; left:130px; opacity:1;}50%{top:55px; left:130px;  opacity:1;}100%{top:60px; left:130px;  opacity:1;}}
@-ms-keyframes p{0%{top:60px; left:130px; opacity:1;}50%{top:55px; left:130px;  opacity:1;}100%{top:60px; left:130px;  opacity:1;}}
@-o-keyframes p{0%{top:60px; left:130px; opacity:1;}50%{top:55px; left:130px;  opacity:1;}100%{top:60px; left:130px;  opacity:1;}}
@keyframes p{0%{top:60px; left:130px; opacity:1;}50%{top:55px; left:130px;  opacity:1;}100%{top:60px; left:130px;  opacity:1;}}


/*国庆活动四重大礼样式*/
.gq_box1{ width:1120px; height:611px; margin:0 auto; background:url(images/gqhd_03.png) no-repeat top; margin-top:260px;padding-top:130px;}
.ipho{ width:1118px; height:453px; background:url(images/iph7.jpg) no-repeat 1px bottom; }
.gq_tx1{ float:right; margin-right:100px; margin-top:120px;}
.gq_tx1 p{ margin:30px 0px; }
.gq_btn1 a{ width:230px; height:52px; background:url(images/btn001.png) no-repeat; display:block}
.gq_btn1 a:hover{background:url(images/btn01.png) no-repeat;}
.scdl{ width:1120px; height:155px; background:url(images/gqhd_05.png) no-repeat;}
.scdl li a{ float:left; display:block; width:358px; height:134px; margin:10px 0px; margin-right:10px;}
li.dl_1 a{ background:url(images/pic_07.png) no-repeat; margin-left:13px;}
li.dl_2 a{ background:url(images/pic_09.png) no-repeat;}
li.dl_3 a{ background:url(images/pic_11.png) no-repeat;}
li.dl_1 a:hover{ background:url(images/pic_007.png) no-repeat; margin-left:13px;}
li.dl_2 a:hover{ background:url(images/pic_009.png) no-repeat;}
li.dl_3 a:hover{ background:url(images/pic_011.png) no-repeat;}

/*国庆活准则样式*/
.gq_box2{ width:1120px;margin:0 auto; margin-top:50px; }

/*同时享受的其他活动优惠样式*/
.gq_box3{ width:1120px;margin:0 auto; height:617px; background:url(images/gqhd_09.png) no-repeat; margin-bottom:50px; }
.qthd{ width:936px; margin:0 auto; padding-top:92px;}
.qthd li a{ display:block; width:418px; height:213px; float:left; margin:20px 0px;}
li.qhd1 a{ background:url(images/pic_021.png) no-repeat; margin-right:100px;}
li.qhd2 a{ background:url(images/pic_023.png) no-repeat;}
li.qhd3 a{ background:url(images/pic_027.png) no-repeat; margin-right:100px;}
li.qhd4 a{ background:url(images/pic_028.png) no-repeat;}

li.qhd1 a:hover{ background:url(images/pic_21.png) no-repeat; margin-right:100px;}
li.qhd2 a:hover{ background:url(images/pic_23.png) no-repeat;}
li.qhd3 a:hover{ background:url(images/pic_27.png) no-repeat; margin-right:100px;}
li.qhd4 a:hover{ background:url(images/pic_28.png) no-repeat;}





