.nav li a:hover, .n_haed  .nav li a.act  {border-bottom: 3px solid #0061a5;}

 
.logo{ float: left; width: auto; padding: 0 0 6px 0; }
 .logo img{ width: 100%;}
.m_header{ }
/*n_banner*/
.banner{position:relative; width:100%; overflow:hidden;  }
.baner{ width:1000px; position:relative; margin:0 auto; border-top:1px solid #ddd;}
.baner_box{ width:1920px; margin:0 -460px;}
.n_baner{ width:1920px; overflow:hidden; display:block; }
.banner .next,.banner .prev{width:21px; height:39px; display:block; position:absolute;top:50%; margin-top:-55px; z-index:1001;}

.banner .prev { background:url(../images/ban_prev_1.png) no-repeat; left:15px;  }
.banner .next {background:url(../images/ban_next_1.png) no-repeat; right:15px; }
.banner .prev:hover{ background:url(../images/ban_prev.png)no-repeat; left:15px;  }
.banner .next:hover{background:url(../images/ban_next.png)no-repeat;  right:15px; }

.atlas { width:999999px;}
.atlas li{ float:left;}
.atlas li img{ display:block;}
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:5;}
.n_baner .num a{ width:12px; height:12px; display:inline-block; background:#000; border-radius:10px; margin:0 5px;}
.n_baner .num a.on{ background:#1f79cd}

.atlas li .know_more{ position:absolute;   top:290px; left:930px;}
.atlas li .know_more a{ color:#fff; display:block;}
.atlas li .know_more a:hover{ color:#ee9021;}

.atlas li .know_more_1{ position:absolute;   top:306px; left:25px; width:90px; height:30px; line-height:30px; text-align:center; background:#0689e5;}
.atlas li .know_more_1 a{ color:#fff; display:block;}
.atlas li .know_more_1 a:hover{ background:#ee9021;}

#inner_ban .n_baner{ height:auto;}
#inner_ban .n_baner img{ width:100%; height:auto; max-width:1920px; display:block;}



.container{ margin:0 auto; }
.container .main_cont{line-height:26px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
#ana_tab .club_list_box { border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:30px;}

/*面包屑*/
.main_box{ width:100%; height:100px; padding:0;}
.main_box_1{ height:100px;  background:#fff}
.com_pub{ display:block;}
.com_pub .icon_pos{ background:url(../images/map_icon.png) no-repeat left center; padding:10px 0 0 26px}
.com_pub_box{ width:1000px; margin:0 auto;}
.curent_pos{ display:block; float:left; line-height:98px; font-size:14px;}
.curent_nav{ float:right; display:block; line-height:98px; font-size:14px;}
.curent_nav li{ float:left; margin-right:60px; font-size:14px;}
.curent_nav li a:hover,.curent_nav li a.on{ color:#f79e28}
.curent_nav .rr a:hover,.curent_nav .rr a.on{color:#68aec5}
.curent_nav li img{ vertical-align:middle; margin-right:10px;}

.com_pub_1{ background:#f0f0f0; height:auto; overflow:hidden; top:30px; position:relative; z-index:4}
.com_pub_1 .icon_pos_1{ background:url(../images/map_icon.png) no-repeat left center; padding:10px 0 0 26px}
.com_pub_box_1{ width:1000px; margin:0 auto;}
.curent_pos_1{ display:block; float:left; line-height:48px; font-size:14px;}
.curenr_more{ display:block; float:right; line-height:48px; height:48px; font-size:14px;}
.curenr_more img{ vertical-align:middle; cursor:pointer; margin-top:-3px; margin-left:5px;}
.detail_ban{ height:auto; overflow:hidden; position:relative; top:13px;}

.more_pub{ background:url(../images/white_bg.png) repeat; height:auto; z-index:3; position:absolute; width:100%; padding:30px 0; display:none; left:0;}

.more_pub .pub_box{ padding:20px 0;}
.more_pub .pub_box .left_box{ border-right:1px #ccc solid; float:left; width:16%; color:#0061a5; padding:30px 0; text-align:center;}
.more_pub .pub_box .left_box span{ display:block; background:url(../images/backing_icon.jpg) no-repeat center; line-height:26px; text-align:center; font-size:14px; margin-top:15px;}
.more_pub .pub_box .left_box span a{ color:#fff;}
.more_pub .pub_box .right_box{ float:right; width:83%;}
.more_pub .pub_box .right_box ul{ width:106%}
.more_pub .pub_box .right_box li{ float:left; margin-left:2%; width:17%}
.more_pub .pub_box .right_box li li{ float:left; width:100%; line-height:26px;}
.more_pub .pub_box .right_box li li a{ background:url(../images/grey.png) no-repeat left 10px; padding-left:10px;}
.more_pub .img{ position:absolute; height:auto; top:190px; right:215px; overflow:hidden;}
.more_pub .img img{ cursor:pointer;}
.more_pub .pub_box .right_box li li a:hover{color:#ff7800; background:url(../images/orange.jpg) no-repeat left 10px; }
.img_icon{ height:auto; overflow:hidden;}
.bottom_icon{ position:relative; top:10px;}


/*弹出层*/
.zoom{ background:url(../images/bj_black.png) repeat; position:fixed; width:100%; height:100%; left:0; top:0; z-index:99; display:none;}

.n_zoom{ width:800px; padding:30px 40px 0 40px; height:480px; background:#fff; border-top:5px solid #0061a5; position:absolute; left:50%; top:50%; margin:-255px 0 0 -440px;}

.n_zoom a.close{ width:26px; height:26px; padding:20px; position:absolute; right:0; top:-3px;}

.n_zoom a.close img{-webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}

.n_zoom a.close:hover img,.sucess a.close:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
.su_fail{ z-index:9999; display:none; width:300px; padding:50px; background:#fff; position:fixed; left:50%; top:50%; margin:-150px 0 0 -200px; border-radius:10px; border:3px solid #666; text-align:center;}
/*弹出层 大图*/

.n_zoom .show_img{ float:left; width:740px; text-align:center; line-height:24px; font-size:14px; font-weight:bold; color:#333}

.n_zoom .show_img .small{ display:none;}

.n_zoom span{ width:26px; height:60px; display:block; cursor:pointer;  margin-top:180px; border:1px solid #ddd; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}





/*弹出层 表单*/

.form{ padding:30px;}

.form p{ overflow:hidden; padding:8px 0; line-height:30px;}

.form p label{ width:80px; padding-left:20px; float:left; font-weight:bold; }

.form p input{ border:1px solid #ddd; width:480px; height:22px;}

.form p textarea{ width:480px; height:120px; border:1px solid #ddd;}

.form p.tj{ padding-left:100px;}

.form .submit{ background:#0061a5; border:none; height:34px; width:200px; color:#fff; cursor:pointer;}

.bx{ background:#fff4f4;}



/*弹出层 成功失败*/

.sucess{ width:300px; height:160px; background:#fff; border:4px solid #ddd; position:absolute; left:50%; top:50%; margin:-80px 0 0 -150px; border-radius:15px; text-align:center;}

.sucess a.close{ width:26px; height:26px; display:block; background:url(../../../../Images/home/sharesunpv/zh-cn/hotsale_icon_close.png) no-repeat left top; position:absolute; right:5px; top:5px;}



.sucess h4{ line-height:24px; font-size:24px;  padding-top:60px;}



.idea{ padding-bottom:40px;}
.idea ul{ width:1184px;}
.idea ul li{ text-align:center; float:left; width:317px; height:297px; margin-right:20px; cursor:pointer;  color:#333;transition: ease 0.3s; border:1px solid #dadadc;}
.idea ul li .box{   padding-top:30px;}
.idea ul li .icon{ width:90px; height:92px; display:inline-block; overflow:hidden; }
.idea ul li .icon span{ width:74px; height:92px; border-radius:50%; display:inline-block;transition: ease 0.3s}

.idea ul li:hover{ background:#fbb92a; color:#fff; transition: ease 0.3s}
.idea ul li:hover .icon span{ -moz-transform:translateY(-95px); -ms-transform:translateY(-95px); -o-transform:translateY(-95px); -webkit-transform:translateY(-95px);transform:translateY(-95px);  }
.idea ul li .txt{ text-align:left; display:block; line-height:20px; padding:10px;}

.idea ul li .name{ font-size:14px; margin-top:-15px; }
.idea .line{ height:2px; width:58px; display:block; background:#cdcdcf; margin:10px auto}
.idea ul li :hover .line{ height:2px; width:58px; display:block; background:#fff; margin:10px auto}
.time_list_m ul li .time{ font-size:16px;}


/*成功or失败*/
/*.su_main .ss{ margin-top:12.3%;}
.sucesss { text-align:center; margin:0 auto; margin-bottom:12.5%; width:57.6%; position:relative;}
.sucesss img{ vertical-align:middle; width:100%; display:block; }
.sucesss .back_act{ width:95px; height:36px; position:relative; margin:0 auto; margin-top:-14%; display:block; }
.sucesss span a{ color:#fff; font-weight:bold; line-height:45px; background:#5ea601; padding:9% 13%;}
*/
#su_main{display: none;
 position: absolute;
 z-index: 9999999;
 height: 100%;
 width: 100%;
  background: #333;
 opacity:0.4;
  filter:alpha(opacity=40);
  top:0;
  padding-top:40%;}
 
#container{  display: none;
 position: absolute;
 height: 100%;
 width: 100%;
 padding-top: 30%;
 z-index: 9999999;
 left: 0px;
 top: 0px;
}
.sucesss { text-align:center; margin:0 auto; margin-bottom:12.5%; width:35%; position:relative; margin-top:px;}
.sucesss img{ vertical-align:middle; width:100%; display:block; }
.sucesss .back_act{ width:95px; height:36px; position:relative; margin:0 auto; margin-top:-14%; display:block; }
.sucesss span a{ color:#fff; font-weight:bold; line-height:45px; background:#5ea601; padding:9% 13%;}

/*停留*/
#header .top .lang a.on,#header .top .lang a:hover{ color: #0061a5; border: 1px solid #0061a5;}
.nav li a.on,.n_haeder .nav li a:hover{ border-bottom: 3px solid #0061a5;}
.com_pub .sub_nav li a.on,.com_pub .sub_nav ul li a:hover{border-bottom:2px solid #038aea; color:#000}
.php{ display:none;}
.num{ display:none;}
/*平板端*/ 

@media (min-width: 768px) and (max-width: 999px) {
	.header{display:none;}
		}
	@media (min-width: 992px) and (max-width: 1239px) { #header{ display: none;}
	.header{display:none;}

	.container {
    width: 98%;
}.container .logo {
    margin-left: 20px;
}

	.m_header{ display:block;}
	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
	.m_header .logo{ width:80%;height:auto; float:left; overflow:hidden;}
	.m_header .logo img{ width:100%;}
	.m_header .logo a,.m_header .logo img{ display:block}
	.m_header .collapse{  background-color: transparent; border-radius: 4px;  float: right; cursor:pointer;     margin-top: 1%;
    margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}
	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0061a5;  position:absolute; top:50%; transition:all ease 0.3s;}/*必须定位哦*/
	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}        
	.m_header .collapse.active span:nth-child(2){ display:none} 
	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 
.m_nav{ position:absolute; width:100%; background: #02328d; left:0; z-index:66;  display:none; }
	.m_nav ul li{ width:100%; padding:0; height:50px;line-height:50px;  border-top:1px solid #ccc;}
	.m_nav ul li.now{ background:#fff;}
	.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
	.m_nav ul li a{ display:block; width:100%; text-align:center; padding:30px 10px; color:#fff; font-size:20px}
	.m_nav ul li a .open, .m_nav ul li a .close {  display: block;  float: right;  width:10px; height:10px; margin-top:2px }
	.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
	.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 
	.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
	.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
	.m_nav ul li ul li a{ padding:5px 10px;} 
	.m_nav ul li ul li a i{ width:7px; height:10px; display: block;  float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
	
	}
	
@media (min-width:768px)and (max-width:999px){
    .n_haeder .nav li {float: left;width: 14%;text-align: center;font-size: 14px;}
	#header{ display:none;}
	.header{ display:none;}
	.m_header{ display:block;}
	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
	.m_header .logo{ width:80%;height:auto; float:left; overflow:hidden;}
	.m_header .logo img{ width:100%;}
	.m_header .logo a,.m_header .logo img{ display:block}
	.m_header .collapse{  background-color: transparent; border-radius: 4px;  float: right; cursor:pointer;     margin-top: 2%;
    margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}
	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0061a5;  position:absolute; top:50%; transition:all ease 0.3s;}/*必须定位哦*/
	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}        
	.m_header .collapse.active span:nth-child(2){ display:none} 
	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 
		
	.m_nav{ position:absolute; width:100%; background: #02328d; left:0; z-index:66;  display:none; }
	.m_nav ul li{ width:100%; padding:0;height:120px;line-height:80px;   border-top:1px solid #ccc;}
	.m_nav ul li.now{ background:#fff;}
	.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
	.m_nav ul li a{ display:block; width:100%; text-align:center; padding:30px 10px; color:#fff; font-size:40px}
	.m_nav ul li a .open, .m_nav ul li a .close {  display: block;  float: right;  width:10px; height:10px; margin-top:2px }
	.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
	.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 
	.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
	.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
	.m_nav ul li ul li a{ padding:5px 10px;} 
	.m_nav ul li ul li a i{ width:7px; height:10px; display: block;  float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
    .baner_box{ margin:0 auto; wodth:100%;}
	.p_banner .p_bannerbox{display:none;}
	.p_banner .p_bannerbox img{ width:100%;}
	.main_box{ display:none;}
	
    /*content*/
	.container{ width:98%; margin:0 auto; overflow:hidden;}
}

/*手机*/

@media (max-width:767px) {
	
    #header .top,.i_news,.i_main .flex-right,.footer-hidden,#footer .section .right,#footer .section .left{display: none;}
   
    .n_haeder .nav li {float: left;  width: 14%;  text-align: center;  font-size: 14px;  }

    /*banner*/
	.container{ width:96%; margin:0 auto; overflow:hidden;}
    .baner_box{width: 100%; margin:0 auto;}
	.n_baner{ margin:0;}
    .atlas li img{width: 100%;}

	
	#head{ display:none;}
   .m_header{ width:100%; left:0; top:0;}
   .p_banner .p_ban{ width:100%;}
   .p_banner .p_bannerbox{ display:none;}
   .p_banner .p_bannerbox img{ width:100%}
 
#header{ display:none;}
	.m_header{ display:block;}
	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
	.m_header .logo{ width:80%;height:auto; float:left; overflow:hidden; }
	.m_header .logo img{ width:100%;}
	.m_header .logo a,.m_header .logo img{ display:block}
	.m_header .collapse{  background-color: transparent; border-radius: 4px;  float: right; cursor:pointer; margin-top: 8%;margin-right: 4%; position:relative; width:40px; background-image:none;}
	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 3px; width: 40px; background:#0061a5;  position:absolute; top:50%; transition:all ease 0.3s;}/*必须定位哦*/
	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}        
	.m_header .collapse.active span:nth-child(2){ display:none} 
	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 
.m_nav{ position:absolute;background:#333; width:100%; left:0; z-index:66;  display:none; }
.m_nav ul li{ width:100%; padding:0;height:120px;line-height:80px;   border-top:1px solid #d4d1d1;}
.m_nav ul li.now{ background:#fff;}
.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
.m_nav ul li a{ display:block; width:100%; text-align:center; padding:30px 10px; color:#fff; font-size:40px}
.m_nav ul li a .open, .m_nav ul li a .close {  display: block;  float: right;  width:10px; height:10px; margin-top:2px }
.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 
.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
.m_nav ul li ul li a{ padding:5px 10px;} 
.m_nav ul li ul li a i{ width:7px; height:10px; display: block;  float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
}
/*手机480*/ 
@media (max-width: 479px) {
	.baner_box{width: 100%%; margin:0 auto;}
    #header{ display:none; }
   .m_header{display:block; background:#fff}
   .container{ width:98%; margin:0 auto; overflow:hidden;}
   .p_banner .p_ban{ width:100%;}
   .p_banner .p_bannerbox{ display:none;}
   .p_banner .p_bannerbox img{ width:100%}
   
}