@charset "utf-8";

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }

/*#LRdiv0, #LRfloater0 { display: none }*/

body { max-width: 640px; margin: 0 auto; font-family: "微软雅黑"; font-size: 14px;}

.ly-header { /*position: fixed; top: 0; z-index: 10;*/ width: 100%; max-width: 640px; }

.ly-header nav { height: 60px; background: #005ec2; }

a{ text-decoration:none !important;}

.tops .contents p a{ width:140px; float:left; display:block;margin-top:3px; height:30px; line-height:30px; text-align:left; color:#fe0000;font-size:16px;text-decoration:underline; font-weight:bold;}


.ly-section1 { height: 100%; padding: 0;}

.ly-section1 .line { margin: 0 0 0 10px; }

.ly-section1 .left { float: left; max-width: 96%; margin: 10px 0 0 0; }

.ly-section1 .left div { position: relative; margin: 0 0 0 2.4rem; padding: 10px; background: #FFF; color: #323232; box-shadow: 0.08rem 0.08rem 0.08rem #a584a4;border-radius: 6px;  font-size:12pt; line-height:1rem}

.ly-section1 .left div em { font-style: normal; color: #C00; }

.ly-section1 .left div i { position: absolute; top: 12px; left: -20px; width: 20px; height: 20px; background: url(../images/wechat.png) no-repeat scroll 0 -200px; transform: rotate(-180deg) }

.ly-section1 .left .img1 { float: left; margin: 0 5px -5px 0; width:2rem}

.ly-section1 .left div img { float: none; }

.ly-section1 figure { width: 95%; margin: 0 auto 15px; overflow: hidden; border-bottom: 1px solid #CCCCCC; }

.ly-section1 .zzh { width: 100%; float: left; display: block; }

.ly-section1 figcaption { width: 68%; float: left; margin-left: 2%; }

.banner img{width:100%}
.tanchuang{width:100%; height:12rem}
 @media screen and (min-width:480px) and (max-width:640px) {

.ly-footer div:nth-child(2) textarea { width: 60%; }

}

 @media screen and (min-width:420px) and (max-width:479px) {

.ly-footer div:nth-child(2) textarea { width: 54%; }

}

 @media screen and (min-width:390px) and (max-width:419px) {

.ly-footer div:nth-child(2) textarea { width: 50%; }

}

 @media screen and (min-width:360px) and (max-width:389px) {

.ly-footer div:nth-child(2) textarea { width: 47%; }

}

 @media screen and (min-width:320px) and (max-width:359px) {

.ly-footer div:nth-child(2) textarea { width: 40%; }

}

.ly-footer div:nth-child(2) textarea:focus { border: none; border-bottom: 1px solid #45c01a; }

.ly-footer div:nth-child(2) textarea.on { border-bottom: #45c01a }

.ly-footer div:nth-child(2) i { }

.ly-footer div:nth-child(3) a { position: absolute; top: 0; right: 23%; width: 23%; height: 35px; margin: 7px 5px 0 0; background: #005ec2; color: #FFF; text-align: center; line-height: 35px; border-radius: 5px; cursor: pointer; transition: 0.3s; }

.ly-footer div:nth-child(3) a:hover { background-color: #ff7200; }

.ly-footer div:nth-child(4) { max-width: 50px; }

.ly-footer div:nth-child(4) a { position: absolute; top: 0; right: 0; width: 22%; height: 35px; margin: 7px 5px 0 0; background: #005ec2; color: #FFF; text-align: center; line-height: 35px; border-radius: 5px; cursor: pointer; transition: 0.3s; text-decoration: none; }

.ly-footer div:nth-child(4) a:hover { background-color: #ff7200; }

.f_text { width: 50%; height: 42px; float: left; border: 1px solid #cfcece; display: block; margin: 2px 0; line-height: 42px; font-size: 16px; color: #333333; text-indent: 2px; text-decoration: none; }

.ly-clear { clear: both; }

.ly-hide { display: none; }

.ly-animation-bell { display: inline-block; color: #F00; transition: 0.5s; }

.ly-animation-bell.on { animation: ly-animation-bell 0.5s; }

 @keyframes ly-animation-bell {  0% {

transform:rotate(-5deg);

}

 20% {

transform:rotate(10deg);

}

 40% {

transform:rotate(-15deg);

}

 60% {

transform:rotate(20deg);

}

 80% {

transform:rotate(-15deg);

}

 100% {

transform:rotate(10deg);

}

}