@import url("base.css");

body{font-size:12px;color:#666; font-family:'微软雅黑';background:#FEFEFE;}
.container{width:980px; margin:0 auto;position:relative;}
a{color:#666;}
.cl6{color:#666;}
.kv{height:490px;position:relative;width:100%;overflow: hidden;}
.kv ul{height:490px;width:100%;}
.kv ul li{height:490px;width:100%;}
.kv ul li a{height:490px;width:100%;display:block;}
.kv .kv_prev{position:absolute;left:0px;top:230px;background:url(../images/icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}
.kv .kv_next{position:absolute;right:0px;top:230px;background:url(../images/icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}
.kv .kv_prev:hover{background:url(../images/icon_bg.png) no-repeat left -81px;}
.kv .kv_next:hover{background:url(../images/icon_bg.png) no-repeat -115px -81px;}
.kv .kv_page{width:150px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}
.kv .kv_page a{display:block;float:left;width:22px;height:22px;background:url(../images/icon_bg.png) no-repeat -33px -203px;margin:0 4px;}
.kv .kv_page a.selected{background:url(../images/icon_bg.png) no-repeat left -203px;}

.nav{background:url(../images/nav_bg.png) repeat-x;height:85px;position:absolute;z-index:9;width:100%;left:0px;top:490px;position:absolute;}
.nav.selected{position:fixed;width:100%;left:0px;top:0px;}
.nav .logo{float:left;width:160px;height:40px;background:url(../images/logo.png) no-repeat;margin-top:20px;}
.nav .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}
.nav .menu li{float:left;width:105px;text-indent:-9999px;height:80px;}
.nav .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;}
.nav .menu li a{color:#fff;font-size:14px;width:105px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;text-indent:-9999px;}
.nav .menu li a span{display:block;height:80px;text-align:center;text-indent:-9999px;width:105px;}
.nav .menu li a em{display:block;height:80px;text-align:center;text-indent:-9999px;width:105px;}
.nav .menu li a:hover{margin-top:-80px;}
.nav .menu li.current a{margin-top:-80px;}
.nav .menu li.back{position:absolute;left:0px;bottom:0px;background:url(../images/nav_ahover.png) no-repeat center bottom;width:105px;height:7px;}
.nav .menu li.mu_home span{background:url(../images/nav.png) no-repeat 20px 32px;}
.nav .menu li.mu_about span{background:url(../images/nav.png) no-repeat -100px 32px;}
.nav .menu li.mu_works span{background:url(../images/nav.png) no-repeat -240px 32px;}
.nav .menu li.mu_service span{background:url(../images/nav.png) no-repeat -370px 32px;}
.nav .menu li.mu_news span{background:url(../images/nav.png) no-repeat -500px 32px;}
.nav .menu li.mu_contact span{background:url(../images/nav.png) no-repeat -640px 32px;}
.nav .menu li.mu_home em{background:url(../images/nav.png) no-repeat 20px -70px;}
.nav .menu li.mu_about em{background:url(../images/nav.png) no-repeat -240px -70px;}
.nav .menu li.mu_works em{background:url(../images/nav.png) no-repeat -100px -70px;}
.nav .menu li.mu_service em{background:url(../images/nav.png) no-repeat -370px -70px;}
.nav .menu li.mu_news em{background:url(../images/nav.png) no-repeat -500px -70px;}
.nav .menu li.mu_contact em{background:url(../images/nav.png) no-repeat -640px -70px;}

/*about*/
.about{padding-bottom:60px;position:relative;padding-top:150px;}
.about #about_con{height:450px;width:980px;}
.about .cat{position:absolute;right:0px;z-index:5;}
.about .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;height:30px;line-height:25px;}
.about .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}
.about .cat a.selected{background:url(../images/cat_ahover.png) no-repeat center 3px;color:#fff;}
.about .brand{display:block;height:450px;width:980px;float:left;}
.about .brand .title{background:url(../images/brand_title.png) no-repeat;width:585px;height:90px; margin-bottom:50px;}
.about .brand .brand_l{float:left;width:550px;height:260px;padding:0 25px;border-right:1px dashed #ccc;font-size:14px;color:#666666; text-indent: 2em;}
.about .brand  li{color:#666666;line-height:25px;line-height:25px;}
.about .brand .brand_r{float:left;width:350px;height:260px;background:url(../images/brand_c.jpg) no-repeat;margin-left: 20px;}
.about .core{display:block;height:450px;width:980px;float:left;}
.about .core .title{background:url(../images/core_title.png) no-repeat;width:400px;height:90px;}
.about .core .core_con{width:980px;overflow:hidden;}
.about .core .core_con ul{width:1010px;height:370px;background:url(../images/structure_line.png) no-repeat 60px 0;}
.about .core .con li{float:left;width:980px;border-right:1px dashed #ccc;font-size:18px;background-color: #fff; color:#666;}
.about .core .con .lis{ border:1px solid #158ed6;width:130px;height:36px;text-align:center;border-radius:8px;line-height:36px; position:absolute;behavior: url(ie-css3.htc); }
.newinfo {background: #fff;border-radius: 20px;width: 650px;position: relative;padding: 35px;display: none;}
.newinfo .close {background: url(../images/close.png) no-repeat -56px top;display: block;position: absolute;top: 35px;right: 35px;width: 41px;height: 41px;}
.newinfo p.time {color: #AAAAAA;font-size: 12px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.newinfo .con {color: #868686;font-size: 12px;padding-top: 20px;}
.newinfo h4.title {color: #BA292D;font-size: 18px;}
.newinfo .aui_close {background: url(../images/close.png) no-repeat -56px top;display: block;position: absolute;top: 35px;right: 35px;width: 41px;height: 41px;}
.about .core .con .li01{left:466px; top:0;transform:rotateX(-90deg) rotateY(90deg) translateZ(300px);transition:all 1s ease 0s;}
.about .core .con .li02{left:466px; top:62px;transform:rotateX(-90deg) rotateY(90deg) translateZ(300px);transition:all 1s ease 0.5s;}
.about .core .con .li03{left:124px; top:148px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(300px);transition:all 1s ease 1s;}
.about .core .con .li04{left:60px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(900px);transition:all 1s ease 1.5s;}
.about .core .con .li05{left:154px; top:238px;width:70px;height:46px;line-height:20px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(900px);transition:all 1s ease 1.8s;}
.about .core .con .li06{left:154px; top:310px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(900px);transition:all 1s ease 2.4s;}
.about .core .con .li07{left:250px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(900px);transition:all 1s ease 2s;}
.about .core .con .li08{left:314px; top:148px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(300px);transition:all 1s ease 1s;}
.about .core .con .li09{left:342px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(-90deg) translateZ(900px);transition:all 1s ease 1.5s;}
.about .core .con .li10{left:618px; top:148px;transform:rotateX(-90deg) rotateY(90deg) translateZ(300px);transition:all 1s ease 1s;}
.about .core .con .li11{left:436px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(90deg) translateZ(900px);transition:all 1s ease 1.5s;}
.about .core .con .li12{left:518px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(90deg) translateZ(900px);transition:all 1s ease 1.6s;}
.about .core .con .li13{left:602px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(90deg) translateZ(900px);transition:all 1s ease 1.7s;}
.about .core .con .li14{left:686px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(90deg) translateZ(900px);transition:all 1s ease 1.8s;}
.about .core .con .li15{left:768px; top:238px;width:70px;height:46px;line-height:20px;transform:rotateX(-90deg) rotateY(90deg) translateZ(900px);transition:all 1s ease 1.9s;}
.about .core .con .li16{left:854px; top:238px;width:70px;height:46px;line-height:46px;transform:rotateX(-90deg) rotateY(90deg) translateZ(900px);transition:all 1s ease 2s;}
.about .core .con .li17{left:808px; top:148px;transform:rotateX(-90deg) rotateY(90deg) translateZ(300px);transition:all 1s ease 1s;}
.about .team{display:block;height:450px;width:980px;float:left;}
.about .team .title{background:url(../images/team_title.png) no-repeat;width:437px;height:73px;}
.about .team .con{height:250px;margin-top:80px;}
.about .team .con li{float:left;width:165px;text-align:center;margin:0 40px;}
.about .team .con li a{display:block;width:166px;height:167px;margin-bottom:5px;position:relative;-webkit-transition:1s ease all;-moz-transition:1s ease all;transform:1s ease all;}

.about .team .con li.con_1 a{background:url(../images/team_bg.png) no-repeat left top;}
.about .team .con li a:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.about .team .con li.con_2 a{background:url(../images/team_bg.png) no-repeat -247px top;}
.about .team .con li.con_3 a{background:url(../images/team_bg.png) no-repeat -493px top;}
.about .team .con li.con_4 a{background:url(../images/team_bg.png) no-repeat -738px top;display:block;width:166px;height:167px;margin-bottom:5px;position:relative;transform:none; }
.about .team .con li h3{color:#464646;font-size:14px;font-weight:normal;margin-top:25px;}
.about .team .con li p{color:#787878;font-size:12px;font-weight:normal;}

/*works*/
.works{background:#009de3;padding-top:60px;padding-bottom:160px;position:relative;}
.works .title{background:url(../images/works_title.png) no-repeat;width:530px;height:75px;color: #fff;}
.transition{-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.section8{ position: relative; height: 480px; }
.section8 .section_c{ width: 1000px; margin: 0 auto; position: relative; }
.section8 .c{display: none; background : url(../images/c.png); -webkit-transition:-webkit-transform 3s ease 0s; -moz-transition:-moz-transform 3s ease 0s; transition:transform 3s ease 0s; width: 500px; height: 456px; position: absolute; top:0; left: 242px; z-index: 1; }
.section8 .cline{display: none; background : url(../images/c_line.png); width: 500px; height: 456px; position: absolute; top:0; left: 242px; z-index: 2; }
.section8 ul li{display: none; width: 220px; height: 85px; background: url(../images/box.png) no-repeat; position: absolute; color:white; padding:25px 22px; }
.section8 ul li.no1{ top:24px; left: 724px; }
.section8 ul li.no2{ top:150px; left: 724px;}
.section8 ul li.no3{ top:276px; left: 724px; }
.section8 ul li.no4{ /* left: 42px; */ top: 24px; }
.section8 ul li.no5{ /*left: 42px;*/ top: 150px; }
.section8 ul li.no6{ /*left: 42px;*/ top: 276px; }
.section8 ul li.no7{ left:366px; top: 457px; }

/*service*/
.service{padding-top:50px;padding-bottom:60px;position:relative;background-color:#efefef;}
.service #service_con{height:380px;width:990px;}

.service .srv_pro{display:block;width:990px;float:left;height:380px;}
.service .container .title{background:url(../images/service_title.png) no-repeat left top;width:490px;height:73px;}
.service .srv_pro .con{width:990px;height:237px;position:relative;}
/* copy works */
.service .prev{display:block;background:url(../images/prev_next.png) no-repeat left top;width:59px;height:116px;position:absolute;left:-80px;top:160px;}
.service .next{display:block;background:url(../images/prev_next.png) no-repeat -104px top;width:59px;height:116px;position:absolute;right:-80px;top:160px;}
.service .prev:hover{display:block;background:url(../images/prev_next.png) no-repeat left -127px;}
.service .next:hover{display:block;background:url(../images/prev_next.png) no-repeat -104px -127px;}
.service .works_page{position:absolute;right:0px;top:20px;height:30px;}
.service .works_page a{display:block;float:left;width:22px;height:22px;background:url(../images/icon_bg.png) no-repeat -33px -203px;margin:0 4px;}
.service .works_page a.selected{background:url(../images/icon_bg.png) no-repeat left -203px;}
.service .works_main{width:980px;overflow:hidden;padding-top:60px;}
.service .works_main_con{width:980px;position:relative;}
.service .works_con{width:1020px;}
.service .con li{float:left;width:300px;margin-right:40px;}
.service .con li .bg_black{width:300px;height:180px;background-color:#000; }
.service .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=50);opacity:0.5 !important;}
.service .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}
.service .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;transition: all 0.3s linear 0s;}
.service .con li a:hover em{border:3px solid #009de3;transition: all 0.3s linear 0s;}
.service .con li h4{margin-top:10px;color:#7a7a7a;font-size:20px;height:40px;line-height:40px;font-weight:normal;width: 300px;border-bottom: 2px solid #d1d1d1;}
.service .con li p{color:#AAAAAA;font-size:12px;}

.news{padding-top:60px;padding-bottom:60px;position:relative;}
.news .title{background:url(../images/new_title.png) no-repeat;width:359px;height:73px;color:#fff;margin-bottom:40px;}

.contact{background:url(../images/ft_bg.jpg) no-repeat center top #009fe3;height:560px;position:relative;}
.contact .container{height:560px; width:1140px;}
.contact .container ul{ padding-top:350px;padding-left:70px;}
.contact .container li{width:330px;float:left;color:#fff;font-size:14px;}
.contact .container li.adr{font-size:12px;}
.contact .container li.link{ padding-left:10px;}
.contact .container li p{line-height: 22px;}

.ft{height:50px;line-height:50px;color:#666;text-align: center;font-size: 12px;}

.top{background:url(../images/top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}
.top.selected{background:url(../images/top.png) no-repeat left top;}