﻿body{font-size:12px;color:#3a3a3a;line-height:22px;font-family:Verdana, Arial, Helvetica, sans-serif;}
body,li,ul,dl,dd,h3,h1,h2,h4,h5,h6,h7{margin:0;padding:0;font-size:12px;}
em {font-style: normal;}
ul,li{list-style:none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ab670b;}
.blank8{height:8px;overflow:hidden;}
.blank16{height:16px;overflow:hidden;}
.blank30{height:30px;overflow:hidden;}
p{margin:0;}
img{border:0;}
.main{ width:1130px;margin:0 auto; position:relative;}

.header{ height:49px; background:#000000; min-width:1130px;}
.logo{ position:absolute;z-index:1111;left:50px;}
.nav{ float:right;margin:10px 30px 0 0;display:inline;}
.nav li{float:left;  }
.nav a{color:#cccccc; float:left; height:33px; line-height:33px; background:url(../images/nav.png) no-repeat;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.nav a:hover,.nav li.nav_act a,.nav li.nav_act a:hover{ color:#e39d41;}
.nav_line{ border-top:1px solid #ebebeb;}
.nav a.nav1{width:90px; background-position:0 0;}
.nav a.nav2{width:123px; background-position:-90px 0;}
.nav a.nav3{width:107px; background-position:-213px 0;}
.nav a.nav4{width:104px; background-position:-320px 0;}
.nav a.nav5{width:116px; background-position:-424px 0;}
.nav a.nav6{width:83px; background-position:-540px 0;}
.nav li.nav_act a.nav1,.nav li.nav_act a.nav1:hover,.nav a.nav1:hover{background-position:0 -33px;}
.nav li.nav_act a.nav2,.nav li.nav_act a.nav2:hover,.nav a.nav2:hover{background-position:-90px -33px;}
.nav li.nav_act a.nav3,.nav li.nav_act a.nav3:hover,.nav a.nav3:hover{background-position:-213px -33px;}
.nav li.nav_act a.nav4,.nav li.nav_act a.nav4:hover,.nav a.nav4:hover{background-position:-320px -33px;}
.nav li.nav_act a.nav5,.nav li.nav_act a.nav5:hover,.nav a.nav5:hover{background-position:-424px -33px;}
.nav li.nav_act a.nav6,.nav li.nav_act a.nav6:hover,.nav a.nav6:hover{background-position:-540px -33px;}

.contactIndex1 .header{ position:fixed;left:0;top:0;z-index:111111;width:100%;min-width:1130px;}
.contactIndex1 .logo{ position:fixed;z-index:9999999;}


/* index */
.banner{height:508px;margin:0 auto;position:relative;  overflow:hidden;min-width:1130px;}
.top-banner{width:100%;}
.top-banner a{ width:100%; height:600px; display:block; float:left;}
.banner_l,.banner_r{width:19px; height:154px; background:url(../images/banner_lr.png) no-repeat; overflow:hidden; position:absolute;z-index:111111;top:200px; cursor:pointer; filter:alpha(opacity = 50); opacity:0.5;}
.banner_l{left:0;}
.banner_r{ background-position: -19px 0;right:0;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.banner_l:hover,.banner_r:hover{filter:alpha(opacity = 80); opacity:0.8;}
.banner_page{ position:absolute;left:0;bottom:10px; z-index:1121;width:100%;text-align:center;}
.banner_page a{ font-size:22px; margin:0 3px; color:#999; }
.banner_page a:hover,.banner_page a.activeSlide:hover,.banner_page a.activeSlide{color:#333;}

.product{ float:left;margin:40px 0 0 0;display:inline;}
.product_l,.product_r{width:23px; height:46px; background:url(../images/lr_1.png) no-repeat; overflow:hidden; float:left;margin-top:60px; cursor:pointer;}
.product_l{margin-right:20px;}
.product_r{ background-position:-23px 0;margin-left:20px;}
.product_c{float:left; width:304px; height:180px; overflow:hidden;background:url(../images/img_bg.png) no-repeat;}
.product_c dl{ float:left;  overflow:hidden;width:300px; height:180px;  text-align:center; overflow:hidden;}
.product_c dd{height:150px;margin-bottom:5px;}

.news{ float:right;width:700px; margin-top:30px;}
.news h1{ font-family:Arial, Helvetica, sans-serif; font-size:60px; line-height:60px; color:#000000; font-weight:normal}
.news h2{font-family:Arial, Helvetica, sans-serif; font-size:40px;line-height:40px; color:#000000; font-weight:normal}
.news p{ color:#7f7f7f; line-height:18px;}

.i_news{ height:480px; background:#000000;min-width:1130px;}
.i_list{ float:left;width:330px; height:390px;margin:40px 0 0 40px; display:inline;}
.i_cover{ height:205px; overflow:hidden;}
.i_info{padding:25px 5px 0;}
.i_info h3{ font-weight:normal; font-size:15px;  color:#fff;}
.i_info p{ height:80px; line-height:16px; overflow:hidden;margin:5px 0 20px 0; color:#999999;}
.i_info a:hover img{ filter:alpha(opacity = 80);opacity:0.8;}
.brand{ background:#efefef;padding:40px 0;min-width:1130px;}
.brand .main{ position:relative; height:561px;}
.brand h3{ text-align:center; font-size:50px; color:#000; font-weight:normal; height:50px; line-height:50px;}
.brand .s_logo{ position:absolute;}
.s_logo1{left:70px;top:120px; z-index:2;}
.s_logo2{left:30px;top:90px; z-index:1;}
.s_logo3{left:570px;top:160px; z-index:1;}
.s_logo4{right:300px;top:140px; z-index:1;}
.s_logo5{right:140px;top:160px; z-index:1;}
.s_logo6{right:60px;top:140px; z-index:1;}
.s_logo7{left:30px;top:310px; z-index:1;}
.s_logo8{left:170px;top:280px; z-index:1;}
.s_logo9{left:320px;top:220px; z-index:1;}
.s_logo10{right:170px;top:245px; z-index:1;}
.s_logo11{right:45px;top:240px; z-index:1;}
.s_logo12{left:40px;bottom:50px; z-index:1;}
.s_logo13{left:170px;bottom:50px; z-index:1;}
.s_logo14{left:220px;bottom:120px; z-index:1;}
.s_logo15{left:310px;bottom:40px; z-index:1;}
.s_logo16{left:370px;bottom:100px; z-index:1;}
.s_logo17{left:400px;bottom:30px; z-index:1;}
.s_logo18{left:520px;bottom:70px; z-index:1;}
.s_logo19{right:370px;bottom:130px; z-index:1;}
.s_logo20{right:330px;bottom:20px; z-index:1;}
.s_logo21{right:280px;bottom:160px; z-index:1;}
.s_logo22{right:180px;bottom:70px; z-index:1;}
.s_logo23{right:180px;bottom:150px; z-index:1;}
.s_logo24{right:60px;bottom:120px; z-index:1;}
.s_logo25{right:20px;bottom:20px; z-index:1;}


.footer{ height:250px;background:#000000; color:#dfdfdf; line-height:30px; font-size:11px;min-width:1130px;}
.footer .main{}
.footer a,.footer1 a{ color:#dfdfdf;}
.footer a:hover,.footer1 a:hover{ color:#fff;}
.footer_list{ float:left;width:330px; line-height:18px;margin:20px 0 0 40px; height:170px;display:inline;}
.footer_list h3{ font-size:16px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; line-height:32px;}
.footer_list h3 em{ background:url(../images/icon1.png) no-repeat top center;padding:8px;margin-left:5px;}
.footer_list p{margin-bottom:10px;}
.footer_line{ border-top:1px solid #808080;padding-left:40px; height:60px; line-height:60px; position:relative;}

.footer_list1{ float:right;width:330px; line-height:18px;margin:20px 0 0 40px; height:170px;display:inline;}
.footer_list1 h3{ font-size:16px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; line-height:32px;}
.footer_list1 h3 em{ background:url(../images/icon1.png) no-repeat top center;padding:8px;margin-left:5px;}
.footer_list1 p{margin-bottom:10px;}

/* login */
.login{ position:fixed;width:408px; height:220px; background:url(../images/login_bg.png) no-repeat; overflow:hidden; z-index:1112121;left:50%;top:50%;margin-left:-204px;margin-top:-100px; display:none;_position:absolute;}
.login_close{ background:url(../images/close.png) no-repeat;width:20px; height:20px; overflow:hidden; cursor:pointer; float:right;margin:10px 10px 0 0;}
.login_close:hover{ filter:alpha(opacity = 60);opacity:0.6;}
.login_c{width:274px;margin:40px auto 0; text-align:center;}
.login_txt{width:272px; height:24px; line-height:24px; text-align:center; border:1px solid #000000; background:none;margin-bottom:10px; font-size:13px;}
.login_btn{width:115px; height:27px; line-height:27px; text-align:center; background:#000000; color:#fff; border:0; cursor:pointer;}
.login_btn:hover{ filter:alpha(opacity = 80);opacity:0.8;}
.loginBg{ background:#000; filter:alpha(opacity = 60);opacity:0.6; position:absolute;width:100%; height:100%;display:none;z-index:1112120;left:0;top:0;}

/* about */
.about{ position:absolute;width:100%;height:100%;}
.contactIndex .header{ height:48px; background:#000; position:absolute;left:0;width:100%;min-width:960px; z-index:111;}
.footer1{ position:absolute; bottom:0;width:100%;height:30px;background:#000000; margin-top:10px; color:#bbbbbb; line-height:30px; font-size:11px;}
.footer1 .fl{padding-left:10px;}
.footer1 .fr{padding-right:10px;}
.about_txt{ position:absolute;z-index:1;width:580px; line-height:18px; bottom:180px;left:70px;}
.about_txt h3{ font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; line-height:40px;margin-bottom:20px;}
.about_txt p{ color:#d8dadd;}
.about_txt dl{margin-top:10px;}
.about_txt dd{ color:#f8efe0; font-size:18px; background:url(../images/icon2.png) no-repeat left center;padding-left:10px;cursor:pointer;}
.about_txt dd:hover{ color:#fff;}
.about_txt dt{ color:#e6e6e6;height:268px; overflow:hidden; display:none;margin-top:10px;padding-left:10px;}
.about_s{height:268px;}
.about_txt_full{ height:360px; overflow:hidden;}

/* product */
.product1{ width:905px; position:absolute; height:500px;left:50%;top:50%;margin-left:-452px;margin-top:-200px;}
.product1 h3{  font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:40px;margin-bottom:10px;color:#fff; text-align:center;}
.product1_txt{ background:url(../images/productstatus_bg1.png) no-repeat; width:765px; height:302px; padding:70px;}
.line{width:100%; height:1px; background:#bbbbbb; overflow:hidden;margin:20px 0;}

/* contact */
.contact{position:absolute;z-index:1;width:400px;  background:url(../images/about_bg1.png); overflow:hidden;left:-500px;bottom:100px;padding:35px;box-shadow: 0 1px 8px rgba(0, 0, 0, .3);-moz-box-shadow: 0 1px 8px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .3);}
.contact_l{ float:left;width:180px;margin-top:55px;}
.contact_l li{font-size:26px; line-height:45px; height:45px;}
.contact_l a{color:#ffffff; float:left; line-height:45px; height:45px;}
.contact_l a:hover{color:#ffb125; }
.contact_l .contact_a a{ color:#ffb125; background:url(../images/line.png) repeat-x bottom center;}
.contact_r{ float:left;width:180px;}
.contact h3{ font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; line-height:40px;margin-bottom:20px;}
.contact p{ color:#d8dadd; display:none;}
#map_canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* process */
.bg{ background:#000000;}
.bg .banner_page a{ color:#898989}
.bg .banner_page a.activeSlide{ color:#fff;}
.h3{ color:#fff; font-size:40px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.ck{ color:#808080; line-height:22px;margin:30px 0; font-family:Arial, Helvetica, sans-serif;}

/* product */
.prodct2{ text-align:center;min-width:1130px;}
.item{margin:25px; position:relative; display:inline;line-height:0; vertical-align:bottom;}
.item img{max-width:620px;max-height:620px;margin-top:30px;}
.item:hover img{ filter:alpha(opacity = 60);opacity:0.8; }

#banner_img{position:absolute;}
.login_btn1:hover{opacity:0.9;filter:alpha(opacity = 90);}


/* 360 */
@media all and (max-width: 1130px) {
.nav{
	-moz-transform:scale(0.9,0.9);  
  -webkit-transform:scale(0.9,0.9);  
  -o-transform:scale(0.9,0.9);  
  margin-top:5px;
 }
.header{	height:40px;} 
}

.addthis_toolbox {position:absolute;top:18px;left:0;}
.addthis_toolbox a {background-image:url(../images/icon.png); background-repeat:no-repeat; border-radius:3px; width:27px; height:27px; margin-right:3px; display:block; float:left;}
.post .addthis_toolbox {display:none; top:3px; right:0;}
.post:hover .addthis_toolbox {display:block;}
.post .addthis_toolbox a {background-color:rgb(0,0,0);}
#post .addthis_toolbox {top:0; left:427px;}
#post .addthis_toolbox a {background-color:rgb(190,190,190);}
.addthis_toolbox a span {display:none;}
.addthis_button_twitter {background-position:0 0;}
.addthis_button_pinterest {background-position:-188px 0;}
.addthis_button_facebook {background-position:-37px 0;}
.addthis_button_google_plusone_share {background-position:-149px 0;}
.addthis_button_sinaweibo {background-position:-74px 0;}
.addthis_toolbox a:hover{ opacity:0.8; filter:alpha(opacity = 80);}
.addthis_button_linkedin {background-position:-271px 0;}
.addthis_button_linkedin a:hover{ opacity:0.8; filter:alpha(opacity = 80);}
.addthis_button_instagram {background-position:-229px 0;}
.addthis_button_instagram a:hover{ opacity:0.8; filter:alpha(opacity = 80);}


