﻿/* 
* @Author: Marte
* @Date:   2016-11-10 15:12:26
* @Last Modified by:   Marte
* @Last Modified time: 2016-11-11 09:11:51
*/
@charset "utf-8";
html,body,div,ul,li,p,span,a,input,strong,textarea,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,pre,form,fieldset,blockquote{margin:0;padding:0;}
img{border:0 none;}
em,i{font-style:normal;}
ul,li,ol{list-style-type:none; list-style:none;}
input{outline:none;}
input::-ms-clear,input::-ms-reveal{display:none;}
input[type="submit"],input[type="button"]{star:expression(this.onFocus=this.blur());}
a,a:link,a:visited{text-decoration:none;outline:none;star:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
.none{display:none;}
.inline_block{display:inline-block; *display:inline; *zoom:1;}
.f_l{float:left;}
.f_r{float:right;}
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.mb16{margin-bottom:16px;}
.border{border:1px solid #e3e3e3;}
.ellipsis,.ellipsis1 li{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
body{font:16px/1.4 '\5FAE\8F6F\96C5\9ED1',Tahoma,Arial,'\5B8B\4F53',sans-serif;background-color:#f7f7f7;overflow:hidden;}
html{overflow-y:scroll;}
.top a.link{ position:absolute; right:188px; bottom:30px; width:520px; height:520px;}
.container{min-height:6444px;background:url(../images/bg.gif) repeat-y center;position:relative;}

.container > .top{height:841px;background:url(../images/top.png) no-repeat center;position:relative;}
.top .dog{position:absolute;bottom:0px;left:50%;margin-left:-600px;animation:scale 5s linear infinite;-webkit-animation:scale 5s linear infinite;-moz-animation:scale 5s linear infinite;-ms-animation:scale 5s linear infinite;-o-animation:scale 5s linear infinite;}
.container > .main{width:1230px;margin:0 auto;}
.container .items{position:relative;}
.items-one{height:700px;background:url(../images/item01.png) no-repeat bottom;margin-top:50px;overflow:hidden;}
.items-one ul li{position:absolute;}
/*.items-one ul li.a{opacity:0.6;filter:alpha(opacity=60);}*/
.items-one ul li:nth-child(1){top:25px;left:193px;}
.items-one ul li:nth-child(2){bottom:286px;left:175px;}
.items-one ul li:nth-child(3){top:72px;right:127px;}
.items-one ul li:nth-child(4){bottom:289px;right:93px;}
.items-one ul li:nth-child(5){bottom:230px;left:50%;margin-left:-120px;}
.items-one.cur ul li.a{animation:opacity 3s linear;-webkit-animation:opacity 3s linear;-moz-animation:opacity 3s linear;-ms-animation:opacity 3s linear;-o-animation:opacity 3s linear;}


.items-two{height:976px;background:url(../images/items02.png) no-repeat center;margin-top:110px;overflow:hidden;}

.items-two ul li{position:absolute;}
.items-two ul li:nth-child(1){top:100px;right:400px;transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;}
.items-two ul li:nth-child(2){bottom:50px;right:250px;transition:all 3s;-webkit-transition:all 3s;-moz-transition:all 3s;-ms-transition:all 3s;}
.items-two ul li:nth-child(3){top:222px;right:64px;/*transition:all 3.5s;-webkit-transition:all 3.5s;-moz-transition:all 3.5s;-ms-transition:all 3.5s;*/}
.items-two:hover li:nth-child(1){top:153px;right:432px;}
.items-two:hover li:nth-child(2){bottom:78px;right:273px;}
/*.items-two:hover li:nth-child(3){top:222px;right:64px;}*/



.items-three{height:1743px;background:url(../images/items03.png) no-repeat center;margin-top:70px;}
.items-three .animation1 li{position:absolute;transform:scale(0.6);-webkit-transform:scale(0.6);transform:scale(0.6);-ms-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);}
.items-three .animation1 li:nth-child(1){top:40px;right:478px;animation:scale 10s linear infinite;-webkit-animation:scale 10s linear infinite;-moz-animation:scale 10s linear infinite;-ms-animation:scale 10s linear infinite;-o-animation:scale 10s linear infinite;}
.items-three .animation1 li:nth-child(2){top:90px;right:570px;animation:scale 10s linear infinite;-webkit-animation:scale 10s linear infinite;-moz-animation:scale 10s linear infinite;-ms-animation:scale 10s linear infinite;-o-animation:scale 10s linear infinite;}
.items-three .animation1 li:nth-child(3){top:0;right:574px;animation:scale 10s linear infinite;-webkit-animation:scale 10s linear infinite;-moz-animation:scale 10s linear infinite;-ms-animation:scale 10s linear infinite;-o-animation:scale 10s linear infinite;}
.items-three .content{padding-top:400px;width:1018px;margin:0 auto;}
.items-three h3{font-size:28px;color:#000;padding:5px 0;}
.items-three .content li{font-size:26px;color:#000;font-weight:500;line-height:52px;position:relative;padding:0 0 0 20px;}
.items-three .content li .icon{width:10px;height:10px;display:block;background:url(../images/icon.png) no-repeat;position:absolute;left:0;top:21px;}
@keyframes scale{
    0%{-webkit-transform:scale(0.6);}
    100%{-webkit-transform:scale(1);}

}

@-webkit-keyframes scale{
    0%{-wekit-transform:scale(0.6);}
    100%{-wekit-transform:scale(1);}

}
@-moz-keyframes scale{
    0%{-moz-transform:scale(0.6);}
    100%{-moz-transform:scale(1);}

}
@-ms-keyframes scale{
    0%{-ms-transform:scale(0.6);}
    100%{-ms-transform:scale(1);}

}
@-o-keyframes scale{
    0%{-o-transform:scale(0.6);}
    100%{-o-transform:scale(1);}

}

@keyframes opacity{
    0%{filter:alpha(opacity=20);opacity:0.2;}
    100%{filter:alpha(opacity=100);opacity:1;}

}

@-webkit-keyframes opacity{
    0%{filter:alpha(opacity=20);opacity:0.2;}
    100%{filter:alpha(opacity=100);opacity:1;}

}
@-moz-keyframes opacity{
    0%{filter:alpha(opacity=20);opacity:0.2;}
    100%{filter:alpha(opacity=100);opacity:1;}

}
@-ms-keyframes opacity{
     0%{filter:alpha(opacity=20);opacity:0.2;}
    100%{filter:alpha(opacity=100);opacity:1;}

}
@-o-keyframes opacity{
     0%{filter:alpha(opacity=20);opacity:0.2;}
    100%{filter:alpha(opacity=100);opacity:1;}

}
.items-three .goto-qs{width:478px;height:100px;display:block;position:absolute;bottom:8px;left:43px;}
.items-four{height:1795px;background:url(../images/items04.png) no-repeat center;margin-top:50px;}
.items-four .content{padding-top:280px;width:1010px;margin:0 auto;}
.items-four .title{font-size:40px;color:#000;padding:10px 0 24px;}
.items-four .first .title{text-align:center;}
.items-four ul li{font-size:28px;color:#000;padding:8px 0;}
.items-four .top li{float:left;width:50%;}
.items-four li .goto{font-size:20px;display:inline-block;font-weight:600;background-color:#ffde00;padding:0 20px;border-radius:50px;line-height:50px;margin-left:15px;color:#000;}
.items-four li .goto:hover{background-color:#ebb100;}
.items-four .top li.width{width:100%;}
.goto-more{display:inline-block;}
.items-four .girl{position:absolute;top:50%;right:120px;margin-top:-204px;}
.items-four .goto-gj{width:790px;height:110px;display:inline-block;position:absolute;bottom:182px;left:82px;}

.items-four .list .icon{width:22px;height:18px;display:inline-block;background:url(../images/rertsdgd.png) no-repeat;margin-left:10px;}





















