@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 {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#040000;font-family:'Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light'; }

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

/*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:#040000;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}




/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

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

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




/*浮动*/
.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;}
input[type="submit"] {cursor:pointer;}
input[type="reset"] {cursor:pointer;}

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

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}


/*省略号*/
.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;}


.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%}
.pd2{ padding-top:2%; padding-bottom:2%}

.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%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.hide{display: none}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@-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;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-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}



.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

body.hidden{overflow: hidden!important; height: 100vh;}

.mainbox{ width: 92%; margin: 0 auto;}
.section{overflow: hidden; width: 100%; height: 100%; color: #fff;}

.probj{background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0px; top: 0px;width: 100%; height: 100%; z-index: 1;-webkit-transition: all .4s ease; transition: all .4s ease; }


.active .probj{transform: scale(1.08, 1.08);transition: transform 5000ms ease;}





.top {position: fixed; left: 0px; top:0%; width: 100%; z-index: 99;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; padding:2% 0px}
.logo{ width:10%;}


#menu{opacity: 1; right:20px; z-index: 9; background: none; width: 10px; left: auto;position: fixed;top: 50%; transform: translate(0,-50%)}
#menu li{height:8px; height: 8px; border: 1px dashed #fff; border-radius: 100%; margin: 10px 0px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;}

#menu li.active{background: #fff}


.propic{width: 50%;-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0.3s; }

.boxheizi{position: relative; z-index: 2; height: calc(100vh - 100px); margin-top: 100px;}

.proleft{width: 44%}

.proleft h2{font-size: 60px; font-weight: 500;margin-bottom: 10px;-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0.5s;}
.proleft h3{font-size: 30px;font-weight: 300;-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0.65s;}

.proico{width: 100px; height: 100px; border-radius: 100%; border:1px dashed #fff; margin: 0 auto;}
.proico img{max-width: 40%; max-height: 40%}
.proleft li{text-align: center;-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.proleft li:nth-child(1){animation-delay:0.7s;}
.proleft li:nth-child(2){animation-delay:0.8s;}
.proleft li:nth-child(3){animation-delay:0.9s;}
.proleft li:nth-child(4){animation-delay:1s;}


.proleft li p{margin-top: 10px; font-weight: 300}

.proleft ul{margin-top: 15%;}


.active.section:nth-child(odd) .propic{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.active.section:nth-child(even) .propic{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}


.active .proleft h2{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.active .proleft h3{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.active .proleft li{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

.footer{position: absolute; left: 50%; bottom:3%; transform: translate(-50%,0); font-size: 14px; color: rgba(255,255,255,0.5); z-index: 3}
.footer a{width: 20%; margin-right: 5%}



.wapshow{display: none}