@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;}
img{
	border:none;}
ul,li{
	list-style:none;
	vertical-align: middle;}
a{
	text-decoration:none;
	color:#4b4b4b;}
a:hover{
	color:#c00;}
input{
	font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;}
body{
	font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color:#4b4b4b;
	position:relative;}
.clear{
	clear:both;
	float:none;}
.r{
	float:right;}
.l{
	float:left;}
.hide{
	display:none;}
.pages{
    padding:25px 0;
    text-align: center;}
.pages *{
    margin: 0 4px;}
.pages a{
    border: 1px solid #bfbfbf;
	color:#646464;
    padding: 2px 5px;}
.pages a:hover{
	color:#c00;
    border: 1px solid #F00;}
.pages span{
    padding: 2px 5px;
	color:#c00;
	border: 1px solid #F00;
}
.pages span.nolink{
	color:#ccc;
    border: 1px solid #CCCCCC;}
.head{
	height:50px;
	line-height:50px;
	width:1200px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-600px;
	color:#fff;
	z-index:10;}
.head span{
	float:right;}
.head a{
	color:#fff;}
.top{
	height:60px;
	background:url(../images/top.png) no-repeat center center;
	position:fixed;
	top:60px;
	width:100%;
	left:0;
	z-index:9999;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;}
.top .inner{
	width:1200px;
	margin:0 auto;
	height:100%;
	position:relative;}
.nav { transition: 400ms; float: right; width:940px;}
.nav li{ width:116px; float: left; display: block; height:50px; line-height:50px;}
.nav li a{ display: block; text-align: center; color:#fff; height:40px; line-height:20px; padding:10px 0;}
.nav li a span{ display: block; text-align: center; color:#a5c0d4; text-transform:uppercase;}
.nav li a.act,.nav li.hov a{ color: #fff; background:#0096ff;}
.subbg{ position: fixed; left: 0px; top: 120px; z-index: 800; background: none rgba(0,85,145,0.82); width: 100%; display: none; }
.subbg a{ color: #fff; }
.subbg a:active, .subbg a:hover { color: #9f0e1f; }
.subbox { position: relative; overflow: hidden; margin:0 auto; width:940px; padding-left:260px; }
.subnav { float: left; padding: 20px 0px; height: 300px; font-family: "microsoft yahei"; width:116px; position: relative;}
.subnav a { padding: 2px 0px; display: block; position: relative; font-size: 13px; text-align:center;line-height: 1.3;}
.csstransitions .subnav .cbg{content: "";position: absolute; z-index: -1;top: 0;bottom: 0;left: 0;right: 0; background-color:#0096ff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.csstransitions .subnavAct .cbg{ -webkit-transform: scaleX(1);transform: scaleX(1);}
.no-csstransitions .subnav .cbg{ display: none;}
.subnavAct a{ color:#fff;}
.subnavAct a:hover{ background:#fff; color:#0096ff;}
.logo { position: absolute; left: 0px; top:0; height:100%;}
.logo a { display: block; height:100%;}
.logo img { display: block; height:100%;}
.topFix{ top:0px;}
.topFix .subbg{ top:60px;}
.menu-handler { width: 54px; height: 50px; cursor: pointer; display: none; float: right; position: relative; z-index:99; }
.menu-handler .burger { width: 28px; height: 4px; background: #005591; display: block; position: absolute; z-index: 5; top: 15px; left: 50%; margin: 0px 0px 0px -14px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 23px; }
.menu-handler .burger-3 { top: 31px; }
#bg-santai { display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: url("../images/close-icon.ico") 16 16, default; z-index: 800; }
.touchevents #bg-santai { cursor: pointer; }
#menuBox { display: inline-block; position: fixed; background-color: #005591; float: right; top: 0; right: 0; bottom: 0; width: 0px; line-height: 0; z-index: 1000; zoom: 1; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; }
.open { position: relative !important; right: 240px; }
.open #menuBox { -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); width: 240px; }
.navMobile a:link, .navMobile a:visited { color: #fff; }
.navMobile a:active, .navMobile a:hover { color: #fff; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a { text-transform: uppercase; padding: 0px 30px; height: 50px; line-height: 50px; font-size: 14px; position: relative; }
.navMobile dd a { display: block; line-height: 1.4; font-size: 13px; color: #fff; padding: 15px 30px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #0096ff; color:#fff;}
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: #eff2f3; border-top: 1px solid #e3e2e2; }
@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('pfdintextcomppro-regular_1-webfont.eot');
    src: url('pfdintextcomppro-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),
         url('pfdintextcomppro-regular_1-webfont.woff') format('woff'),
         url('pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),
         url('pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'MyriadProRegular';
	src: url('myriadpro-regular.eot');
	src: url('myriadpro-regular.eot') format('embedded-opentype'),
	url('myriadpro-regular.woff2') format('woff2'),
	url('myriadpro-regular.woff') format('woff'),
	url('myriadpro-regular.ttf') format('truetype'),
	url('myriadpro-regular.svg#MyriadProRegular') format('svg'); }
	
.bannerPanel{ position: relative; overflow: hidden; width: 100%;}
.u-arrow{ position: absolute; left: 50%; bottom: 135px; z-index: 90;width: 12px; height: 49px; margin-left: -6px; }
.u-arrow i{ width: 100%; height: 49px; display: block; background:  url(../images/botA.png) no-repeat scroll center bottom;  -webkit-animation: start 2s infinite ease-in-out;
	   -moz-animation: start 2s infinite ease-in-out;
	        animation: start 2s infinite ease-in-out;}
@-webkit-keyframes start {
	0% {opacity: 0; height: 5px;}
	10%{opacity: 1; height: 18px;}
	90% {opacity: 1; height: 49px;}
	100% {opacity: 0; height: 49px;}
}
@-moz-keyframes start {
	0% {opacity: 0; height: 5px;}
	10%{opacity: 1; height: 18px;}
	90% {opacity: 1; height: 49px;}
	100% {opacity: 0; height: 49px;}
}
@keyframes start {
	0% {opacity: 0; height: 5px;}
	10%{opacity: 1; height: 18px;}
	90% {opacity: 1; height: 49px;}
	100% {opacity: 0; height: 49px;}
}
/*
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}*/
@media screen and (min-width:861px){
	.banner .flex-active-slide .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
	@-webkit-keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	@keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
}
@media screen and (min-width:1378px){
	.banner .binbox .en{ font-size: 50px;}
	.banner .binbox .zh{ font-size: 40px;}
	.banner .binbox .c{ font-size: 20px;}
}
@media screen and (max-width:1281px){
	.banner .flex-direction-nav .flex-prev{ left: 2%;}
	.banner .flex-direction-nav .flex-next{ right: 2%;}
}
@media screen and (max-width:1220px){
	body{
		padding-top:50px !important;}
	.head{
		display:none;}
	.subnav a{ font-size: 12px;}
	.banner .binbox{ width: 70%; left: 15%;}
	.banner .binbox .en{ font-size: 40px;}
	.banner .binbox .zh{ font-size: 30px;}
	body{ -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; transition: all .3s ease .2s; position: relative; right: 0px;}
	.mtop{ height: 50px;}
	.open .top { left: -240px;right: 240px;}
	.top,.topFix{height: 50px; background:#fff !important; top:0px;}
	.top .inner{ width: 100%;}
	.nav{ display: none;}
	.logo{ position: relative; left:10px; top: 0px;}
	.menu-handler{ display: block; right:10px;}
	
}


.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }


.ctf_nav{
	border-bottom:1px solid #424141;
	background:#272727;
	height:320px;
	padding-top:50px;}
.ctf_nav .inner{
	width:90%;
	margin:0 auto;}
.ctf_nav img{
	float:right;
	margin-top:5px;}
.ctf_nav ul{
	float:left;
	width:7.5%;}
.ctf_nav ul li{
	float:none;
	height:30px;
	line-height:30px;
	font-size:14px;}
.ctf_nav ul li a{
	color:#fff;}
.ctf_nav ul li a:hover{
	color:#c00;}
.ctf_nav ul li.tt{
	font-size:18px;
	padding-bottom:20px;}
@media screen and (max-width:1350px)  {	
.ctf_nav .inner{ width:auto; padding:0 20px;}
}
@media screen and (max-width:1240px)  {	
.ctf_nav ul{
	width:7%;}
}
@media screen and (max-width:1100px)  {	
.ctf_nav img{
	display:none;}
.ctf_nav ul{
	width:10%;}
}
@media screen and (max-width:1024px)  {	
.ctf_nav{ display:none}
}

.ctfooter{
	background:#272727;
	padding:20px 0;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:14px;
	height:60px;}
.ctfooter .inner{
	width:90%;
	margin:0 auto;}
.ctfooter a{
	color:#fff;}
.ctfooter span{
	float:right;
	margin-top:15px;
	background:url(../images/ba.png) no-repeat left center;
	padding-left:32px;}
@media screen and (max-width:1350px)  {	
.ctfooter .inner{ width:auto; padding:0 20px;}
}
@media screen and (max-width:1024px)  {	
.ctfooter{
	text-align:center;
	height:auto;}
.ctfooter span{ display:none;}
}


.footer{
	font-size:14px;
	background:#222;
	margin-top:20px;
	padding-bottom:30px;}
.footer dd{
	float:left;
	width:100px;
	padding-top:30px;
	margin-right:20px;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;}
.footer dd p{
	height:48px;
	line-height:48px;
	font-size:16px;
	color:#fff;}
.footer dd p a{
	color:#fff;
	display:block;}
.footer dd p a:hover{
	color:#c00;}
.footer dd ul{}
.footer dd ul li{
	float:left;
	width:80px;
	height:30px;
	line-height:30px;}
.footer dd ul li a{
	color:#b0b0b0;
	display:block;}
.footer dd ul li a:hover{
	color:#c00;}
.footer .word{
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;
	float:right;
	width:250px;
	padding-top:30px;
	line-height:30px;
	color:#b0b0b0;
	background:url(../images/er.jpg) no-repeat left 172px;}
.footer .word p{
	height:48px;
	line-height:48px;
	font-size:16px;}
.footer .word a{
	color:#fff;}
.footer .word a:hover{
	color:#c00;}
.footer .word i{
	font-style:normal;
	display:block;
	padding-left:98px;}
.copy{
	background:#000;
	height:64px;
	font-size:14px;
	line-height:64px;
	color:#b0b0b0;}
.copy a{
	color:#b0b0b0;}
.copy a:hover{
	color:#c00;}
.copy span{
	float:right;}
@media screen and (max-width:1220px)  {	
.footer dd{
	margin-right:10px;}
.footer dd{
	padding-top:0;
	float:none;
	width:96% !important;
	margin:0 auto;}
.footer dd p{
	border-bottom:1px solid #323232;
	background:url(../images/ico_25.png) no-repeat right center;}
.footer dd.hover p{
	background:url(../images/ico_27.png) no-repeat right center;}
.footer dd ul{
	display:none;
	padding-top:10px;}
.footer dd ul li{
	width:50%;}
.footer .word{
	float:none;
	width:96%;
	margin:0px auto;}
}
@media screen and (max-width:860px)  {
.copy{
	height:auto;
	line-height:24px;
	padding:15px 0;}
.copy .inner{
	width:96%;
	margin:0 auto;
	text-align:center;}
.copy span{
	display:none;}
}