﻿/*------------------------头部---------------*/
/*头部*/
.header_Top{ overflow:hidden; background:#103b67; height:76px;}
.header_In{ width:1005px; margin:0 auto; overflow:hidden;}
.logo{ float:left; padding-left:12px;}
.header_right{ float:right; width:auto; line-height:76px; font-size:16px;  color:#fff;}
.header_right span{color:#fff;}
.header_right a{ padding:10px 5px; font-size:16px; color:#fff;*padding:0px 5px; }
.header_right a.aid{background:url(/Sites/Uploaded/UserUpLoad/20161220/20161220170420.png) no-repeat left center;padding-left: 35px; *display:inline-block; *height:76px;}
.header_right a:hover{ text-decoration:underline; color:#fff !important}
.menu-icon{ display:none;}
.nav .header_right{ display:none;}
.loginBox{ float:left;}

.img01_auto{width:100%;margin:0 auto;position:relative;}
.main_image1{margin-top: -223px; height: 223px; overflow: hidden;}

.main_image2{ width: 1000px;  margin: 0 auto; height: 223px; }
.main_image2 ul{  width: 1000px; margin: 0 auto; height: 223px; position: relative; }
.main_image2 ul li{display:none;position:absolute;top:112px;right:35px;}

.main_image1 .bg1{ background: url(/Sites/Uploaded/UserUpLoad/20170406/20170406095915.jpg) no-repeat center;height: 223px; width: 100%;float:left; }
.main_image1 .bg2{ background: url(/Sites/Uploaded/UserUpLoad/20170301/20170301134249.jpg) no-repeat center; height: 223px; width: 100%;float:left;}

.slide_main #slides .img01{background:url(/Sites/Uploaded/UserUpLoad/20170301/20170301134249.jpg) no-repeat center 0;}


.banner{  height: 223px; overflow: hidden; }
/*背景图片轮播*/
/* slide */
.slide_main{height:auto;height:223px;/* overflow:hidden */}
.slide_main{/* position:absolute; */left:0;top:0;width:100%;z-index:0 !important;_display:none;}
.slide_main #slides .movie{width:100%;display:block;z-index:10;position:absolute;left:0;top:324px;}
.slide_main #slides .movie span{position:relative;z-index:10;display:block;width:960px;height:110px;margin:0 auto 0 auto;text-align:right;}
.slide_main #slides .movie span img{z-index:10;margin-right:46px;}
.slide_main #slides .img01,
.slide_main #slides .img02,
.slide_main #slides .img03,
.slide_main #slides .img04{height:223px !important;}
.slide_main #slides .img04 a{display: block;width:100%;height:223px;}
.slide_main #slides span.link_area{display:block;width:100%;}
.slide_main #slides span.link_area a{display:block;width:960px;height:150px;margin:250px auto 0 auto;}





.slidesjs-previous{position:absolute;left:18%;top:390px;z-index:0;font-size:0;background: url(../images/btn_prev.png) no-repeat center 0;width:48px;height:47px;}
.slidesjs-next{position:absolute;right:18%;top:390px;z-index:1000;font-size:0;background: url(../images/btn_next.png) no-repeat center 0;width:48px;height:47px;}
.slide_main #slides{position:relative;}
.slide_main #slides > div{position:absolute; top:0; left:0; width:100%; display:block;}
a.slidesjs-navigation{display: none}

@media only screen and (max-width:768px){
.nav,.banner{display: none}
.menu-icon { display:block;background:none; position: absolute;  right: 0; top: 0; width: 24px;  z-index: 10; padding:36px 25px}
.open{background: rgba(0, 134, 214, 0.7) none repeat scroll 0 0;}
.menu-icon .icon-bar { background-color: #fff;  border-radius: 1px; display: block;  height: 4px;  margin: 0 auto; width: width: 24px; transition: all 0.3s ease 0s; position:relative;}
.menu-icon .icon-bar::after, .menu-icon .icon-bar::before {  background: #fff;  content: ""; display: block; height: 4px; position: absolute; transition: all 0.3s ease 0s; width: 24px; z-index: -1;}
.menu-icon .icon-bar::before { top: -8px;}
.menu-icon .icon-bar::after { top: 8px;}
.open .icon-bar{ background:none;}
.open .icon-bar::after { top: 0 !important; transform: rotate(45deg);}
.open .icon-bar::before { top: 0 !important; transform: rotate(-45deg);}

.img01_auto{width:100%;}
.header_In{ width:96%;}
.header_right{ float:left; margin-left:20px;}
.logo{ display: block; float: none;  margin: 0 auto; padding:0; width: 280px;}
.header_right{ display:none;}
.nav .header_right{ display:block;}
.nav{position:absolute; right:-60%; top:0; width:60%; display:none; height:100%; background:#aaa }
.nav ul{background:none;}
.nav ul li{ width:100%; }
.nav ul li a , .nav ul li a:hover{ background:none; width:100%;}
.search{ width:100%;}
.banner{ background-position:-575px center;}
.back{ display:none;}
}

@media only screen and (max-width:640px){
.header{ height:auto; }
.logo{ width:190px; margin:5px auto;}
.logo img{ width:100%;}
.menu-icon{ padding:29px 10px; }
.menu-icon .icon-bar , .menu-icon .icon-bar::after, .menu-icon .icon-bar::before{ width:20px; height:3px;}
.menu-icon .icon-bar::before { top: -6px;}
.menu-icon .icon-bar::after { top: 6px;}
}
 