* { box-sizing:border-box; -webkit-box-sizing:border-box;  /* Safari */  -moz-box-sizing:border-box; /* Firefox */  -o-box-sizing:border-box;}
html { font-family: Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, sans-serif; /* 1 */ font-size: 14px; -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ overflow-x: auto; }
body, html { margin: 0; padding: 0; color:#666; font-size: 16px;  }


/* Links
   ========================================================================== */
a { background: transparent; text-decoration: none; padding: 0; margin: 0; color: #666666; }
img { max-width:100% !important; max-height:100% !important; display:block; font-size:0px;}

/* Tables  ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
table-bordered { border: 1px solid #e5e5e5; border-collapse: separate; *border-collapse: collapse; border-left: 0; }
td, th { padding: 0; }
ul, ol { padding: 0; margin: 0; }
li { list-style-type: none; padding: 0; margin: 0; }
p { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, hr, dt, dd, dl { font-size: 14px; margin: 0; padding: 0; font-weight: normal; }
em, i { font-style: normal; }

.main { max-width:1283px !important; margin:0 auto !important; padding:0px 10px;}


.box { background:#010649 url('../images/img1.jpg') no-repeat center top; padding-bottom: 150px; background-size: 100% auto; }

.headerbox { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 9; }
.header { height: 160px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.header .text a { font-size: 24px; display: inline-block; vertical-align: top; color: #fff; padding: 10px 30px; border-radius: 30px; }
.header .text .a2 { background-image:linear-gradient(90deg, #3241e9 0%, #7836d2 100%); }
/* .header .text .a2:hover { text-decoration: underline; } */

.banner { position: relative; }
.banner img { margin: 0px auto;  }
.banner .img { position: absolute; left: 0px; top: 0px; width: 100%;  height: 100%; display: flex; align-items: center; justify-content: center; }
.banner .img img { width: 51.4%; }

.videobox { background: url('../images/img3.png') no-repeat center center; width: 1097px; height: 647px; margin: 0px auto; overflow: hidden; padding: 37px;  }
.videobox video { width: 100%; border-radius: 30px; }
.videobox .video_sp { margin-top: -2px; }

.m_tit { text-align: center; position: absolute; top: -38px; left: 0px; width: 100%; }
.m_tit:before { content: '';  width: 12px; height: 12px; border-radius: 50%; border: 2px solid #7b35d1; background: #fff;  display: inline-block; vertical-align: middle; margin-right: 30px; margin-top: -13px;  }
.m_tit:after { content: '';  width: 12px; height: 12px; border-radius: 50%; border: 2px solid #7b35d1; background: #fff;  display: inline-block; vertical-align: middle; margin-left: 30px; margin-top: -13px; }
.m_tit h3 { font-size: 34px; color: #fff; text-shadow: -3px -3px 5px rgba(0, 0, 0, 0.8);
	background-image:linear-gradient(90deg, #3241e9 0%, #7836d2 100%); display: inline-block; padding: 8px 60px 10px; border: 3px solid #fff; border-radius: 50px; font-style: italic; letter-spacing: 6px;  }
	
.section1 { background-image: linear-gradient(0deg, #1c1e8d 0%, #331a85 100%); margin-top: 66px; border-radius: 25px; padding: 90px 60px 70px; position: relative; }
.section1 .item { border: 1px solid #fff; padding: 28px; border-radius: 10px; position: relative;  }
.section1 .item .con { background: #e4e9fd; border-radius: 10px; padding: 30px; }
.section1 .item .text p { font-size: 16px; line-height: 28px; color: #303031; text-align: justify; letter-spacing: 1px; font-weight: 200; }
.section1 .item_icon:before { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #7b35d1; background: #fff; position: absolute;  bottom: -8px;  left: 15%;  }
.section1 .item_icon:after { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #7b35d1; background: #fff;  position: absolute;  bottom: -8px;  right: 15%;  }


.section1 .item1 { margin-top: 65px; position: relative; }
.section1 .item1:before { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #7b35d1; background: #fff; position: absolute;  top: -8px;  left: 15%;   }
.section1 .item1:after { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #7b35d1; background: #fff; position: absolute;  top: -8px;  right: 15%;  }

.section1 .xt_lf { position: absolute; bottom: -65px; height: 65px; background: #fff; width: 1px; left: 15%; margin-left: 8px; }
.section1 .xt_lr { position: absolute; bottom: -65px; height: 65px; background: #fff; width: 1px; right: 15%; margin-right: 8px; }


.section1 .item1 .con1 { background: #e4e9fd; border-radius: 10px; padding: 65px 30px;  }
.section1 .item1 .list { display: flex; flex-direction: row; justify-content: space-between; }
.section1 .item1 .list dl { width: 18.5%; background-image:linear-gradient(90deg, #3241e9 0%, #7836d2 100%); padding: 18px; border-radius: 15px; color: #fff; text-align: center; }
.section1 .item1 .list dl dt { font-size: 22px; margin-top: 5px; margin-bottom: 25px; }
.section1 .item1 .list dl dd { background: #fff;  padding: 7px 0px; font-size: 16px; border-radius: 10px; color: #666; 
	font-weight: 200; margin-top: 18px; }
.section1 .item1 { border: 1px solid #fff; padding: 28px; border-radius: 10px; position: relative;  }
.section1 .item1 .list1 {  margin-top: 32px; padding: 18px; background-image:linear-gradient(90deg, #3241e9 0%, #7836d2 100%); border-radius: 15px; }
.section1 .item1 .list1 h2 { font-size: 22px; color: #fff; text-align: center; overflow: hidden; position: relative; }
.section1 .item1 .list1 h2:before  { content: ''; background: rgba(255, 255, 255, 0.6); height: 1px; width: 40%; left: 0px; top: 52%; position: absolute; }
.section1 .item1 .list1 h2:after  { content: ''; background: rgba(255, 255, 255, 0.6); height: 1px; width: 40%; right: 0px; top: 52%; 
position: absolute; }
.section1 .item1 .list1 h4 { display: flex; justify-content: space-around; margin-top: 20px; }
.section1 .item1 .list1 h4 strong { display: inline-block; background: #fff; font-size: 19px; color: #333; padding: 7px 30px; font-weight: normal; border-radius: 10px; background: #fff; }
.section1 .item1 .list1 h5 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 22px; }
.section1 .item1 .list1 h5 strong {  background: #fff; padding: 7px 0px; font-size: 16px; width: 14%; text-align: center; border-radius: 10px; color: #666; font-weight: 200;  }
.section1 .item1 .list1 h5 span { background: #4b41b1; width: 2%; height: 2px;  }

.section1 .item1 .list2 {  margin-top: 32px; padding: 18px; background-image:linear-gradient(90deg, #3241e9 0%, #7836d2 100%); border-radius: 15px; }
.section1 .item1 .list2 h2 { font-size: 22px; color: #fff; text-align: center; overflow: hidden; position: relative; }
.section1 .item1 .list2 h2:before  { content: ''; background: rgba(255, 255, 255, 0.6); height: 1px; width: 40%; left: 0px; top: 52%; 
position: absolute; }
.section1 .item1 .list2 h2:after  { content: ''; background: rgba(255, 255, 255, 0.6); height: 1px; width: 40%; right: 0px; top: 52%; 
position: absolute; }
.section1 .item1 .list2 h5 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 22px; }
.section1 .item1 .list2 h5 strong {  background: #fff; padding: 7px 0px; width: 17%; text-align: center; font-size: 16px; border-radius: 10px; color: #666; font-weight: 200;  }
.section1 .item1 .list2 h5 span { background: #fff; width: 2%; height: 1px;  }

.section1 .mt80 { margin-top: 80px; }


@media screen and (max-width:1500px) { 

.main { max-width:800px !important; }
.videobox { width: 700px; height: 413px; background-size: 700px auto; padding: 28px; }
.videobox video { width: 100%; border-radius: 22px; }
.videobox .video_sp { margin-top: -3px; }

.m_tit { top: -35px; }
.m_tit h3 { font-size: 26px; padding: 6px 25px; }

.section1 .item1 .con1 { padding: 50px 20px; }
.section1 .item .text p { font-size: 14px; line-height: 26px; }
.section1 .item .con { padding: 20px; }
.section1 .item { padding: 15px; }
.m_tit:before { margin-top: -6px; }
.m_tit:after { margin-top: -6px; }
.section1 .item1 { padding: 15px; }
.section1 .item1 .list dl dt { font-size: 15px; margin-bottom: 15px; }
.section1 .item1 .list dl { padding: 12px; }
.section1 .item1 .list dl dd { font-size: 12px; margin-top: 10px; }
.section1 .item1 .list1 h2 { font-size: 19px; }
.section1 .item1 .list1 h4 strong { font-size: 16px; }
.section1 .item1 .list1 h5 strong { font-size: 12px; }
.section1 .item1 .list2 h2 { font-size: 21px; }
.section1 .item1 .list2 h5 strong { font-size: 12px; }

.section1 { padding: 70px 40px 60px; margin-top: 40px; }
.section1 .item1 { margin-top: 40px; }
.section1 .xt_lf { height: 40px; bottom: -40px; }
.section1 .xt_lr { height: 40px; bottom: -40px; }

.header .text a { font-size: 15px; padding: 8px 20px; }
.header .logo img { height: 40px; }
.header { height: 120px; }

.m_tit:before { width: 10px; height: 10px; margin-top: -0px; }
.m_tit:after { width: 10px; height: 10px; margin-top: -0px; }

.section1 .item_icon:before { width: 10px; height: 10px; }
.section1 .item_icon:after { width: 10px; height: 10px; }

.section1 .item1:before { width: 10px; height: 10px;  }
.section1 .item1:after { width: 10px; height: 10px;  }

.section1 .xt_lf { margin-left: 6px; }
.section1 .xt_lr { margin-right: 6px; }


}