/* CSS Document */
body{color:#333; font-family:"microsoft Yahei", "Arial", sans-serif; font-size:14px; background:#fff;}
*{ margin:0px; padding:0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
address,caption,em,code,i,b{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit;}
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{text-decoration:none; color:#333;}
/*qingchufudong*/
.clearfix:after {display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix {zoom:1;}
a:link,a:visited,a:hover,a:focus,input:link,input:visited,input:hover,input:focus,button:link,button:visited,button:hover,button:focus{ border:none;text-decoration:none;outline:none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

h2{font:22px/40px "微软雅黑";}
.union_h2top{ margin-top:40px;}

/***union_top***/
.union_top_mian{ width:100%; height:auto; }
.union_top{ width:1200px; height:50px; padding:15px 0; margin:0 auto; position:relative; z-index:50}
.union_logo{ /*width: 200px;*/ height:50px; overflow:hidden;}
.union_logo a{ display:inline-block;/*width: 175px;*/ height:50px;}
.union_logo a img{ /*width:100%; height:auto;*/height:50px;display:inline-block;}
.union_nav{ width:500px; height:50px; position:relative; z-index:50;margin-left:35px;}
.union_nav_c{ font:14px/50px "微软雅黑"; color:#333;display:inline-block; width:84px; text-align:center; margin-left:10px;}
.union_nav span{font:14px/50px "微软雅黑"; color:#333;cursor:pointer; margin-right:5px;}
.union_nav_span_em{ width:8px; height:4px; background:url(../image/union_bg.png) 0 0; display:inline-block; margin-left:5px; font-size:0; line-height:0;
  transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.union_nav span:hover em{transform:rotate(360deg);}

.union_nav_campus{ width:110px; height:auto; border-radius:4px; padding:2px;/*top:50px; left:-20px;position:absolute;*/ box-shadow: 0 3px 2px #c8d4e3;
 background-image:-webkit-linear-gradient(to top, #9be5fa, #3ccdf6); background-image:linear-gradient(to top,#9be5fa, #3ccdf6); z-index:19;}
.union_nav_jian{ width:14px; height:10px; background:url(../image/bulebg.png) 0 0; display:inline-block; position:absolute; top:12px; left:45%; font-size:0; line-height:0;}

.union_user{ position:relative; z-index:30}
.union_user a{font:14px/30px "微软雅黑"; color:#999; padding:0 8px; vertical-align:middle;}
.union_user a:hover{text-decoration:underline;}
.union_user a em{ width:28px; height:28px; border-radius:20px; overflow:hidden;vertical-align:middle; display:inline-block; margin-left:6px;}
.union_user a em img{width:28px; height:28px; border-radius:20px;}
.union_user .union_user_login a{ color:#ff8100; display:inline-block;font:14px/50px "微软雅黑"; } 
.union_stcolor{ width:18px; height:18px; background:#00a7d6 url(../image/union_bg.png) 0 -420px;display:inline-block; border-radius:1px; vertical-align:middle;cursor:pointer;
position: absolute;top: 0;}
.union_stcolor b{  display:inline-block;}
.union_nav_phone p{ width:150px; height:40px; display:inline-block;vertical-align:middle;}
.union_nav_phone p em{ width:32px; height:32px; background:url(../image/union_bg.png) 0 -445px; display:inline-block; float:left; margin-top:4px;margin-right: 5px;}
.union_nav_phone p span{font:12px/20px "微软雅黑";float:left; display:inline-block; width:110px; }
.union_nav_phone p span b{ font-weight:bold; font-size:14px; color:#ff8100;}

/***union_footer***/  
.union_footer{ background:#fdfdfd; width:100%; border-top:2px solid #f1f1f1; margin:0 auto;}
.union_footer_b{ width:1000px; height:auto; margin:0 auto; text-align:center; padding:30px 0 40px;}
.union_footer_a{width:1000px;margin:0px auto;text-align:center;color:#999;font:12px/24px Arial !important;word-spacing:6px;padding-top:0px;}
.union_footer_b a{ color:#444; display:inline-block; font:12px/24px Arial !important;}
.union_footer_b a:hover{text-decoration:underline;}
.union_footer_b span{ color:#444; width:100%; display:inline-block;font:12px/26px Arial !important;}
  
 
  
  
  
  
  
  .area-all li .arrow-up{border:4px solid #ededed; border-top:4px solid #000; width:0; line-height:0px; overflow:hidden;position:absolute;top:6px;transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.area-all li a:hover .arrow-up{transform:rotate(360deg);}
  
  
.union_content{ width:100%; height:auto; margin:0 auto; background:#fcfcfc; padding:40px 0; position:relative;}

.union_main{ margin:0 auto; width:600px; }
.union_main img{ margin:0 auto; width:600px; height:900px; }

.union_bq{ width:422px; height:272px; background:url(../image/02.png) 0 0 no-repeat; position:absolute; top:50%; left:40%;}