@charset "utf-8";
/* Global Styles */
*{ margin:0; padding:0;}
li{ list-style:none;}
body { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
img { border:0;}
.section-padding { padding: 90px 0 100px; }
h2 { font-size: 15px; text-align:center;letter-spacing: 1px; text-transform: uppercase;}
h2.arrow { color: #353535; letter-spacing: 1px; background: url(../img/h2-bg.png) no-repeat center bottom; padding-bottom: 30px; font-weight: bold; }
h2.arrow a{ color:#353535;}
h2.arrow a:hover{ color:#3DC9B3;}
h3 { font-size: 15px; color:#353535; width:350px; height:15px; padding-bottom: 30px; font-weight: bold; text-align:center; text-transform: uppercase; }
h3 a{ color: #353535;}
h3 a:hover{ color:#3DC9B3;}
a{ text-decoration:none;}
p { color: #8c9398; line-height: 25px; font-size: 14px; text-align:center; margin:27px 0 14px; word-spacing: 1px;}
.clear { clear:both;}
span.color3DC9B3 { display:block; margin:0 auto; width:35px; height:4px; background:#3DC9B3;}
.leftImg{ padding-right:9px;}
.scrollImg{ margin-right:9px; cursor:pointer;}
.social-buttons { width:150px; margin:0 auto; padding-top:10px;}
.social-buttons li { float:left;}
.social-list { padding-right:15px;}
#introContent,#featuresContent{ margin:0 auto; text-align:center;}
/* Header */
#nav{background:#242830;}
#pull ul{padding:14px 0;}
#pull ul li{ width:870px; height:20px; border-bottom:1px dotted #4F5259; margin:0 auto; padding: 20px 0;}
#pull ul li:last-child { border: none;}
#pull ul li a{ display:block; font-size:14px;}
#pull ul li a:link, #pull ul li a:visited {color:#999999;}
#pull ul li a:hover, #pull ul li a:active{color:#fff;}
#pull ul li a span{ display:block; float:left;}
#pull ul li a img{ display:block; float:right;}
/*
#banner { background:url(../img/hero-bg.jpg) no-repeat center; padding:65px 0 300px 0;}
*/
.wrap_banner{width:100%; min-width:1200px; padding-top:20px;}
.navicon { width:75%; height:30px;  margin:0 auto; display:block; float:left;}
.navicon a{ display:block; float:right; width:35px; height:25px;}
.navicon a.close{ background:url(../img/Halcyon-Days4_03.png) no-repeat;}
.navicon a.open{ background:url(../img/Halcyon-Days5_03.png) no-repeat;}

.inner { clear:both;width:750px; height:90px; margin:0 auto; margin-top:7%;}
h1 { display:block; float:left; margin-left:40px; width:210px; height:44px; padding:10px 0; text-align:center; font-size: 40px; letter-spacing: 12px; font-weight:normal;}
h1 span{ color:#3DC9B3;}
.inner_beta{ padding-top:130px; width:620px; margin:0 auto;}
.inner_beta h1{ display:block; float:left;}
.inner p{ width:750px; height:25px; margin:15px 0; color:#000; margin:0 auto;}
.learn-more-btn{ width:174px; height:20px; padding:20px 40px 20px; margin:0 auto; margin-top:60px; letter-spacing: 1px; text-align:center; background:#3DC9B3; text-transform: uppercase; -webkit-border-radius: 5px;}
.learn-more-btn a{ color:#fff; font-weight:bold;}
/* Introduction */
.intro{ width:100%; min-width:1200px; height:200px; background:#F3F5F8;}
.intro_column{ width:1200px; height:200px; margin:0 auto;}
.intro_column img{ width:1200px; height:200px;}
#intro { background: #f3f5f8; }
#introContent { width:750px;}
/* Features */
#featuresContent { width:1140px; overflow:hidden;}
#featuresContent ul{ margin: 70px 0 0; }
#featuresContent ul li{ width:350px; padding:0 15px; float:left;}
#featuresContent ul li p{ text-align:left;}
#featuresContent ul li h3{ margin-top:30px;}
#featuresContent ul li img{ width:175px; height:175px;}
/* Responsive Design */
#responsive{ border-bottom:solid 1px #ccc; height:430px; overflow:hidden;min-width:1200px;}
.ferrero { width: 50%; float: left;  height: 650px;}
.wp3 {height: 100%;}
.designs { width: 48%; background: #fff; float: left; height:530px; overflow:hidden;}
.designs ul li p{ margin-top:13px;}
.pro_img{width:650px; height:430px;float:left; z-index:5;}
.pro_img a img{ width:650px; height:430px;}
.pro_claim{width:380px; height:250px; overflow:hidden;padding:80px 50px 0 50px; float:left; z-index:10; color:#8c9398; margin-left:65px;}
#porduct .flex-control-paging li a{ display:none;}
/*
.designs .switchBtn { margin-top:40px;}
.switchBtn_1 { width:55px; margin:0 auto; position:absolute; bottom:160px; left:355px;}
.switchBtn_2 { width:55px; margin:0 auto; position:absolute; bottom:60px; left:565px;}
#design2 { display:none;}
*/
/* 机器背景 */
.swag{ background:url(../img/plants-bg.jpg) no-repeat center; padding: 50px 0; background-attachment: fixed; width:100%;}
.swag h2 { color: #fff; font-size: 40px; letter-spacing: 5px; font-weight:normal; margin-top:30px;}
.swag span { display: block; font-size: 25px; margin-top: 20px; text-align:center; color: #fff; letter-spacing: 5px;}
.swag a{ display:block; width:40px; height:40px; margin:0 auto; padding:40px 0 50px;}
/* 合作伙伴*/
.separte{clear:both; width:100%; min-width:1200px; height:30px;border-top:solid 1px #ccc; }
.separte .more{ width:1200px; line-height:30px; margin:0 auto; text-align:right;}
.parten{ width:1200px; margin:0 auto; height:340px; padding-top:20px;}
.parten ul{ width:1140px; margin:0 auto;}
.parten ul li{ width:350px; height:320px; overflow:hidden; margin:0 13px 0 13px; display:block; float:left; border:solid 1px #FFFFFF;}
.parten ul li.alt{ border:solid 1px #3DC9B3;}
.parten ul li img{ width:auto; height:80px; display:block; margin-bottom:20px; margin:0 auto;}
.parten ul li .partnerIntro{ font-size:14px; height:100px; width:350px; display:block; overflow:hidden; text-align:left;color:#8c9398;line-height:25px;margin:27px 0 14px;word-spacing:1px;}
.parten ul li .partnerIntro p{margin:0;text-align:left;}
.parten h3{ display:block; width:350px; margin-top:5px; line-height:30px; overflow:hidden;}
.3DC9B3{display:block; width:350px; margin:20px 0 20px 0;}
.parten .color3DC9B3{ display:block;}
#portContent{ margin:0 auto; width:1170px; height:700px; position:relative; overflow:hidden;border:solid 1px #006633;}
.port_list{ height:440px; position:absolute; overflow:hidden;}
#portContent ul li{ width:350px; padding:0 15px 0 15px; float:left; margin-bottom:25px; border: solid 1px #999999;}
#portContent ul li a img{ display:block; width:360px; height:222px; overflow:hidden;}
#portfolio2{ display:none;}

/* Ignite Your Passion */
.ignite-cta { height:212px; background:#242830;}
.ctaContent { margin:0 auto; width:255px; height:72px; padding:70px 0;}
.ctaContent a { display:block; width:260px; height:75px; text-align:center; line-height:75px; border:solid 1px #fff; color: #fff; font-weight: bold; letter-spacing: 1px; font-size:14px;}
.ctaContent a.alt{display:block; width:260px; height:75px; text-align:center; line-height:75px; border:solid 1px #3DC9B3; color: #3DC9B3; font-weight: bold; letter-spacing: 1px; font-size:14px;}
/* Team */
.teamContent{ width:1170px; margin:0 auto;}
#team img { margin-bottom: 40px; }
.team{ width:360px; padding:70px 15px 0; float:left; text-align:center;}
.slides li{ padding-bottom:100px;}
#team2 { display:none;}
/* 厂房背景 */
.subscribe { background: url('../img/keyboard-bg.jpg') no-repeat center center; background-attachment: fixed; padding: 120px 0 140px; }
.subscribe img{ display:block; width:24px; height:22px; margin:0 auto;}
.subscribe h2 { color: #fff; margin-top:20px;}
.subscribe form{ margin:0 auto; width:470px; height:58px; padding:40px;}
.subscribe input[type=text] { display:block; float:left; border: solid 1px #fff; padding: 20px; width:302px; height:18px; color: #fff; background:#5C5B59; margin-right:5px;}
.subscribe input[type=submit] { display:block; float:left; width:82px; height:60px; border:solid 1px #0CC; color: #fff;  background:#377A6C; cursor:pointer;}
/* Contact */
#contact { background:#F3F5F8; padding-top:0;}
.up-btn { display:block; position: relative; top: -26px; margin-left:auto; margin-right:auto; margin-bottom:45px; width:51px; height:51px;}
.contact-details{ width:1140px; margin:0 auto;}
.contact-details li{ width:350px; margin:80px 15px 70px;; float:left; background:#fff;}
.contact-details li img{ display:block; margin:0 auto; padding:35px 0 25px;}
.contact-details li h3{ color:#3DC9B3;}
.contact-details li p{width:350px; overflow:hidden;}
.contact-details li p a{ color:#000;}
/* Footer */
#footer{ background:#242830; height:50px; padding:37px 0;}
#footer p{ margin:0}
#footer p a{ color:#8C9398; text-decoration:none;}

.side{position:fixed;width:54px;height:275px;right:0;top:400px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}