blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body{position:relative;font-size:14px;overflow:auto}
body,button,input,keygen,legend,select,textarea{font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight:400;color:#333;outline:0;speak:none;-webkit-font-feature-settings:normal;-moz-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-weight:400}
li{list-style:none}
abbr,body,fieldset,html,iframe,img{border:0}
img{vertical-align:top}
a,button{cursor:pointer}
a{color:#333;outline:0;text-decoration:none}
a:focus{color:#333;outline:0;-moz-outline:none}
a:hover{color:#fc8080;text-decoration:none}
a:-webkit-any-link{text-decoration:none}
.container{width:1200px;margin:0 auto;padding:0}
.container:after{content:"";display:block;clear:both}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.color-white{color:#fff!important}
.red{color:#fc8080!important}
.fz12{font-size:12px}
.fz14{font-size:14px}
.wfs{width:100%;position:relative}
.p_r{position:relative}
.webColor{color: #EEEEEE;}
.image-item{width:100%;}
.image-item2{width:100%;background-color: #ffffffc2;border-radius: 12px;}
body,div,h2,h3,li,ul{margin:0;padding:0;border:0}
body{font-size:12px;font-family:"Microsoft YaHei"}
ul{list-style-type:none}
a{text-decoration:none}
body{background:url(../images/2.jpg) no-repeat ;
background-size: 100% 100%;}
.list{text-align:center;width:350px;height:auto;margin:0 auto}
.list li{display:inline-block;margin:5px;height:80px;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.2);-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;overflow:hidden;position:relative}
.shoujiqudiao{display:block}
@media screen and (max-width:1222px){.shoujiqudiao{display:none}
}
.list li:hover{box-shadow:2px 2px 4px rgba(0,0,0,.4)}
.text a,.text h2{font-family:"Microsoft YaHei";color:#333;text-shadow:1px 2px 4px #999;font-size:28px;font-weight:400;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease}
.text h3{font-family:Verdana;font-size:14px;color:#666;font-weight:400;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease}
.list li:hover a,.list li:hover h2{color:#fff;font-size:18px;text-shadow:1px 2px 4px #333}
.list li:hover .text h3{color:#f60;font-size:18px;margin-top:10px}
.list li .icon{width:60px;height:50px;margin-left:10px;margin-top:15px;float:left;font-size:30px;line-height:75px;text-align:center;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;text-shadow:0 0 3px #ccc}
.list li:hover .icon{color:#f90;font-size:50px}
.list li{width:350px!important;border-radius:30px;}
/* .text{float:left;margin-top:11px;height:70px;width:240px;-webkit-animation:.5s .2s ease both;-moz-animation:1s .2s ease both} */
.text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#TY {background:url(../images/1_1.jpg); transition: all .6s; }
#CP { background:url(../images/2_1.jpg); transition: all .6s; }
#KY { background:url(../images/4_1.jpg); transition: all .6s; }
#DJ { background:url(../images/5_1.jpg); transition: all .6s; }
#ZR { background:url(../images/3_1.jpg); transition: all .6s; }
#PG { background:url(../images/26_1.jpg); transition: all .6s; }
       #fixedImage3{
            position: fixed;
            top: 30%;
            right: 5px;
            transform: translateY(-50%);
            z-index: 999;
            width: 56px;
            height: auto;
      }
             #fixedImage1{
            position: fixed;
            top: 40%;
            right: 2px;
            transform: translateY(-50%);
            z-index: 999;
            width: 56px;
            height: auto;
      }
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
20%,60%{-webkit-transform:translateX(-10px)}
40%,80%{-webkit-transform:translateX(10px)}
}
@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}
20%,60%{-moz-transform:translateX(-10px)}
40%,80%{-moz-transform:translateX(10px)}
}
.footer{font-size:16px;width:280px;margin:30px auto;text-align:center}