@charset "utf-8";
@import url(animate.css);
/* CSS Document */
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}
/*******************************************************************************/

.mskt_box{width: 1920px; position: relative;overflow:hidden; left: 50%; margin-left: -960px;}


.mskt_box01{width:100%; height: 570px; position: relative; overflow: hidden; background: url(../images/mskt01.jpg) no-repeat center;}
.mskt_box01 a{display:block; position: absolute; top: 360px; left: 565px; animation-delay: 0.3s;}
.mskt_box01 a img{transition: all 0.3s;}
.mskt_box01 a:hover img{transform: scale(1.04); }


.mskt_box02{ width:1200px; height: 700px; position: relative; overflow: hidden; background: url(../images/mskt03.png) no-repeat; margin: 20px auto 50px;}
.mskt_box02 p{ width: 666px; text-align: center; font-size: 18px; color: #fff; line-height: 2.2; margin: 68px auto 40px;}

.mskt_box02 .box02_sp{ width: 662px; height: 372px; position: relative; overflow: hidden; margin: 0 auto;}
.box02_sp .mskt_video{ width:662px;}
.box02_sp .mask{width:662px; height: 372px; position: absolute; left: 0; top: 0; z-index: 3; }
.box02_sp .mask_btn{ width:80px;position: absolute; left: 50%; top: 140px; margin-left: -40px; animation-delay: 0s; cursor: pointer;}
.box02_sp .mask_btn:hover{transform: scale(1.1);}


.mskt_box03{width:100%; height: 1060px; position: relative; overflow: hidden; background: url(../images/mskt06.jpg) no-repeat center;}
.mskt_box03 .mskt_bt{ display: block; margin: 100px auto 50px;}
.mskt_box03 ul{ width:1200px; position: relative; overflow: hidden; margin: 0 auto;}
.mskt_box03 ul li{ width: 550px; height: 650px; position: relative; overflow: hidden;background: #cc2d42; border-radius: 20px; text-align: center; float: left;}
.mskt_box03 ul li:nth-child(1){ margin-right: 100px;}
.mskt_box03 ul li img:nth-child(1){ display: block; margin: 40px auto;}
.mskt_box03 ul li p{ font-size: 20px; color: #fff; line-height: 2; margin-bottom: 27px;}

.box03_zx{ width: 1200px; height: 60px; position: relative; overflow: hidden; margin: 50px auto;}
.box03_zx p{ font-size: 24px; color: #fff; }
.box03_zx p:nth-child(1){ float:left;}
.box03_zx p:nth-child(2){ float:right;}
.box03_zx p span{ font-size: 36px; color: #fff143;}
.box03_zx a{ display: block; width: 400px; height: 60px; background: #cc2d42; color: #fff143; line-height: 60px; font-size:30px; text-align: center; position: absolute; left: 50%; margin-left: -200px; top: 0; border-radius: 50px;}
.box03_zx a:hover{font-size: 32px;}


.mskt_box04{width:100%; position: relative; overflow: hidden;}
.mskt_box04 .mskt_bt{ display: block; margin: 100px auto 50px;}
.mskt_box04 ul{ width: 1200px; position: relative; overflow: hidden; margin: 0 auto;}
.mskt_box04 ul li{ width: 290px; height: 300px; position: relative; overflow: hidden; float: left; background: #cc2d42; margin-bottom: 20px; margin-right: 13px;}
.mskt_box04 ul li:nth-child(4){ margin-right: 0;}
.mskt_box04 ul li:nth-child(8){ margin-right: 0;}
.mskt_box04 ul li img{ display: block;}
.mskt_box04 ul li p{width: 290px; height: 60px; font-size: 24px; color: #fff; text-align: center; line-height: 60px; position: relative; perspective-origin: right;}
.mskt_box04 ul li p span{ position: absolute; top: -6px; left: 42px;}
.mskt_box04 ul li p span:nth-child(2){ left: 232px;}
.mskt_box04 .li_01 span:nth-child(1){ left: 20px;}
.mskt_box04 .li_01 span:nth-child(2){ left: 256px;}
.mskt_box04 a{display: block; width: 400px; height: 60px; background: #cc2d42; color: #fff143; line-height: 60px; font-size:30px; text-align: center; border-radius: 50px; margin: 10px auto 50px;;}
.mskt_box04 a:hover{font-size: 32px;}


.mskt_box05{width:100%; height: 1450px; position: relative; overflow: hidden; background: url(../images/mskt21.jpg) no-repeat;}
.mskt_box05 .mskt_wzbt{ width: 638px; height: 100px; position: relative; overflow: hidden; margin: 100px auto 55px; color: #fff; text-align: center;}
.mskt_box05 .mskt_wzbt h1{ font-size: 40px; font-weight: bold; margin-bottom: 16px;}
.mskt_box05 .mskt_wzbt h2{ font-size: 24px;}
.mskt_box05 .mskt_wzbt img:nth-child(1){ position: absolute; left: 0; top: 10px;}
.mskt_box05 .mskt_wzbt img:nth-child(2){ position: absolute; right: 0; top: 10px;}

.box05_main{ width: 1142px; height: 940px; position: relative; overflow: hidden; margin: 0 auto;}
.box05_main img{ display: block;}
.box05_main img:nth-child(1){ float:left;}
.box05_main img:nth-child(2){ float:right;}
.box05_main p{ font-size: 60px; font-weight: bold; color: #fff; margin: 0 auto; text-align: center;}
.mskt_box05 a{ display: block; width: 300px; height: 60px; background: url(../images/mskt26.png) no-repeat; margin: 110px auto;}
.mskt_box05 a:hover{ background: url(../images/mskt27.png) no-repeat;}