@charset "utf-8";
/* 全局 */
*{margin:0;padding:0;list-style:none;font-family:'Microsoft YaHei','STHeiti','MingLiu'; }
html{font-size: 16px;font-family:'Microsoft YaHei';}
body{max-width:750px;min-width:320px; margin:0 auto; overflow-x: hidden; position: static !important;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { cursor: pointer; -webkit-appearance: none; }
.#LRdiv1{display: none !important;}
/* 表单自动填充内容后去掉去默认背景色 */
#autocom:-webkit-autofill,#autocom:-webkit-autofill:hover,#autocom:-webkit-autofill:focus,#autocom:-webkit-autofill:active {transition:background-color 5000s;-webkit-text-fill-color:#333 !important;}
#autocoms:-webkit-autofill,#autocoms:-webkit-autofill:hover,#autocoms:-webkit-autofill:focus,#autocoms:-webkit-autofill:active {transition:background-color 5000s;-webkit-text-fill-color:#fff !important;}
/* 表单默认样式 */
.formgg input{width: 100%;height: 100%;font-size: .9rem; text-indent: .75rem;letter-spacing: .05rem;border:none;display: block;}
/* 表单默认字体颜色 */
::-webkit-input-placeholder {color: #bfbfbf;}
::-moz-placeholder {color: #bfbfbf;}
:-ms-input-placeholder {color: #bfbfbf;}
/* hd切换默认样式 */
.mrbanner .hd{width:100%;padding:1rem 0 0 0;}
.mrbanner .hd ul{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
.mrbanner .hd ul li{width:0.7rem;height:0.4rem;overflow:hidden;border:0.1rem solid #e4e5e5;border-radius:0.5rem;color:#e4e5e5;margin:0 0.35rem;background:#e4e5e5;}
.mrbanner .hd ul li.on{background:#74aa43;border:none;width:1.6rem;color:#74aa43;}

/* 切换默认动画 */
.ton,.tonul li{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all 5s;}
/* 公共阴影 */
.shadow,.shadowul li{
     -moz-box-shadow:0rem 0rem 0.5rem #d7d3d3;
     box-shadow:0rem 0rem 0.5rem #d7d3d3;
     -webkit-box-shadow:0rem 0rem 0.5rem #d7d3d3;
     -ms-box-shadow:0rem 0rem 0.5rem #d7d3d3;
}
 .shadows,.shadowsul li{
     -moz-box-shadow: 0rem 0.4rem 0.5rem #9f9c9c;
     box-shadow: 0rem 0.4rem 0.5rem #9f9c9c;
     -webkit-box-shadow: 0rem 0.4rem 0.5rem #9f9c9c;
     -ms-box-shadow: 0rem 0.4rem 0.5rem #9f9c9c;
}

#k_s_ol_newMsgWin{display: none !important;}
@media screen and (min-width:320px) {
html {
font-size:0.75rem;-webkit-text-size-adjust:none;
}
}
@media screen and (min-width:400px) {
html {
font-size:0.875rem;
}
}
@media screen and (min-width:480px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:560px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:600px) {
html {
font-size:1.125rem;
}
}
@media screen and (min-width:640px) {
html {
font-size:1.25rem;
}
}
@media screen and (min-width:680px) {
html {
font-size:1.375rem;
}
}
@media screen and (min-width:720px) {
html {
font-size:1.5rem;
}
}
@media screen and (min-width:750px) {
html {
font-size:1.625rem;
}
}
img{border:0;width:100%; vertical-align: middle;}
a{text-decoration:none;}
.clear{ font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}
.w700{width: 93.33333%; margin: auto;}
.w710{width: 35.5rem; margin: auto;}
/* 动画公共部分 */
/* -webkit-animation: scaleDrawflash 2s ease-in-out infinite; */
@-webkit-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}		
}
@-moz-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}		
}
@-ms-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}		
}
@keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}			
}
/*    -webkit-animation: bmm 5s ease-in-out infinite; */
@keyframes bmm{
0%{transform:translate(0,0)}
5%{transform:translate(0px,5%)}
10%{transform:translate(0px,10%)}
15%{transform:translate(0px,15%)}
20%{transform:translate(0px,20%)}
25%{transform:translate(0px,25%)}
30%{transform:translate(0px,20%)}
35%{transform:translate(0px,15%)}
40%{transform:translate(0px,10%)}
45%{transform:translate(0px,5%)}
50%{transform:translate(0px,0px)}
55%{transform:translate(0px,-5%)}
60%{transform:translate(0px,-10%)}
65%{transform:translate(0px,-15%)}
70%{transform:translate(0px,-20%)}
75%{transform:translate(0px,-25%)}
80%{transform:translate(0px,-20%)}
85%{transform:translate(0px,-15%)}
90%{transform:translate(0px,-10%)}
95%{transform:translate(0px,-5%)}
100%{transform:translate(0px,0px)}
}
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
/* -webkit-animation: scaleDraw 2s ease-in-out infinite; */
@keyframes scaleDraw {  
	0%{transform: scale(1);  /*开始为原始大小*/}
	25%{transform: scale(1.1); /*放大1.1倍*/}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-webkit-keyframes scaleDraw { 
	0%{transform: scale(1); }
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-moz-keyframes scaleDraw {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-ms-keyframes scaleDraw {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
/* animation:Tada 2s 2s both infinite; */
@keyframes Tada {
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
@-webkit-keyframes Tada{
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
@-moz-keyframes Tada{
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
@-ms-keyframes Tada{
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
/* 表单提交弹框 */
.errortc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.2rem;
    letter-spacing: .1rem;
    color: #ffffff;
    background: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    padding: .5rem 1rem;
    border-radius: .4rem;
    white-space: nowrap;
    z-index: 99999;
}
/* 头部 */
header{width:100%;height:5rem;}
.head{background:#fff;height:5rem;width:100%;position:fixed;top:0;left:50%;display:flex;transform:translateX(-50%);justify-content:space-between;max-width:37.5rem;z-index:9999;-moz-box-shadow:0rem 0.1rem 0.3rem #e3e3e3;box-shadow:0rem 0.1rem 0.3rem #e3e3e3;-webkit-box-shadow:0rem 0.1rem 0.3rem #e3e3e3;-ms-box-shadow:0rem 0.1rem 0.3rem #e3e3e3;padding:0 0 0 3%;}
.topheader{display:flex;flex-wrap:nowrap;align-items:center;width:31rem;justify-content:space-between;}
.topheader p{font-size:1.1rem;}
.topheader img{width:9.8rem;height:2.3rem;display:block;}
.head i{background:url(/data-file/images/lm.png) center /2.1rem 2.1rem no-repeat;width:5rem;height:100%;}
#headnav{width:37.5rem;position:fixed;top:5rem;left:50%;transform:translateX(-50%);z-index:99;display:none;overflow:hidden;background:rgba(0,0,0,0.5);}
div#headnav .headnav{background:#fff;position:relative;width:50%;top:0;left:50%;min-height:100%;}
.headnav>ul{list-style-type:circle;box-sizing:border-box;border-bottom:.05rem solid rgba(0,0,0,.1);}
.headnav>ul li.title,.headnav>ul li.titleli{margin:0;padding-left:2rem;}
.titleul li{padding:0 1rem;border-bottom:0.05rem solid #ccc;line-height:4rem;}
.titleul li:last-of-type{border-bottom:none;}
.headnav>ul li.title a,.headnav>ul li.titleli a{color:#282828;font-size:1.4rem;display:block;box-sizing:border-box;padding:1.8rem 0;display:flex;align-items:center;justify-content:space-between;letter-spacing:.2rem;}
.headnav>ul li.title a span,.headnav>ul li.titleli a span{font-size:1.3rem;color:#282828;}
.headnav>ul li.title a i,.headnav>ul li.titleli a i{width:1rem;text-align:center;position:relative;right:1rem;font-style:initial;font-size:.9rem;}
.headnav>ul ul{display:none;list-style-type:none;padding-bottom:.8rem;background:#f1f1f1;padding:0 2rem 0 3rem;}
.headnav>ul ul li a{font-size:1.1rem;color:#282828;letter-spacing:.2rem;line-height:2rem;}
.dianjizl{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.topscroll{width:100%;height:100%;position:absolute;top:0;left:0;overflow-y:scroll;width:38.35rem;}

/* 底部 */
footer{width:100%;min-height:5.5rem;}
footer p{text-align:center;font-size:1rem;line-height:1.6rem;letter-spacing:.1rem;padding:1.5rem 0 7.5rem;color:#9e9e9e;background:#302e31;}
footer p a{color:#9e9e9e;}
.foot{height:5.5rem;width:100%;position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:37.5rem;z-index:8888;border-bottom:.1rem solid #d6d6d6;background:#fff;-moz-box-shadow:0 0rem 1.5rem #302e31;box-shadow:0 0rem 1.5rem #302e31;-webkit-box-shadow:0 0rem 2rem #302e31;-ms-box-shadow:0 0rem 1.5rem #302e31;}
.foot ul{display:flex;justify-content:center;height:100%;align-items:center;}
.foot ul li{text-align:center;width:20%;padding:0.25rem 0 0.5rem;}
.foot ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;position:relative;}
.foot ul li a i{position:absolute;font-style:normal;color:#fff;background:#f00;width:1rem;height:1rem;line-height:1rem;font-size:0.8rem;border-radius:1rem;overflow:hidden;-webkit-animation:scaleDrawflash 2s ease-in-out infinite;top: -1.3rem;right: 1.8rem;z-index: 10;}
.foot ul li a font{width:2.75rem;height:2.3rem;background:url(../images/syfz.png)center center /2.05rem 1.8rem no-repeat;margin-bottom:.1rem;}
.foot ul li:nth-of-type(2) a font{background:url(../images/yhhd.png)center center /1.9rem 1.7rem no-repeat;}
.foot ul li.li03 a{justify-content:flex-end;height:3.9rem;}
.foot ul li.li03 a font{background:url(../images/dhtb.png)#fff center 1rem/2.85rem 2.45rem no-repeat;width:5.5rem;height:5.5rem;position:absolute;overflow:hidden;border-radius:5.5rem;top:-2rem;left:0.95rem;margin:0;z-index:9;}
.foot ul li:nth-of-type(4) a font{background:url(../images/zxzx.png)center center /2rem 2rem no-repeat;-webkit-animation: scaleDraw 2s ease-in-out infinite;}
.foot ul li:nth-of-type(5) a font{background:url(../images/bjd.png)center center /1.75rem 1.95rem no-repeat;}
.foot ul li span{display:block;font-size:1.2rem;color:#2c2a2d;letter-spacing:0.15rem;line-height:1.5rem;position:relative;z-index:10;}