@charset "utf-8";
@keyframes topIn {

  from { transform: translateY(-50px);
   opacity: 0; }

  to { transform: translateY(0px);
   opacity: 1; }

}

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }

q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*-- All --*/
html{ min-width:1000px;}
body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; text-align:center; background:#fff;  }
a{ color:#333; text-decoration:none; outline:none;}
a:hover {color:#f00; text-decoration:underline; }
table { border-collapse: collapse; border-spacing: 0; empty-cells:show; }
table td,table th{ border:#ddd solid 1px; padding: 5px 0; }
table th{ background:#39A4DC; color:#fff;}
table .new td{ color:#f60; font-weight:bold;  }



/* 顶部导航条 */
	.header_wrap{ width:100%;height: 80px; left:0; top:0; z-index:10;position: fixed; }
	#navBar{width:100%; height:80px;z-index:0;background: #ffffff;box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;}
	#middle{width:1300px; height:80px;margin: 0 auto;position: relative; }
	#logo{ margin-top: 20px;float: left;}
 .clearfix:after{content:"";height:180px;clear:both;overflow:hidden;}
.nav{font-family:"Microsoft YaHei";margin-left:-50px;display: inline-block;position: relative;}
.nav .m{ float:left;  position:relative;   margin-left:5px;}
.changeSelect{line-height:84px;float: right;}
.changeLanguage{width:68px;height:25px;border-radius:5px;border: solid 1px #A9A9A9;margin-right: 15px;}
.login{float: right;width: 50px;height: 25px;}
.login a{font-family: "microsoft yahei";font-size: 13px;color: #2a2a2a;}
.nav a:hover{ text-decoration:none; font-size:17px;cursor: pointer; color: #2C6FBE; }
.nav h3{float:left;font-weight:normal; font-size:16px; height:80px;line-height:80px;overflow:hidden;width: 108px;}
.nav li:first-child h3{width: 70px;}
.nav li:first-child h3 a{width: 70px;}
.nav h3 a{ display:block; color:#393945;width: 108px;text-align: center;}
.nav .sub{ margin-left: -40px; display:none; width:200px;position:absolute;  top:80px; background:#fff;border-top:4px solid
#2C6FBE;text-align:center;}
.nav .sub li{vertical-align:middle;}
.nav .sub li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;text-align:center;padding-left: 10px;height:35px; line-height:35px; display:block;  color:#393945; font-size: 14px; text-align: center; }
.nav .sub li a:hover{ color:#2C6FBE;cursor: pointer;}

#footer{width: 100%;min-width:1200px;height:150px;background:#393945;color: #f0f0f0;float: left;}   
#footer table{width:1200px;border-collapse: collapse;height:75px;display:inline-block;margin-top: 45px;} 
#footer table tr td{margin-left:55px;display:inline-block;font-size:14px;width: 530px;border-top: 0;border-right: 0; border-bottom: 0; border-left: 0;text-align: left;}
#middle .linkStyle{position: relative;font-size: 16px;float: right;line-height: 84px}
#middle .linkStyle a:hover{text-decoration: none;color: #2C6FBE}
#middle .linkStyle .picture{background-image: url("../img/Earth.png");background-repeat: no-repeat;width: 30px;height: 30px;background-size: 100% 100%; margin-top: 25px}
#middle .linkStyle a div{float: left}
/*.showLanguage{margin-right: 50px;}*/
/*.showLanguage a{font-size: 15px;color: #343434;cursor: pointer;}*/
/*.showLanguage span{margin:0 10px 0 10px;font-size: 16px;font-weight: bold;}*/
/*.showLanguage a:hover{color: #2C6FBE;text-decoration: none;}*/
.news{width:100%;height:800px;background: #f0f4f7;/*animation: topIn 1s ease;*/margin-top: 30px;float: left;/*margin-bottom: 60px;*/}
.news .title{margin-top: 50px;}
.news .title h2{font-size: 20px;color: #2c6fbe;font-weight: bold;}
.news .title span{display:block;font-size: 13px;font-family:arial;font-style:normal;color: #343434;margin-top: 0.5%;}
.news_list{width: 1200px;height:430px;margin: 70px auto;text-align: left;letter-spacing: 1px;}
.news_list li{width:380px;height:430px;float: left;margin-left: 20px;}
.news_list li:hover{box-shadow:rgb(43,132,220,0.3) 0px 0px 18px;}
.news_list .Explain h3{width:342px;height: 60px;overflow:hidden;text-overflow:ellipsis;margin-left:10px;font:bold 14px/60px "microsoft yahei";color: #343434}
.news_list .Explain p{margin-left:10px;height:40px;font:normal 20px arial;color: #343434;padding-top: 5px;}
.news_list .Explain p i{font:normal 12px arial;margin-left: 5px;}
.news_list .Explain span{line-height:20px;font-size:12px;font-family: "microsoft yahei";color: #343434;width:360px;height: 60px;display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow:hidden;margin-left: 10px;}
.news .more{font-style:normal;font-size: 14px;letter-spacing: 1px;width:150px;height: 40px;background: #2c6fbe;border-radius: 50px;margin: 100px auto;}
.news .more a{text-align: center;line-height:40px;color: #fff;text-decoration: none;}
.news_list a{text-decoration: none;}
.news_list .pic img{width: 380px;height: 230px;}
#middle .hbdownload{position: relative;font-size: 16px;float: right;line-height: 84px;margin-left:12px;}
#middle .hbdownload a{text-decoration:none;cursor: pointer;color: #2a2a2a}
#middle .hbdownload img{position:absolute;margin-top: -30px; z-index: 120; display: none;}
#showLanguage{
    width: 48px;
    height: 20px;
    background: white;
    position: absolute;
    top: 32px;
    margin-left: 4px;
    line-height: normal;
    font-size: 14px;
}