@charset "utf-8";
/* CSS Document */


body > .qing{ min-width:1250px;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
a div, a span{ cursor:pointer;}
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.juzhong{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}

img{ display:block;}

.tobg{ background:#310b70; height:40px; position:relative; z-index:999;}
.ttel{ line-height:40px; font-size:12px; color:#fff;}
.ttel img{ margin-right:6px;}
.ttel span{ font-size:14px; color:#ea8000;}
.sok{ margin-top:6px; background:url(../images/soubg.png) left top no-repeat;}
.souk{ margin-right:8px; float:left;}
.sous{ display:block; float:left; width:183px; height:28px; background-color:transparent !important; padding:0 10px 0 23px;}
.souc{ display:block; float:left; width:44px; height:28px; background-color:transparent !important; cursor:pointer;}
.onbg{ display:block; float:left;}
.onbg a{ display:block; width:90px; height:28px; text-align:center; background:url(../images/onbg.png) center center no-repeat; line-height:28px; color:#fff; font-size:14px;}
.onbg a span{ display: block; position:relative; top:0;}
.onbg a:hover span{ top:-100%;}
/**导航**/
.nak{ height:95px !important; overflow:visible; position:relative; z-index:999; background:#FFF;}
.logo{ display:block; float:left; width:355px; height:95px; position:relative;}
.logo img{ display:block; position:absolute;}
.logo1{ left:0; top:5px;}

/* detail_banner */
.product_banner{width:100%;height:398px;background:url(../images/product_banner.jpg) no-repeat center;}
.{width:100%;height:397px;background:url(../images/.jpg) no-repeat center;}
.news_banner{width:100%;height:397px;background:url(../images/news_banner.jpg) no-repeat center;}
.jobs_banner{width:100%;height:397px;background:url(../images/jobs_banner.jpg) no-repeat center;}
.friend_banner{width:100%;height:397px;background:url(../images/friend_banner.jpg) no-repeat center;}
.feedback_banner{width:100%;height:395px;background:url(../images/feedback_banner.jpg) no-repeat center;}



.navk{ float:right; margin-right:-19px; padding-top:29px;}
/*.navk a{ display:block; float:left; padding:0 20px; overflow:hidden; position:relative; height:36px; top:0; line-height:36px;}
.navk a span{ display:block; position:relative; top:0; color:#010101;}
.navk a:hover span, .navk a.nann span{ top:-100%; color:#320d6d;}
.navk a b{ position:absolute; bottom:0; left:50%; margin-left:0px; width:0px; height:2px; background:#320d6d;}
.navk a:hover b, .navk a.nann b{ left:50%; margin-left:-31px; width:62px;}
.navk a.sy:hover b{ left:50%; margin-left:-16px; width:32px;}
*/
/*
.nav1, .nav2, .nav3, .nav4, .nav5, .nav6{
	animation:nav1 0.6s cubic-bezier(1,0.75,0.56,1.1) both;
	-webkit-animation:nav1 0.6s cubic-bezier(1,0.750.56,,1.1) both;
	-moz-animation:nav1 0.6s cubic-bezier(1,0.75,0.56,1.1) both;
	-o-animation:nav1 0.6s cubic-bezier(1,0.75,0.56,1.1) both;
}
.nav1{animation-delay:0.2s; -webkit-animation-delay:0; -moz-animation-delay:0; -ms-animation-delay:0; -o-animation-delay:0;}
.nav2{animation-delay:0.4s; -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; -ms-animation-delay:0.4s; -o-animation-delay:0.4s;}
.nav2{animation-delay:0.8s; -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; -ms-animation-delay:0.8s; -o-animation-delay:0.8s;}
.nav3{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -ms-animation-delay:1.2s; -o-animation-delay:1.2s;}
.nav4{animation-delay:1.6s; -webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; -ms-animation-delay:1.6s; -o-animation-delay:1.6s;}
.nav5{animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s; -ms-animation-delay:2s; -o-animation-delay:2s;}
.nav6{animation-delay:2.4s; -webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; -ms-animation-delay:2.4s; -o-animation-delay:2.4s;}
@keyframes nav1{
0%{ top:-80px;} 100%{top:0;}
}
@-webkit-keyframes nav1{
0%{ top:-80px;} 100%{top:0;}
}
@-moz-keyframes nav1{
0%{ top:-80px;} 100%{top:0;}
}
@-o-keyframes nav1{
0%{ top:-80px;} 100%{top:0;}
}*/
/**banner**/
.bank{ height:532px; }
/* main_image */
.main_visual{height:532px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:532px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:532px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:532px;}
.main_image li a{display:block;width:100%;height:532px}

div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display: block;}
#btn_prev{background:url(../images/banz1.png) no-repeat left top;left:0px;}
#btn_next{background:url(../images/banz2.png) no-repeat right top;right:0px;}

/**乐为产品**/
.lwk{ padding-top:36px; padding-bottom:56px; background:url(../images/lwbg1.png) right top no-repeat, url(../images/lwbg2.png) left bottom no-repeat;}
.lwdti{ position:relative; margin-bottom:18px; text-align:center; font-size:60px; line-height:68px; color:#f1f1f1;text-transform:uppercase;}
.lwdti span{ display:block; width:136px; height:32px; position:absolute; left:50%; background:#fff; margin-left:-68px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#005197;}
.lwl{ display:block; padding-left:1px; }
.lwl dd{ display:block; float:left; width:312px; height: auto; padding-bottom:4px; margin-left:-1px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.lw-ti{ padding-bottom:13px; padding-top:18px; margin:0 28px 23px; position:relative;}
.lw-ti a{ line-height:32px; font-size:18px; color:#000;}
.lw-ti b{ display:block; position:absolute; left:0; bottom:0; width:34px; height:2px; background:#000;}
.lwl dd:hover .lw-ti b{ width:68px;}
.lw-tu a{ display:block; width:300px; height:203px; position:relative; overflow:hidden;}
.lw-tu a:hover img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
/*乐为分类*/
.leik-lw table{ margin:0 auto; padding-bottom:52px;}
.lw-lei{ display:block;}
.lw-lei li{ padding:0 30px; height:36px; display:block; overflow:hidden; float:left; margin:0 3px; background-color:#310b70; line-height:34px; font-size:12px; color:#FFF; cursor:pointer;}
.lw-lei li span{ display:block; position:relative; top:0;}
/*选项卡*/
/**tabs**/
.tabPanel ul{}
.tabPanel ul li{}
.tabPanel .hit, .tabPanel li:hover{ border-color:#FFF; color:#FFF; background-color:#ec3509;}
.tabPanel .hit span, .tabPanel li:hover span{ display:block; position:relative; top:-100%; color:#FFF;}
.pane{ min-height:100px; display:none;}

/**底部**/
.fobg{ background:#330d72;}
.fok1{ padding:55px 0 40px; border-bottom:1px solid #3d3d3d;}
.fonav{ display:block; float:right; border-right:1px solid #5e418d;}
.fonav dd{ display:block; float:left; padding:0 40px 0 45px; border-left:1px solid #5e418d; }
.fonav dd p{ display:block; border-bottom:1px solid #5e418d; padding-bottom:4px; margin-bottom:12px; font-size:16px; color:#FFF; line-height:32px;}
.fonav dd a{ display:block; clear:both; color:#a88ec8; font-size:12px; line-height:36px;}
.fonav dd a:visited{ color:#a88ec8;}
.fonav dd a:hover{ color:#fff; padding-left:4px;}
.fokf{ margin-bottom:10px;}
.ftel{ margin-bottom:19px;}
.fok2{ display:block; height:66px; line-height:66px; font-size:12px; color:#a88ec8;}
.fok2 a, .fok2 a:visited{ color:#a88ec8;}