@charset "utf-8";
/* CSS Document */
html{color:#303030;background-color:#FFF;font-family: Microsoft YaHei-Regular, Microsoft YaHei, Verdana, PingFang SC, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;}
*{margin: 0;padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,p,blockquote,th,td{-moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私有属性 */ -o-user-select:none; /* Opera私有属性 */ user-select:none; /* CSS3属性 */}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:700;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{outline: none;border: none;}
input[type=button], input[type=submit], input[type=file], button{cursor: pointer;-webkit-appearance: none;}
::-webkit-input-placeholder{color: #CDCDCD;}
:-moz-placeholder{color: #CDCDCD;opacity: 1;}
::-moz-placeholder{color: #CDCDCD;opacity: 1;}
:-ms-input-placeholder{ color: #CDCDCD;}
i{font-style:normal;}
a{color: #101010;text-decoration: none;}
body{overflow-x: hidden;min-width: 1200px;}
.box{width: 1200px;margin: 0 auto;position: relative;}
.sy_line_1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_line_2, .sy_line_3{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.sy_line_2{-webkit-line-clamp: 2;}
.sy_line_3{-webkit-line-clamp: 3;}
.title{text-align: center;}
.title h3{font-size: 24px;line-height: 32px;color: #FFFFFF;font-weight: bold;}
.vision_box{position: relative;}
.vision_img{position: absolute;top: 0;left: 50%;margin-left: -960px;}
.banner{position: relative;height: 300px;}
.main{padding-top: 64px;}
.banner>img, .banner .swiper-slide>img{position: absolute;left: 50%;margin-left: -960px;}
.main .swiper-button-next, .main .swiper-rtl .swiper-button-prev, .main .swiper-button-prev, .main .swiper-rtl .swiper-button-next{width: 60px;height: 60px;background-color: rgba(0,0,0,.1);border-radius: 50%;}
.main .swiper-button-next:after, .main .swiper-button-prev:after{color: #FFFFFF;font-size: 26px;font-weight: bold;}

header{position: fixed;top: 0;left: 0;width: 100%;height: 64px;z-index: 10;background-color: #FFFFFF;box-shadow: 0 -2px 15px rgba(0,0,0,.1);}
header .header{display: flex;justify-content: space-between;}
header .header .white_logo{display: none;}
header .header .header_right{display: flex;color: #101010;}
header .header .header_right li a{color: #101010;padding: 0 25px;line-height: 64px;font-size: 16px;}
header .header .header_right li.active a{color: #2F82FF !important;}
header.active{background-color: transparent;box-shadow: none;}
header.active .header .black_logo{display: none;}
header.active .header .white_logo{display: block;}
header.active .header .header_right{color: #FFFFFF;}
header.active .header .header_right li a{color: #FFFFFF;}

footer{background-color: #081425;}
footer .footer{display: flex;justify-content: flex-end;align-items: center;height: 50px;color: #FFFFFF;font-size: 12px;line-height: 20px;}
footer .footer a{color: #FFFFFF;}
footer .footer a:nth-child(2){margin: 0 20px;}