/* 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(255,255,255,1); z-index:100;}

#nav{margin:auto; text-align:right; margin-left: 200px; width:66%;}

#nav a{margin:0 20px; line-height:120px; color:#000; 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:#000; 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: #393939;

line-height: 66px;

background: rgba(255,255,255,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;

   }