@charset "gb2312";
img{ border:none;}
*{ margin:0px; padding:0px;}
li{ list-style:none; }
.clr{ width:0px; height:0px; clear:both; overflow:hidden;}
a{ text-decoration:none; border:0; }
body{font-family:"΢ÈíÑźÚ","ºÚÌå"; color:#5d5d5d;  }
.header{ background:#fff;}
.wrap{ width:1200px; height:auto; position:relative; margin:0 auto;}
.ztop{ width:1000px; height:80px; position:relative; margin:0 auto;}
.ztop .logo{ width:340px; height:159px; top:10px; left:-56px; z-index:1; background:url(logo.png); position:absolute;}
.ztop span{ width:370px; height:48px; top:20px; left:260px; font-size:12px;  line-height:24px; text-indent:1em; position:absolute;}
.ztop .tel{ width:370px; height:80px; right:0; background:url(tel.gif) center no-repeat; position:absolute;}
.tnav{ width:100%; height:45px; background: url(navbg.gif); top:80px;}
.tnav span{padding-left:340px; font-size:10px; color:#fff; line-height:45px; }
.tnav a{ font-size:14px; color:#fff; margin:0 10px;}
.op8{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.op5{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.banner{ width:100%; height:630px; background: url(bannerbg.jpg) repeat-x; overflow:hidden; position:relative; float:left;}
.banner .wrap{ height:630px;}
.banner .d{ width:100%; bottom:0; left:0; text-align:center; z-index:3; position:absolute;}
.banner .i{ width:100%; top:0; left:0; text-align:center; z-index:1; position:absolute;}
.banner .y{ top:0; left:50%; margin-left:-960px; text-align:center; z-index:3; position:absolute;}
.op8{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.op5{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.yj5{ border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.yj100{ border-radius:1000px; -moz-border-radius:1000px; -webkit-border-radius:1000px;}

.flexslider{width:1200px; position:relative;height:auto; float:left;}
.slides{ position:relative; overflow:hidden; }
.slides li{ width:100%;}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center; display:none;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) center no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{ background:url(../img/dot2.png) center no-repeat;}
.flex-direction-nav{position:absolute;z-index:2;width:100%;top:50%; margin-top:-50px;}
.flex-direction-nav li a{display:block;width:56px;height:101px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:30px;background:url(l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:30px;background:url(r.png) center center no-repeat;}


.xbanner{ width:100%; height:auto; float:left;} 
.xbanner img{ width:100%; height:auto;}

.t{ width:100%; height:140px; position:relative; text-align:center; margin-top:60px; float:left;}
.t .p1{ width:248px; height:37px; background:#FFA1B1; text-align:center; line-height:37px; font-size:22px; font-weight:bold; color:#fff; margin:0 476px; float:left;}
.t .p2{ width:100%;  height:90px; text-align:center; line-height:90px;  font-size:44px; color:#f65c76; float:left;}
.t .l{ width:100%; height:auto; text-align:center;  float:left;}
.n1,.n2,.n3,.n4,.n5,.n6,.b{ width:100%; height:auto; overflow:hidden; float:left;}
.zw{ width:100%; height:auto; text-indent:2em; float:left;}
.zw span{ font-size:20px; color:#5d5d5d; line-height:1.5em; }

.n1 .b{ width:100%; height:412px; position:relative; float:left;}
.n1 .b .i{ right:30px; top:40px; position:absolute;}
.n1 .b .zw{ width:540px; left:37px; top:90px; font-size:20px; color:#333; line-height:1.5em; position:absolute;}
.n2{ height:1055px; background:#FFE7EC url(n2b.jpg) center no-repeat;}
.n2 .b{ width:100%; height:855px; position:relative; float:left;}
.n2 .b .zx{ width:302px; height:51px; top:715px; left:50%; margin-left:-151px; position:absolute; }
#divx{height:600px;width:850px; position:relative; margin:40px auto 0;}
#divx a{position:absolute;top:0px;left:0px;color:#F65678;font-weight:bold;padding:3px 6px; text-align:center;}
#divx a:hover{border:1px solid #eee;background:#F65678; color:#fff; border-radius:5px;}
.n3 .b{ width:100%; height:660px; position:relative; float:left;}
.n3 .b .i{ right:19px; top:5px; position:absolute;}
.n3 .b .zw{ width:540px; left:0; top:85px; font-size:20px; color:#333; line-height:1.5em; position:absolute;}
.n3 .b .zw b{ color:#f65c76;}
.n3 .b .zx{ width:239px; height:51px; top:440px; left:0; position:absolute; }
.n4{ width:100%; height:942px; background:url(n4b.jpg); float:left;}
.n4 .b{ width:100%; height:742px; position:relative; float:left;}
.n4 .b .i{ left:0; top:62px; position:absolute;}
.n4 .b .zx{ width:239px; height:51px; bottom:60px;  left:500px; position:absolute; }
.n4 .b .s2{ padding:7px; float:left;}
.n4 .b .s{ padding:5px; border:2px #FF567B dashed; -moz-animation:rotate 20s infinite linear; -webkit-animation:rotate 20s infinite linear; animation:rotate 20s infinite linear; float:left;}
.n4 .b .i2{ top:67px; left:718px; position:absolute;}
.n4 .b .i3{ top:35px; left:1013px; position:absolute;}
.n4 .b .i4{ top:374px; left:709px; position:absolute;}
.n4 .b .i5{ top:299px; left:936px; position:absolute;}
.n5 .b{ width:100%; height:690px; position:relative; float:left;}
.n5 .b .zw{ width:90%; height:auto; padding:0 5%;  font-size:20px; color:#333; line-height:1.5em;  text-indent:2em; margin-top:30px; float:left;}
.n5 .b .z1{ width:248px; height:auto; margin-top:35px; float:left;}
.n5 .b .z1 .on{ background:url(n5z1.jpg); }
.n5 .b .z1 ul{ float:left;}
.n5 .b .z1 li{ width:231px; height:88px; padding-right:17px; text-align:center; line-height:88px;  margin-bottom:38px; background:url(n5z2.jpg) 0 center no-repeat; float:left;}
.n5 .b .z1 span{ font-size:30px; color:#fff; font-weight:bold; }
.n5 .b .z2{ width:914px; height:466px; background:#F0F0F0; position:relative;  margin-top:35px;  float:right;}
.n5 .b .z2 .sbox{ width:400px; height:auto; margin:10px 0 0 40px; float:Left;}
.n5 .b .z2 .p1{ width:400px; height:auto; font-size:30px; color:#f65c76; margin-top:30px; float:left;}
.n5 .b .z2 .l{ margin:15px 0; float:left;}
.n5 .b .z2 .p3{ width:400px; height:auto; font-size:20px; color:#333; float:left;}
.n5 .b .z2 .zx{ margin-top:30px; float:left;}
.n5 .b .z2 .i{ right:50px; top:77px; position:absolute;}
.n6{ width:100%; height:1552px; background:url(n6b.jpg) center no-repeat; float:left;}
.n6 .b{ width:100%; height:1352px; position:relative; float:left;}
.n6 .b .bt{ width:100%; height:auto; text-align:center; font-size:30px; color:#333; line-height:2em; margin-top:30px; float:left;}
.n6 .b .z1{ width:676px; height:325px; background:url(n6i1.png); margin:20px 0; float:left;}
.n6 .b .z1 span{ width:605px; height:auto; padding:78px 35px 0; font-size:20px; color:#fff; text-indent:2em; line-height:1.5em; float:left;}
.n6 .b .z1 b{ color:#f5ff45;}
.n6 .b .z2{ width:100%; height:auto; margin-top:90px; float:left;}
.n6 .b .z2 ul li{ width:470px; height:auto; margin:0 65px; float:left;}
.n6 .b .z2 ul li .p1{ width:470px; height:220px; position:relative; float:left;}
.n6 .b .z2 ul li .p1 img{ width:470px; height:220px; top:0; left:0; z-index:1; position:absolute;}
.n6 .b .z2 ul li .p1 .bg{ width:470px; height:220px; top:0; left:0; z-index:1; background:#000;  filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;  position:absolute;}
.n6 .b .z2 ul li .p1 span{ width:470px; height:220px; top:0; left:0; z-index:1; font-size:48px; color:#fff; text-align:center; line-height:220px; position:absolute;}
.n6 .b .z2 ul li .p2{ width:470px; height:212px; background:#F65C76; font-size:20px; color:#fff;  float:left;}
.n6 .b .z2 ul li .p2 span{ padding:30px; float:left;}
.n6 .b .z2 ul li:hover{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 0.3s linear 0s;  z-index: 3000;}
.n6 .b .z3{ top:77px; right:125px; position:absolute;}
.n6 .b .zx{ width:285px; height:51px; bottom:51px; left:50%; margin-left:-142px; position:absolute; }

.n7 .b{ width:100%; height:1763px; position:relative; float:left;}
.n7 .b .bt{ width:100%; height:auto; text-align:center; font-size:30px; color:#333; line-height:2em; margin-top:30px; float:left;}
.n7 .z{ width:1200px; height:736px; background:url(n7b1.jpg); position:relative; margin-top:30px; float:left;}
.n7 .z .i{ left:130px; bottom:0; position:absolute;}
.n7 .z .zw{ width:550px; height:auto; top:100px; right:148px; text-indent:0; position:absolute;}
.n7 .z .zw .z1{ font-size:18px; color:#F65C76; font-weight:bold; }
.n7 .z .zw .z1 b{ font-size:30px; color:#595959;}
.n7 .z .zw .z2{ font-size:30px; color:#525459; font-weight:bold; line-height:30px; padding:10px 0; }
.n7 .z .zw .z2 b{ width:121px; height:30px; background:url(n7b2.png);text-align:Center; font-size:20px; color:#fff; margin-right:20px; float:left;}
.n7 .z .zw .z3{ width:490px; height:320px; padding:30px; background:#fff; margin-top:20px;float:left;}
.n7 .z .zw .z3 .p1{ font-size:22px; color:#595959; font-weight:bold;}
.n7 .z .zw .z3 .p2{ padding:10px 0;}
.n7 .z .zw .z3 .p4{ font-size:14px; color:#595959;}
.n7 .z .zw .z3 .p3{ width:100%; font-size:14px; color:#595959; font-weight:bold; padding-bottom:10px; float:left;}
.n7 .z .zw .z3 .p3 span{ width:50%; height:auto; font-size:14px; float:left;}
.n7 .z .zw .z3 b{ font-size:20px; color:#F65C76;}
.n7 .z .zw .z3 .p5{ font-size:16px; color:#595959; font-weight:bold;}
.n7 .z .zw .zx{ width:100%; height:44px; padding-top:33px; margin-left:156px; float:left;}
.n7 .z .zw .zx a{ margin-right:44px;}

#outer{ width:1200px; height:600px; margin-top:30px; float:left;}
#outer .wz{ width:24px; left:0; top:40px; font-size:24px; color:#fff; font-weight:bold; padding:0 20px; position:absolute;}
#outer .featured .wz{ display:none;}
.footer{ width:100%; height:250px; background:#333; float:left;}
.footer .dlogo{ width:320px; height:250px; float:left;}
.footer .dlogo img{ margin:25px; display:inline; float:left;}
.footer .dl{ width:5px; height:250px; background:url(dl.png) center no-repeat; float:left;}
.footer .dinfo{ width:460px; height:auto; padding:40px 0 0 90px; float:left;}
.footer .dinfo .l1{ width:460px; heigth:35px; line-height:35px; float:left;}
.footer .dinfo  a{ font-size:14px; color:#fff;}
.footer .dinfo .l2{ width:460px; height:auto; line-height:24px; font-size:14px; color:#fff; margin-top:20px; float:left;}

 @-moz-keyframes rotate{
            0%{
              -moz-transform:rotate(0deg);
             }
             100%{
               -moz-transform:rotate(360deg);
             }
          }
          @-webkit-keyframes rotate{
            0%{
              -webkit-transform:rotate(0deg);
             }
             100%{
               -webkit-transform:rotate(360deg);
             }
          }
          @keyframes rotate{
            0%{
              transform:rotate(0deg);
             }
             100%{
               transform:rotate(360deg);
             }
}


.zbz{
    background: #fff;
    opacity: 1; z-index:4;
}
.zbz:before{
    content: '';
    width: 314px;
    height:242px;
    top: 50%;
    left: 50%;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0,1);
    -webkit-transition: transform 1s ease 0.3s;
    -moz-transition: transform 1s ease 0.3s;
    -ms-transition: transform 1s ease 0.3s;
    -o-transition: transform 1s ease 0.3s;
    transition: transform 1s ease;
}
.zbz:after{
    content: '';
    width: 314px;
    height: 242px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(1,0);
    -webkit-transition: transform 1s ease 0.3s;
    -moz-transition: transform 1s ease 0.3s;
    -ms-transition: transform 1s ease 0.3s;
    -o-transition: transform 1s ease 0.3s;
    transition: transform 1s ease;
}
.zbz:before,.zbz:after{
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-157px;
    margin-top:-121px;
}
.n6 ul .on .zbz:before{
    transform:scale(1);
}
.n6 ul .on .zbz:after{
    transform:scale(1);
}