@charset "utf-8";
.wrapper{ position:relative;}

/*img{ max-width:100%;}*/


/*电脑banner*/

.banner { width:100%; min-width:1000px; height:550px; position:relative; z-index:8; }
.banner >ul >li { position:absolute; left:0px; top:0px; width:100%; height:550px; }
.banner >ul >li >a { display:block; width:100%; height:550px; position:relative; }
.banner >ol { width:136px; height:10px; margin-left:-68px; left:50%; z-index:9; position:absolute; bottom:10px; }
.banner >ol >li { width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin-right:15px; cursor:pointer; }
.banner >ol >li.active { background:#5ab1ff; }


/*电脑banner上的文字*/
.ban_bg { position:absolute; left:20px; top:195px; background:url(../images/opacity_bg.png) center center no-repeat; width:772px; height:99px; display:block; z-index:10; }
.ban_more { position:absolute; left:50px; top:294px; width:107px; height:24px; display:block; font-weight:normal; color:#fff; border:1px solid #fff; line-height:24px; text-align:center; cursor:pointer; }
.chinese { font-size:25px; color:#f7f7f7; font-weight:bold; animation: fadeInDown 1.5s; -webkit-animation: fadeInDown 1.5s; padding: 213px 0 0 50px; width:590px; z-index:11; position:relative; }
.english { font-size:12px; color:#f7f7f7; animation: fadeInLeft 1.5s; -webkit-animation: fadeInLeft 1.5s; padding: 10px 0 0 50px; width:394px; z-index:11; position:relative; }







/*电脑头部*/
.header { position:absolute; top:0px; left:0px; z-index:9; background:url(../images/headbg.png) 0 0 repeat; width:100%; height:70px; }
.head { width:1000px; height: 70px; margin:0 auto; position:relative; }
.head h1 { width: 337px; height: 70px; float:left; }
.head h1 a { display:block; width: 337px; height: 70px; background:url(../images/logo.png) center center no-repeat; }
.nav { width: 610px; height: 70px; float:left; margin-left:20px;   position:relative;  }
.nav >li{float:left;width: 74px;height:70px;text-align:center;line-height:70px;}
.nav >li>a { display:block; color:#333333; }
.nav >li:hover a, .nav >li.current a{ color:#fff;  }
.nav >li:hover, .nav >li.current {background:#005bac; }
.nav >li >ul{ position:absolute; left:0px; top:70px; width:617px; background:rgba(0,91,172,0.85); padding:0px 15px; display:none;}
.nav >li:hover >ul{display:block;}
.nav >li >ul>li{ width:154px; float:left; text-align:center; line-height:30px;}
.nav >li >ul>li>a{ color:#fff; font-size:12px; display:block;}



/*搜索*/
.searchbg { background:url(../images/search.png) #004e85 center center no-repeat; width:33px; height:33px; float:right; display:block; margin-top:17px; cursor:pointer; }
.form_h { background:#f8f8f8; height:30px; position:absolute; right:0; bottom:-13px; border-radius:8px; overflow:hidden; display:none; }
.form_h .text { border:0; line-height: 30px; padding: 0px 8px; width: 195px; background:none; box-sizing: border-box; color:#888888; }



/*手机头部banner*/
.swiper-container { width: 100%; height: 100%;display:none; }
.swiper-container .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container .swiper-wrapper .swiper-slide a{ height:240px; width:100%;}
.swiper-container .swiper-wrapper .swiper-slide a img{ max-width:100%; height:100%;}



/*手机头部*/
.mobile_header{ width:92%; margin:0 auto; height:97px; overflow:hidden; display:none;}
.mobile_nav{ height:52px; overflow:hidden; position:relative;}
.mobile_nav_m{ background:url(../images/navmobile.png) center center no-repeat; height:26px; width:15%; float:right; margin-top:11px;}
.mobile_header h1 { width: 100%; height: 38px; float:left; }
.mobile_header h1 a { display:block; width:100%; height: 38px; background:url(../images/logo.png) left center no-repeat; background-size: contain;}




/*底部*/
.footer {width:100%;background:#535353;}
.foot { width:1000px; margin:0 auto; padding:13px 0 23px; overflow:hidden; }
.f_left { width:633px; float:left; color:#fff; font-size:12px; line-height:25px; margin-top:25px; }
.f_left span{ border-bottom:1px solid #fff; display:none;}
.f_left a { color:#fff; font-size:12px; }
.f_left a:hover{ color:#fff;}
.f_right { float:right;/* margin-bottom:20px;*/ }
.f_right select { width:190px; height:35px; background:url(../images/sele.png) 150px center no-repeat; padding:0 20px; color:#fff; font-size:12px; border:1px solid #fff; }
.f_right select option { color:#333333; cursor:pointer; }
.code{width:80px; height:80px; margin:10px auto 0;}
.code img{width:80px; height:80px;}

/*手机站*/
.box{ display:none;}	
.sidebar{ display:none;}
@media screen and (max-width:880px){
.header{ display:none;}    
.mobile_header{ display:block;}
.searchbg{ margin:10px 20px 0 0; width:28px; height:28px;}     
.swiper-container { display:block;} 
.box{ display:block;} 
.banner{ display:none;} 
/*.chinese { padding:70px 0 0 20px; width:69%; font-size:14px;} 
.english{ padding:0; width:69%; font-size:12px;} 
.ban_bg{top:70px;background:url(../images/mobile_banbg.png) left center no-repeat; width:88%; height:41px;}
.ban_more{top:159px; z-index:99;}*/



.box{position:relative; }

.text{ position: absolute;z-index: 1111;left: 10%;top: 50%; margin-top: -35px;    height: 70px;width: 70%; background: url(../images/mobile_banbg.png) left top no-repeat;}
.ban_more { position:absolute; left: 0; top: 55px; width: 80px; height: 20px; display:block; font-weight:normal; color:#fff; border:1px solid #fff; line-height: 20px; text-align:center; cursor:pointer; }
.chinese { font-size: 14px; color:#f7f7f7; font-weight:bold; animation: fadeInDown 1.5s; -webkit-animation: fadeInDown 1.5s; padding: 0; width: 100%; z-index:11; /* position: absolute; */ /* top: 0; */ /* left: 0; */}
.english { font-size:12px; color:#f7f7f7; animation: fadeInLeft 1.5s; -webkit-animation: fadeInLeft 1.5s; padding: 0; width: 100%; z-index:11; /* position: absolute; */ /* left: 0; */ /* bottom: 6px; */}
.ban_bg{/* top:70px; *//* background:url(../images/mobile_banbg.png) left center no-repeat; */ width:88%; height: 41px;position: static;}


.form_h{ top:0; left:0px; width:60%; margin-top:10px;}
.form_h .text{ }
.sidebar{ position:absolute;  width:100%; line-height:20px; top:97px; right:0px;   z-index:9999; background:#fff; border-top:1px solid #d9d9d9;}
.sidebar li{ line-height:45px;  border-bottom:1px solid #d9d9d9;}
.sidebar li a{ display:block; color:#313131; text-align:center; }	      
.foot{ width:92%; padding:10px 0; }    
.f_left{ width:100%; text-align:center; float:none; margin-top:0;}    
.f_left span{ display:block; margin:13px auto 10px;}    
.f_right { float:none; text-align:center; margin-top:12px;}  



table tr td img{max-width:100%;}









    
    
    
    }