@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;
height:100%;
background-color:#000;
}
li {
list-style:none;
}
a {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:none;
}
@media (max-height:768px) {
.news_scroll {
height:288px;
}
.news_button_up {
top:600px;
}
.news_button_down {
top:600px;
}
}
@media (min-height:769px) {
.news_scroll {
height:384px;
}
.news_button_up {
top:700px;
}
.news_button_down {
top:700px;
}
}

#superContainer {
height: 100%;
position: relative;
}
.frame {
margin:0px auto;
width:1280px;
height:auto;
}
.section {
width:1280px;
overflow:hidden;
}
.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 {
float:left;
margin-left:293px;
display:inline;
width:987px;
color:#000;
overflow:hidden;
}


.topbar {
position:fixed;
top:0px;
width:1280px;
height:11px;
z-index:999;
}
.menubar {
position:fixed; 
width:292px;
z-index: 999;
top: 11px;
height:100%;
background:url(../images/bg_left.jpg) top left no-repeat;
border-right:1px solid #000;
}
.home {
background-color:#f28a03;
}
.inside {
background-color:#2aa6c5;
}
#menu {
width:280px;
height:auto;
}
#menu ul {
float:right;
width:120px;
margin-top:210px;
}
#menu li {
width:100%;
line-height:40px;
text-align:left;
}
#menu ul a {
padding-left:25px;
font-size:16px;
font-family:Microsoft Yahei;
color:#fff;
display:block;
background:url(../images/dot_0.png) 0px 14px no-repeat;
}
#menu ul .active a {
font-weight:bold;
}
#menu ul .active .m_1 {
color:#1b9eba;
background:url(../images/dot_1.png) 0px 14px no-repeat;
}
#menu ul .active .m_2 {
color:#88acf7;
background:url(../images/dot_2.png) 0px 14px no-repeat;
}
#menu ul .active .m_3 {
color:#a1d042;
background:url(../images/dot_3.png) 0px 14px no-repeat;
}
#menu ul .active .m_4 {
color:#ffbb41;
background:url(../images/dot_4.png) 0px 14px no-repeat;
}
#menu ul .active .m_5 {
color:#f13d6d;
background:url(../images/dot_5.png) 0px 14px no-repeat;
}
#menu ul .active .m_6 {
color:#eb5904;
background:url(../images/dot_6.png) 0px 14px no-repeat;
}

.logo {
float:left;
margin-top:30px;
margin-left:100px;
display:inline;
}



/*aboutus*/
.p2 {
background-color:#fff;
position:relative;
}
.aboutus_content {
float:left;
width:907px;
padding:40px;
margin-top:-500px;
}
.aboutus_content h2 {
float:left;
width:100%;
text-align:right;
font-size:20px;
font-family:Microsoft Yahei;
line-height:36px;
color:#4b75a5;
font-weight:normal;
}
.aboutus_doc {
float:left;
width:100%;
margin-top:30px;
}
.aboutus_doc img {
float:left;
width:188px;
height:232px;
}
.aboutus_doc p {
float:right;
width:690px;
font-size:12px;
line-height:28px;
padding-bottom:10px;
text-align:left;
text-indent:2em;
}
.about_pic {
position:absolute;
bottom:-300px;
right:0px;
}

/*service*/
.p3 {
background:url(../images/bg_pic_03.jpg) top right no-repeat;
background-color:#fff;
}
.service_content {
float:left;
width:987px;
}
.service_content ul {
float:left;
width:880px;
margin-top:-150px;
margin-left:100px;
display:inline;
}
.service_content ul li {
float:left;
width:140px;
height:155px;
margin-left:70px;
margin-right:70px;
}
.service_content ul li a {
display:block;
width:140px;
height:125px;
padding-top:15px;
font-size:20px;
font-family:Microsoft Yahei;
color:#fff;
line-height:28px;
}
.service_content ul li span {
display:block;
font-size:15px;
}
.ser_01 {
background-image:url(../images/icon_s1.png);
background-position:51px 80px;
background-repeat:no-repeat;
background-color:#a1d042;
}
.ser_02 {
background-image:url(../images/icon_s2.png);
background-position:51px 80px;
background-repeat:no-repeat;
background-color:#a1d042;
}
.ser_03 {
background-image:url(../images/icon_s3.png);
background-position:51px 80px;
background-repeat:no-repeat;
background-color:#a1d042;
}
.nav_pointer {
margin-left:65px;
display:none;
}
.service_document {
float:left;
width:100%;
margin-top:600px;
height:auto;
position:relative;
}
.service_doc {
float:left;
width:100%;
height:300px;
}
.sp1, .sp2, .sp3 {
top:0;
left:0;
}
.sp1 p, .sp2 p, .sp3 p {
width:700px;
margin:0px auto;
margin-bottom:10px;
text-align:left;
font-size:12px;
line-height:24px;
}

/*products*/
.p4 {
background:url(../images/bg_pic_04.jpg) top right no-repeat;
background-size:987px 100%;
}
.products {
float:left;
width:987px;
}
.products_box_upper, .products_box_lower {
float:left;
width:100%;
margin-top:30px;
opacity:0;
}
.products_box_upper {
margin-left:900px;
}
.products_box_lower {
margin-left:-900px;
}
.products_thread {
float:left;
margin-left:20px;
text-align:left;
}
.pd1 {
width:115px;
}
.pd2 {
width:315px;
}
.products_thread h2 {
float:left;
width:100%;
font-size:28px;
font-family:Arial;
font-weight:normal;
line-height:48px;
color:#fff;
}
.subtitle_box {
float:left;
width:100%;
height:60px;
overflow:hidden;
}
.products_thread h3 {
float:left;
width:100%;
padding:0px 0px 0px 5px;
display:inline;
line-height:28px;
width:95%;
background-color:#036d6c;
margin-bottom:10px;
font-size:16px;
color:#fff;
}
.products_thread h4 {
float:left;
margin-bottom:10px;
width:100%;
font-size:15px;
line-height:20px;
color:#036d6c;
}

.pl1 {
float:left;
width:89px;
height:160px;
padding-left:10px;
border-left:1px solid #036d6c;
}
.pl2 {
float:left;
width:159px;
height:160px;
padding-left:10px;
border-left:1px solid #036d6c;
}
.products_thread ul li {
float:left;
width:100%;
height:25px;
font-size:15px;
}


/*contactus*/
.p5 {
background-color:#fff;
position:relative;
}
.contact_content {
float:left;
width:987px;
}
.contact_infor {
position:absolute;
bottom:384px;
width:400px;
right:300px;
padding-left:30px;
border-left:1px solid #95beea;
padding-bottom:50px;
opacity:0;
}
.contact_infor h2 {
float:left;
width:100%;
margin-bottom:50px;
font-size:20px;
font-weight:normal;
font-family:Microsoft Yahei;
text-align:left;
color:#4b75a5;
}
.contact_infor p {
float:left;
width:100%;
font-size:12px;
text-align:left;
line-height:28px;
}
.contact_pic {
position:absolute;
bottom:0px;
right:0px;
opacity:0;
}

/*news*/
.p1 {
background-color:#1b9eba;
overflow:hidden;
}
.news {
float:left;
width:100%;
position:relative;
}
.news_head {
float:left;
width:987px;
height:238px;
position:relative;
background:url(../images/bg_pic_01.jpg) top left no-repeat;
}
.news_title {
position:absolute;
bottom:0px;
right:118px;
width:100px;
height:60px;
padding:50px 10px 10px 10px;
background:url(../images/icon_01.gif) 10px 10px no-repeat;
color:#fff;
font-family:Microsoft Yahei;
background-color:#ffbb41;
}
.news_title h1 {
font-size:24px;
font-weight:normal;
text-align:left;
}
.news_title h2 {
font-size:20px;
font-weight:normal;
text-align:left;
}
.news_body {
float:left;
width:100%;
}
.news_scroll {
float:left;
width:455px;

overflow:hidden;
margin-top:50px;
}
.news_button_up {
position:absolute;
left:150px;
}
.news_button_down {
position:absolute;
left:220px;
}
.news_body ul {
float:left;
width:455px;
}
.news_body ul li {
width:370px;
margin-left:65px;
display:inline-block;
padding-left:20px;
height:48px;
line-height:54px;
font-size:12px;
color:#fff;
text-align:left;
cursor:pointer;
overflow:hidden;
}
.news_body ul li:hover {
background-color:#0d8da8;
}
.news_content {
float:left;
width:415px;
height:1000px;
background-color:#0d8da8;
}
.news_thread {
float:left;
width:355px;
height:450px;
padding:0px 30px 0px 30px;
margin-top:30px;
overflow-y:auto;
}
.hid {
display:none;
}
.news_thread p {
float:left;
width:100%;
text-align:left;
font-size:12px;
line-height:24px;
margin-bottom:10px;
color:#fff;
}



/*careers*/
.p6 {
background-color:#fff;
position:relative;
}
.careers_content {
float:left;
width:987px;
}
.career_pic {
float:left;
width:987px;
margin-top:-120px;
opacity:0;
}
.career_left {
float:left;
width:132px;
height:132px;
margin-top:40px;
margin-left:-100px;
margin-right:100px;
opacity:0;
}
.career_title {
position:absolute;
top:121px;
left:650px;
width:auto;
z-index:999;
opacity:0;
}
.career_title h2 {
float:left;
width:auto;
padding-left:20px;
padding-bottom:100px;
border-left:1px solid #fff;
font-size:24px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#fff;
}
.career_title h3 {
float:left;
width:auto;
padding-right:20px;
margin-top:10px;
font-size:16px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#fff;
}

.careers_box {
float:left;
width:500px;
margin-top:40px;
margin-left:100px;
text-align:left;
opacity:0;
}
.careers_box h4 {
float:left;
width:470px;
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:100%;
margin-left:30px;
display:none;
padding-bottom:10px;
}

.careers_box ul ul {
display:none;
}
.careers_box ul ul li {
line-height:16px;
cursor:pointer;
}
.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;
}

/*cover*/
.frame_cover {
margin:0px auto;
width:1272px;
height:100%;
background:url(../images/bg_cover.jpg) top left no-repeat;
background-size:100% 100%;
position:relative;
}
.rib {
position:absolute;
bottom:0px;
width:106px;
height:1080px;
}
.col1 {
left:0px;
background-color:#b63c6b;
}
.col2 {
left:106px;
background-color:#f13d6d;
}
.col3 {
left:212px;
background-color:#f5772d;
}
.col4 {
left:318px;
background-color:#ffbb41;
}
.col5 {
left:424px;
background-color:#5dc1c3;
}
.col6 {
left:530px;
background-color:#48a8a7;
}
.col7 {
left:636px;
background-color:#a1d042;
}
.col8 {
left:742px;
background-color:#cff08c;
}
.col9 {
left:848px;
background-color:#b63c6b;
}
.col10 {
left:954px;
background-color:#f13d6d;
}
.col11 {
left:1060px;
background-color:#f5772d;
}
.col12 {
left:1166px;
background-color:#ffbb41;
}
.c_logo {
position:absolute;
top:250px;
left:0px;
opacity:0;
}
.c_name {
position:absolute;
top:370px;
right:0px;
opacity:0;
}
.c_light {
position:absolute;
top:160px;
left:470px;
opacity:0;
width:365px;
height:365px;
}

.copyright {
  position:fixed;
  left:calc((100% - 1280px)/2);
  bottom:0px;
  height:70px;
  background-color:#434343;
  color:#fff;
  width:1280px;
  z-index: 1000;
}
.copyright1 {
  position:fixed;
  left:calc((100% - 1272px)/2);
  bottom:0px;
  height:70px;
  background-color:#434343;
  color:#fff;
  width:1272px;
  z-index: 1000;
}
.copyright p, .copyright1 p {
  width:100%;
  font-size:12px;
  text-align: center;
  line-height:70px;
  height:70px;
}
.copyright p a, .copyright1 p a {
  color:#fff;
}