@charset "utf-8";
/*初始化样式*/
*{margin:0;padding:0;}
body,html{width: 100%;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:50px;}
body{font-size:16px;
  /* -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -o-user-select:none;
  user-select: none; */
}
body,button,input,select,textarea{font-family:'微软雅黑','helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;outline:0px ; outline:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
input{line-height:normal!important;}
}
input{outline: none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
a,a:hover,a:active,a:visited,a:link,a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none;
}
/* 插件swiper样式 */
.swiper-container {width: 100%;height: 100%;}
/* 清楚浮动 */
.clearfloat:after {display: block;clear: both;content: "";visibility: hidden;height: 0;}
.clearfloat {zoom: 1;}
.d-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.justify-content-start {
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.justify-content-around {
  -webkit-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.align-items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.flex_1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* 改变input 选中后再次选择时的样式 */
input:-webkit-autofill {box-shadow: 0 0 0px 1000px #fff inset;-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
::-webkit-scrollbar{width:5px;height:5px;border-radius: 4px;}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#888;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #FF5600;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}
@font-face{
     font-family: ''; 
     src: url('../font/SourceHanSansSC-Heavy.otf')
}
@font-face{
     font-family: 'navbold'; 
     src: url('../font/SourceHanSansSC-Bold.otf')
}
@font-face{
     font-family: 'navreg'; 
     src: url('../font/SourceHanSansSC-Regular.otf')
}
.pcbox{width: 100%;height: 100%;}
.mobilebox{width: 100%;display: none; }
.op{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.pcheader{width: 100%;background: #000;height: 80px;position: fixed;top: 0;left: 0;z-index: 100;}
.pcheadercon{width: 100%;padding: 0 4%;box-sizing: border-box;}
.pcheaderleft{float: left;padding: 20px 0 0 0;box-sizing: border-box;}
.pcheaderleft a{display: block;}
.pcheaderleft a img{display: block;}
.pcheaderight{float: right;}
.pcseach{float: right;padding-top: 30px;box-sizing: border-box;}
.pcseach a{float: left;height: 18px;position: relative;}
.pcseach a:before{content: '';width: 1px;height: 20px;background: #fff;opacity: 0.5;position: absolute;top: 0px;right: -20px;}
.pcseach a img{display: block;transition:.3s;}
.pcseach a:first-child{margin-top: 1px;position: relative;}
.pcseach a input{width: 0px;height: 24px;border: 0;outline: none;font-size: 14px;color: #333;padding: 0 12px 0 12px;box-sizing: border-box;opacity: 0; text-indent:20px;
background: #fff url(../images/ss.png) 10px center no-repeat;position:relative;top: -20px;right: 0;transition:.6s;z-index: -10;border-radius: 25px;
background-size: 16px 16px;}
.pcseach a:first-child:hover img{opacity: 0;}
.pcseach a:first-child:hover input{width: 180px;opacity: 1;z-index: 1; right:0px}
.pcseach a:last-child{height: 20px;}
.pcseach a:last-child:before{display: none;}
.pcnav{float: right;margin-right: 40px;}
.pcnav ul li{float: left;margin-right: 30px;line-height: 80px;}
.pcnav ul li:last-child{margin-right: 0;}
.pcnav ul li a{display: block; position:relative;font-size: 16px;color: #fff;}
.pcnav ul li a:after{transition:.3s; content: "";
    width: 0%;
    height: 2px;
    background: #a72126;
    position: absolute;
    bottom: 20px;
    left: 0;}
	.pcnav ul li a:hover:after{ width:100%}
.box{width: 100%;height: 100%;position: relative;overflow: hidden;}
.boxleft{float: left;width: 50%;height: 100%;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;background: #ccc;}
.boxright{float: right;width: 50%;height: 100%;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;background: #007AFE;}
.boxup{width: 100%;height: 75%;position: relative;}
.boxups{width: 100%;height: 75%;position: relative;}
.boxbut{width: 100%;height: 25%;background: #fff;position: relative;}
.bleft{opacity: 0;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.bleftactive{opacity: 1;}
.boxbut ul{position: absolute;top: 50%;left: 10%;transform: translateY(-50%);}
.boxbut ul li{float: left;margin-right: 30px;}
.boxbut ul li:last-child{margin-right: 0;}
.boxbut ul li a{font-size: 24px;color: #000;display: block;text-align: right;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.boxbut ul li a span{position: relative;}
.boxbut ul li p{ position:relative; display:inline-block;margin-top:8px;font-size:14px;text-transform: uppercase;text-align: right;}
.boxbut ul li a span::before {content: "";width:0%;height: 2px;background: #a72126;position: absolute;bottom: -4px;left: 0;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxright .boxbut ul li a span::before{ left:auto; right:0}

.boxbut ul li p::before {content: "";width:0%;height: 2px;background: #a72126;position: absolute;bottom: -4px;left: 0;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxbut ul li p:hover::before{width: 100%;}
.boxright .boxbut ul li a p::before{ left:auto; right:0}

.boxbutfirst ul li a{text-align: left;}
.boxbutfirst ul li p{text-align: left;}
.boxbut ul li.active a{font-weight: bold;margin-top: -4px;}
.boxbut ul li.active a span::before{width: 100%;}
.boxbut ul li span:hover ,.boxbut ul li  p:hover{font-weight: bold;}
.boxbut ul li  span:hover::before{width: 100%;}
.boxbuter ul li a{color: #fff;}
.boxconter1{opacity: 0;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxconter2{opacity: 0;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.blefttwo ul{left: auto;right: 10%;}
.boxconter{width: 640px;height: 640px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;z-index: 100;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxbj{width: 100%;height: 100%;background: url(../images/boxbj.png) center no-repeat;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;
background-size: 100% 100%;position: fixed;top: 50%;left: 50%;margin-top: -320px;margin-left: -320px;}
.boxconters{width: 100%;height: 100%;padding: 30px;box-sizing: border-box;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.bactive{opacity: 0;}
.bactived{opacity: 1;z-index: 1111;}
.boxlist{width: 100%;height: 100%;border-radius: 50%;}
.boxlist ul li{width: 100%;height: 100%;border-radius: 50%;}
.boxlist ul li a{width: 100%;height: 100%;border-radius: 50%;display: block;}
.boxlist ul li a img{width: 100%;height: 100%;border-radius: 50%;display: block;}
.boxbutext,.boxbutexts{position: absolute;bottom: 25%;left: 10%;display: block;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxbutext h4,.boxbutexts h4{font-size: 150px;font-family: "";font-weight: 600;color: #fff;line-height: 150px;}
.boxbutext p,.boxbutexts p{font-size: 35px;font-family: "";font-weight: 500;color: #fff;padding-left: 15px;box-sizing: border-box;}
.boxzk,.boxzks{position: absolute;bottom: 20%;left: 10%;transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;overflow: visible;opacity: 0;z-index: -1;}
.boxzk h4,.boxzks h4{text-transform: uppercase;font-weight: 200;font-size: 27px;color: #fff;margin-bottom: 20px;}
.boxzk p,.boxzks p{ font-weight:bold;font-size: 50px;font-family: "";color: #fff;line-height: 50px;margin-bottom: 65px;}
.boxzk p{ position:relative; display:inline-block}
 .boxzk p:after{content: "";width:0%;height: 2px;background: #a72126;position: absolute;bottom: -14px;left: 0;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxzk p:hover:after {
    width: 100%;
}
.boxzk span{ position:relative; display:inline-block!important;}
 .boxzk span:after{content: "";width:0%;height: 2px;background: #a72126;position: absolute;bottom: -14px;left: 0;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxzk span:hover:after {
    width: 100%;
}



.boxzk span,.boxzks span{text-transform: uppercase;font-weight: 500;font-family: ""; font-weight:bold;font-size: 50px;color: #fff;display: block;line-height: 50px;}
.boxbuts{padding-left: 6%;box-sizing: border-box;width: 100%;opacity: 0;z-index: -1;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxbuts a{display: block;background: #fff;width: 100% !important;}
.boxbutsed a{display: block;background: #333;}
.boxbut .swiper-container{ z-index:55; padding-top:70px; top:-70px }
.boleft{float: left;margin-top: -70px;margin-right: 40px;}
.boleft img{display: block;max-width: 100%;margin: 0 auto;}
.boxbutexts{left: auto;right: 10%;}
.boxbutexts h4,.boxbutexts p{color: #a72126;}
.boxzks{left: auto;right: 10%;}
.boxzks h4,.boxzks p,.boxzks span{color: #a72126;text-align: right;}



.boxzks p{ position:relative; display:inline-block; float:right!important}
 .boxzks p:after{content: "";width:0%;height: 2px;background: #a72126;position: absolute;bottom: -14px;right: 0;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxzks p:hover:after {
    width: 100%;
}
.boxzks span{ position:relative; display:inline-block!important;}
 .boxzks span:after{content: "";width:0%;height: 2px;background: #a72126;position: absolute;bottom: -14px;right: 0;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.boxzks span:hover:after {
    width: 100%;
}


.boxbuter{background: #333;}
.boxbuter .boxnum{left: auto;right: 10%;color: #fff;}
.boxleftactive{width: 57%;}
.boxleftactive2{width: 43%;}
.boxleftactive .boxbutext,.boxleftactive .boxbutexts{overflow: visible;opacity: 0;z-index: -1;}
.boxleftactive .boxzk,.boxleftactive .boxzks{overflow: visible;opacity: 1;z-index: 1;}
.boxleftactive .boxbuts{opacity: 1;z-index: 1; padding-left:12%}
.boxconter.active{left: 53.35%;}
.boxconter.actives{left: 43%;}
.boxconter.actives .boxbj{transform: rotate(-90deg);}
.mheader{width: 100%;height: 60px;padding: 0 14px;box-sizing: border-box;}
.mheaderleft{float: left;width: 38%;height: 60px;display: flex;align-items: center;}
.mheaderleft a{display: block;}
.mheaderleft a img{display: block;width: 100%;}
.mconter{width: 100%; position:absolute; height:calc(100% - 60px); left:0; top:60px}
.mconterup{width: 100%;height:50%; padding: 2% 20px;box-sizing: border-box;position:absolute; left:0; top:0}
.mconterup2 { top:50%}
.mconbut{ height:65%}
.mconup{width: 100%; height:35%}

.mcleft{float: left;}
.mobilebox,html,body{ height:100%}
.mobilebox{ overflow:hidden}
.mcleft h4{font-size: 6vh;color: #fff;font-weight:bold;line-height: 6vh;}
.mcleft h5{font-size: 2.5vh;color: #fff;font-weight: 700;margin-bottom: 4px;}
.mcleft p{font-size: 1.6vh;color: #fff;font-weight: 300;}
.mcright{float: right;}
.mcright a{display: block;width: 30px;height: 20px;}
.mcright a img{display: block; width:100%}
.mconbut{width: 100%;}
.mconleft{float: left;  height:95%; overflow:hidden; max-width:50%;}

.mconleft div,.mconleft ul,.mconleft li,.mconleft li img,.mclunbo ul li a{ height:100%; width:auto;}
.mconleft .swiper-pagination{ height:auto}
.mconleft>div{ display:inline-block}
.mclunbo{}
.mclunbo ul li{}
.mclunbo ul li a{display: block;}
.mconbut{display:flex;justify-content:space-between; position:relative}
.mconright{ position:relative; z-index:55; position:absolute; height:100%; right:0; top:0}
.mconright{float: right;width: 38%; }
.mconright ul{ height:100%;flex-wrap: wrap; display:flex;
        align-content: space-between;}
.mconright ul li{width: 100%;}
.mconright ul li a{display: block;width: 100%;text-align: right;text-transform: uppercase;color: #fff;}
.mconright ul li a span{display: block;font-size: 2vh;color: #fff;}
.mconright ul li a p{display: block;font-size: 1vh;color: #fff;}
.mpages{width: auto !important;left: 10px !important;}
.mpages .swiper-pagination-bullet{opacity: 1;border: 1px solid #fff;background: transparent;border-radius: 50%;width: 6px;height: 6px;}
.mpages .swiper-pagination-bullet-active{background: #fff;}
.mclefted h4{color: #aa0014;}
.mclefted h5{color: #aa0014;}
.mclefted p{color: #aa0014;}
.mconrighted ul li a{color: #aa0014;}
.mconrighted ul li a span{color: #aa0014;}
.mconrighted ul li a p{color: #aa0014;}
.mconterup li img{ border-radius:10px;box-shadow: 0 0px 5px  rgba(255, 255, 255, .2); height:95%; margin:5px}

.mconterup2 li img{box-shadow: 0 0px 5px  rgba(0, 0, 0, .3);}

@keyframes example {from { opacity: 1;-webkit-transform:scale(0);}
  to {opacity: 0;-webkit-transform:scale(2);}}

@media screen and (max-width: 1440px) {
	.boxconter{width: 570px;height: 570px;}
	.boxbj{margin-top: -285px;margin-left: -285px;}
}
@media screen and (max-width: 580px) {
	.pcbox{display: none;}
	.mobilebox{display: block;}
	.point{pointer-events: none;
width:40px; height:40px; background:rgba(255,255,255,1); opacity:0; display:none; position:fixed; top:50%; left:50% ; z-index:55; border-radius:40px; margin-left:-20px; margin-top:-20px}
.pon{ display:block; -webkit-animation: example 1s  ; }
}