@charset "utf-8";

/*初始化*/
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
div,
span,
input,
ol,
ul,
dl,
a,
i,
table,
li {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #333333;
}


li {
	list-style: none;
}

input {
	outline: none;
	border: 0 none;
}

img {
	vertical-align: middle;
	border: 0 none;
}

i,
em {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	height: 52px;
}

body {
	font: 12px/100% "Microsoft YaHei","Arial","黑体","宋体",sans-serif;
  /*background-color: #F6F6F6;*/
}

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

.w {
	width: 1200px;
	margin: 0 auto;
}

.color {
  color: #0776EC;
}

.bgc {
  background-color: #fff;
  border: 1px solid #0776EC !important; 
  color: #0776EC;
  z-index: 10;
}


.item {
  display: none;
}
.show {
  display: block;
}



/* 头部 */
.head {
  position: relative;
  width: 100%;
  height: 114px;
}

.head .top_call {
  float: left;
  margin-top: 10px;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.head .top_call img {
  float: right;
  margin-top: 8px;
  margin-right: 6px;
}
.head .top_call span {
  float: right;
  color:  #0974EC;
  font-size: 18px;
}
.head .top_nav {
  float: left;
  width: 100%;
  height: 66px;
  line-height: 66px;
}
.head .top_nav .top_logo {
  float: left;
  width: 220px;
  height: 28px;
}
.head .top_nav .top_link {
  float: right;
  width: 844px;
  margin-right: -8px;
}
.head .top_nav .top_link ul {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.top_nav .top_link ul li {
  float: left;
  width: 79px;
  color:  #333333;
  font-size: 16px;
  text-align: center;
}
.top_nav .top_link ul li a {
  font-size: 16px;  
}
.top_nav .top_link ul li a:hover {
  color: #0776EC;
}
.top_nav .top_link ul .line {
  float: left;
  margin-top: 26px;
  margin-right: 14px;
  margin-left: 14px;
  height: 16px;
  width: 1px;
  border-left: 1px solid #ccc;
}


  /* 资讯 */

  .zixun {
    position: fixed;
    cursor: pointer;
    right: 0;
    top: 200px;
    width: 236px;
    height: 202px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    /*display: none;*/
  }
  .zixun_kf{
	position: fixed;
    right: -60px;
    top: 200px;
    z-index: 999;
    background: #0776EC;
    padding: 10px;
    border-radius: 5px;
    cursor:pointer;
   }
   .zixun_kf>img{
   		width:40px;
   }
   .zixun_kf>p{
   	    width: 15px;
    	margin: 15px auto;
    	color: #fff;
    	font-size: 16px;
   }
  .zixun>.zixun_close{
  	position: absolute;
  	right: 5px;
  	top:5px;
  	transform: rotate(45deg);
  }
  .zixun .zixun_zx {
    float: left;
    width: 236px;
    height: 54px;
    background-color: #0974EC;
  }
  .zixun .zixun_zx .zixun_zb {
    float: left;
    margin-left: 20px;
    margin-top: -41px;
    width: 80px;
  }
  .zixun .zixun_zx .zixun_yb {
    float: right;
    width: 130px;
    height: 54px;
  }
  .zixun .zixun_zx .zixun_yb span:first-of-type {
    width: 100%;
    margin-top: 8px;
    font-size: 20px;
    height: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;

  }
  .zixun .zixun_zx .zixun_yb span:last-of-type {
    font-size: 12px;
    display: inline-block;
    color: #fff;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .zixun .zixun_qq {
    display: inline-block;
    margin-top: 12px;
    width: 180px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    border-radius: 18px;
    background-color: #0776EC;
  }
  .zixun .zixun_qq span:first-of-type {
    display: inline-block;
  }
  .zixun .zixun_qq span:last-of-type {
    font-size: 14px;
    color: #fff;
    margin-right: 45px;
    margin-top: 2px;
    float: right;
  }
  .zixun .zixun_qq02 {
    display: inline-block;
    margin-top: 12px;
    width: 180px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    border-radius: 18px;
    background-color: #0776EC;
    position: relative;
  }
  .zixun .zixun_zp {
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    width: 180px;
    height: 180px;
    position: absolute;
    right: -236px;
    bottom: -180px;
    transition: all .3s;
  } 
  .zixun .zixun_qq02:hover .zixun_zp{
  	right:0;
  }
  .zixun .zixun_qq02 span:first-of-type {
    display: inline-block;
    margin-right: 12px;
  }
  .zixun .zixun_qq02 span:last-of-type {
    font-size: 14px;
    color: #fff;
    margin-right: 50px;
  }
  .zixun .zixun_qq03 {
    display: inline-block;
    margin-top: 12px;
    width: 180px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    border-radius: 18px;
    background-color: #0776EC;
  }
  .zixun .zixun_qq03 span:first-of-type {
    display: inline-block;
  }
  .zixun .zixun_qq03 span:last-of-type {
    font-size: 14px;
    color: #fff;
    margin-right: 36px;
    margin-top: 2px;
    float: right;
  }
  
  .zixun .zixun_zp img{
  	width:100%;
  	height:100%;
  }
  .zixun .zixun_zp p {
    color: #000;
    font-size: 14px;
  }


/* 返回顶部 */
.xh_top {
  position: fixed;
  cursor: pointer;
  display: none;
  top: 700px;
  right: 0;
  width: 74px;
  height: 76px;
  background-color: #ccc;
}
.xh_top img {
  width: 100%;
  height: 100%;
}




  /* 底部 */
  .footer_box1 {display: inline-block;
    width: 100%;
    background-color: #464646;
  }
  .footer_box1 .footer_link {
    height: 50px;
    line-height: 50px;
  }
  .footer_box1 .footer_link ul {
    width: 100%;
    float: left;
  }

  .footer_box1 .footer_link ul li {
    float: left;
    margin: 0 5px;
    text-align: center;
  }
  .footer_box1 .footer_link ul li a {
    font-size: 14px;
    color: #fff;
  }
  .footer_box1 .footer_link ul li a:hover {
    color: #0776EC;
  }
  .footer_box1 .footer_link ul .footer_link {
    float: left;
    margin-top: 18px;
    width: 2px;
    height: 16px;
    border-left: 1px solid #fff;
  }
  .footer_box2 {
    position: relative;
    width: 100%;
    height: 106px;
    background-color: #333333;
  } 
  .footer_box2 .footer_tb {
    float: left;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  .footer_box2 .footer_logo img {
    display: inline-block;
  }
  .footer_box2 .footer_lj {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #999999;
  }
  .footer_box2 .footer_lj .web_map{
  	margin-right: 15px;
  }
  .footer_box2 .footer_lj span a {
    color: #999999;
  }
  .footer_box2 .footer_lj span a:hover {
    color: #0776EC;
  }





/* 手机端-底部 */
@media screen and (min-width: 992px) {
  /* 屏幕大于992px */
  .web {
    display: none;
  }
  .footer_box2 .footer_lj02 {
    display: none;
  }
  
}
@media screen and (min-width: 1236px) {
  /* 屏幕大于1236 */
  .week-toggle {
    display: none;
  }

}
@media screen and (max-width: 992px) {
  /* 屏幕小于992px */
  .w {
    width: 100%;
  }

  .zixun {
    display: none;
  }

	.xh_top {
		display: none;
	}


  /* 头部 */
  .head {
    box-sizing: border-box;
    height: 66px !important;
  }
  .head-v3 {
    position: relative;
    z-index: 100;
    min-width: 0 !important;
  }
  .head .top_nav {
    box-sizing: border-box;
    position: relative;
    /* padding: 0 10px; */
  }
  .head .top_call {
    display: none;
  }
  .top_js {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: #fff;
}
  .week-toggle {
    width: 48px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    background: #0776EC;
    position: relative;
    right: 0px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
  }
  .week-toggle span {
    margin: 8px auto;
    opacity: 1;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
  }
	.week-toggle::after,.week-toggle::before{
    content:''; 
    position:absolute; 
    display:block; 
    width:28px; 
    height:2px; 
    background:#fff;
  }
	.week-toggle>span{
    display:block; 
    width:100%; 
    height:2px; 
    background:#fff;
  }
	.week-toggle::after{
    bottom:17px; 
    left:10px;
  }
	.week-toggle::before{
    top:17px; 
    left:10px;
  }
	.week-toggle span{
    margin:8px auto; 
    width:28px; 
    opacity:1;
  }
	.week-toggle_js::before{
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
  }
	.week-toggle_js::after{
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
  }
	.week-toggle_js>span{
    opacity:0;
  }
  .head .top_nav .top_logo {
    width: 140px;
    height: 28px;
    margin-left: 10px;
  }
  .head .top_nav .top_logo img {
    width: 100%;
    height: 100%;
  }
  .head .top_nav .top_link {
    margin-right: 0;
    width: 100%;
  }
  .head .top_nav .top_link ul {
    width: 100%;
  }
	/* top_link隐藏 */
	.top_link{
    box-sizing: border-box;
    float:none; 
    padding-right: 0;
    float: left;
    width:100%;
    display:none; 
    margin:0px; 
    /* position:absolute;  */
    left:0px; 
    top:58px; 
    background:#fff; 
    padding-bottom:20px; 
    z-index:99;

  }
	.top_link ul{
    box-sizing: border-box;
    padding: 0 20px;
  }
	.top_link ul li{
    width:100% !important; 
    text-align: left !important;
    height: 40px;
    line-height: 40px;
  }
  .top_link ul li.line {
    display: none;
  }
	.top_link ul li a{
    line-height:50px;
  }





  /* 手机底部 */
  .web {
    position: fixed;
    width: 100%;
    height: 44px;
    bottom: 0px;
    z-index: 100000;
    text-align: center;
  }
	.web_foot{
    display:block; 
    position:fixed; 
    z-index:100; 
    bottom:0px; 
    left:0px; 
    width:100%; 
    background:#000000;
  }
	.web_foot ul{
    overflow:hidden;
  }
	.web_foot ul li{
    float:left; 
    width:25%;
  }
	.web_foot ul li a{
    display:block; 
    width:100%; 
    padding:5px 0px; 
    height:100%; 
    text-align:center;
  }
	.web_foot ul li a i{
    display:inline-block; 
    width:20px;
    text-align: center;
  }
	.web_foot ul li a i img{
    width:100%; 
    display:inline-block;
  }
	.web_foot ul li a p{
    font-size:12px; 
    color:#fff; 
    padding-top:2px;
  }
	
	.web_buttom{
    width:100%; 
    height:46px; 
    display:block;
  }
	.weixin{
    position:fixed; 
    width:100%; 
    height:100%; 
    display:none; 
    background:rgba(0,0,0,0.9); 
    top:0px; 
    left:0px; 
    z-index:101;
  }
	.weixin>div{
    width:100%;
    height:100%;
  }
	.weixin-close{
    position:absolute; 
    width:36px; 
    height:36px; 
    background:url(../images/guan.png); 
    background-size:100%; 
    top:10px; 
    right:10px;
  }
	.weixin-nei{
    position: absolute;
    top: 160px;
    left: 6%;
    width:80%;
    background:#fff; 
    padding:10px;
    text-align: center;
  }
	.weixin-nei img{
    display:inline-block; 
    width: 100%;
  }


  /* 底部 */
  .footer_box1 {
    height: 100%;
    position: relative;
    top: 4px;
  }
  .footer_box1 .footer_link {
    line-height: 30px;
    display: inline-block;
    height: 100%;
  }
  .footer_box1 .footer_link ul .footer_link {
    display: none;
  }
  .footer_box2 .footer_lj {
    display: none;
  } 
  .footer_box2 .footer_lj02 {
    float: left;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 25px;
    color: #999999;
  } 
  .footer_box2 {
    height: 130px;
  }
  .footer_box2 .footer_lj02 span a {
    color: #999999;
}

}


@media screen and (min-width:992px) and (max-width: 1236px) {
  /* 屏幕大于992px 且 屏幕小于1236px */
  body {
    /* background-color: skyblue; */
  }

  .w {
    width: 100%;
  }



  /* 头部 */
  .head {
    box-sizing: border-box;
    height: 66px !important;
  }
  .head-v3 {
    position: relative;
    z-index: 100;
    min-width: 0 !important;
  }
  .head .top_nav {
    box-sizing: border-box;
    position: relative;
    /* padding: 0 10px; */
  }
  .head .top_call {
    display: none;
  }
  .top_js {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: #fff;
}
  .week-toggle {
    width: 48px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    background: #0776EC;
    position: relative;
    right: 0px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
  }
  .week-toggle span {
    margin: 8px auto;
    opacity: 1;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
  }
	.week-toggle::after,.week-toggle::before{
    content:''; 
    position:absolute; 
    display:block; 
    width:28px; 
    height:2px; 
    background:#fff;
  }
	.week-toggle>span{
    display:block; 
    width:100%; 
    height:2px; 
    background:#fff;
  }
	.week-toggle::after{
    bottom:17px; 
    left:10px;
  }
	.week-toggle::before{
    top:17px; 
    left:10px;
  }
	.week-toggle span{
    margin:8px auto; 
    width:28px; 
    opacity:1;
  }
	.week-toggle_js::before{
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
  }
	.week-toggle_js::after{
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
  }
	.week-toggle_js>span{
    opacity:0;
  }
  .head .top_nav .top_logo {
    width: 140px;
    height: 28px;
    margin-left: 10px;
  }
  .head .top_nav .top_logo img {
    width: 100%;
    height: 100%;
  }
  .head .top_nav .top_link {
    margin-right: 0;
    width: 100%;
  }
  .head .top_nav .top_link ul {
    width: 100%;
  }
	/* top_link隐藏 */
	.top_link{
    box-sizing: border-box;
    float:none; 
    padding-right: 0;
    float: left;
    width:100%;
    display:none; 
    margin:0px; 
    /* position:absolute;  */
    left:0px; 
    top:58px; 
    background:#fff; 
    padding-bottom:20px; 
    z-index:99;

  }
	.top_link ul{
    box-sizing: border-box;
    padding: 0 20px;
  }
	.top_link ul li{
    width:100% !important; 
    text-align: left !important;
    height: 40px;
    line-height: 40px;
  }
  .top_link ul li.line {
    display: none;
  }
	.top_link ul li a{
    line-height:50px;
  }


  /* 底部 */
  .footer_box1 {
    height: 100%;
  }

}