@charset "utf-8";

/* CSS Document */

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0}

fieldset,img{border:0}

img{display:block}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}

ul,ol{list-style:none}

input{padding-top:0;padding-bottom:0;font-family:"Microsoft YaHei";outline:0}

input::-moz-focus-inner{border:0;padding:0}

select,input{vertical-align:middle}

select,input,textarea{font-size:12px;margin:0}

input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}

textarea{resize:none}

table{border-collapse:collapse}

body{color:#333;

padding:0;

font-size: 14px !important;

font-family:"Microsoft YaHei","Arial Narrow",HELVETICA;

background:#f6f6f6;

}

.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}

.clearfix{zoom:1}

em{font-style:normal}

.clearit{clear:both;height:0;font-size:0;overflow:hidden;zoom:1}

a{color:#666;text-decoration:none}

a:hover{color:#666}

.hidden{visibility:hidden}

.hide{

	display: none;

}

.clearfix:after {

	clear: both;

	height: 0;

	overflow: hidden;

	display: block;

	visibility: hidden;

	content: "."

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.block{

	display: block;

}

.bgGrad{

	background: #e7e7eb;

}

.bgWhite{

	background: #fff;

}

.colorRed{

	color: red;

}

.w100{

	width: 100%;

}

.wrap{

	width: 1190px;

	margin: 0 auto;

}

.btn{

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 /* background-color: #04BE02; */

  box-sizing: border-box;

  position: relative;

  text-decoration: none;

  margin-right: auto;

  margin-left: auto;

  padding-right: 14px;

  padding-left: 14px;

  text-align: center;

  border-radius: 5px;

  overflow: hidden;

  font-size: 18px;

  cursor: pointer;

 /* display: block;*/

  color: #FFFFFF;

}

.btn:hover{

	color: #FFFFFF;	

}

.tac{

	text-align: center;

}

.act_top_wrap{

	height: 80px;

	background: #087ec8;

}

.act_logo_items img{

	display: inline-block;

}

.act_logo_items .act_logo{

	padding: 18px 0 0 0;

}

.act_logo_items .act_word{

	padding: 26px 0 0 12px;

}

.login-area-com{

  	color: #b9d1ea;

    margin-top: 28px;

}

.login-area-com a{

  display: block;

  float: left;

  padding: 0 10px;

  color: #b9d1ea;

}

.login-area-com span{

	padding: 0 10px;

}

/*右上角下拉菜单*/

.ologtab{ 

  position:relative; 

  width:auto;     

  margin-top: 18px;

  z-index:100;

}

.yeslogged{ 

  height:40px;

  width:100%;

}

.icon-user{ 

  float: left; 

  display: inline-block; 

  width: 18px; 

  height:40px; 

  padding:0 6px 0 0px; 

	}

.trainee-name{ 

    float: left; 

    display: inline-block;	

	padding-right: 2px; 

    line-height:40px;

    height:40px;

    color: #b9d1ea;

	}

.trainee-name:hover{

	color: #b9d1ea;

}

.trainee-ic{ 

  float: left; 

  display: inline-block; 

  width: 9px; 

  margin-left:6px;

	background: url(../images/icon-trangle.png) no-repeat right center;

	padding-right: 0px; 

  color: #003c58; 

  line-height:40px;

  height:40px;

	transtion-duration:.3s;

	-webkit-transition-duration:.3s;

	-moz-transition-duration:.3s;

	-ms-transition-duration:.3s;

	transform:rotate(0deg);

	-webkit-transform:rotate(0deg);

	-moz-transform:rotate(0deg);

	-ms-transform:rotate(0deg);

}

.yesloggedHover .trainee-ic{ 

	transform:rotate(180deg);

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

	-ms-transform:rotate(180deg);

}

.yesloggedHover .icon-headerpic{

 	background: url(../images/hangmenu.png) no-repeat 8px 0px #323e48;

	}



.hangnav{ 

  position:absolute; 

  right:0; 

  top:40px; 

  width:140px; 

  /*border: 1px solid #d6d6d6;

  box-shadow: 0px 0px 6px #d6d6d6;*/

  z-index: 30;

  display: none;

}

.hangnav a{ 

  display:block; 

  background: #087ec8;

  border-bottom:1px solid #7aa4dd;

  height:40px; 

  line-height:40px; 

  padding: 0 15px;

  color: #b9d1ea;

  transition: all .2s;

}

.hangnav a.nom{

  border-bottom:0;

}

.hangnav a:hover{ 

  /*background:#283847; */

  color: #fff;

}

.hangnav .icon-arrowT{

  position: absolute;

  right:40px;

  top: -7px;

  display: block;

  width: 8px;

  height: 7px;

}

/*右上角下拉菜单完*/

/*分页*/

.page{ overflow:hidden; clear:both; text-align: center; border-top:1px solid #fff; padding:20px 0;}

.page a{ display:inline-block; width:54px; line-height:38px; text-align:center; font-size:14px; background:#fff; color:#707070; margin-right:5px; transition: all .2s;}

.page a:hover{ background:#43a5ef; color:#FFFFFF; text-decoration:none;}

.page a.active{ background:#43a5ef; color:#FFFFFF;}



/*底部*/

.foot_wrap{

	height: 220px;

	background: #262a30;

	color: #a8a8aa;

}

.foot_container{

	padding: 60px 0 0 0;

}

.foot_link_items{

	color: #a8a8aa;

}

.foot_link_items .offer_link,

.foot_adress_items .offer_link{

	font-size: 16px;

	padding-bottom: 20px;

}

.foot_link_items .link_li{

	padding-bottom: 10px;

}

.foot_link_items a{

	color:#a8a8aa;

	transition: all .2s;

}

.foot_link_items a:hover{

	color: #fff;

}

.foot_link_items span{

	color:#a8a8aa;

	padding: 0 34px;

}

.copy{

	line-height: 30px;

}

/*底部*/



/*手机版公用样式*/

/*弹性盒子*/

.box{

	display: -webkit-box; /*Safari and Chrome */

  	display: -ms-flexbox;

	display: -moz-box; /*Firefox */

  	display: flex;

  	-webkit-box-align: center;

  -webkit-align-items: center;

       -ms-flex-align: center;

          align-items: center;

}

.b1{

	-webkit-box-flex: 1;/* Safari and Chrome */

	   -moz-box-flex: 1; /* Firefox */

        -webkit-flex: 1;

            -ms-flex: 1;

                flex: 1;

}

.b2{

	-webkit-box-flex: 2;/* Safari and Chrome */

	   -moz-box-flex: 2; /* Firefox */

        -webkit-flex: 2;

            -ms-flex: 2;

                flex: 2;

}

.b3{

	-webkit-box-flex: 3;/* Safari and Chrome */

	   -moz-box-flex: 3; /* Firefox */

        -webkit-flex: 3;

            -ms-flex: 3;

                flex: 3;

}

.b4{

	-webkit-box-flex: 4;/* Safari and Chrome */

	   -moz-box-flex: 4; /* Firefox */

        -webkit-flex: 4;

            -ms-flex: 4;

                flex: 4;

}

.b5{

	-webkit-box-flex: 5;/* Safari and Chrome */

	   -moz-box-flex: 5; /* Firefox */

        -webkit-flex: 5;

            -ms-flex: 5;

                flex: 5;

}

/*弹性盒子end*/

.margin-l-r-15{

	margin: 0 15px;

}

.margin-l-r-10{

	margin: 0 10px;

}

.margin15{

	margin: 15px;

}

.padding-l-r-15{

	padding: 0 15px;

}

.padding-l-r-10{

	padding: 0 10px;

}

.padding15{

	padding: 15px;

}

.padding10{

	padding: 10px;

}

/*手机适配 公用代码*/

@media screen and (min-width: 320px) and (max-width:640px) {

	body{

		font-family:"Arial Narrow",HELVETICA;

		font-size: 62.5%;

		line-height: 1.6;

		max-width: 640px;

	}

	img{

		width: 100%;

	}

	.wrap {

	    max-width: 640px;

	    width: 100%;

	}

	.act_top_wrap{

		height: auto;

	}

	.act_login_items{

		display: none;

	}

	.login-area-com{

		margin-top:0px;

	}

	.act_logo_items{

		display: none;

	}

	.act_logo_items_mobile{

		display: block;

	}

	.act_logo{

		width: 25%;

	}

	.act_word{

		width: 25%;

	}

	.act_foucs_wrap{

		display: none;

	}

	/*菜单*/

	.act_navs{

		margin: 0;

	}

	/*菜单*/

}



/*小屏幕1000 公用代码*/

@media screen and (min-width: 1000px) and (max-width:1280px) {

	.wrap {

	    width:1000px;

	}	

}