@charset "utf-8";
body,div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,input {
margin:0px;
padding:0px;
border:0px;
}
html,body {
text-align:center;
font-family:Microsoft Yahei;
background-color:#ccc;
}
li {
list-style:none;
}
a {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:none;
}
#superContainer {
height: 100%;
position: relative;
}
.section {
}
.slide {
float: left;
}
.slide, .slidesContainer {
height: 100%;
display: block;
}
.slides {
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.scrollable {
overflow: scroll;
}
.easing {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.page {
margin:0px auto;
width:1280px;
color:#000;
overflow:hidden;
}


.menubar {
position:fixed; 
width:100%;
z-index: 999;
top: 0;
}
.home {
background-color:#f28a03;
}
.inside {
background-color:#2aa6c5;
}
#menu {
margin:0px auto;
width:1280px;
height:100px;
}
.m_home {
background:url(../images/bg_nav_home.gif) top left no-repeat;
}
.m_inside {
background:url(../images/bg_nav_inside.gif) top left no-repeat;
}
#menu span {
float:right;
margin-right:60px;
width:auto;
display:block;
margin-top:40px;
padding-left:10px;
font-weight:normal;
font-size:12px;
}
#menu span a {
color:#fff;
}
#menu ul {
float:right;
}
#menu li {
float: left;
width:auto;
height:100px;
line-height:20px;
text-align:left;
background:url(../images/bg_nav.png) bottom left no-repeat;
}
#menu ul a {
padding-top:40px;
padding-left:10px;
padding-right:40px;
font-size:12px;
font-family:Arial;
font-weight:bold;
color:#fff;
display:block;
}
#menu ul .active a {
background:url(../images/bg_nav_curr.gif) top left no-repeat;
}
.logo {
float:left;
margin-top:30px;
margin-left:100px;
display:inline;
}

/*home*/
.home_title {
float:left;
width:1280px;
height:400px;
background: -moz-radial-gradient(top center, circle, #4c5a76, #2d3041, #2d3041);
background: -webkit-radial-gradient(top center, circle, #4c5a76, #2d3041, #2d3041);
background: -ms-radial-gradient(top center, circle farthest-side, #4c5a76, #2d3041);
background-color: #2d3041\9;
position:relative;
}
.home_pic {
float:left;
display:block;
}
.title_thread {
position:absolute;
width:210px;
height:auto;
overflow:hidden;
text-align:left;
}
.ht1 {
top:20px;
left:0px;
opacity:0;
}
.ht2 {
top:220px;
left:520px;
opacity:0;
}
.ht3 {
top:20px;
left:1040px;
opacity:0;
}
.ht2 li {
cursor:pointer;
}
.pro_list {
float:left;
width:198px;
padding-left:12px;
display:none;
}
.pro_list img {
float:left;
margin-right:8px;
}
.title_thread h2 {
float:left;
width:100%;
font-size:26px;
font-weight:normal;
line-height:40px;
color:#95beea;
}
.title_thread ul {
float:left;
width:100%;
}
.title_thread ul li {
float:left;
width:188px;
padding-left:12px;
font-size:12px;
font-family:Simsun;
line-height:24px;
background:url(../images/dot.gif) 0px 9px no-repeat;
color:#fff;
}

/*aboutus*/
.about_content {
float:left;
width:1280px;
height:700px;
background-color:#fff;
padding-top:100px;
}
.about_left {
float:left;
width:188px;
margin-left:0px;
display:inline;
padding-bottom:60px;
opacity:0;
}
.about_left h2 {
float:right;
font-size:20px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#4b75a5;
margin-top:12px;
}
.about_left img {
float:right;
width:188px;
height:232px;
margin-top:25px;
}
.about_right {
float:left;
margin-left:500px;
display:inline;
width:560px;
opacity:0;
}
.about_right h2 {
float:left;
width:550px;
padding-left:10px;
text-align:left;
font-size:28px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#4b75a5;
margin-bottom:25px;
}
.about_right p {
float:left;
width:510px;
margin-left:50px;
display:inline;
text-align:left;
text-indent:2em;
font-size:12px;
color:#000;
line-height:24px;
padding-bottom:10px;
}
.about_pic {
float:left;
width:1280px;
height:500px;
opacity:0;
}
.about_pic img {
display:block;
}

/*contactus*/
.contact_content {
float:left;
width:1280px;
height:700px;
background-color:#fff;
padding-top:100px;
}
.contact_left {
float:left;
width:188px;
margin-left:0px;
display:inline;
padding-bottom:60px;
opacity:0;
}
.contact_left h2 {
float:right;
font-size:20px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#4b75a5;
margin-top:3px;
}
.contact_right {
float:left;
margin-left:500px;
display:inline;
width:560px;
opacity:0;
}
.contact_right h2 {
float:left;
width:550px;
padding-left:20px;
text-align:left;
font-size:28px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#4b75a5;
margin-bottom:25px;
}
.contact_right p {
float:left;
width:510px;
margin-left:20px;
display:inline;
text-align:left;
font-size:12px;
color:#000;
line-height:24px;
padding-bottom:8px;
}
.contact_pic {
float:left;
width:1280px;
height:600px;
opacity:0;
position:relative;
margin-top:50px;
}
.contact_pic img {
display:block;
}
.pic_mask {
position:absolute;
top:0;
left:0;
z-index:999;
opacity:0;
}

/*news*/
.news_content {
float:left;
width:1280px;
height:800px;
background-color:#fff;
overflow:hidden;
}
.news_left {
float:left;
width:770px;
height:900px;
position:relative;
overflow:hidden;
}
.bg_news {
float:left;
margin-left:-770px;
display:inline;
}
.news_title {
position:absolute;
top:-100px;
right:30px;
width:120px;
padding-left:10px;
border-left:10px solid #fff;
color:#fff;
}
.news_title h3 {
float:left;
width:100%;
font-size:18px;
font-weight:normal;
font-family:Helvetica;
text-align:left;
line-height:18px;
padding-bottom:10px;
}
.news_title h2 {
float:left;
width:100%;
font-size:28px;
font-weight:normal;
font-family:Microsoft Yahei;
text-align:left;
line-height:28px;
}
.news_right {
float:left;
width:510px;
}
.news_box {
float:left;
width:340px;
margin-top:100px;
margin-left:510px;
display:inline-block;
overflow:hidden;
}
.news_thread {
float:left;
width:340px;
height:450px;
overflow:hidden;
}
.news_box h2 {
float:left;
width:320px;
padding-left:20px;
text-align:left;
font-size:14px;
font-family:Simsun;
font-weight:normal;
line-height:28px;
background:url(../images/arrow.gif) 5px 10px no-repeat;
padding-bottom:20px;
}
.news_box h3 {
float:right;
width:320px;
font-size:12px;
color:#aaa;
text-align:right;
border-bottom:1px solid #aaa;
font-family:Simsun;
font-weight:normal;
padding-bottom:8px;
}
.pic_news {
float:left;
width:160px;
height:106px;
margin-left:20px;
display:inline;
margin-top:20px;
margin-bottom:20px;
clear:both;
}
.news_box p {
float:left;
width:320px;
margin-left:20px;
display:inline;
text-align:left;
text-indent:2em;
font-size:12px;
font-family:Simsun;
line-height:22px;
}
.news_box p a {
color:#999;
}
.news_box p a:hover {
color:#f90;
}
.slide_dot {
float:left;
width:50px;
padding-left:270px;
border-top:1px solid #aaa;
padding-top:10px;
padding-bottom:10px;
text-align:left;
margin-left:525px;
display:inline;
}
.slide_dot .dot_list {
float:left;
height:10px;
width:5px;
height:5px;
display:block;
border-radius:2px;
}
.slide_dot span {
margin-right:3px;
cursor: pointer;
background-color:#2fa6c6;
margin-right:5px;
}
.slide_dot .current {
background-color:#000;
}

/*careers*/
.careers_content {
float:left;
width:1280px;
height:800px;
overflow:hidden;
background-color:#fff;
overflow:hidden;
background:url(../images/pic_careers.jpg) top left no-repeat;
background-color:#fff;
position:relative;
}
.careers_content h2 {
position:absolute;
top:-50px;
left:400px;
width:auto;
font-size:30px;
line-height:30px;
font-weight:normal;
padding-left:10px;
padding-bottom:60px;
border-left:1px solid #fff;
color:#fff;
opacity: 0;
}
.careers_content h3 {
position:absolute;
top:-40px;
left:320px;
width:auto;
font-size:18px;
font-weight:lighter;
font-family:Microsoft Yahei;
padding-left:10px;
color:#fff;
opacity: 0;
}
.careers_txt {
float:left;
width:1280px;
height:400px;
margin-top:600px;
background-color:#fff;
text-align:left;
}
.careers_txt img {
float:left;
width:132px;
height:132px;
margin-left:230px;
display:inline;
margin-top:40px;
margin-right:50px;
}
.careers_box {
float:left;
width:800px;
margin-top:40px;
}
.careers_box h4 {
float:left;
width:770px;
padding-left:30px;
line-height:28px;
padding-bottom:10px;
cursor:pointer;
}
.c_show {
background:url(../images/arrow.gif) 0px 10px no-repeat;
}
.c_hide {
background:url(../images/arrow_left.gif) 0px 10px no-repeat;
}
.careers_box ul {
float:left;
width:770px;
margin-left:30px;
display:none;
padding-bottom:10px;
}
.careers_box ul li {
float:left;
width:100%;
font-size:12px;
font-family:Simsun;
line-height:22px;
color:#666;
}
.careers_box .car_title {
font-weight:bold;
color:#239eca;
}

/*bottom*/
.page_bottom {
float:left;
width:1280px;
background-color:#434343;
}
.weburl {
float:left;
width:100%;
padding-top:20px;
padding-bottom:20px;
background-color:#f28a03;
}
.weburl p {
width:100%;
font-size:16px;
font-family:Microsoft Yahei;
color:#fff;
line-height:16px;
}
.links {
float:left;
width:1080px;
padding-top:30px;
padding-bottom:30px;
padding-left:200px;
}
.links ul {
float:left;
width:auto;
padding-right:60px;
}
.links ul li {
float:left;
width:auto;
clear:both;
text-align:left;
line-height:30px;
font-size:12px;
font-family:Simsun;
color:#fff;
font-weight:bold;
}
.links ul li a {
color:#ccc;
font-weight:normal;
}
.links ul li a:hover {
color:#f90;
}