/* reset */
/*html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;}*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0; font-family:'Arial', '宋体';}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a,a:hover{text-decoration:none;}
a{color:#333;}
a:hover{color:#000;}
/*body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; color:#666; outline:0;}*/
body,textarea,input,button,select,keygen,legend{font:14px/1.5 sans-serif,\5b8b\4f53; color:#666; outline:0;}
html{font-size:10px;}
/*body{background:#f6f6f6; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;}*/
body{background:#fff; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; font-family:'Arial', '宋体';}
input[type=submit]{cursor:pointer;}
p{text-align:justify; text-justify:inter-ideograph;}

.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.icon{display:inline-block; background:url(../images/sprite_1.png) no-repeat; vertical-align:middle; margin-right:10px;}
.i-news-back{display:block; width:20px; height:12px; background-position:-50px 0; margin:16px auto 5px;}
.i-arr-down{width:45px; height:45px; background-position:-40px -29px; margin:0; background-color:#1d24ab;}



#header{position:relative; top:0; left:0; z-index:8; width:100%; height:70px; background:#fff;}
#logo{float:left; position:relative; z-index:2; width:200px; height:70px; margin-left:6px; background:url(../images/logo.png) 50% 50% no-repeat;}
#nav{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
#nav ul{position:absolute; top:0; right:180px; bottom:0; left:250px; font-size:16px;}
/*#nav ul li:nth-of-type(1){-webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; animation-delay:0.15s;}
#nav ul li:nth-of-type(2){-webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; animation-delay:0.25s;}
#nav ul li:nth-of-type(3){-webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; animation-delay:0.35s;}
#nav ul li:nth-of-type(4){-webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; animation-delay:0.45s;}
#nav ul li:nth-of-type(5){-webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; animation-delay:0.55s;}
#nav ul li:nth-of-type(6){-webkit-animation-delay:0.65s; -moz-animation-delay:0.65s; animation-delay:0.65s;}
#nav ul li:nth-of-type(7){-webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; animation-delay:0.75s;}*/
#nav ul li{position:relative; display:inline-block; *display:inline; *zoom:1; padding:0 2.6%; line-height:70px;/* -webkit-animation:upIn .6s both; -moz-animation:upIn .6s both; animation:upIn .6s both;*/ -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s;}
#nav ul li.act{background:#3139b3;}
#nav ul li.act > a{color:#fff;}
#nav ul li a{display:block; height:100%; color:#000; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav ul li > a{font-weight:bold;}
#nav ul li i{display:none;}
#nav ul li div{min-width: 230px; display:none; position:absolute; top:100%; left:0; width:320px; background:transparent; padding:0; box-shadow:none; overflow:hidden; -webkit-animation:fadeIn 0.3s both; -moz-animation:fadeIn 0.3s both; animation:fadeIn 0.3s both;}
#nav ul li.act div{display:block;}

#nav ul li div a{float:left; width:140px; height:39px; margin-right:16px; border-bottom:1px solid #efefef; line-height:39px; font-size:14px; color:#666; text-align:left; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav ul li div a:hover{border-color:#1d24ab; color:#1d24ab;}
#nav ul li div picture{position:absolute; top:10px; right:10px; width:270px; height:200px; overflow:hidden;}
#nav ul li div picture img{width:100%;}


#nav .nav-language, #nav .nav-search{display:none;}



.menu{position:absolute; top:15px; right:0; z-index:5;}

#nav-btn{display:none; float:left; width:40px; height:40px; margin:0 10px; border-radius:50%; background:rgba(11,47,143,0.75); cursor:pointer;}
#nav-btn-icon{position:relative; width:20px; height:40px; margin:auto; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
#nav-btn-icon p{position:absolute; top:50%; right:140%; color:#333; font-size:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#nav-btn-icon span{position:absolute; top:50%; left:0; width:100%; height:2px; margin:auto; background:#fff; border-radius:1px; transition:0.3s;}
#nav-btn-icon span:before, #nav-btn-icon span:after{content:''; display:block; position:absolute; left:0; width:100%; height:2px; background:#fff; border-radius:1px; transition:0.3s, 0.3s;  transition-property: top, transform; transition-delay:0.3s, 0;}
#nav-btn-icon span:before{top:-6px;}
#nav-btn-icon span:after{top:6px;}
#nav-btn.act #nav-btn-icon span{background:transparent;}
#nav-btn.act #nav-btn-icon span:before{-webkit-transform:rotate(45deg); top:0;}
#nav-btn.act #nav-btn-icon span:after{-webkit-transform:rotate(-45deg); top:0;}
#nav-btn.act #nav-btn-icon span:before, #nav-btn.act #nav-btn-icon span:after{transition-delay:0, 0.3s;}
#nav-btn.act #nav-btn-icon p{opacity:0;}

.menu-btn{float:left; width:40px; height:40px; margin:0 10px; border-radius:50%; background-color:#1d24ab; line-height:40px; text-align:center; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#i-search{background-image:url(../images/sprite_1.png);}
.menu-btn:hover{color:#fff;}

.lan-b{position:absolute; top:15px; right:154px; width:50px; height:50px; border-radius:50%; background:rgba(0,0,0,0.4); line-height:50px; text-align:center; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.lan-a:hover, .lan-b:hover{color:#fff; background:rgba(0,0,0,0.6);}

#search-bar{display:none; position:absolute; top:100%; right:0; width:240px; height:30px; line-height:30px; padding:10px; background:#fff}
#search-bar input{float:left; box-sizing:border-box; height:30px;}
#search-bar input[type="text"]{width:70%; padding:0 5px; border:1px solid #eee;}
#search-bar input[type="submit"]{width:30%; background:#1d24ab; color:#fff; border:none;}



#footer{width:100%; background:#1d24ab; color:#fff; line-height:66px;}
#footer .ft-info{position:relative; margin:0 30px; padding-top: 8px;}
#footer .ft-info a{color:#fff;}
#footer .ft-info em{margin:0 15px;}
#footer .ft-img{position:absolute; top:9px; right:0;}
#footer .ft-copyright{margin:0 30px; font-size:12px; opacity:.3;}
#footer .ft-copyright a{color:#fff; display:none;}
#ptshare{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#ptshare a{float:none; display:inline-block; width:20px; height:20px; margin:0 5px; background-image:url(../images/sprite_1.png); line-height:20px; vertical-align:middle;}
#ptshare .ptshare-wb{background-position:0 -50px;}
#ptshare .ptshare-wx{background-position:-20px -50px;}



@-webkit-keyframes upIn{
	from{opacity:0; -webkit-transform:translateY(-30px);}
}
@-moz-keyframes upIn{
	from{opacity:0; -moz-transform:translateY(-30px);}
}
@keyframes upIn{
	from{opacity:0; transform:translateY(-30px);}
}


@-webkit-keyframes fadeIn {
  from{opacity:0;}
}
@-moz-keyframes fadeIn {
  from{opacity:0;}
}
@keyframes fadeIn {
  from{opacity:0;}
}


@-webkit-keyframes leftIn{
	from{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
}
@-moz-keyframes leftIn{
	from{opacity:0; -moz-transform:translate3d(-30px,0,0);}
}
@keyframes leftIn{
	from{opacity:0; transform:translate3d(-30px,0,0);}
}








@media (max-width:1220px){
#nav ul{font-size:14px;}
}




/*width:768px*/
@media (max-width:1024px){
#nav-btn{display:block;}
.menu-btn{display:none;}
#nav{display:none; top:70px; right:0; bottom:0; left:0; z-index:10; width:auto; height:auto; overflow:auto; background:#fff; text-align:left; text-indent:4%; -webkit-animation:fadeIn 0.6s both; -moz-animation:fadeIn 0.6s both; animation:fadeIn 0.6s both;}
#nav.act{display:block;}
#nav .nav-search{display:block; box-sizing:border-box; width:92%; height:40px; margin:auto; border:1px solid #d3d3d3; border-radius:3px; -webkit-animation:fadeIn 1s both; -moz-animation:fadeIn 1s both; animation:fadeIn 1s both;}
#nav .nav-search input{float:left;}
#nav .nav-search input[type="text"]{display:block; border:none; width:calc(100% - 58px); height:100%; padding:0 10px;}
#nav .nav-search input[type="submit"]{float:right; width:38px; height:38px; background:url(../images/search_m_1.png) 50% 50% no-repeat; background-size:80% auto; border:none;}
#nav ul{position:static; display:block; margin-top:15px;}
#nav ul li, #nav ul li a{position:relative; display:block; padding:0; line-height:49px;}
#nav ul li i{display:block; height:49px; border-bottom:1px solid #eee; background:#fff; color:#333;font-weight: bold;}
#nav ul li > a{font-weight:bold;}
#nav ul li i:after{content:''; position:absolute; top:20px; right:4%; width:8px; height:8px; border-right:1px solid #333; border-bottom:1px solid #333; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); transform:rotate(225deg); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav ul li a.layer1{display:none;}
#nav ul li div{display:block; position:static; width:auto; height:0; padding:0; overflow:hidden; background:#f7f7f7; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav ul li div.hide{height:auto;}
#nav ul li i.show:after{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
#nav ul li a, #nav ul li div a{display:block; border-bottom:1px solid #eee; color:#666;}
#nav ul li div a{float:none; width:auto; color:#999;}
#nav ul li div picture{display:none;}
#nav .nav-language{display:block; margin:25px 0; text-align:center; text-indent:0;}
#nav .nav-language a{display:inline-block; width:45px; height:45px; margin:0 10px; border-radius:50%; background:#8e8e8e; color:#fff; text-align:center; line-height:45px; font-size:14px; -webkit-animation:fadeIn 0.5s both; -moz-animation:fadeIn 0.5s both; animation:fadeIn 0.5s both;}
#nav .nav-language a:nth-of-type(1){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
#nav .nav-language a:nth-of-type(2){-webkit-animation-delay:1.15s; -moz-animation-delay:1.15s; animation-delay:1.15s;}
#nav .nav-language a:nth-of-type(3){-webkit-animation-delay:1.3s; -moz-animation-delay:1.3s; animation-delay:1.3s;}
#nav .nav-language a.act{background:#4a50bc;}

#search-bar{display:none!important;}
}





/*width:320px*/
@media (max-width:767px){
#header{position:static;}
#logo{width:180px; background-size:100% auto;}
#nav-btn{-webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8);}
#footer{text-align:center;}
#footer .ft-info em:last-of-type, #bdshare{display:none;}
#footer .ft-img{position:static; display:block; margin:15px auto;}
#footer .ft-copyright{line-height:1.6;}

.maps dl{ width:auto !important; float: none  !important; }

}