/* 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;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block; margin:auto;}
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;}
summary{display:block;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label,summary{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;}
@font-face {font-family:'MyFont';src:url('newfont.ttf');}


input[type=submit]{cursor:pointer;}


.fl{float:left; line-height:35px;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}

html, body{width:100%; }
#full_bg{width:100%; min-width:1280px; height:100%; position:absolute; top:0; left:0; z-index:0; -webkit-user-select:none; user-select:none; pointer-events:none;}
#full_bg img{display:none; width:100%; position:absolute; top:50%; left:50%; -webkit-animation: wp 15s 0s linear infinite alternate; -moz-animation: wp 15s 0s linear infinite alternate; animation: wp 15s 0s linear infinite alternate;}
@-webkit-keyframes wp{
	0%{-webkit-transform:translate3d(0,0,0) scale(1);}
	100%{-webkit-transform:translate3d(0,0,0) scale(1.1);}
}
@-moz-keyframes wp{
	0%{-moz-transform:translate3d(0,0,0) scale(1);}
	100%{-moz-transform:translate3d(0,0,0) scale(1.1);}
}
@keyframes wp{
	0%{transform:translate3d(0,0,0) scale(1);}
	100%{transform:translate3d(0,0,0) scale(1.1);}
}

#header{display:none; position:absolute; top:0; left:0; width:100%; height:120px; min-width:1280px; background:rgba(19,29,44,0.9); z-index:100;}
#nav{margin:auto; text-align:right; margin-left: 200px; width:66%;}
#nav a{margin:0 20px; line-height:120px; color:#fff; font-size:18px; -webkit-transition:color 0.3s; transition:color 0.3s;  -webkit-animation:upIn 0.6s ease 0.3s both; animation:upIn 0.6s ease 0.3s both;}
#nav a:hover{color:#e4cb3f;}

#yuyan {
    position:relative;
    width: 220px;
    height: 120px;
	margin-right:130px;
	padding-top:25px;
	text-align:right;
	float:right;
    color: #f15c43;
	font-size:24px;
    border: none;
    background: none;
	margin-top:-120px;
}

#back{position:absolute; top:0; right:0; width:120px; height:120px; color:#fff; border:none; background:none; -webkit-transition:0.3s; transition:0.3s;}
#back:active{background:#000;}

#nav a:nth-of-type(2){-webkit-animation-delay:0.4s; animation-delay:0.4s;}
#nav a:nth-of-type(3){-webkit-animation-delay:0.5s; animation-delay:0.5s;}
#nav a:nth-of-type(4){-webkit-animation-delay:0.6s; animation-delay:0.6s;}
#nav a:nth-of-type(5){-webkit-animation-delay:0.7s; animation-delay:0.7s;}
#nav a:nth-of-type(6){-webkit-animation-delay:0.8s; animation-delay:0.8s;}
@-webkit-keyframes upIn{
	0%{opacity:0; -webkit-transform:translateY(-60px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes upIn{
	0%{opacity:0; transform:translateY(-60px);}
	100%{opacity:1; transform:translateY(0);}
}



.logo{position:absolute; top:0px; left:20px; z-index:100;}
#menu_btn{width: 70px;
height: 60px;
position: absolute;
top: 20px;
right: 20px;
color: #fff;
line-height: 66px;
background: rgba(39,39,39,1) url(../img/menu_icon.png) no-repeat 82px center;
text-indent: 10px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.3s;
z-index: 99;}

#menu_btn:active{background:#000 url(../img/menu_icon.png) no-repeat 82px center;}



#main{width:100%; min-width:1280px; height:200px; margin:auto; }
#main ul{width:80%; min-width:1000px; max-width:1280px; height:100px; position:absolute; top:32%; left:50%; margin:-100px 0 0 -600px; color:#fff;}
#main ul li{float:left; width:100%; height:100px; position:relative; list-style-type:none;}

#main ul li img{position:absolute; top:-100px; left:25px; -webkit-transition:0.4s; transition:0.4s;}
#main ul li img.act{top:-130px;}
/*#main ul li h2:hover{color:#e4cb3f;}
#main ul li h2:hover:after{background-color:#e4cb3f;}*/
#main ul li dl{display:none; position:absolute; top:-20px; left:10px; -webkit-animation:flipInY 1s ease both; -moz-animation:flipInY 1s ease both; animation:flipInY 1s ease both;}
#main ul li dl dt{font-size:20px; width:80px; padding:10px 20px; border-bottom:2px solid #fff; position:relative; text-align:center;}
#main ul li dl dt a{display:block; color:#fff; -webkit-transition:0.3s;}
#main ul li dl dt a:hover{color:#e4cb3f; text-shadow:0 0 0 20px rgba(0,0,0,0.6);}
/*#main ul li dl dt:after{content:''; display:block; width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; top:35px; left:-10px;}*/
#main ul li dl dd{font-size:16px; line-height:40px; text-align:center;}
#main ul li dl dd a{display:block; color:#fff; -webkit-transition:0.3s;}
#main ul li dl dd a:hover{color:#e4cb3f; text-shadow:0 0 0 20px rgba(0,0,0,0.6);}

.flipInY{-webkit-animation:flipInY 0.8s ease both; -moz-animation:flipInY 0.8s ease both; animation:flipInY 0.8s ease both;}
@-webkit-keyframes flipInY{
	0%{-webkit-transform:perspective(800px) rotateY(-90deg);}
	40%{-webkit-transform:perspective(800px) rotateY(10deg);}
	70%{-webkit-transform:perspective(800px) rotateY(-10deg);}
	100%{-webkit-transform:perspective(800px) rotateY(0deg);}
}
@-moz-keyframes flipInY{
	0%{-moz-transform:perspective(800px) rotateY(-90deg);}
	40%{-moz-transform:perspective(800px) rotateY(10deg);}
	70%{-moz-transform:perspective(800px) rotateY(-10deg);}
	100%{-moz-transform:perspective(800px) rotateY(0deg);}
}
@keyframes flipInY{
	0%{transform:perspective(800px) rotateY(-90deg);}
	40%{transform:perspective(800px) rotateY(10deg);}
	70%{transform:perspective(800px) rotateY(-10deg);}
	100%{transform:perspective(800px) rotateY(0deg);}
}


#news{width:250px; height:48px; padding-left:20px; position:absolute; bottom:90px; left:0;/* background-color:rgba(57,49,49,0.5);*/background-color:rgba(0,0,0,0.6); -webkit-transition:0.6s; /*-webkit-transition-timing-function: cubic-bezier(0.470, 1.650, 0.715, 0.795);*/}
#news:before, #news:after{content:''; display:block; width:17px; height:3px; position:absolute; top:23px; right:18px; background:rgba(255,255,255,0.6); -webkit-transition:0.6s; transition:0.6s;}
#news:after{-webkit-transform:rotate(90deg);}
#news h2{color:#fff; line-height:48px; float:left; font-size:14px; margin-right:0px; -webkit-transition:0.3s;}
#news h3{color:#fff; line-height:48px; font-size:14px; -webkit-transition:0.3s;}
#news h3 span{margin-right:15px;}


#news.detail{height:200px; width:720px; background:rgba(0,0,0,0.7);}
#news.detail:before, #news.detail:after{opacity:0;}
#news.detail h2{opacity:0;}

#news .news_info{display:none; width:700px; height:142px; margin-top:30px; position:relative;}
#news .news_info ul{position:relative;}
#news .news_info ul li{display:none; position:absolute; top:0; left:0; width:700px; height:142px; overflow:hidden;}
#news .news_info ul li picture{display:block; float:left; width:285px; height:142px; overflow:hidden;}
#news .news_info ul li picture img{width:100%;}
#news .news_info ul li article{width:390px; height:142px; overflow:hidden; float:right; color:#fff;}
#news .news_info ul li article h3{font-size:16px; color:#fff;}
#news .news_info ul li article h3 span{margin-right:25px;}
#news .news_info ul li article summary{font-size:12px;}

.leftIn{ -webkit-animation:leftIn 0.6s ease 0.5s both; animation:leftIn 0.6s ease 0.5s both;}
.rightIn{-webkit-animation:rightIn 0.6s ease 0.5s both; animation:rightIn 0.6s ease 0.5s both;}

@-webkit-keyframes rightIn{
	0%{opacity:0; -webkit-transform:translateX(30px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}
@keyframes rightIn{
	0%{opacity:0; transform:translateX(30px);}
	100%{opacity:1; transform:translateX(0);}
}



#news_btn{display:none; width:50px; height:200px; position:absolute; top:0; right:-50px; overflow:hidden; -webkit-animation:leftIn 0.6s ease both; animation:leftIn 0.6s ease both;}
#news_btn #prev, #news_btn #next{float:left; width:50px; height:99px; border:none; background:rgba(0,0,0,0.4) url(../images/news_btn.png) no-repeat 0 center; -webkit-transition:0.3s; transition:0.3s;}
#news_btn #prev{margin-top:2px; background-position:-50px center;}
#news_btn #prev:active, #news_btn #next:active{background-color:rgba(0,0,0,0.7);}


@-webkit-keyframes leftIn{
	0%{opacity:0; -webkit-transform:translateX(-30px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}
@keyframes leftIn{
	0%{opacity:0; transform:translateX(-30px);}
	100%{opacity:1; transform:translateX(0);}
}



#footer{position:absolute; bottom:20px; left:0; width:100%; min-width:1000px; overflow:hidden; color:#fff;}
#footer div{margin:0 15px;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer span{margin:0 27px; color:#686868;}
#footer .copy{color:#999; font-size:12px;}


.yuyan {
   display:block;
   width:100px;
   height:35px;
   line-height:35px;
   text-align:center;
   border:1px solid #ffffff;
   float:left;
   }
   
.iconfont {
    font-family: "iconfont" !important;
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.xiaozi {
   font-size:12px;
   }
   
.txx {
   text-align:right;
   }
   
.biaoti h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:68px;
   text-align:center;
   margin-top:0px;
   margin-bottom:30px;
   color:#FFFFFF;
   }
   
.biaoti h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   text-align:center;
   color:#6f98d5;
   margin-top:0px;
   margin-bottom:25px;
   }
   
.inmore {
   width:108px;
   height:35px;
   margin:210px auto 0px; 
   }
   
.inmore a {
   display:block;
   width:108px;
   height:35px;
   line-height:35px;
   font-size:14px;
   text-align:center;
   background-color:#6f98d5;
   color:#FFFFFF;
   }
   
.inmore a:hover {
   background-color:#4070b8;
   }