@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
/*div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { overflow:hidden;}*/
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none; color: #000000; display: block; overflow: hidden;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}
.bk{width:100%;height:auto;overflow: hidden;margin-top: 3%;}
.w80{width:86%; height: auto; overflow: hidden; margin-left: 7%;}
.smy_ctrl { position:relative; min-height:150px; cursor:move; overflow:hidden;}
.yy_minw{width:750px;margin: 0 auto;background: #fff;box-shadow: -1px -8px 5px 3px #d8cfcf;}
@media screen and (max-width: 1024px){.yy_minw{ width:100%; } }
body{background-color: rgb(248, 248, 248);}
/***********************************************************************************/

/*loding*/
.yy_minw{position: relative; }
.yy_loding{width:750px;height: 100vh; margin-left:auto;margin-right:auto; position: fixed; top: 0; z-index: 99999; background: #fff;}
.yy_loding img{display: block; width: 200px; height: auto; margin: 0 auto; padding-top: 35%;}
.yy_cont{display:none;}
.no-top{padding:0 !important; margin-top: 25px;}

/*page1*/
.yy_cont{width: auto; padding: 30px 25px;}
.yy_cont h1{font-size:30px;font-weight: bold;display: block;width: auto;text-align: center;margin-bottom: 35px;border-bottom: 1px solid #fbf1f1;padding-bottom: 30px;box-sizing: content-box;line-height: 50px;}
.yy_cont p{font-size: 18px;display: block;width: auto;text-align: center;line-height: 45px;padding: 0 45px;}

.yy_hb{width: 700px; height: auto; overflow: hidden;}
.yy_hb img{width: 700px; height:1244px; cursor: pointer;}
.yy_hbimg{width: 700px; height:1244px; position: relative; }
.yy_hb b{width: 100%;height:auto;color: #007aff;font-size: 24px;text-align: center;display: block;padding: 10px;}
.img_fadein{position:absolute; top:0; left: 0; opacity:1;
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s; z-index: 1000}

.img_fadeout{position:absolute; top:0; left: 0; opacity: 0;
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s; }

.yy_author{width: 100%;height: auto;text-align:center;font-size: 16px;padding: 25px 0;line-height: 25px;color: #736e6e;}


@media (max-width: 900px){
	.yy_cont {padding:10% 5%;}
	.yy_cont h1{font-size: 0.55rem; line-height: 0.7rem;}
	.yy_cont p,.yy_author{font-size: 0.4rem; line-height: 0.85rem; padding: 0;}
	.yy_hb,.yy_hbimg,.yy_hb img{width:100%;height:auto;}
	.yy_hbimg,.yy_hb img{width:100%;height: 16rem;}
	.yy_hb b{font-size: 0.5rem;}
	.yy_hb{padding:5% 0}
	.yy_loding{width:100%;}
	.yy_loding img{width:40%;}
}