/* css reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html,body {
	background: #ebebeb;
	color: #333;
	font-size: 14px;
	font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}
td, th, caption {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
a {
	color: #555;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
}
ol, ul, li {
	list-style: none;
}
input, textarea, select, button {
	font: 14px "微软雅黑",Verdana, Helvetica, Arial, sans-serif;
}
table {
	border-collapse: collapse;
}
html {
	overflow-y: scroll;
}
/* css common */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
*zoom:1;
}
/**/
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'code-light';
	src: url('../fonts/code-light.eot?v=4.1.0');
	src: url('../fonts/code-light.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/code-light.woff?v=4.1.0') format('woff'), url('../fonts/code-light.ttf?v=4.1.0') format('truetype'), url('../fonts/code-light.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-fw {
	width: 1.28571429em;
	text-align: center
}
.fa-play-circle-o:before {
	content: "\f01d"
}
.fa-arrow-circle-o-right:before {
	content: "\f18e"
}
.code-light{ font-family:code-light;}





.header{background:url(../images/header_bg.png) center 0 no-repeat; height:72px; position:fixed; left:0; top:0; width:100%; z-index:100	}
.header_w{ width:950px; margin:auto}
.logo{float:left; background:url(../images/logo.jpg) center 0 no-repeat; width:62px; height:62px; display:inline-block; text-indent:-1000px; overflow:hidden; margin:4px 0 0 30px}
.nav{ float:left; margin:0 0 0 200px; overflow:hidden}
.nav li{ float:left;  margin-right:40px;}
.nav li a{ color:#fff; display: block; height:50px; padding:20px 5px 0 5px; text-align:center}
.nav li span{ display: block}
.nav li .en{ display:none; font-size:12px;}
.nav li a:hover{ color:#ff8210; background:#e5e5e5; border-bottom:2px solid #ff8210;}
.nav li a:hover .en{ display:block;}

.banner{background:#000 url(../images/banner.jpg) center center no-repeat; height:381px;}
.banner_v{ width:950px; height:540px; background:#ccc; margin:auto; position:relative; display:none}
.close{position:absolute; right:0; top:0;height: 60px;
width: 60px;
background: url(../images/close.png) no-repeat top center #FFF;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; cursor:pointer;
z-index:10}
.close:hover{background: url(../images/close.png) no-repeat bottom center #ff8210;}
.one_v{ background:#282828; text-align:center; height:55px; line-height:55px; color:#fff; cursor:pointer}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.container{ padding-top:70px;}
.two_w{width:950px; margin:20px auto; background:#fff; overflow:hidden; position:relative;}
.h2{padding:10px;}
.h2 .en{ color:#ff8210; font-size:36px; font-weight:bold; display:block; font-family: code-light; }
.h2 .chn{color:#626262; font-size:18px;}
.h3{font-size:18px; color:#626262; padding:0 10px}
#two,#three{ position:absolute; left:0; top:0; background:#fff; display:none}
.two_ul{border-top:1px solid #ebebeb; overflow:hidden}
.two_ul li{float:left; width:236px; padding:10px 0 0 0; border-right:1px solid #ebebeb; }
.two_ul li:last-child{border:none;}
.two_img{ text-align:center; padding:10px 0}
.two_p{ padding:0 10px; color:#484848;}
.two_more{border-top:1px solid #ebebeb; margin:10px 0 0 0; color:#ff8210; display:block; line-height:40px; padding:0 10px; transition: color,background 0.5s ease-in-out 0s;
-webkit-transform: translate3d(0, 0, 0);-webkit-transition: color,background 0.5s ease-in-out 0s;
-moz-transition: color,background 0.5s ease-in-out 0s;
-o-transition: color,background 0.5s ease-in-out 0s;}
.two_more:hover{ background:#ff8210; color:#fff;}
.same .four_ul li{ width:475px; overflow:hidden;}
.same .four_box{ height:300px}
.same .four_box h3{ font-size:30px; color:#626262}
.same .four_box h4{ font-size:18px; padding:10px 0 0 25px}
.same .four_box .four_p{padding:10px 0 15px 25px}
.same .four_ul li a:hover h3,.four_ul li a:hover h4,.four_ul li a:hover .four_p{ color:#fff;}


.three_w{width:950px; margin:0 auto; background:#fff; overflow:hidden; position:relative}
.three{ background:url(../images/three.jpg) 0 0 no-repeat; height:360px; position:relative;}
.three_box{ position:absolute; left:0; bottom:0; width:240px; height:200px; background:#fff; padding:10px; cursor:pointer}
.three_chn{ color:#ff8210;}
.three_en{ color:#afafae; font-size:12px; margin:10px 0}
.three_more{ position:absolute; bottom:10px; left:10px; color:#ff8210; }
.three_box:hover{background:#ff8210;}

.three_box:hover .three_chn,.three_box:hover .three_en,.three_box:hover .three_more{ color:#fff;}
.animate {
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
-webkit-transform: translate3d(0, 0, 0);
}

i.pointer {
position: absolute;
top: -16px;
left: 15px;
height: 0;
width: 0;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid #fff;
}
.case{border-left: 13px solid transparent!important;
border-right: 13px solid transparent!important;
border-bottom: 13px solid #fff!important;
top: -13px!important;
}
.three_box:hover .case{ border-bottom: 13px solid #ff8210!important;}
.four_w{width:950px; margin:20px auto; background:#fff; overflow:hidden; position:relative}
.four_ul{clear:both; overflow:hidden}
.four_ul li{ float:left; border-left:1px solid #ececec; margin:0 0 0 -1px; width:316px;}
.four_box{ height:170px; position: relative}
.four_box h3{ padding:20px 0 0 25px;}
.four_box .en{ display:block; color:#ff8210; margin-bottom:10px}
.four_box .chn{ display:block; color:#60616e; font-size:30px; font-family: code-light; font-weight:bold}
.four_more{display:block; color:#ff8210; padding:0 0 20px 25px;}
.four_ul li a{ display:block}
.four_ul li a:hover{ background:#ff8210;}
.four_ul li a:hover .en,.four_ul li a:hover .chn,.four_ul li a:hover .four_more,.four_ul li a:hover .exp,.four_ul li a:hover .grey { color:#fff!important;}
.four_ul li a:hover .pointer {border-bottom: 16px solid #ff8210;}
#four{ position:absolute; left:0; top:502px; background:#fff; display:none}
#four .grey{ font-size:30px; color:#707070;}
#four .en{ /*font-family:code-light; font-weight:bold*/}
#four .chn{ font-family:"微软雅黑"; font-weight:normal}

.five_w{width:950px; margin:auto; overflow:hidden; background:#fff; }
.five_ul li{float:left; border:1px solid #ebebeb; height:235px; margin-left:-1px}
.five_ul li h4{border-bottom:1px solid #ebebeb; color:#40403f; font-size:18px; padding:10px 0 10px 20px; font-family:code-light; font-weight:bold}
.five_ul li p{ color:#ff8210; line-height:21px; font-size:12px; padding:10px 0 10px 20px}
.five_ul li p a{color:#ff8210;}
.five_ul li .p2{line-height:18px!important;}
.five_ul li p .grey{ /*font-family:code-light; font-weight:bold*/}
.five_one{ width:120px;}

.grey{ color:#474747;}
.footer{ width:950px; margin:auto; background:#fff; overflow:hidden; height:80px; line-height:80px;}
.copyright{ float:left; color:#393939; padding:0 0 0 20px}
.fooder_logo{ display:block; width:43px; height:37px; background:url(../images/fooder_logo.jpg) 0 0 no-repeat; float:right; margin:20px 20px 0 0}

.animate1 {
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
-webkit-transform: translate3d(0, 0, 0);
}
.adress{width:230px;}
.code-fs{ font-family:code-light; font-weight:bold}