﻿.top{
	width:100%;
	background-color: #1c405a;
	background-image: url(images/top-bg.png);
	background-repeat: repeat;
}
.top2{position:relative; width:1000px;height:168px;margin:0 auto; margin-left:auto; margin-right:auto; }
.logo{position:absolute; left:0px;}
.logo_tel{ position:absolute;right:40px; top:50px; font-family:"微软雅黑"; color:#cd8d02;font-weight: bold; font-size: 14px;}
.logo_tel span{margin-left:20px;}
.logo_tel em{font-style: normal;font-size:19px;}


.topbanner{position:relative; width:100%; height:370px;text-align:center; overflow:hidden; padding:0px 0px 0px 0px;  margin:0 auto; margin-left:auto; margin-right:auto; margin-bottom:10px; }

.topbanner ul{position:relative;width:1400px;height:370px;display:block;margin:0 auto; margin-left:auto; margin-right:auto;}
.topbanner ul li{width:1400px;display:block; height:370px;position:absolute; left:0; top:0;background-repeat:repeat;}
.topbanner ul li a{width:1400px; display:block;height:370px;background-repeat:repeat;}
.topbanner ul li span{width:1400px; display:block; height:370px;background-repeat:repeat-x; background-position:center top;}

#topbanner_flbutton{ position:absolute; z-index:1000;width:100%; text-align:center;bottom:20px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#topbanner_flbutton .topbanner_flbuttona{background:#fff; border:1px solid ##666;display:inline-block; vertical-align:top;  font-size:0px; width:12px; height:12px; line-height:10px; margin-right:10px; text-align:center;border-radius: 12px;}
#topbanner_flbutton .topbanner_flbuttonselect{background:#f00;}

#topbanner_flbuttonleft{ display:none; position:absolute; cursor:pointer; left:0; top:220px; width:50%; height:56px;  }
#topbanner_flbuttonleft:hover{background:url(../../../css/images/left.jpg) no-repeat 30% bottom;}
#topbanner_flbuttonright{ display:none; position:absolute; cursor:pointer; right:0; top:220px; width:50%; height:56px; }
#topbanner_flbuttonright:hover{background:url(../../../css/images/right.jpg) no-repeat 70% bottom;}





.topbanner .swiper{
	height: 100%;
	width: 100%;
}
.topbanner .swiper .swiper-slide{
	background-color: #ffffff;
	height: 100%;
	width: 100%;
}.topbanner .swiper .swiper-slide a {
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 140%;
	display: block;
	height: 100%;
	width: 100%;transition:all 1s
}
.topbanner .swiper .swiper-slide.swiper-slide-active a {background-size: auto 100%;}




.logo_tel span em a{color: #cd8d02;}
@media screen and (min-width: 680px)  {
.logo_tel {
    position: absolute;
    right: 0px;
    top: 38px;
    color: #cd8d02;
    font-weight:600;
    font-size: 14px;
}

.logo_tel span { display:inline-block;}
.logo_tel em{ display:block; font-size:24px; }
.logo_tel span em a{}
#moban1 .content {
    margin-top: 10px;
}
#moban2 .content {
     margin-top: 6px;
}
}
.logo_tel:before
{
	content:"";
	background-image: url(images/ico-dh.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	vertical-align: middle;
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-right: 5px;
	position: absolute;
	left: -30px;
	top: 4px;
}
@media screen and (max-width: 680px)  {

#body{ padding-top:60px; padding-bottom:0px;}
.top{
	position: fixed;
	z-index: 102;
	height: 60px;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
}

.top .logo {
	position: absolute;
	height: 50px;
	width: auto;
	left: 15px;
	top: 2px;
}
.zuobian{ display:none;}
.i_fddiv{ display:none;}
.topbanner{ width:100%!important; height:180px!important;}
.topbanner .swiper .swiper-slide {
    height:180px;
}

.menubanner{
	width: 100%;
	position: fixed;
	z-index: 101;
	left: 0px;
	top: 60px;
	right: 0px;
}
.top2 {
    width: 100%;
    height: 60px;
}
.logo_tel {
	position: fixed;
	right: 0px;
	top: 60px;
	font-family: "微软雅黑";
	color: #cd8d02;
	font-weight: bold;
	font-size: 14px;
	z-index: 102;
	height: auto;
	width: 100%;
	left: 0px;display: flex;
	justify-content: space-between;
	padding-left:15px;
	padding-right:15px;box-sizing:border-box;
	padding-top:20px;
	padding-bottom:20px;
	display:none;
	background-color:#183a53;
}
.logo_tel span em{
 display:block;
}

.logo_tel span {
    margin-left: 0px;
	width:49%; display:inline-block;
}
.m-r-btnbox{
	display:block;
	position: fixed;
	height: 40px;
	top: 10px;
	right: 15px;display: flex;
flex-wrap: wrap;
align-content: flex-start;
	z-index: 103;
}
.m-r-btnbox .telbtn{
	height: 40px;
	width: 40px;
	margin-right: 10px;
	background-image: url(images/m-tel.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:80%;
}
.m-r-btnbox .menubrn{
	height: 40px;
	width: 40px;
	background-image: url(images/m-menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:80%;
	}
	.m-r-btnbox .telbtn.on{opacity: 0.6;background-image: url(images/gb.png);background-size:40%;}
	.m-r-btnbox .menubrn.on{opacity: 0.6;background-image: url(images/gb.png);background-size:40%;}
}

