body{color:#535353;font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;font-size:12px;margin:0 auto;padding:0;text-align:left;}
div, form, p, i, img, ul, li, ol, dl, dt, dd, table, tr, td, th, fieldset, label, legend, select, button, input {margin:0;padding:0;}
p,li,div{/* add */line-height:24px;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
ul, ol, li, dl, dt, dd {list-style:none;}
img, a img {border:0px;padding:0px;margin:0px;vertical-align:middle;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration: none;}
a:active{text-decoration:none;}
a:focus {outline:none;-moz-outline:none;}
#box_root{float:none;height:100%;width:100%;}
#box_main{height: 715px;position: relative;width: 100%;}
/*loading*/
#loading {position: absolute;left: 0;top: 0;z-index: 9999;width: 100%;height: 100%;background: #fff;}
#loading img {position: absolute;left: 50%;top: 50%;margin: 13px 0 0 -30px;}
#box_header{width:100%;}
.header {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 110px;overflow: visible!important;background:none;}
.header-wrap {position: relative;z-index: 999;width: 100%;}
#box_logo{padding-left:8%;margin-top:30px;float: left;}
.viewport {position: relative;height: 100%;}
.view-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #fff;}
.view-bg img {position: absolute;left: 50%;top: 0;height: 100%;margin-left: -1200px;}
.viewport-cont {position: absolute;top: 50%;left: 50%;width: 1200px;margin-left: -600px;}
.view-next {position: absolute;left: 50%;bottom: 30px;z-index: 99;width: 31px;height: 31px;margin-left: -15px;background: url(/img/ceo_btn.png) no-repeat;}
.view-next:hover {opacity: .8;filter: alpha(opacity=80);background-position:-31px 0;}
.view-next2 {background-position: -41px 0;}
.fixed-view-ico {position: fixed;_position: absolute;left: auto;right: 25px;top: 48%;z-index: 1;width: 17px;height: 120px;margin-top: -60px;}
.fixed-view-ico a {display: block;width: 16px;height: 16px;margin-bottom: 15px;background: url(/img/ceo_ico.png) no-repeat;}
.fixed-view-ico a:hover, .fixed-view-ico .cur {background-image: url(/img/ceo_ico_hover.png);}
#box_footer{background: #6cc030;height: 100px;}
#box_footer_text{width:1200px;margin:0 auto;}
#box_footer_text01{color:#fff;clear: both;display: block;float: left;height: 280px;padding-bottom: 10px;padding-top: 40px;width: 800px;}
#box_footer_text01 a{color:#fff;font-size:12px; font-weight:normal;}
#box_footer_text02{color: #fff;float: right;padding: 20px 0 10px;text-align: center;width: 120px;}
#box_footer_text02 a{color: #4d4d4d;font-size: 12px;}
.foot_m1{float:left;padding-right:26px;width:136px;}
.foot_m2{float:left;padding-right:30px;width:190px;}
.foot_m3{float:left;}
.foot_tel {float:right;}
.foot_texttitle {color:#404040;font-size:16px;margin-bottom:15px;font-weight:bold;}
.foot_text01 ul li a{color:#4d4d4d;font-size:12px;}
.f_tel{padding:20px;margin-bottom:15px;padding-top:13px;}
.f_tel h3{color:#404040;font-size:16px;margin-bottom:10px;}
.f_tel p{color:#404040;font-size:36px;font-weight:bold;}
.f_share{width:210px;margin:0 auto;}
#box_footer_text02 .jiathis_txt{margin:0 5px;}
#box_footer_text02 .bds_weixin{background:url(/img/f_ico_wx.png) no-repeat 0 0;width:34px;height:34px!important;padding-left:0!important;}
#box_footer_text02 .bds_sqq{background:url(/img/f_ico_qq.png) no-repeat 0 0;width:34px;height:34px!important;padding-left:0!important;}
#box_footer_text02 .bds_tsina{background:url(/img/f_ico_wb.png) no-repeat 0 0;width:34px;height:34px!important;padding-left:0!important;}
#box_footer_text02 .bds_fbook{background:url(/img/f_ico_fb.png) no-repeat 0 0;width:34px;height:34px!important;padding-left:0!important;}
#box_footer_text02 .bds_twi{background:url(/img/f_ico_tw.png) no-repeat 0 0;width:34px;height:34px!important;padding-left:0!important;}
#ceo01{margin-top:-230px;height:450px;}
.logo_banner{height:137px;margin-bottom:30px;}
#box_ceo01 .mouse{width:240px;background: url(/img/logo_a03.png) no-repeat center top;height:137px;left: 50%;margin-left: -120px;position: absolute;top:-1000px;width: 240px;}
.mouse .m_img{position: absolute;width:240px;height:137px;top: 0px;left: 0px;}
.text{height:187px;}
.text .text_01{position:absolute;left:50%;margin-left: -200px;top: 1000px;width: 341px;z-index: 99;margin-top: -180px;height: 341px;}
.text .text_02{position:absolute;left:50%;margin-left: -600px;top:1000px;width: 1169px;height: 621px;}
.text .text_03{position:absolute;left:50%;margin-left: -275px;top:1000px;width: 527px;margin-top: 380px;height: 58px;}
.text .text_04{position:absolute;left:50%;margin-left: -155px;top:1000px;width: 288px;margin-top: 480px;height: 31px;}
#ceo02{margin-top:-260px;}
.ceo_bed{float:none;margin-bottom:50px;clear:both;height: 200px;margin-top: 30px;}
.ceo_bed li{float:left;margin:0 27px;width:245px;position:relative;}
.ceo_bed li:hover a{color: #6cc030;text-decoration:none;}
.ceo_bed .a_ico01{top:300px;opacity:0}
.ceo_bed .a_ico02{top:300px;opacity:0}
.ceo_bed .a_ico03{top:300px;opacity:0}
.ceo_bed .a_ico04{top:300px;opacity:0}
.bed_ico{text-align:center;margin:0 auto 15px;}
.bed_ico a img {transition: all 1s ease 0s;}
.bed_ico a:hover img{transform: scale(1.1);}
.bed_ico a{width:245px;height: 160px;line-height:110px;display:block;}
.bed_h2{text-align:center;}
.bed_h2 a{font-size: 18px;color: #6cc030;font-weight: bold;text-align:center;}
.bed_text h3{background: url(/img/line1.jpg) no-repeat center bottom;padding-bottom: 35px;margin-bottom:15px;font-size: 36px;text-align:center;color: #6cc030;position:relative;left:100%;opacity:0;}
.bed_text p{color:#28221e;font-size:14px;text-align:center;line-height: 25px;position:relative;right:100%;opacity:0;}
#ceo03{margin-top:-260px;}
.t_brand{text-align:center;height: 56px;color: #6cc030;background: url(/img/line1.jpg) no-repeat center bottom;font-size: 36px;margin-bottom: 40px;}
#brand_list{font-size:14px;left:-1000px;opacity:0;}
#brand_list p{text-align:center;line-height:28px;color: #fff;font-size: 18px;}
#brand_ico{float:none;margin-top:40px;clear:both;height: 400px;right:-1000px;opacity:0;}
#brand_ico p{text-align:center;line-height: 48px;color: #fff;font-size:14px;position: relative;left: 525px;width: 148px;height: 48px;top: 430px;background: #6cc030;}
#brand_ico p a.a_more{display:block;margin: 20px auto 0;color:#fff;}
#brand_ico p:hover.a_more{background:#413d3c;color:#fff;text-decoration:none;}
#brand_ico .brand_ico01{border-right:1px solid #c4c1be;}
#brand_ico .brand_ico02{border-right:1px solid #c4c1be;}
#brand_ico .brand_ico03{border-right:1px solid #c4c1be;}
#brand_ico .brand_ico04{border-right:1px solid #c4c1be;}
#brand_ico .brand_ico05{border-right:1px solid #c4c1be;}
.b_ico{text-align:center;margin:0 auto 15px;}
.b_ico a{width:95px;height:95px;line-height:95px;display:block;}
.brand_h2{text-align:center;}
.brand_h2 a{font-size:16px;color:#28221e;text-align:center;}
#ceo04{margin-top:-260px;}
.t_about{text-align:center;height: 56px;font-size: 36px;color: #fff;background: url(/img/line2.jpg) no-repeat center bottom;margin-bottom:30px;}
.about_text p{text-align:center;line-height:28px;color: #fff;font-size:14px;}
#ceo04 .about_list{height:401px;margin-top:30px;}
#ceo04 span.tit{width:170px;height:55px;display:none;border:2px solid #fff;line-height:55px;text-align:center;color:#fff;font-size:18px;position:absolute;top:-165px;z-index:99;left:45px;}
#ceo04 .black{background:#000;width:100%;height:100%;position:absolute;left:0;top:0;z-index:99;display:none;}
#ceo05{margin-top:-280px;}
.t_news{text-align:center;height: 56px;font-size: 36px;color: #6cc030;background: url(/img/line1.jpg) no-repeat center bottom;margin-bottom:30px;}
#ceo06{margin-top:-260px;}
.t_join{text-align:center;height: 60px;color: #fff;background: url(/img/line2.jpg) no-repeat center bottom;margin-bottom: 150px;font-size: 36px;}
.join_text{width:100%;clear:both;margin-bottom:50px;}
.join_text p{text-align:center;line-height:28px;color:#44403f;font-size:14px;}
.join_list li{float:left;margin-left: 105px;position:relative;}
.join_a{text-align:center;margin:0 auto;}
.join_a a{height: 110px;line-height:188px;display:block;text-align:center;font-size:0;text-indent:-999px;margin: 0 0 20px;transition:all 0.5s ease-in-out 0s;}
.join_a a.join_01{background: url(/img/gb1.png) no-repeat center center;}
.join_list li:hover a.join_01{background:url(/img/gb1.png) no-repeat center center;transform:rotate(360deg) scale(1.0);}
.join_a a.join_02{background: url(/img/gb2.png) no-repeat center center;}
.join_list li:hover a.join_02{background: url(/img/gb2.png) no-repeat center center;transform:rotate(360deg) scale(1.0);}
.join_a a.join_03{background:url(/img/gb3.png) no-repeat center center;}
.join_list li:hover a.join_03{background:url(/img/gb3.png) no-repeat center center;transform:rotate(360deg) scale(1.0);}
.join_a a.join_04{background: url(/img/gb4.png) no-repeat center center;}
.join_list li:hover a.join_04{background:url(/img/gb4.png) no-repeat center center;transform:rotate(360deg) scale(1.0);}
.join_h2{text-align:center;}
.join_h3{text-align:center;font-size: 18px;font-weight: bold;padding-top: 20px;}
.join_h2 a{font-size: 18px;color: #fff;font-weight: normal;text-align:center;}
.join_h3 a{color:#fff;}
/*å¯¼èˆªæ ·å¼*/
.open .logo {
background-image: url(img/logo.png);
}
.nav_logo{
float:left;
margin-top: 0px;
padding-left: 8%;
}
.menu {
width: 100px;
height: 60px;
position: fixed;
right: 130px;
top: 36px;
color: #009572;
font-size: 16px;
line-height: 50px;
z-index: 99999;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.menu-handler {
width: 60px;
height: 50px;
cursor: pointer;
position: relative;
float: right;
transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
background: url(img/dh_bg.png) no-repeat 2px 0px;
}
.menu .active {
background: url(img/dh_bg2.png) no-repeat 2px 0px;
}
.menu-handler .burger {
width: 20px;
height: 3px;
background: #fff;
display: block;
position: absolute;
z-index: 5;
top: 14px;
left: 50%;
margin: 5px 0px 0px -10px;
transform-origin: center;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
-ms-transform-origin: center;
}
.menu-handler .burger-2 {
top: 21px;
}
.menu-handler .burger-3 {
top: 28px;
}
.menu-handler.active .burger-1 {
top: 21px;
background: #333;
-moz-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
top: 21px;
background: #333;
-moz-transform: rotate(-225deg);
-webkit-transform: rotate(-225deg);
-o-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
}
.menuBox {
position: fixed;
z-index: 1090;
background-color: #fff;
left: 0px;
top: 0px;
width: 100%;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
height: 0px;
overflow: hidden;
box-sizing: border-box;
}
.open .menuBox {
height: 380px;
padding: 50px 0px 0px;
}
.Bnav_logo {
width: 224px;
height: 104px;
position: absolute;
left: 56px;
top: 60px;
display: block;
z-index: 99;
color: #fff;
}
.Bnav {
width: 750px;
margin-left: 420px;
}
.Bnav dd {
float: left;
display: block;
font-size: 16px;
width: 150px;
}
.Bnav dd.lin4 {
}
.Bnav a:link, .Bnav a:visited {
color: #7f7f7f;
}
.Bnav a:active, .Bnav a:hover {
color: #000;
}
.Bnav dd .t a {
color: #555555;
font-family: 微软雅黑;
font-size: 14px;
}
#Bnav .subnav a {
font-family: 微软雅黑;
font-size: 14px;
}
.Bnav dd .t a:hover {
color: #000;
}
.Bnav dd .t {
font-size: 20px;
margin-bottom: 20px;
}
.Bnav dd .subnav li {
margin-bottom: 5px;
}
.Bnav dd .subnav a:hover {
margin-left: 5px;
}