@charset "utf-8";
h2{ font-size:18px;}
body{ background:url(../img/11.jpg);}
#Ga{ display:none;}
#WI{ display:none;}
/*=====header{==================================================*/
#Ha{ width:1080px; height:155px; margin:0px auto; background:#FFF;}
#hug01{ width:1000px; height:155px; margin:0px auto; position:relative;}
#hug01 .hug{ width:445px; height:155px; background:url(../img/huglog.jpg) no-repeat;}
#hug01 .hug .nere{ float:left; width:120px; height:95px; margin:30px 50px;}
#hug01 .hug .nere h1{ text-indent:-9999px;}
#hug01 .hug .nebderhu{ float:left; width:120px; height:120px; margin:15px 0 20px 70px;}
#hug01 .hug .nebderhu ul li{ float:left; width:30px; height:125px; line-height:30px; border:1px solid #BBFFFF; margin:2px; text-indent:10px; border-radius:4px;transition:all 1s; background:#ECFFFF;}
#hug01 .hug .nebderhu ul li:hover{ border:1px solid #ADFEDC;transition:all 1s; background:#D7FFEE;}
#hug01 .hug .nebderhu ul li a{ color:#333; display:block;}
#hug01 .hug01{ width:520px; height:130px; position:absolute; top:10px; left:477px;}
#hug01 .hug01 .con{height:130px;overflow:hidden;}
#hug01 .hug01 .con dl{height:130px; padding:0px; margin:0px;border-bottom:1px dotted #ddd;} 
/*=====nav{==================================================*/
#Hbtop{ width:1080px; height:20px; margin:0 auto; background:url(../img/navtop_bg.jpg); }
#Hbtopbj{ width:100%; height:20px; background:url(../img/navtop_bg.jpg);position:absolute; top:155px; left:0px;}
#Hb{ width:1080px; height:70px; margin:0px auto; background:url(../img/navbg.jpg); position:relative;}
#Hbbj{ width:100%;height:70px; background:url(../img/navbg.jpg)/* center top no-repeat*/; position:absolute; top:175px; left:0px; text-indent:-9999px;}
#nav{/* margin-left:40px; */width:1000px;height:70px; position:absolute;/* position:relative;*/ top:0px; left:40px; z-index:1;}
#nav ul{  width:100%;height:50px;}
#nav ul li{  float:left;height:50px;padding:10px; line-height:30px; position:relative;/*background:url(../img/nav_li.gif) no-repeat right top;*/background:url(../img/top_line.gif) right 5px no-repeat;}
#nav ul li.index{ background:#115198;width:80px;height:50px;line-height:40px;}
#nav ul li a{ display:inline-block;color:#f5f5f5;}
/*#nav ul li:hover{ background:#FFF;color:#000;}
#nav ul li a:hover{color:#000;}*/
#nav ul li.hailta{ background:#115198;color:#fff; position:absolute; top:0px; right:0px; width:60px; height:50px; line-height:30px; cursor:pointer;}

#nav ul li div.menu{width:auto; height:100px; border:1px solid #115198;border-top:0px; position:absolute; background:#D9FFFF;z-index:22;filter:Alpha(opacity=90);-moz-opacity: 0.9; opacity: 0.9; left:0px; top:70px;display:none; padding:2px 10px 3px 10px;border-radius:0 0 5px 5px;}
#nav ul li div.menu dl dd{ float:left; width:25px;}
#nav ul li div.menu dl dd a{ display:block; height:100px; width:25px; line-height:25px;background:#D9FFFF; color:#333; text-indent:5px;}
#nav ul li div.menu dl dd a:hover{ background:#C1FFE4; color:#333;}
/*=====footer{==================================================*/
#Hetop{ width:1080px; height:30px; margin:0px auto;}
#He{ width:1080px; height:20px; margin:0px auto;background:url(../img/navtop_bg.jpg);}

#Hd{ width:1080px; height:280px; margin:0px auto; background:#045fb2;}

#footertop{width:1080px; height:170px; text-align:center; background:#045fb2; margin:0px auto; position:relative; z-index:1;}
#footertop p{ text-align:left; height:120px; float:left; line-height:23px; padding:10px; color:#333; background:#fff; margin:10px;border-radius:10px;}
#footertop p.aa{ width:700px; font-size:16px;}
#footertop p.bb{ width:300px; font-size:14px;}
#footertop p font{ color:#066; font-size:18px; font-weight:bold;}
#footerdvmda{width:1080px; height:46px; text-align:center; background:#045fb2; margin:0px auto; position:relative; z-index:1;}
#footerdvmda p{width:1000px; height:23px; float:left; line-height:23px; font-size:14px; color:#f8f8f8;}
#footerdvmda p a{ color:#fff;}
#footerdvmda p a:hover{ color:#f00;}
#footerdvmda p a.sdgd{ color:#f00; font-size:19px;}
#footerdvmda p a.sdgd:hover{ color:#f00; text-decoration:underline;}
#footerbott{width:1080px; height:64px; text-align:center; background:#045fb2; margin:0px auto; position:relative; z-index:1;}
#footerbott div.gsu{ background:url(../img/bott.gif) center top no-repeat; height:54px; line-height:40px; color:#fff; text-align:center; font-size:13px;}
#footerbott div.gsu span{ text-align:center; color:#fff; padding:0 13px; background:url(../img/nv.gif) left center no-repeat;}
#page{ text-align:center;}
#page a{ border:1px solid #666; padding:3px; margin:3px;}
#page a:hover,#page span.me{ border:1px solid #000; color:#fff; background:#000; text-decoration:none;}
#page span.disabled{ border:1px solid #ccc; padding:3px; margin:3px; color:#ccc;}
#page span.me{ padding:3px; margin:3px;}
#error{ width:10px; height:250px; line-height:30px; font-weight:bold; color:#F00; background:url(../img/error.png) no-repeat 23px top; text-indent:25px;}	
#loading{ width:10px; height:250px; line-height:30px; font-weight:bold; background:url(../img/loading.gif) no-repeat 21px top; text-indent:25px;}		
@media (max-width:767px){
body{ background:url();}
#Ha,#Hb,#He,#Hebj,#Hetop,#Hd,#Hbbj,#Hbtop,#Hbtopbj,#Hf,#Hm{ display:none;}
.tan{ display:none;}
#Ga{ width:auto; height:100%; position:absolute; top:0px;left:0px;display:block;}
#Ga img#bg2{ position:fixed;}
#Ga #con{ position:absolute; top:0px;left:0px; min-width:900px; height:100%; color:#333;}
#Ga #con .navtop_bg{ width:100%;height:20px; position:absolute; top:0px; left:0px;background:#fff url(../img/ta/bian1.png) top repeat-x;}
#Ga #con .navbott_bg{ width:100%;height:20px; position:absolute; bottom:0px; left:0px;background:#fff url(../img/ta/bian1.png) top repeat-x;}
#con .logov{ float:left; width:70px; height:92%; display:block; margin:23px 0px; background:url(../img/title.jpg) repeat-y;border-radius:5px;}
#con .logov .webnere{ float:left; width:40px; height:100%;}
#con .logov .webnere .hugweb{ margin:10px 0 10px 10px; width:30px; background:#FFFFFF;border-radius:5px; overflow:hidden;}
#con .logov .webnere .hugweb span{ margin:20px 0; line-height:30px; color:#036;}
#con .logov .ehin{ float:left; width:30px; height:100%;}
#con .logov .ehin a{float:left; width:30px; height:25%; line-height:30px; text-align:center; color:#fff;}
#con .logov .ehin a:hover{ background:#033;}

#con .hvyar{ float:left; width:35px; height:96%;}
#con .hvyar a{ float:right; width:25px; line-height:23px; padding:10px 0; margin:5px; font-size:22px}
#con .hvyar a.nebth{ background:#03F; color:#fff;border-radius:4px;}
#con .hvyar a.baglgahv{ color:#222;}
#con .apps{ float:left; width:30px; height:78%; line-height:30px; padding-top:10px; background:#033;border-radius:4px; margin-top:30px;}
#con .apps a{ color:#fff;}

#con .ann{ float:left;width:100%; height:93%; margin:21px 0px;}
#con .ann .turuljuil{width:100%; height:95%; padding:10px; }
#con .ann .turuljuil dl dd{ float:left; }
#con .ann .turuljuil dl dd span{ display:block;float:left; width:30px; height:121px; text-indent:7px; margin:2px;padding-left:5px; border:1px solid #D2E9FF; background:#ECFFFF;border-radius:5px; color:#2F0000; font-size:20px;}
#con .bian{ float:left; width:2px; height:90%;margin-top:30px;}
#con .bian img{ width:100%; height:100%;}

#con .cont{ float:left; width:auto; height:88%; margin:30px 5px; padding:10px 5px 0 5px;border-radius:5px;}
#con .cont .navs{ float:left;width:30px; height:98%; line-height:25px; color:#fff; text-indent:30px; background: url(../img/lanmu.png) no-repeat; margin:0px 10px;}
#con .cont .gvrba{ float:left; width:auto; height:97%; margin:6px 0px;border-radius:5px;}
#con .cont .gvrba a{float:left; width:30px; height:22%; line-height:27px; background:#ECFFFF; margin:3px; border:1px solid #D2E9FF; padding-top:8px;border-radius:5px; color:#2F0000; font-size:22px;}
#con .cont .gvrba a:hover{ background:#E8FFF5;color:#4D0000; border:1px solid #D7FFEE;}

#con .cont dl{float:left; width:62px; height:95%; padding:5px; overflow:hidden; font-size:22px; color:#333;  border:1px solid #D2E9FF; background:#FFFFFF; border-radius:8px; margin:0 2px;}
#con .cont dl dt{float:left; width:62px; height:62px; margin:0 0 8px 0; overflow:hidden;}
#con .cont dl dt img{width:62px; height:62px; border-radius:8px;}
#con .cont dl dd{float:left; height:83%; width:62px;}
#con .cont dl dd span.txt{ display:block; width:37px; height:100%; line-height:30px; overflow:hidden;}
#con .cont dl dd span.qag{ display:block; width:22px; height:100%; line-height:16px; margin-right:5px; font-size:18px; text-align:right;}
#con .cont dl dd span.qag img{ margin-left:2px;}

#con .cont .comp{ float:left; height:98%; padding:10px; line-height:24px;}
#con .cont .comp dl{float:left; width:62px; height:95%; padding:5px; overflow:hidden; font-size:22px; color:#333;  border:1px solid #D2E9FF; background:#FFFFFF; border-radius:8px; margin:0 2px;}
#con .cont .comp dl dt{float:left; width:62px; height:62px; margin:0 0 8px 0; overflow:hidden;}
#con .cont .comp dl dt img{width:62px; height:62px; border-radius:8px;}
#con .cont .comp dl dd{float:left; height:83%; width:62px;}
#con .cont .comp dl dd span.txt{ display:block; width:37px; height:100%; line-height:30px; overflow:hidden;}
#con .cont .comp dl dd span.qag{ display:block; width:22px; height:100%; line-height:16px; margin-right:5px; font-size:18px; text-align:right;}
#con .cont .comp dl dd span.qag img{ margin-left:2px;}

#con .cont .ggsait{ float:left; height:98%; padding:10px; line-height:24px;}
#con .cont .ggsait .dfdfd .ddd{ float:left; height:98%; width:25px;line-height:25px; padding-top:20px; background:url(../img/bt.png) no-repeat top; overflow:hidden;}

#con .tabv{ float:left; width:auto; height:88%; margin:30px 5px; padding:10px 5px 0 5px;border-radius:5px;}
#con .tabv .navs{ float:left;width:30px; height:98%; line-height:25px; color:#fff; text-indent:30px; background: url(../img/lanmu.png) no-repeat; margin:0px 10px;}
#con .tabv dl{float:left; width:62px; height:95%; padding:5px; overflow:hidden; font-size:22px; color:#333;  border:1px solid #D2E9FF; background:#FFFFFF; border-radius:8px; margin:0 2px;}

#con .tabv dl dt{float:left; width:62px; height:62px; margin:0 0 8px 0; overflow:hidden;}
#con .tabv dl dt img{width:62px; height:62px; border-radius:8px;}
#con .tabv dl dd{float:left; height:83%; width:62px;}
#con .tabv dl dd span.txt{ display:block; width:37px; height:100%; line-height:30px; overflow:hidden;}
#con .tabv dl dd span.qag{ display:block; width:22px; height:100%; line-height:16px; margin-right:5px; font-size:18px; text-align:right;}
#con .tabv dl dd span.qag img{ margin-left:2px;}



#con .adve{ float:left; width:auto; height:80%;  margin:40px 10px 0 0; overflow:hidden; display:none;}
#con .adve img{width:100%; height:100%;}
#con .copy{float:left; width:auto; height:91%; margin:21px 0px 21px 20px; background-color:#036; padding:10px 5px 0 10px;}
#con .copy dl{width:auto;  height:98%;}
#con .copy dl dd{ float:left; width:auto; background:#fff;border-radius:5px; height:93%; line-height:23px; color:#333; padding:10px;}
#con .copy dl dd span{ float:left;}
#con .copy .hubege{ float:left; width:5px; height:100%; background:url(../img/ddc.png);}

#WI{ width:100%; height:100%;display:block;}
#WI .title{float:left; width:100%; height:90px; border-bottom:1px solid #eee;}
#WI .title .txt{ margin:10px auto; width:200px; height:70px;}
#WI .title .txt .a{ line-height:50px; font-weight:600; font-size:26px;}
#WI .gjh{float:left; width:100%; border-bottom:1px solid #eee; padding:20px 0;}
#WI .gjh .nav{float:left; width:33%; height:98px;}
#WI .gjh .nav .g{ margin:5px auto; width:100px; height:70px; line-height:25px; font-size:24px; padding:8px 5px; border-radius:10px; background:#f9f9f9}
#WI .xcx{float:left; width:100%; margin:10px 0;}
#WI .xcx .navt{float:left; max-width:100%; max-height:100%; padding:10px 0; border-bottom:1px solid #eee;}
#WI .xcx .navt img.jirvg{width:100%; }
#WI .ge{float:left; width:100%;}
#WI .ge .navs{float:left; width:25%; height:90px; padding:10px 0;}
#WI .ge .navs .b{ margin:5px auto; width:70px; height:60px; line-height:35px; font-size:24px; padding:10px 5px; border-radius:10px; background:#f9f9f9; border:1px solid #f5f6f7;}
}