/******参数*************/
@warning:#warning this company no pay my;//先翻译再说
@body-bg-color: #ffffff; // 背景颜色
@login-form-bg-color:rgba(30,30,30,0.5);
@footer-link-bg:#4170d8;//友情链接背景色
@footer-link-lineheight:35px;//友情链接行高
@top-font-color: #bebebe;//头部状态字体颜色
@yzm-color: #ff9000;//获取验证码字颜色
@button-right-color: #2a86ed;//确认按钮颜色
@login-input-color: #8d8d8d;//默认输入框字体颜色
@logo_size_width: 65px;//logo宽
@logo_size_height: 63px;//logo高
@footer-copyright:#000000;//版权字体颜色
@header-font-family:"微软雅黑";
@header-lineheight:30px;//头行高
@header-font-size:12px;//头字大小
@login-from-ulli-height:38px;//登录表单行高
@login-bnt-height:40px;//登录按钮行高
@register-from-ulli-height:35px;//注册表行高
@index-module-height:70px;//首页业务模块高度
@index-module-width: 160px;//首页业务模块宽度
@index-CarouselFigure-img-height:335px;//首页轮播图片高度
@index-CarouselFigure-height:350px;//首页轮播图高度
/********公共***********/

*{
  border: 0;
  margin: 0;
  padding: 0;
}

html{
  height:100%;
  overflow-x:hidden;
}
body{
  height:95%;
  margin:0;
  padding:0;
  position:relative;
  min-width: 767px !important;
}
header{
  width: 100%;
  margin-top: 25px;
  height:80px;
  background-color:@body-bg-color;
  border-bottom: 1px solid #bfbfbf;
}
footer{
  width: 100%;
  height:110px;
  background-color:@body-bg-color;
  text-align:center;
}
#sf-body-wrap{
  //margin-top: 20px;

}

#sf-menu-wrap{
  background-image: url("../images/index/title.jpg");
  background-size: 100% 100% ;
  background-repeat: no-repeat;
}

.sf-main-container{
  width:100%;
}
.demo img{
    text-align: center;
    
}
.sf-body-bottom{
  height:110px;
  background-color:#000;
}
.sf-body-top{
  height:115px;
}
/*** menu****/

.sf-logo_container{

  >div{
    float:left;
    margin-top:25px;
    margin-bottom:0px;
    .login_logo_size{
      width:@logo_size_width;
      height:@logo_size_height;
    }
    .login_logo_word{
      margin-top:4%;
      width:81.14%;
      height:81.14%;
    }
  }
}

//导航边栏
.sf-nav-div{
  height: 5px;
  width: 100%;
  margin-top:-3px;
  background: -webkit-linear-gradient(left,rgb(13,82,146), rgb(13,155,218),rgb(13,82,146)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgb(13,82,146), rgb(13,155,218),rgb(13,82,146)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, rgb(13,82,146), rgb(13,155,218),rgb(13,82,146)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, rgb(13,82,146), rgb(13,155,218),rgb(13,82,146)); /* 标准的语法（必须放在最后） */
}

.sf-menu-top{
  margin-top: -15px;
}

.menu{
  height: 92px;
  margin-top: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.menu_title{
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
}

.menu_title_1>a{
  text-decoration:none;
  color:#0d9ad9;
}

.menu_title_2>a{
  text-decoration:none;
  color:#264385;
  padding-bottom: 5px;
  border-bottom: 3px solid #264385;
}

.menu_title_p{
  position: relative;
}

.menu_title a:hover{
  color: #264385;
  padding-bottom: 5px;
  border-bottom: 3px solid #264385;
}



/*****header****/
.sf-header{
  border-bottom:1px solid rgb(232,232,232,0.5);
  
  width:100%;
  min-width: 400px;
  top:0px;
  height:@header-lineheight;
  background-color:#F8F8F8;
  ul,li{
    display:inline;
  }
}

.sf-header-nav-ul{
  height:@header-lineheight;
  color:@top-font-color;
}
.sf-header-weather{
  position: fixed;
  top:0;
  margin-left:20%;

  height:@header-lineheight;
  div{
    display:inline;
    font-size:@header-font-size;
  }
}
.sf-header-ul-li-1{
  font-family:@header-font-family;
  line-height:@header-lineheight;
  font-size:@header-font-size;
}
.sf-header-ul-li-2{
  margin-left:50px;
  line-height:@header-lineheight;
  font-size:@header-font-size;
  img{
    width:20px;
    height:20px;
  }
}
.sf-header-ul-li-3{
  line-height:@header-lineheight;
  font-size:@header-font-size;
  a{
    text-decoration:none;
    color:@top-font-color;
  }
  img{
    width:20px;
    height:20px;
    margin-right:5px;
  }
}

/****footer***/

.sf-footer-p2{
  img{
    width:32px;
    height:34px;
  }
}
.sf-footer-p{
  //color:@footer-copyright;
  color:#ffffff;
}
.sf-footer-link{
  with:100%;
  background-color:@footer-link-bg;
  .container{
    background-color:@footer-link-bg;
  }
  .sf-footer-link-ul {
    white-space:normal ;
    margin-bottom:0;
    text-align: center;
    -webkit-padding-start: 0px;
    //overflow: hidden;
    li{
      display:inline-block;
      margin-left:1.8%;
      margin-right:1.8%;
      float: left;
    }
    a{
      text-decoration:none;
      color: #fff;
      line-height:@footer-link-lineheight;
      hegiht:@footer-link-lineheight;
    }
  }
}
/****login******/
//.sf-login-row{
//  width:100%;
//  background-image: url(../../../Home/12348/images/login-bg-img.png);
//  background-size:100% 100%;
//}
.sf-login-form{
  color:#fff;
  float: left;
  padding:0 20px 20px 20px;
  margin-left: 14%;
  margin-top: 60px;
  //margin-top: calc(~'50vh - 285px');
  margin-bottom: 40px;
  clear:both;
  position:relative;
  min-height: 427px;
  //background-color:#dedede;
  .sf-login-form-top{
    font-size:20px;
    height:50px;
    line-height:50px;
    border-bottom:1px solid #fff;
    margin-bottom:20px;
  }
  .sf-login-form-mid{
    height:@login-from-ulli-height;
    line-height:@login-from-ulli-height;
    border:1px solid #fff;
    margin-bottom:20px;
    >div{
      width:42px;
      height:36px;
      padding:0px 8px 0px 8px;
      border-right:1px solid #fff;
      display:inline-block;
    }
    img{
      width:22px;
      height:22px;
    }
    input{
      width:256px;
      padding:5px;
      border:none;
      background:none;
      margin-left: -4px;
      height:@login-from-ulli-height;
      line-height:@login-from-ulli-height;
    }
  }

  .sf-login-form-valid{
    height:@login-from-ulli-height;
    line-height:@login-from-ulli-height;
    border:1px solid #fff;
    margin-bottom:20px;
    >div{
      width:42px;
      height:36px;
      padding:0px 8px 0px 8px;
      border-right:1px solid #fff;
      display:inline-block;
    }

  }
  .val_img{
    width:22px;
    height:22px;
  }

  .val_div{
    position: relative;
  }

}
#sf-login-btn{
  width: 140px;
  height: 41px;
  background-color: #2389ee;
  border:none;
  color: white;
  margin: 10px 30px;
  border-radius: 5px;
  font-size: 17px;
}

.sf-reg-btn{
  padding: 13px 55px;
  background-color: #D95525;
  border:none;
  color: white;
  margin: 0 30px;
  border-radius: 5px;
  font-size: 17px;
}

.forpass{
  display: block;
  margin: 10px 0px 0px 310px;
}

.sf-reg-btn:hover{
  color: white;
  text-decoration: none;
}

.val_p{
  display: inline-block;
  //border: 1px solid red;
  margin: -14px 0px 0px 0px;
}

.val_input{
  width: 10px;
}

.val_p img{
  height: 37px;
  width: 150px;
}

.sf-safe-code{
  width:157px;
  input{
    width:60%;
  }
}
.slide-to-unlock.old-slider{
  width:100%;
  height:@login-from-ulli-height;
  border: 1px solid #fff;
  border-radius:none;
  background-color:rgba(255,255,0,0.3);
  .dra-sild-text{
    width:100%;
    text-align:center;
    height:@login-from-ulli-height;
    line-height:@login-from-ulli-height;
    font-size:12px;
    color:#0f0;
  }
  .handle{
    text-align:center;
    height:34px;
    line-height:34px;
    font-size:14px;
    color:#fff;
  }
}
.sf-get-safe-code{
  float:right;
  margin-top:-54px;
  border: 1px solid #fff;
  width:132px;
  height:38px;
  .sf-get-safe-code-btn{//获取验证码按钮
    width:132px;
    border:none;
    color:@yzm-color;
    font-size:20px;
    height:38px;
    background-color:rgba(0,0,0,0);
  }
  img{//验证码图片
    width:132px;
    height:36px;
  }
}
.slide-text{
}
.sf-login-btn{
  a{
    text-decoration:none;
    color:@body-bg-color;
  }

  .sf-login-btn-2{
    float:right;
    background-color:rgba(255,0,0,0.25);
    border-radius:20px 20px 20px 20px;
    width:40%;
    height:@login-bnt-height;
    text-align:center;
    margin-top:10px;
    padding-top:6px;
    font-size:16px;
    line-height:24px;
  }
  .sf-login-forgot{
    clear:both;
    float:right;
    margin-top:22px;
  }
}

.login_form{
  height: 400px;
}
/********侧边栏***********/
.guide{width:60px;position:fixed;bottom:224px;display:block;float: right;left: 95%}
.guide>div>div>a{display:block;width:60px;height:50px;background:url(../images/index/sprite_v2.png) no-repeat;margin-top:10px;text-decoration:none;font:16px/50px "Microsoft YaHei";text-align:center;color:#fff;border-radius:2px;}
.guide>div>div>a span{display:none;text-align:center;}
.guide>div>div>a:hover{text-decoration:none;background-color:#4170d8;color:#fff;}
.guide a:hover span{display:block;width:60px;background:#4170d8}
.guide .find{background-position:-84px -236px;}
.guide .report{background-position:-146px -236px;}
.guide .edit{background-position:-83px -185px;}
.guide .top{background-position:-145px -185px;}
.guide-wrap ul{display: none}
.guide-wrap>div:hover ul{display:block ;}
#nav-bar label{display: none}
#nav-bar {
  margin: -103px 0px 50px -61px;
  width: 60px;
  border: 1px solid #bed1df;
  border-radius: 4%;
  background-color: white;
  box-shadow:  -2px 3px 2px 0px rgba(5, 0, 0, 0.11);
}
.fa{
  line-height: 2;
}
#nav-bar li {
  height: 50px;
  background-color: #AAAAAA;
  color: white;
  margin:1px 0px 0px 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0em;
  list-style: none;
}
#nav-bar li:hover label{
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  cursor: pointer;
}
#nav-bar li:hover img{
  display: none;
}
#nav-bar li:hover{
  background-color:#4170d8 ;
  cursor: pointer;
}
#nav-bar li.level-one {
  font-size: 2em;
  text-align: center;
  border-top: 1px solid white;
  cursor: pointer;
}

#nav-bar li.level-one:first-child {
  border-top: none;
}
.nav-bar .nav-bar li.level-one:hover {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(233,238,242,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(233,238,242,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(233,238,242,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(233,238,242,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(233,238,242,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(233,238,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9eef2', GradientType=0 );
}
.nav-bar i {
  color: #bed1df;
  margin: 25%;
}


.level-one {
  position: relative;
}
/********导航栏样式***********/

.drop-down-content{
  list-style: none;
  //background-color: #0d9ad9;
  color: white;
  position: absolute;
  z-index: 10000;
  width: 135px;
  display: none;
}

.drop-down-content a{
  color: white;
  text-decoration: none;
}

.drop-down-content li{
  border: 1px solid white;
  padding: 5px 3px;
  background-color: #0d9ad9;
}

.drop-down-content li:hover{
  border: 1px solid white;
  padding: 5px 3px;
  background-color: #264385;
  color: white;
}

.drop-down-content a:hover{
  color: white;
  border: 0;
}

.menu_title_1:hover .drop-down-content{
  display: block;
}



/********register注册***********/
.login-form{
  position: relative;
  width:700px;
  margin-left:25px;
  margin-top: 43px;
  min-height: 465px;
  input{
    color:@login-input-color;
    border-radius:0px;
    border:1px solid @login-input-color;
    width:290px;
    height:@register-from-ulli-height;
    margin-left:15px;
    padding:10px;
  }
  li{
    color:@button-right-color;
    margin-bottom:25px;
    margin-left:-10px;
  }
  label{
    color:red;
    margin-left:10px;
    font-weight:normal;
  }
  span{
    color:@login-input-color;
    font-size:18px;
  }
  .sf-span-2{
    letter-spacing:15px;
  }
  .sf-span-3{
    letter-spacing:8px;
  }
  .sf-register-ul-1{
    margin-top: 20px;
    list-style:none;
    height:47px;
  }
  .sf-register-ul-2{
    list-style:none;
    margin-top:-12px;
    margin-left:300px;
  }
  .sf-register-ul-3{
    list-style:none;
    margin-top:-10px;
  }
  .Validform_checktip{
    margin: -20px 0px 0px -215px;
    color: red;

  }
  .sf-span-1{
    font-size:24px;
    line-height:47px;
    color:#000;
    margin-left:180px;

  }
  .sf-input-yzm{
    width:169px;
  }
  .sf-input-1{
    margin-left:-13px;
  }

  .sf-input-2{
    margin-left:20px;
  }

  .sf-input-checkbox{
    width:16px;
    height:16px;
    margin-left:75px;
  }
  .sf-agree{
    color:#000;
    font-size:14px;
    margin-left:0px;

  }
  .sf-rigeister-btn{
    width:160px;
    height:@login-bnt-height;
    margin-left:150px;
    border:none;
    border-radius:5px 5px 5px 5px;
    background-color:@button-right-color;
    color:#fff;
    font-size:18px;
  }
  .sf-rigester-getyzm{
    color:@yzm-color;
    padding-right:8px;
    padding-left:8px;
    font-size:18px;
    height:@register-from-ulli-height;
    border:1px solid @login-input-color;
    background-color:@body-bg-color;
    margin-left:9px;
  }
  .sf-forgot-getyzm{
    color:@yzm-color;
    padding-right:8px;
    padding-left:8px;
    font-size:18px;
    height:@register-from-ulli-height;
    border:1px solid @login-input-color;
    background-color:@body-bg-color;
    margin-left:9px;
  }
  .sf-rigester-img{
    height: 22px;
    width: 22px;
    //border: 1px solid red;
    margin-left:5px;
    display: inline-block;
  }
  .sf-forgot-img{
    height: 22px;
    width: 22px;
    //border: 1px solid red;
    margin-left:5px;
    display: inline-block;
  }
}

.sf-login-form{
  position: relative;
  width:700px;
  margin-left:25px;
  input{
    color:@login-input-color;
    border-radius:0px;
    border:1px solid @login-input-color;
    width:290px;
    height:@register-from-ulli-height;
    margin-left:15px;
    padding:10px;
  }
  li{
    color:@button-right-color;
    margin-bottom:25px;
    margin-left:-10px;
  }
  label{
    color:red;
    margin-left:10px;
    font-weight:normal;
  }
  span{
    color:@login-input-color;
    font-size:18px;
  }
  .sf-span-2{
    letter-spacing:35px;
  }
  .sf-span-3{
    letter-spacing:8px;
  }
  .sf-register-ul-1{
    margin-top: 20px;
    list-style:none;
    height:47px;
  }
  .sf-register-ul-2{
    list-style:none;
    margin-top:-12px;
    margin-left:10px;
  }
  .sf-register-ul-3{
    list-style:none;
    margin-top:-10px;
  }
  .Validform_checktip{
    margin: -20px 0px 10px 45px;
    color: red;
  }
  .sf-span-1{
    font-size:24px;
    line-height:47px;
    color:#000;
    margin-left:180px;

  }
  .sf-input-yzm{
    width:169px;
  }
  .sf-input-1{
    margin-left:-13px;
  }

  .sf-input-2{
    margin-left:20px;
  }

  .sf-input-checkbox{
    width:16px;
    height:16px;
    margin-left:75px;
  }
  .sf-agree{
    color:#000;
    font-size:14px;
    margin-left:0px;

  }
  .sf-rigeister-btn{
    width:160px;
    height:@login-bnt-height;
    margin-left:150px;
    border:none;
    border-radius:5px 5px 5px 5px;
    background-color:@button-right-color;
    color:#fff;
    font-size:18px;
  }
  .sf-rigester-getyzm{
    color:@yzm-color;
    padding-right:8px;
    padding-left:8px;
    font-size:18px;
    height:@register-from-ulli-height;
    border:1px solid @login-input-color;
    background-color:@body-bg-color;
    margin-left:9px;
  }
  .sf-forgot-getyzm{
    color:@yzm-color;
    padding-right:8px;
    padding-left:8px;
    font-size:18px;
    height:@register-from-ulli-height;
    border:1px solid @login-input-color;
    background-color:@body-bg-color;
    margin-left:9px;
  }
  .sf-rigester-img{
    height: 22px;
    width: 22px;
    //border: 1px solid red;
    margin-left:5px;
    display: inline-block;
  }
  .sf-forgot-img{
    height: 22px;
    width: 22px;
    //border: 1px solid red;
    margin-left:5px;
    display: inline-block;
  }
}

.reg_icon{
   position: absolute;
   margin:-485px 0px 0px 530px;
 }

.pdb_icon{
  position: absolute;
  margin:70px 0px 0px -230px;
}

.log_icon{
  position: absolute;
  margin:60px 0px 0px -185px;
}

/********index首页********/

//.sf-index-carousel{
//	width:100%;
//	height:@index-CarouselFigure-height;
//
//	ol{
//		height:20px;
//		li{
//			line-height:20px;
//			background-color:@footer-link-bg;
//			border:none;
//		}
//		.active{
//			background-color:#fff;
//			border:1px solid #fff;
//		}
//	}
//}
//.sf-carousel-item{//图片容器
//	width:100%;
//	margin-top:2px;
//	height:@index-CarouselFigure-img-height;
//	img{
//		width:100%;
//	}
//}
//
//
//	.sf-index-module img{
//		height: 40px;
//		width: 40px;
//		margin: 25px 0 0 12px;
//	}
//
//	.sf-index-module-title{
//		position: absolute;
//		margin: -56px 0 0 85px;
//		font-size: 19px;
//		color: white;
//	}
//
//	.sf-index-module-a{
//		//border: 1px solid red;
//		position: absolute;
//		width: 130px;
//		margin: -25px 0 0 60px;
//	}
//
//	.sf-index-module-a div{
//		display: inline-block;
//		padding: 1px 5px;
//	}
//
//	.sf-index-module-a a{
//		color: white;
//		font-size: 13px;
//	}
//
//	.sf-index-consult{
//		width: 200px;
//		height: 90px;
//		background-image: url(../../../images/index/consult-bg.png);
//		background-size:100% 100%;
//	}
//
//	.sf-index-lookup{
//		width: 200px;
//		height: 90px;
//		background-image: url(../../../images/index/lookup-bg.png);
//		background-size:100% 100%;
//	}
//
//	.sf-index-handle{
//		width: 200px;
//		height: 90px;
//		background-image: url(../../../images/index/handle-bg.png);
//		background-size:100% 100%;
//	}
//
//	.sf-index-study{
//		width: 200px;
//		height: 90px;
//		background-image: url(../../../images/index/study-bg.png);
//		background-size:100% 100%;
//	}
//
//	//.sf-index-partake{
//	//	background-image: url(../../../images/index/partake-bg.png);
//	//	background-size:100% 100%;
//	//}

.news{
  margin: 25px 0;
}

.lb{
  //border: 1px solid red;
  height: 345px;
  z-index: 10;
}

.lb_title{
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: rgba(0,0,0,0.5);
  margin-top: -40px;
}

.title{
  background-color: white;
  height: 50px;
}

.title div{
  display: inline-block;
  font-size: 19px;
  margin: 2% 9%;
  padding-bottom: 7px;

}

.title a{
  text-decoration :none;
}

.title_style{
  border-bottom: 3px solid #2050B6;
}

.title_style a{
  color: #2050B6;
  text-decoration:none;
}

.title_content{
  margin-top: 5px;
  height: 290px;
  background-color: white;
}

.title_content li{
  padding: 3px 0;
  margin-left: 20px;
}

.title_content a{
  text-decoration: none;
  color:#666666;
  font-size: 15px;
  width: 75%;
  //min-width: 300px;
  overflow: hidden;
  text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
  white-space:nowrap;
}

.title_content div{
  color:#A6A6A6;
  font-size: 14px;
}

.title_content ul{
  margin-top: 15px;
}

.line{
  display: inline-block;
  width: 85%;
  border-bottom: 1px dashed #161616;
  margin-left: -3%;
}

.more img{
  margin-top: -3px;
}

.more span{
  padding: 0 5px;
}

.office_title{
  color: #278ce1;
  font-size: 24px;
  font-family: 幼圆;
  font-weight: bold;
  margin: 20px 0;
}

.office_title_1{
  color: #278ce1;
  font-size: 24px;
  font-family: 幼圆;
  font-weight: bold;
  margin: 20px 0;
}

.title_det
{
  position: relative;
  text-align: center;
  color: #278ce1;
  font-size: 14px;
  font-family: 幼圆;
  margin-bottom: 20px;
}

.title_det:before, .title_det:after
{
  content: "";
  width: 30%;
  height: 1px;
  position: absolute;
  top: 50%;
}

.title_det:before
{
  background: -webkit-linear-gradient(right, #278ce1, #eee);
  background: -o-linear-gradient(left, #278ce1, #eee);
  background: -moz-linear-gradient(left,#278ce1, #eee);
  background: linear-gradient(to left, #278ce1, #eee);
  left: 2px;
}

.title_det:after
{
  background: -webkit-linear-gradient(left, #278ce1, #eee);
  background: -o-linear-gradient(right, #278ce1, #eee);
  background: -moz-linear-gradient(right,#278ce1, #eee);
  background: linear-gradient(to right,#278ce1, #eee);
  right: 2px;
}

.off_div{
  display:inline-block;
  min-width:150px;
  max-width:158px;
  height: 150px;
  padding-left: 0px;
  padding-right: 0px;
 
}

.off_div_1{
    width: auto;
    border: 1px solid #E9E9E8;
    margin:0 1px 0 1px;
    height: 150px;
}

//.off_div_1_bow{
//  width: auto;
//  border: 1px solid #E9E9E8;
//  margin:0 5px 0 5px;
//  height: 333px;
//  box-shadow:0px 0px 100px #D6D6D6;
//}

.off_div img{
  margin-top: 20px;
}

.off_div p{
  color:white;
  font-size: 18px;
  margin-top: 20px;
}

.off_div_green{
  background: url("../images/index/green.png");
  height: 157px;
  width: auto;
}

.off_div_blue{
  background: url("../images/index/blue.png");
  height: 157px;
  width: auto;
}

.off_div_red{
  background: url("../images/index/red.png");
  height: 157px;
  width: auto;
}

.off_div_yellow{
  background: url("../images/index/yellow.png");
  height: 157px;
  width: auto;
}

.off_div_purple{
  background: url("../images/index/purple.png");
  height: 157px;
  width: auto;
}

.off_div_orange{
  background: url("../images/index/orange.png");
  height: 157px;
  width: auto;
}

.off_div_zcwblue{
  background: url("../images/index/bluezcw.png");
  height: 157px;
  width: auto;
}

.info{
     font-size: 16px;
    font-family: 宋体;
    color: #666666;
    width: 60%;
    margin-left: 20%;
    margin-top: 30px;
  
}




.cousult{
  height: 124px;
  border: 1px solid #C7C7C7;
  width: auto;
  border-top:4px solid #6170AF;
  margin-bottom: 10px;
  background-color: white;
}

.ico_bg{
  width: 80px;
  height: 80px;
  background-color: #EEF1F8;
  border-radius: 50px;
  margin: 20px 0px 20px 20px;
  display: inline-block;
}

.ico_bg img{
  height: 44px;
  width: 44px;
  margin-top: 18px;
}

.btn_div p{
  margin-top: 25px;
  display: inline-block;
  color:#666666;
  font-size: 20px;
}

.btn_div span{
  color: #707cB8;
  margin-left: 10px;
}


.btn_div a{
  text-align: center;
  display:block;
  height: 35px;
  background-color:#EEF1F8;
  color: #707cB8;
  text-decoration: none;
  line-height: 35px;
  width: 150px;
  border-radius: 15px;
  font-size: 18px;
}

.ico_div{
  height: 120px;
  //border: 1px solid red;
  width: 40%;
  display: inline-block;
}

.btn_div{
  height: 120px;
  //border: 1px solid red;
  width: 60%;
  display: inline-block;
}

.cousult_div{
  height: 526px;
  border: 1px solid #C7C7C7;
  border-top:4px solid #6170AF;
  padding: 20px;
}

.cousult_div_1{
  height: 350px;
  border: 1px solid #C7C7C7;
  border-top:4px solid #6170AF;
  padding: 20px;
}

.cousult_div_title p{
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
}

.cousult_info{
  border-bottom: 1px dashed #666666;
  color: #666666;
  height: 36px;
  line-height: 48px;
  //border: 1px solid red;
  //width: 75%;
  overflow: hidden;
  text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
  white-space:nowrap;
}

.cousult_info:hover{
  color: #6171AF;
}

.cousult_info_title{
  font-size: 14px;
}

.cousult_info div{
  display: inline-block;
  overflow: hidden;
  text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
  white-space:nowrap;
}

.more_btn{
  height: 30px;
  width: 99px;
  border: 1px solid #6171AF;
  margin-left: 45%;
  border-radius: 2px;
  margin-top: 20px;
}

.more_btn p{
  display: inline-block;
  color:#6171AF;
  font-size: 16px;
  margin-top: 2px;
  vertical-align: middle;
}

.more_btn img{
  margin: -7px 0 0 7px;
}


//阴影样式

/*轮播样式*/
.silder {width: 100%;height:200px; overflow: hidden;text-align: center;margin: 0 auto;position:relative;float:left;}
.silder .silder_list {height:200px; overflow:hidden;position: relative;padding: 0px}
.silder .silder_list a{position:absolute; top:0;left:0;}
.silder .silder_list a,.silder .silder_list img{display:inline-block;float:left;}
.silder .silder_page{height:42px;text-align:right; margin:0 auto;right:1px; overflow:hidden;position:absolute; bottom:1px;}
.silder .silder_page li{width:16px; font-size:12px; float:left; height:16px;line-height:16px;margin:15px 10px 0 0; background:#F1F1F1;display:inline-block;text-align:center;color:#000;}
.silder .silder_page li.current{background:#2050B6;color:#fff;}
.silder_desc{background-color:rgba(0,0,0,0.5);color:#fff;float:left;line-height:46px;height:42px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;}
.silder .silder_page li:hover{cursor:pointer;}
#silder_list li{list-style:none}



/*分页样式*/
.page .current {
  border-top: 3px solid #23527c;
  height: 28px;
  line-height: 26px;
}

.page a, .page span {
  float: left;
  margin-left: -1px;
  padding: 0 14px;
  height: 30px;
  line-height: 30px;
  color: #686868;
  border: 1px solid #CCCCCC;
  text-decoration: none;
}

.page a:hover
{
  background: #E1E1E1;
}

.breadcrumb{
  padding: 0px 15px;
  margin-bottom: 0px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.board{
  background-color:#f5f5f5;
  padding-right: 0px;
  padding-left: 0px;
  height: 30px;
  line-height: 30px;
}

.content_title_1:hover{
  color: #2050B6;
}


@media screen and (max-width: 1200px) {
  .title div{
    display: inline-block;
    font-size: 20px;
    margin: 2% 7.7%;
    padding-bottom: 7px;
  }

  .nav{
    font-size: 17px;
  }

  .content_title_date{
    display: none;
  }

  .content_title_1:hover{
    color: #2050B6;
  }

  .title_content a{
    text-decoration: none;
    color:#666666;
    font-size: 15px;
    width: 95%;
    //min-width: 300px;
    overflow: hidden;
    text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
    white-space:nowrap;
  }

  .title_content ul{
    margin-top: 15px;
  }
}


/* Shutter In Horizontal */
@-webkit-keyframes hvr-pulse-grow {
   to {
     -webkit-transform: scale(1.05);
     transform: scale(1.05);
   }
 }
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.hvr-pulse-grow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}



#ul_title li{
    float: left;
    font-size: 18px;
    list-style: none;
    padding: 3px 20px;
    margin: 0px -92px 0px 98px;
    border-radius: 12px;
    color: white;
}

#ul_title a{
  color: white;
}

#ul_title li:hover{
  color: gainsboro;
}