@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#231815;font-family:'Source Han Sans CN', 'PingFang SC', 'Helvetica Neue', 'Arial', 'Helvetica', 'Hiragino Sans GB', 'STHeitiSC-Light', sans-serif;overflow-x: hidden;font-size:24px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
/*a:hover{color: #da291c}*/
/*居中*/

.center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.between{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.up{display:flex;flex-direction:row;justify-content:space-between;}
.down{display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.upcenter{display:flex;flex-direction:row;justify-content:center;}
.upleft{display:flex;flex-direction:row;justify-content:flex-start;}
.upright{display:flex;flex-direction:row;justify-content:flex-end;}

.upbetween{display:flex;flex-direction:row;justify-content:space-between;}

.left {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.right{display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

/**上对齐*/
.uptop{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.updown{display: flex;flex-direction:column; justify-content:space-between}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}




.nav-btnbox { display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}
.pd10{ padding-top:10%; padding-bottom:10%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}



.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}
.pb8{ padding-bottom:8%}
.pb9{ padding-bottom:9%}
/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}
.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}

sup{font-size:14px;}




.wapshow{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}

@keyframes roadMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 200% 0; /* 当背景图像的水平位置为100%时，看起来就像图像从左向右滚动 */
  }
}
@keyframes bounce {
    0%, 100% {
       transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }
}

.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {opacity:0}
	100% {opacity:1}
}
@keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 750px; width:100%}

.homebox .mainbox{height:100vh; background:url(../images/bg1.jpg) center/cover no-repeat; background-size:100% 100%; position:relative;}
.homebox .mainbox .checktime{position:absolute;left:33%; bottom:28.5%; font-size:14px; color:#000000;}

.homebox .mainbox .cont{width:95%; top:32%; left:5%; position:absolute; }
.homebox .mainbox .cont .tit{font-size:24px; padding-bottom:10px;color:#000000;position:absolute; top:-34%;left:5%; font-weight:bold;}
.homebox .mainbox .cont .tit:after{position:absolute; content:""; bottom:0px; width:45px;height:2px; background:#000000; left:0px;}
.homebox .mainbox .cont .pro{width:50%;  position:absolute; right:0px; bottom:97%;right:7%; z-index: 1;}
.homebox .mainbox .cont .img{position:relative; z-index: 2;}
.homebox .mainbox .cont .logo{position:absolute; width:35%;  top:8%; left:50%; transform:translate(-50%,0px); -webkit-transform:translate(-50%,0px);}
.homebox .mainbox .cont .ico{width:40%; right:7%; bottom:7%; position:absolute;}
.homebox .mainbox .cont .txt{width:90%; left:5%;top:55%;font-size:16px; color:#525252; position:absolute;}
.homebox .mainbox .cont .txt span{color:#000000; margin-left:5px;}
.homebox .mainbox .cont .txt p{margin-bottom:15px;}

.homebox .mainbox .cont .checkbtn{position:absolute; width:85%;height:80px; border-radius:40px; background:#7986ee;bottom:-10px; display:block; font-size:24px;color:#FFFFFF; position:relative; line-hiehgt:0.8; font-weight: bold;left:7.5%;}
.homebox .mainbox .cont .checkbtn:after{position:absolute; width:90px; height:70px;content:"";background:url(../images/ico2.png) center/cover no-repeat; right:-10px; bottom:-15px;}
.homebox .mainbox .cont .checkbtn .ctxt{position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align: center;}
.homebox .mainbox .copyright{font-size:20px; color:#888d90; position:absolute; bottom:0px; line-height:2.2; text-align: center;  width:100%; letter-spacing: 3px; font-family: arial; font-weight: bold;}

@media screen and (max-width:750px){
	.homebox .mainbox .cont .ico{right:6%;}
}