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

iframe{ margin:0; padding:0;}
html{overflow:-moz-scrollbars-vertical;}
body, input, textarea, select{ font-family:"Microsoft Yahei", "微软雅黑"; font-size:14px;}
input,textarea,select,button{vertical-align:middle;}
body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1em}
a {text-decoration:none; border:none; hide-focus: expression(this.hideFocus=true); outline: none;}
input {text-decoration:none; hide-focus: expression(this.hideFocus=true); outline: none;}
a:hover{outline:none;text-decoration: none;}

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);-moz-tap-highlight-color:rgba(255,0,0,0);}
table { border-collapse:collapse; border:0; border-spacing:0;}
div, td { margin:0; padding:0; border:0;}
img { border:0;}
html, body { width:1920px; height:1080px; padding:0; margin:0; overflow:hidden; transform-origin: top left;}
body, div, ul, li, p, a, img, span, td, textarea, input, select, option {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background-color:#fff; border-radius:2px;}
::-webkit-scrollbar-thumb{background-color:#ddd; border-radius:2px;}
::-webkit-scrollbar-thumb:hover {background-color:#999}
::-webkit-scrollbar-thumb:active {background-color:#999}

.xbox { width:100%; overflow:hidden;}

/**/
.login_body { width:1920px; height:1080px; background:url(../img/login_bg.jpg) top left repeat-x #0574ac; background-size:100% 100%;}
.login_logo { display:block; width:376px; height:123px; margin:140px auto 0;}
.login_title { text-align:center; font-size:40px; color:#fff; padding:20px 0 0 0;}
.log_box { width:520px; margin:50px auto 0;}
  .log_user_box { width:100%; height:70px; background:#fff; border-radius:10px; overflow:hidden; margin-bottom:30px;}
	.log_user_box img { display:block; float:left; width:70px; height:70px;}
	.log_user_box input { display:block; background:none; width:100%; height:70px; border:0; line-height:70px; font-size:22px; color:#333; text-align:left; padding: 0 5px;}
	/*slider*/
	.log_slide_box { float:right; width:100px; height:60px; background:#0a5f84; border-radius:30px;}
	  .log_slide { display:block; width:70%; height:60px; line-height:56px; border:3px solid #0a5f84;border-radius:28px; text-align:center; font-size:28px;  color:#0a5f84; text-shadow:0 0 0 #fff; transition:margin 0.3s, background 0.3s, text-shadow 0.8s;}
	  .log_slide:hover { text-shadow:0 0 20px #fff;}
	  .slide_on { background:#b0e8ff; margin-left:30%;}
	  .slide_off { background:#62bde3; margin-left:0;}
	 .log_slide_name { font-size:24px; float:right; color:#01354c; line-height:60px; padding:0 20px 0 0; }
	 .log_btn { display:block; width:520px; height:70px; line-height:70px; background:#31d77b; border-radius:10px; text-align:center; margin:30px auto 0; font-size:34px; color:#005526; transition:background 0.1s;}
	   .log_btn:hover { background:#39e585;}
	   .log_btn:active { background:#10cd64;}
	/*slider*/

/* 外层 */
.out_head { width:100%; height:90px; background:url(../img/out_head_bg.jpg) right top no-repeat #abbbd2; overflow:hidden;}
  .out_title_box { height:100%; float:left; overflow:hidden; background:url(../img/out_title_box_bg_right.png) center right no-repeat; padding-right:60px;}
  .out_title_box_left { height:100%; float:left;  background:url(../img/out_title_box_bg_left.png) center right no-repeat #053169; padding-right:60px;}
.out_logoicon { height:100%; float:left; display:block;}
.out_logo_name { font-size:46px; color:#fff; line-height:80px; letter-spacing:5px; float:left; 
xxtext-shadow:0 3px 7px #053169;}
.out_logout { display:block; float:right; width:70px; height:70px; background:#146bb4; border-radius:0 10px 10px 0; margin:10px 10px 0 0; transition: background 0.1s;}
  .out_logout:hover { background:#1362a6;}
  .out_logout:active { background:#06326a;}
  .out_logout img { display:block; margin:10px auto 0;}
  .out_logout span { display:block; text-align:center; font-size:14px; color:#fff; padding:5px 0 0 0;}
.out_head_userbox { float:right; height:70px; margin:10px 0 0 0; padding:7px 15px 0; border-radius:10px 0 0 10px; background:#3a8cd1;}
  .out_head_user { text-align:left; font-size:16px; color:#fff; padding-top:4px;}
  .out_head_user a { display:inline-block; padding-left:5px; color:#ffff99;}
    .out_head_user a:hover { color:#ffd823;}

.out_main { width:100%; height:calc(100% - 90px);}
  .out_menu { float:left; height:100%; width:220px; background:url(../img/out_menu_bg.jpg) left bottom no-repeat #1f568b; position:relative;}
    .out_menu_box { width:100%; position:relative; background:url(../img/out_menu_level_1_bottom.png) top center no-repeat;}
	  .out_menu_icon { width:26px; height:26px; position:absolute; left:12px; top:12px;}
	  .out_menu_link { display:block; width:100%; height:50px; line-height:50px; padding:0 0 0 50px; letter-spacing:2px; transition:font-size 0.2s;}
	    .out_menu_link_off { font-size:15px; color:#fff;}
	  	.out_menu_link:hover { color:#ffff99; font-size:16px;}
		.out_menu_link_on { font-size:16px; color:#ffff99;}
		  .out_menu_arrow { display:block; float:right; margin:20px 20px 0 0; transition:transform 0.2s;}
		  .out_menu_arrow_off {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		  .out_menu_arrow_on {transform:rotate(90deg);-webkit-transform:rotate(90deg);}
	.out_submenu_box { width:100%;}
	  .out_submenu_box li { display:block; width:100%; height:50px; xxbackground:url(../img/out_submenu_bottom.png) top center no-repeat #2679bf;}
	    .out_submenu_link { display:block; float:left; width:100%; height:50px; line-height:50px; padding:0 0 0 60px;}
		  .out_submenu_link_off { color:#fff; background:url(../img/submenu_off.png) center left no-repeat #2679bf; transition: background 0.3s;}
		    .out_submenu_link_off:hover {color:#ffff99; background:url(../img/submenu_on.png) center left no-repeat #3688cf;}
		  .out_submenu_link_on { color:#ffff99; background:url(../img/submenu_on.png) center left no-repeat #3688cf;}
  
  .out_cominfo { width:100%; height:30px; text-align:center; color:#a6d3ff; line-height:30px; font-size:11px; position:absolute; left:0; bottom:0; background:#084177;}
 .out_page_zone { float:left; height:100%; width:calc(100% - 220px);}
  
.brower_check_box { position:absolute; top:0; left:0; padding:10px; width:100%;}
  .brower_check { background:red; color:#fff; font-size:20px; text-align:center; border-radius:10px;line-height:20px; padding:10px 0;}
    .brower_check a { color:#0F3;}
	.brower_check a:hover { color:#ff0}
  
  
  
  
  
  
  
  
  
  
	
  /**/