@charset "UTF-8";
body {font-family: "微软雅黑","Arial",sans-serif,}
body, html {-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch}
blockquote, body, dd, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, html, li, ol, p, pre, table, td img, th, ul {margin: 0;padding: 0}
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, time, ul {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline}
body {font-size: 16px;text-align: left;background: #fff;color: #333;font-weight: 400;overflow-x: hidden;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;outline: 0}
a:active, a:hover, a:link, a:visited { background: 0 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent}
button {border-radius: 0;-webkit-border-radius: 0;outline: 0}
input { border-radius: 0; outline: 0}
img, input, textarea {border: 0}
input:-ms-clear { display: none}
textarea {resize: none; outline: 0}
li, ul {list-style: none}
a:link, a:visited {color: #333;text-decoration: none}
a:active, a:hover {color: #ff0000;text-decoration: none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0}
img {vertical-align: middle;MAX-WIDTH: 100% !important;HEIGHT: auto !important;}
.w1440{width: 1440px; margin: 0 auto;}
/*首页*/
.indexhead{width: 100vw; height: 100vh; position: relative;}
.indexhead .nav{position: absolute; top: 20px; left: 0; right: 0; z-index: 99999;}
.indexhead .nav .navul{margin-left: 6%; margin-top: 30px;}
.indexhead .nav .navul li{float: left;}
.indexhead .nav .navul li a{color: #fff; font-size: 16px; padding: 0 35px;}
.indexhead .right{margin-top: 27px;}
.indexhead .right input{border-radius: 20px; width: 121px; height: 30px;}
.indexhead .right button{border: none; background:none; position: relative; left: -35px; font-size: 18px;}
.indexhead .right i{display: block; width: 1px; height: 16px; background: #fff; margin-top: 8px;}
.indexhead .right p a{color: #fff; margin: 5px 0 0 18px; display: block;}
.indexhead .banner video{position: absolute; top: 0; left: 0; object-fit:fill;width: 100%; height: 100vh; display: block;}
.indexhead .mask{position: absolute; top:0;width: 100vw; height: 100vh; background:rgba(0,0,0,.3)}
.indexhead .mask p{padding-top: 50vh; text-align: center; letter-spacing: 60px; color: #fff; font-size: 30px;}
.mbtn{display:none;}
.mnavcommon{display:none;}
.index_num{background: #ebf0f5; border-bottom: 5px solid #f5fafe; padding: 40px 0;}
.index_num i{color: #e60000; font-size: 35px; display: block; margin-top: 25px;}
.index_num p{font-size: 50px; font-family:Arial; font-weight: bold;color: #333;}
.index_num span{display: block; color: #555; margin-top: -10px;font-size: 14px;} 
.i_mt50{margin-top: 50px;}
.comm_index_h3{font-size: 34px; color: #333;font-weight: bold; text-align: center; position: relative;}
.comm_index_h3:after{position: absolute; width: 48px; height: 2px; background: #e60000; bottom: -20px; left: 0; right: 0; margin: 0 auto; content: "";}
.index_pro .swiper-slide {text-align: center;font-size: 18px;background: #fff;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;}
.index_pro .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;box-shadow: 0 0 10px #ddd; border-radius: 10px;}
.index_pro .swiper-slide{padding: 10px 0;}
.index_pro .scroll{margin-top: 50px}
.index_pro p{position: absolute; top: 30px; left: 0; right: 0; text-align: center; font-size: 22px; color: #333;}
.swiper_father .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper_father .swiper-slide {text-align: center;font-size: 18px;background: #fff;height: calc((100% - 30px) / 2);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;}
.index_solution img{width: 100%;transition:all 1s}
.index_solution .swiper_father{position: relative; padding: 0 40px; margin-top: 50px;}
.index_solution .box{position: relative; overflow: hidden;transition: 1s;}
.index_solution .info{position: absolute; width: 100%; color: #fff; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto;background: rgba(0,0,0,0.34);}
.index_solution .info p{font-size:26px; font-weight: bold; margin-top: 25%;}
.index_solution .info i{font-size: 30px; margin-top: 20px;}
.index_solution .box:hover img{transform: scale(1.1); transition: 1s;}
.index_news .container{margin-top: 50px;}
.index_news img{border-top-left-radius: 10px; border-top-right-radius: 10px;}
.index_news .list{padding: 0 20px;}
.index_news .content{box-shadow: 0 0 10px #ddd;}
.index_news .box{padding: 20px;}
.index_news .box p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: bold; font-size: 18px;}
.index_news .box i{font-size: 14px; color: #777; display: block; font-style: normal; margin-top: 10px;}
.index_news p.more a{display: block; width: 130px; background: #e60000; text-align: center; margin: 0 auto; line-height: 2; color: #fff; margin-top: 40px;}
.index_global{background: #f1f1f1; padding: 50px 0;}
.index_global .container{margin-top: 80px;}
.index_foryou{background:url("../images/p4_06.jpg") no-repeat center top; padding: 40px 0; height: 860px;}
.index_foryou h3{color: #fff;}
.footer{background: #2a2f33; padding: 30px 0;}
.footer .l{width: 22%;}
.footer .l i{display: block;width: 100%; height: 1px; background: #505960; margin-top: 20px;}
.footer .l p{font-size: 18px; color: #8c9295; font-weight: bold; margin-top: 15px;}
.footer .l span{display: block; font-size: 18px; font-weight: bold; color: #8c9295; margin-top: 20px; margin-bottom:10px;}
.footer .l a{font-size: 28px; color: #fff; font-weight: bold; font-family: Arial; display:block;}
.footer .c{margin-left: 10%;}
.footer .cc{margin-left:4%;}
.footer .c h3{font-size: 18px; font-weight: bold; color: #8c9295;}
.footer .c img{margin-top: 20px;}
.footer .r{ margin-top: 0px;}
.footer .r h3{font-size: 20px; color: #fff; font-weight: bold; text-align: right; line-height:1.7;}
.footer .r .info{color: #8c9295; font-size: 14px; line-height: 1.8; text-align: right; margin-top: 20px;}
.footer .r .info a{color: #8c9295;}
.footer .r .info img{margin-right: 3px;}

.flex{display: -webkit-flex;display: flex;flex-wrap:wrap;}
.flex_left{justify-content: flex-start;}
.flex_center{justify-content: center;}
.flex_between{justify-content: space-between;}
.section_ser{background:url("../images/index_ser_bg.jpg") no-repeat; background-size: cover; height: 80vh; position: relative; display: table; table-layout: fixed; width: 100%;}
.section_ser .db{display: block;}
.index-service{max-height: 75.46vh; max-width: 70vh; padding: 150px 200px; text-align: center; margin: 0 auto; margin-top: 100px;}
.index-service .fp-tableCell{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.active .index-service{animation:zoomIn 1.5s ease 0.7s both;}
.index-service .rel{position: relative; display: block;}
.index-service .div-01 {
	width: auto;
	white-space: nowrap;
	position: absolute;
	z-index: 2;
}
.index-service .div-01::before {
	content: " ";
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	background-image: url("../images/icon-05.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.index-service .div-01 .span-img {
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	text-align: center;
}
.index-service .div-01 .span-img .mg{transition: 0.8s;}
.index-service .div-01 .span-img .mgh {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: 0.8s;
}
.index-service .div-01 .span-img:hover .mg{opacity: 0;transform: rotateY(180deg);transition: 0.8s;}
.index-service .div-01 .span-img:hover .mgh{opacity: 1;transform: rotateY(180deg);transition: 0.8s;}
.index-service .div-01 .span-title {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
}
.index-service .div-icon1 {
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon1::before {
	bottom: -23px;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon2 {
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.index-service .div-icon2::before {
	left: -23px;
	top: 50%;
	transform: translateY(-50%);
}
.index-service .div-icon3 {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon3::before {
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon4 {
	top: 50%;
	transform: translateY(-50%);
	right: 100%;
}
.index-service .div-icon4::before {
	right: -23px;
	top: 50%;
	transform: translateY(-50%);
}
.index-service .div-img .mg1 {
	max-height: calc(75.46vh - 300px);
}
.index-service .div-img .span-line {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.index-service .div-img .span-line .bdo-line {
	position: absolute;
	overflow: hidden;
}
.index-service .div-img .span-line .bdo-line img {
	width: 100%;
}
.index-service .div-img .span-line .bdo-line1 {
	left: 0;
	right: 0;
	top: 0;
	animation: line1 9s infinite linear;
	-moz-animation: line1 9s infinite linear; /* Firefox */
	-webkit-animation: line1 9s infinite linear; /* Safari and Chrome */
	-o-animation: line1 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line2 {
	left: 0;
	right: 0;
	top: 0;
	animation: line1 9s infinite linear;
	-moz-animation: line1 9s infinite linear; /* Firefox */
	-webkit-animation: line1 9s infinite linear; /* Safari and Chrome */
	-o-animation: line1 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line3 {
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	animation: line2 9s infinite linear;
	-moz-animation: line2 9s infinite linear; /* Firefox */
	-webkit-animation: line2 9s infinite linear; /* Safari and Chrome */
	-o-animation: line2 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line3 img {
	position: absolute;
	bottom: 0;
	left: 0;
}
.index-service .div-img .span-line .bdo-line4 {
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	animation: line2 9s infinite linear;
	-moz-animation: line2 9s infinite linear; /* Firefox */
	-webkit-animation: line2 9s infinite linear; /* Safari and Chrome */
	-o-animation: line2 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line4 img {
	position: absolute;
	bottom: 0;
	left: 0;
}
@keyframes line1 {
	0% {
		bottom: 100%;
	}
	50% {
		bottom: 0;
	}
	100% {
		bottom: 0;
	}
}
@keyframes line2 {
	0% {
		top: 100%;
	}
	50% {
		top: 100%;
	}
	100% {
		top: 0;
	}
}


@media (max-width:1440px){
	.w1440{width: 100%; padding: 0 20px;}
}
@media (max-width:1366px){
	.indexhead .nav .navul{margin-left: 0%;}
	.sub_common_nav .nav .navul li a{padding:0 30px;}
	.index-service{max-width:88vh; margin-top:25px;}
	.index-service .div-01 .span-title{font-size:20px;}
}
@media (max-width:1024px){
	.indexhead .nav .logo img{width: 150px;}
	.indexhead .nav .navul{margin-top: 20px; margin-left: 2%;}
	.indexhead .nav .navul li a{padding: 0 20px; font-size: 14px;}
	.indexhead .right{margin-top: 17px;}
	.indexhead .mask p{letter-spacing: 40px; font-size: 26px;}
	.index_num{padding: 20px 0;}
	.index_num p{font-size: 34px;}
	.index_num i{font-size: 28px;}
	.index_pro p{font-size: 18px;}
	.index_solution .info p{font-size: 20px;}
}
@media (max-width:768px){
	.indexhead .nav .navul{display: none;}
	.indexhead .right{margin-right: 10%;}
	.nav{position: relative;}
	.mbtn{position: absolute; right: 10px; display: block; width: 30px; height: 30px; margin-top: 15px; background: url(../images/navbutton.png) no-repeat; background-size: cover; cursor: pointer;}
	.mnavcommon{display: block;}
	.mnavcommon .mnav{display: none;}
	.mnavcommon .mnav{position: absolute; top:50px; right:10px; z-index: 9999; width: auto; padding: 10px 0; height: 100%; background: #f4f4f4; border-radius: 10px;}
	.mnavcommon ul{ background: #f4f4f4;padding:  0;}
	.mnavcommon ul li{text-align: center; float: none; line-height: 2.5;}
	.mnavcommon ul li a{color: #000; display: block; padding: 0 20px; text-align: center; border-bottom: 1px solid #ddd;}
	.mnavcommon ul li.none a{border: none;}
	.index_num p{font-size: 28px;}
	.index_num span{margin-top: 0;}
	.index_num i{margin-top: 17px;}
	.index_num .list{margin: 10px 0px;}
	.index_news img{width: 100%;}
	.index_news .list{margin-bottom: 20px;}
}
@media (max-width:414px){
	.indexhead{height: 50vh;}
	.indexhead .banner video{height: 50vh;}
	.indexhead .mask{height: 50vh;}
	.indexhead .mask p{padding-top: 25vh; letter-spacing: 10px; font-size: 26px;}
	.indexhead .nav .logo img{width: 156px;}
	.indexhead .right{margin-top: 6px; margin-right: 11%; display:none;}
	.mbtn{width: 25px; height: 25px; margin-top: 10px;}
	.index_num{padding: 10px 0; text-align: center;}
	.index_num span{}
	.index_num i{width: 100%; display: block; text-align: center;}
	.index_num .r{width: 100%;}
	.index_num p{font-size: 26px; margin-top: 10px;}
	.index_num .list{margin: 0;}
	.comm_index_h3{font-size: 24px;}
	.i_mt50{margin-top: 30px;}
	.index_pro .scroll{margin-top: 40px;}
	.index_pro p{font-size: 16px;}
	.index_solution .info p{font-size: 16px; font-weight: normal;}
	.index_solution .info{background: rgba(0,0,0,0.5)}
	.index_news p.more a{margin-top: 20px;}
	.index_global .container{margin-top: 50px;}
	.index_global{padding: 30px 0;}
	.index_foryou{height: 400px; background-size: cover;}
	.index_foryou h3{top: -20px;}
	.index_foryou h3:after{display: none;}
	.footer .l, .pull-right{width: 100%;}
	.footer .l p, .footer .l span{font-size: 16px;}
	.footer .l span{margin-top: 20px;}
	.footer .l a{font-size: 20px;}
	.footer .c{margin-left: 0; margin-top: 20px; margin-right:10px;}
	.footer .c img{width:130px;}
	.footer .r h3{display: none;}
	.footer .r .info{text-align: left;}
	.section_ser{height: 30vh;padding-bottom:50px;}
    .index-service{padding: 0px 50px; margin-top: 0px; }
    .index-service {
        max-height: inherit;
        width: 100%;
        padding: 0 15px;
    }

    .index-service .div-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .index-service .div-img {
        display: none;
    }

    .index-service-main {
    }

    .index-service .div-01 {
        position: static;
        transform: translateX(0);
        width: 46%;
        white-space: inherit;
        margin-top: 40px;
    }

    .index-service .div-01::before {
        display: none;
    }

    .index-service .div-01 .span-title {
        font-size: 14px;
        line-height: 24px;
    }
    .index-service .div-01 .span-img img{width: 35%;}
	
}
@media (max-width:390px){
	.indexhead .right{display: none;}
	.indexhead .mask p, .index_num p{font-size: 22px;}
	.index_num span{font-size: 12px;}
	.comm_index_h3{font-size: 22px;}
	.comm_index_h3:after{bottom: -13px;}
	.index_solution .info p{margin-top: 0; background: #333; border: none; padding: 5px 0; font-size: 14px;}
	.index_solution .info i{display: none;}
	.index_solution .swiper_father{padding: 0 10px;}
	.index_solution .info{position: inherit;}
	.index_news .box p{font-size: 16px;}
	.index_news .container{margin-top: 40px;}
	.indexhead .mask p, .index_num p{font-size: 18px}
	.index_num .list{padding: 0;}
	.index_pro p{font-size: 14px;}
	.index_foryou{height: 350px;}
}