/*右侧导航*/
.rightbar{
	z-index: 100;
	width:45px;
	height:auto;
	position: fixed;
	top:55%;
	right:0;
	display: none;
}

.rightbar ul{
	width:100%;
	height:auto;
}
.rightbar ul li{
	width:100%;
	height:45px;
	margin-top: 2px;
	position: relative;
	cursor: pointer
}
.rightbar ul li i{
	line-height: 45px;
    font-size: 20px;
    width:45px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.rightbar ul li.ewm{
	background: #60676F;
	position: relative;
}
.rightbar ul li.gotop{
	background: #60676F;
}
.rightbar ul li.ewm img{
	position: absolute;
	top:-20px;
	right:50px;
	display: none;
	width:99px;
	height:99px;
}



.rightbar .fa-sort-asc{
	width:20px;
	height:25px;
	margin-left: 12.5px;
	line-height: 38px;
}
.rightbar ul li:last-child p{
	color:#fff;
	font-size: 12px;
	text-align: center;
	margin-top: -15px;
}
.rightbar ul li .shows{
	height:45px;
	width:45px;
	position: absolute;
	background: #60676F;
	right:0px;
	position: absolute;
	top:0px;
	cursor: pointer
}
.rightbar ul li .hides{
	height:45px;
	width:160px;
	background: #00A0EA;
	position: absolute;
	right:-160px;
	position: absolute;
	top:0px;
	cursor: pointer;
}
.hides .left{
	width:45px;
	height:45px;
	float:left;

}
.hides .right{
	width:105px;
	margin-left: 55px;
	height:45px;
	line-height: 45px;
	text-align: left;
	color:#fff;
	font-size: 14px;
	}

.hides .left i{
	line-height: 45px;
    font-size: 20px;
    width:45px;
    text-decoration: none;
    color: #00A0EA;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

/*footer*/
.footer{
	width:100%;
	background: #333333;
    height: auto;
    padding-top: 50px;
    padding-bottom: 30px;
}
.footer .wp{
	overflow: hidden;
}
.footer .footleft {
    width: 70%;
    float: left;
}
.footer .footright {
    width: 25%;
    float: right;
    text-align: right;
}
.footer .footleft dt {
	font-size: 16px;
   margin-bottom: 30px;
    text-align: left;
    color:#fff;
}
.footer .footleft dd a{color:#ccc;font-size: 14px;}
.footer .footleft dl {
    float: left;
    width: 20%;
}
.footer .footleft dl:last-child{width:12%;}
.footer .footleft dd{margin-bottom: 6px;font-size: 14px;}
.footer .footleft dl:first-child dd{color:#ccc;height:30px;line-height: 30px;margin-bottom: 10px;display: block;}
.footer .footleft dl:first-child{width:48%;}
.footer .footleft dl:first-child dt{font-size: 24px;}
.footer .footleft dl:first-child dd{padding-left: 45px;position: relative;}
.footer .footleft dl:first-child dd i{
	position: absolute;
	top:0px;
	left:0;
	content: '';
	width:30px;
	height:30px;
	border: 1px #ccc solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	display:inline-block;
	line-height: 30px;
    font-size: 14px;
    text-decoration: none;
    color: #ccc;
    text-align: center;
}

.d1{
	padding-left: 0 !important;
	position: relative;
}
.d1 ul{
	position: absolute;
	top:0;
	left:70px;
}
.d1 li {
	width:30px;
	height:30px;
	border-radius: 50%;
	margin: 0 3px;
	border:none !important;
	background: #D2D2D2 !important;
	color:#000 !important;
	float:left;
	text-align: center;
	line-height: 30px;
}
.d1 li:hover{
	background: #000 !important;
	color:#D2D2D2 !important;
	cursor: pointer;
}
.d1 li a{
	display: block;
	width:30px;
	height:30px;
	position: absolute;
	top:0;
	left:0;
}
.footright dl{
	width:100%;
}
.footright dl dt{
	font-size: 24px;
	color:#fff;
	text-align: left;
	margin-bottom: 30px;
}
.footright .fleft{
	float:left;
	width:50%;
}
.footright .fright{
	float:right;
	width:50%;
	text-align: right;
}
.footright .fright img{
	width:80px;
}
.footright dd p{color:#ccc;text-align: left;line-height: 20px;font-size: 14px;}
.footright  hr{
	width: 100%;
    background: #ccc;
    height: 1px;
    border: none;
    display: inline-block;
    margin-bottom: 5px;
}
.fbottom{
	width:100%;
	height:50px;
	background: #000;
}
.fbottom .wp>div:first-child {
    float: left;
    font-family: "微软雅黑";
    color: #ccc;
    line-height: 50px;
    font-size: 14px;
}
.fbottom .wp>div:last-child{
	width:240px;
	float:right;
}
.fd-links{
	float:left;
}
.fd-links a{
	color:#000;
}
.bt_top{
    float: right;
    font-family: "微软雅黑";
    color: #fff;
    line-height: 36px;
    font-size: 38px;
    width:40px;
    height:40px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #fff;
    margin-top: 5px;
}

.fbottom .wp a{
	color:#ccc;
	margin: 0 5px;
}
.fbottom .wp a:first-child{margin-left: 20px;}
@media  (max-width: 1080px) {
		.footright{display: none;}
		.footleft{width:100% !important;}
}
@media  (max-width: 800px) {
	.fd-links{display:none;}
}
@media  (max-width: 767px) {
	.footer{display: none;}
	.bt_top,.fbottom .wp>div:first-child a{display: none;}
	.fbottom .wp>div:first-child{width:100%;float:none;}
	.fbottom{height:auto;padding: 10px 0;}
	.fbottom div{line-height: 20px !important;}
}
/*布局*/
.wp{
	margin-left:auto;
	margin-right: auto;
	max-width: 1200px;
	height:auto;

}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}
* {outline: none;}
#bd{overflow: hidden;}
/*******************************
-------[=头部&底部]-------
********************************/
#hd {
    position: relative;
    background-color: #0a0a0a;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
#hd.index-hd{
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

#hd .logo {
    float: left;
    height: 45px;
    padding: 30px 0 0 0px;
    line-height: 45px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
#hd .logo img {
    vertical-align: middle;
}
#hd .hdr {
    float: right;
    padding-top: 7px;
    text-align: center;
}
#hd .hdr span {
    padding-right: 11px;

}
#hd .hdr a {
    font-size: 12px;
    color: #fff;
}
#hd .hdr a:hover {
    text-decoration: underline;
}

#hd .search {
    position: relative;
    margin-top: 20px;
    z-index: 2;
}
#hd.on  .search{
	margin-top: 10px;
}
#hd .search i{
	width: 25px;
    height: 25px;
    font-size: 24px;
    margin: 0 6px;
    float: left;
    text-align: center;
    line-height: 25px;
    color: #fff;
}
#hd .search span{color:#fff;font-size: 16px;}
#hd.on{background-color: #fff;}

#hd.on .logo,#hd.on .nav{padding-top: 0;}
#hd.on .logo{height: 65px;line-height: 65px;}


.fd-links{margin-top: 9px;position: relative;width: 190px;padding-left: 11px;background-color: transparent;margin-right: 10px;
    z-index: 4;border:1px solid #fff;}
.fd-links.on{border-top:1px solid #ccc;}
.fd-links .show{width: 100%; no-repeat 95% center;color:#fff;
    height: 33px;line-height: 33px;font-size: 14px;cursor: pointer;background: transparent url(../images/icon5.png) no-repeat 95% center;}
.fd-links ul{display: none;position: absolute;bottom: 34px;left: 0;width: 100%;background-color: #fff;
    padding: 5px 0;max-height: 242px;overflow: auto;overflow-y: scroll;z-index: 4;}
.fd-links ul::-webkit-scrollbar {width:5px;height:1px;}
.fd-links ul::-webkit-scrollbar-button{display: none;}
.fd-links ul::-webkit-scrollbar-track-piece{background:#f4f4f4;}
.fd-links ul::-webkit-scrollbar-thumb{background:#3c4245;border-radius: 5px;}
.fd-links li{padding-left: 11px;}
.fd-links a{display: block;line-height: 22px;font-size: 14px;}


/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    margin-top: 14px;
}
.menuBtn b{display: block;height: 3px;background-color: #004a84;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.hdr ul{height:25px;}
.hdr li{
	z-index: 5;
	width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 6px;
    border:1px solid #666;
    float: right;
    text-align: center;
    line-height: 25px;
     color:#666;
     cursor: pointer;
}
.hdr li:hover{
	color:#fff;
	border:none;
	background: #666;
}
.hdr li > a{
	display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    color:#fff;
}
.hdr dl{
	position: absolute;
    top: 25px;
    right: -20px;
    width: 60px;
    background-color: #000;
    z-index: 100 !important;
    padding: 5px 0;
    display: none;
}
.hdr dl dd{
	width:100%;
	height:20px;
	line-height: 20px;
}
.hdr dl a{font-family: "微软雅黑";}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

    #hd .logo{padding-left: 0;}
    #banner .ban-slider .slick-prev{margin-left: 0;left: 5%;}
    #banner .ban-slider .slick-next{margin-right: 0;right: 5%;}

}




@media (min-width: 881px) {
.phone-lange{display: none;}
}


@media  (max-width: 1200px) {
.wp{padding: 0 5px !important;}
}
@media (max-width: 1092px) {
#hd .hdr{display: none;}
#hd.index-hd{background-color: #fff;}
.banner{margin-top: 78px;}
#hd .logo{line-height: 45px;height: 45px;padding-top: 15px;}

#hd .logo img{width:160px;}
}


/*Common For Max 480*/
@media  (min-width: 881px) {
	#hd.on .logo{margin-top: 5px;}
}
@media (max-width: 880px) {
    a:hover,a:active,a:visited,a:link,a:focus{
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
        outline:none;
        text-decoration: none;
    }
    .banner{margin-top: 0px;}
    #hd{position: fixed;top: 0;left: 0;width: 100%;z-index: 5;}
    body{padding-top: 54px;}
    .menuBtn{display: block;}
    #banner{margin-top: 0;}

   #hd .logo{padding-top: 3px;}
   .menuBtn{padding-top: 0px;}

}
.foot-contact,.nav-home{display: none;}
.navbar-default .navbar-toggle{border:none;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: none;}
@media (max-width: 767px) {
	.rightbar{display: none !important;}
    .foot-contact{display: block;position: fixed;bottom: 0; left: 0; padding: 10px 0; width: 100%;    background: #60676F;}
    .foot-contact i{color: #fff; margin-right: 10px;}
    .foot-contact a{display: inline-block;width: 50%;text-align: center;color: #fff;}
    .nav-home{display: block;float: left;padding: 13px 10px;color: #fff;}
}
@media (min-width: 641px){
	.pha {display: none !important;}
}
@media only screen and (max-width: 640px){

    #banner .ban-slider .slick-dots{bottom: 20px;}
   #hd .logo{padding-top: 0px;}
   .menuBtn{padding-top: 7px;}
   .pca {display: none !important;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    body{padding-top: 0;}
    #banner .news-slide{bottom: -40px;}
    #banner .ban-slider .slick-arrow{margin-top: -15px;width: 30px;height: 30px;}
    #hd .logo,#hd.on .logo{line-height: 45px;height: 45px;max-width: 120px;}
    .menuBtn{margin-top: 3px;}


}