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;}
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("b.jpg") no-repeat ;
background-size: 1920px auto;background-attachment: fixed; background-color: #fff;}
.list2 {
    background-image: url('../images/bg.jpg'); /* 替换为你的背景图片的路径 */
    background-size: cover; /* 控制背景图片大小，可以是cover、contain或具体的尺寸值 */
    background-position: center center; /* 控制背景图片在元素中的位置 */
  }
.list{text-align:center;width:350px;height:auto;margin:0 auto}
.list li{display:inline-block;margin: 5px auto;height:80px;background:#fff; border-radius: 5px; 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;}
/* .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; }
@-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;
  border-radius: 10px;
  margin:5px auto 0px;
  text-align:center;
  background-color: #f0f0f0;
  padding: 5px; /* 添加一些内边距，使内容与边框有一定的间距 */
  color: #000; /* 文字颜色为白色 */
  line-height: 2;
}

.box-kk { padding: 1px; border: solid 1px #e5e5e5;}


.mt05 { height: 6px; font-size: 0; line-height: 0; clear: both; background: #fff;}
.clear { clear: both;}

@media screen and (max-width:750px){ 
body { font-size: 14px; border: 0;}
.mt05 { height: 3px;}
}  


.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}
.clear { clear: both;}

@media screen and (max-width:750px){ 
body { font-size: 14px; border: 0;}
.h10 { height: 6px;}
}  


html {
	background: url("images/2.jp") top center no-repeat #eee;
	background-size: 1920px auto;
	background-attachment: fixed;
}    	
.cgi-body {max-width: 800px;margin: 0 auto; position: relative;}
.cgi-wrap { padding: 0 10px;}
.white-box { padding: 5px; border: solid 1px #ddd; border-radius: 5px; background: #fff; box-shadow: 0 2px 0px rgba(0,0,0,0.1);}
.wtop-box { padding: 5px; border: solid 1px #ddd; border-radius: 5px; background: #fff;}
.mt10 { margin-top: 10px;}	
*{ margin:0; padding:0;}


  iframe#ifr998 {
    height: 170px !important; 
  }
  @media (max-width: 768px) {
  iframe#ifr998 {
    height: 170px !important; 
  }
  }  
  
.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}
.clear { clear: both;}

@media screen and (max-width:750px){ 
body { font-size: 14px; border: 0;}
.h10 { height: 10px;}
}   

.jxwz {
  max-width: 800px;
  margin: 0 auto;
}