/*---子栏目导航 ---*/
.nav-sub { padding-left: 13.5%; overflow: hidden; margin-bottom: 40px; }
.nav-sub .L { width: 24%; font-style: italic; display: block; flex-shrink: 0;}
.nav-sub .L .text-c {
	display: flex;
    text-transform: capitalize;
	font-weight: bold;
	font-size: 1.95vw;
	height: 100%;
	align-items: center;
	color: #fdc405;
}
.NavList_a1 li { display: inline-block; vertical-align: top; margin-right: 1vw;}
.NavList_a1 ul { font-size: 0; }
.NavList_a1 a { display: block; background: #ececec; transition: 0.5s ease 0s; padding: 1vw 2vw; text-transform:capitalize;}
.NavList_a1 a.on { color: #fff !important; background: #fdc405 !important; }

.nav-sub .R { 
	width: 76%; 
	padding: 1.5vw 1.5vw 1.5vw 4.5vw; 
	min-height: 6vw; 
	position: relative;
	z-index: 0;
	align-items: center;
}
.nav-sub .R:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #a2a2a2; z-index: -1; }
.NavList_a1 li+li { margin-right: 1vw; margin-bottom: 1vw;}
.flex{
	display: flex;
}
.NavList_a1 a.on {
    color: #fff !important;
    background: #fdc405 !important;
}
.NavList_a1 a {
    display: block;
    background: #ececec;
    transition: 0.5s ease 0s;
    padding: 1vw 2vw;
    text-transform: capitalize;
	font-size: 16px;
}
@media screen and (min-width: 801px){
	.nav-sub .R {
		width: 76%;
		padding: 1.5vw 1.5vw 1.5vw 4.5vw;
		min-height: 6vw;
	}
	.nav-sub .R:before {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: #a2a2a2;
	    z-index: -1;
	}
	.NavList_a1 li+li {
	    margin-right: 1vw;
		margin-bottom: 1vw;
	}
	.NavList_a1 li {
	    display: inline-block;
	    vertical-align: top;
	}
}
@media screen and (min-width: 1101px ) {
	.NavList_a1 a:hover {  background: #fff; color: #fdc405; }
}


/*home-main*/
.section{width:100%; padding:3% 3%;}
.grey{background:#f5f5f5;}
.home-title{margin-bottom:3%}
.home-title h1{font-size:30px;color:#2c2c2c;margin-bottom:15px; text-align:left; }
.home-title .line{width:120px;height:3px;background:#fdc405; }
.home-title a{
	float:right;
	display: block;
    font-size: 16px;
    color: #999;
    width: 146px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ddd;
	border-radius: 6px
}
.home-title a:hover{ color:#fdc405; border: 1px solid #fdc405; }
.page_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom:15px
}
.page_title h3 {
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    display: flex;
    align-items: center;
    position: relative;
}
.page_title h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 12px;
    height: 26px;
    background: url(../images/g2_icon1.png) no-repeat center center /100%;
    transform: translateY(-50%);
}
.page_title h3 span {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    margin-left: 19px;
    text-transform: uppercase;
    margin-top: 2px;
}
.page_title .span {
    height: 1px;
    background: rgba(51, 51, 51, 0.24);
    float: right;
    position: relative;
    top: 1px;
}
.fixed-bg{width:100%;background-image: url(../images/i-bg3.jpg); background-size:cover;background-attachment:fixed;background-position:center}


/* wrap */
.wrap{margin: 0px auto;width:100%;height:600px;position:relative;overflow:hidden;}
.wrap .pic{width:100%;height:600px;}
.wrap .pic figure {
    height: 100%;
}
.wrap .pic .x-text {
	position: absolute;
	top: 4.9rem;
	left: 3rem;
    width: 100%;
    padding: 0 15px;
}
.wrap .pic .x-text .x-title {
    text-align: left;
	margin-bottom: 10px;
	font-size: 24px;
	color: #fff;
	line-height: 28px;
}
.wrap .pic .x-text p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #fff;
    line-height: 24px;
    height: 48px;
	margin-bottom: 10px;
}
.wrap .pic .x-text .x-gg-a1 {
	display: block;
	transform: translateY(20px);
	animation-name: fadeInUp3;
	animation-duration: 1.8s;
	animation-fill-mode: both;
}
.x-gg-a1 .x-gg-div {
    font-size: 16px;
    width: 180px;
    padding: 18px 0;
	background-color: transparent;
	margin-top: 0.5rem;
	display: flex;
	/*align-items: center;
	justify-content: center;*/
	border-radius: 3px;
	color: #fff;
	text-align: center;
	transition: 0.5s all;
	margin-right: 10px;
	
}
.x-gg-a1 .x-gg-div:hover{ font-size: 18px; font-weight: bold;}
.x-gg-a1 .x-gg-div i {
    width: 24px;
    height: 4px;
}
.x-gg-a1 .x-gg-div i {
     display: inline-block;
     width: 42px;
     height: 8px;
     background: url("../images/x-ri-jt1.png") no-repeat;
     background-size: contain;
     position: relative;
     right: 0;
     transition: 0.5s all;
}
.pic1{ position:absolute;top:0;left:0;z-index:1;}
.pic2{ position:absolute;top:0;left:600px;z-index:3;border-left:1px solid #fff;}
.pic3{ position:absolute;top:0;left:800px;z-index:5;border-left:1px solid #fff;}
.pic4{ position:absolute;top:0;left:1000px;z-index:7;border-left:1px solid #fff;}


.abt_comculture{ display:block; }
.abt_comculture .comculture_mian dl dd{ background: #fff; width: 24%; margin-right:1%; padding: 44px 0;float: left;text-align: center;}
.abt_comculture .comculture_mian dl dd span{ 
	width: 90px;
    height: 60px;
    background: #dab96b;
    display: inline-block;
    border-radius: 60px;
    color: #2c2c2c;
    font-size: 20px;
    padding: 25px 12px;
    margin-bottom: 30px;
    line-height: 30px;
    padding-top: 28px;
}
.abt_comculture .comculture_mian dl dd p{ padding: 0 2%;line-height: 30px;font-size: 16px; }
.abt_comculture .comculture_mian dl dd:hover span{ color: #fff;background: #fdc405;}

.home-company .description{float:left;width:44%; }
.home-company .description .video{ width:540px; height: 360px; }
.home-company .description .more{ font-size:16px; font-weight:600;}

#home-company{ float:right;width:56%; }
#home-company h2{font-size:24px; height:60px; line-height:60px; font-weight:600; text-align: center;}
#home-company .desc{ width:100%; margin-top:10px;}
#home-company .desc p{ font-size:16px; line-height:30px; color: #2c2c2c; }
#home-company a{
	float:left;
	display: block;
    font-size: 16px;
    color: #999;
    width: 146px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ddd;
	margin-top: 20px;
	border-radius: 6px;
}
#home-company a:hover{ color:#fdc405; border: 1px solid #fdc405; }

.home-news-list ul li{float:left;width:32%;margin-right:1%; background:#fff; border: 1px solid #ededed;}
.home-news-list ul li a{display:block}
.home-news-list ul li .img{padding: 0 10px; overflow:hidden;}
.home-news-list ul li .img img{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.home-news-list ul li .text{height:auto;padding:10px 15px;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.home-news-list ul li .text .date{display: block; font-size:14px;color:#fdc405}
.home-news-list ul li .text .date .b-year {
	display: block;
    font-size: 18px;
    line-height: 28px;
    -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;
}
.home-news-list ul li .text .date .b-date {
	display: block;
    font-size: 32px;
    line-height: 42px;
    -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;
}
.home-news-list ul li .text .title{font-size:16px;line-height: 26px;color:#333;max-height:66px;height:50px;overflow:hidden;margin:10px 0;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.home-news-list ul li .text p{font-size:14px; line-height: 24px; color:#666;max-height:100px;overflow:hidden}
.home-news-list ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.home-news-list ul li a:hover{-moz-box-shadow:2px 2px 5px #ccc;-webkit-box-shadow:2px 2px 5px #ccc;box-shadow:0 2px 5px #ccc;}
.home-news-list ul li a:hover .text{background:#fff}
.home-news-list ul li a:hover .text .title{color:#fdc405}

/*main*/
.location{border-bottom:1px solid #ddd;padding:10px 0;}
.location a{font-size:14px;margin:0 5px}
.location .fa{font-size:16px}
.tab-link{ margin-top: 5px;}
.tab-link ul li{float:left;height:60px;line-height:70px; }
.tab-link ul li a{display:block;font-size:16px; color:#2c2c2c;border-bottom:2px solid #fff;padding:0 20px;}
.tab-link ul li a:hover{background:#f5f5f5;border-color:#AFCA0B}
.tab-link ul li a.on{ font-weight:600; background:#f5f5f5;border-color:#AFCA0B}

.page{font-size:0;text-align:center;padding-top:20px;padding-bottom:20px; }
.page a.num{display:inline-block;width:32px;height:32px;font-size:16px;color:#2c2c2c;text-align:center;line-height:32px;margin:0 10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.page a.num:hover{color:#fdc405}
.page a.active{color:#fff;background:#fdc405}

.profile{background:#fff;padding:20px 0}
.profile .text,.profile .img{float:left;width:50%;padding:0 15px}
.profile h1{font-size:24px; height:40px; line-height:40px; color:#2c2c2c;font-weight:bold;}
.profile  p{font-size:14px;line-height:25px;color:#2c2c2c; }
.profile .left { float: left; flex: 0 0 auto;  width: 50%; padding-right: 3rem!important; }
.profile .right { float:right;  width: 50%; }



.content{background:#fff;padding:20px 0;font-size:16px; line-height:30px; }
.content h1{font-size:24px; height:auto; margin-top:20px; margin-bottom:20px; color:#2c2c2c;font-weight:bold;}
.content p{font-size:16px; line-height:30px; color:#2c2c2c; }
.content .ce-bodytext{ font-size:16px; line-height:24px; font-weight: 400;color: rgb(33, 37, 41); line-height:30px; }
.content .img{ max-width:600px; }
.content .img img{ width:100%; height:auto; }
.content a{ color:#000; }
.content a:hover{color:#000;}
.content table tr td{ line-height:30px;  font-size:14px;  }

.link-button{ margin-top:20px; display:block; height:40px; }
.link-button a {
	display: inline-block;
    color: #000;
	font-size:16px;
	height:40px;
	line-height:40px;
	background-color: #fdc405;
	font-weight: 500;
	padding-left:10px;
	padding-right:10px;
}
.link-button a i.fa-chevron-right {
    padding-left: 20px;
}

.mission-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    margin-top: 105px;
}
.mission-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #1840B1;
    opacity: .90;
    content: "";
}
.auto-container {
    position: static;
    max-width: 1210px;
    padding: 0px 20px;
    margin: 0 auto;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.mission-section .colum .inner-column {
    position: relative;
}
.mission-section .colum {
    position: relative;
}
.mission-section .content-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    text-align: center;
    padding: 65px 70px 60px;
}
.mission-section .content-box h4 {
    position: relative;
    display: block;
    font-size: 32px;
    line-height: 1.2em;
    color: #000;
    font-weight: 900;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.mission-section .content-box h4:before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
    width: 0px;
    height: 1px;
    border-right: 60px solid #a40000;
    border-left: 20px solid #001e57;
}
.mission-section .content-box .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
}
.mission-section .image-box {
    position: relative;
}
.mission-section .image-box .image {
    position: relative;
    margin-bottom: 0;
}
.mission-section .image-box .image img {
    display: block;
    width: 100%;
    height: auto;
}
.mission-section .colum.right-column .inner-column {
    position: relative;
    margin-top: 20px;
}
.mission-section .colum .inner-column {
    
}

figure {
    margin: 0 0 1rem;
}


.same-owl .owl-nav .owl-prev,.same-owl .owl-nav .owl-next{z-index:10;position:absolute;top:50%;margin-top:-17px;width:35px;height:35px;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.same-owl .owl-nav .owl-prev{left:-60px;background:url(../images/p-left.png) no-repeat;}
.same-owl .owl-nav .owl-next{right:-60px;background:url(../images/p-right.png) no-repeat;}

#center .item{position:relative} 
#center .text{z-index:1000;position:absolute;left:0;bottom:0;width:100%;font-size:14px;color:#2c2c2c;padding:20px;background:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);zoom:1;}
#center .text b{font-size:18px;color:#fdc405}

.contact-way{ float: left; display: block; margin-top:2%; margin-bottom:2%; }
.contact-way h1{font-size: 18px;}
.contact-way .xs-left,.content .xs-left{ float: left !important; width:50%; }
.contact-way .xs-left p{ font-size:14px; line-height:24px;padding: 5px 0; }
.contact-way .xs-right,.content .xs-right { width: 50%; float: right !important;text-align: right;}
.contact-way .title{font-size:24px;color:#2c2c2c;font-weight:bold;margin-bottom:20px}
.contact-way .address p{font-size:14px;line-height:25px;}
.contact-way .address .fa{display:inline-block;width:25px;font-size:16px;}

.feedback {
	flex: 0 0 auto;
	width: 49%;
	float: right;
	display: block;
	background: #f0f8ff;
	border-radius: 0.375rem !important;
	padding: 1.5rem!important;
	height: 100%!important;
	min-height: 700px;
}
.feedback-form input {  background-color: #fff; }
.feedback-form .f-input{margin-bottom:20px; }
.feedback-form .f-input .f1{display:block;float:left;width:100%;height:40px;line-height:40px;font-size:14px;color:#aaa;border:1px solid #ddd;padding:0 10px;margin-right:5%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
input.f1::-webkit-input-placeholder{ /* WebKit browsers */color:#aaa;}
input.f1::-webkit-input-placeholder{ /* WebKit browsers */color:#aaa;}
input.f1:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#aaa;opacity:1;}
input.f1::-moz-placeholder{/* Mozilla Firefox 19+ */color:#aaa;opacity:1;}
input.f1:-ms-input-placeholder{/* Internet Explorer 10+ */color:#aaa;}
.feedback-form .f-input textarea{width:100%;height:120px; background-color: #fff; font-size:14px;color:#aaa;border:1px solid #ddd;padding:10px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;resize:none}
.feedback-form .f-input p{font-size:14px;color:#aaa}
.feedback-form .f-input .f2{display:block;width:100%;height:40px;font-size:14px;color:#fff;font-weight:bold;border:0;    background: #ff591b;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;cursor:pointer;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; }
.feedback-form .f-input .f2:hover{background:#fdc405}

.news-list ul li{margin-bottom:30px;}
.news-list ul li a{position:relative;display:block;width:100%;height:240px;border:0px solid #ededed;background:#fff;padding:10px 60px 10px 10px}
.news-list ul li a .img{float:left;overflow:hidden; }
.news-list ul li a .img img{ max-height:220px; -moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.news-list ul li a .text{margin-left:420px;overflow:hidden}
.news-list ul li a .text .title{font-size:18px;color:#2c2c2c;overflow:hidden;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.news-list ul li a .text .line{width:50px;height:2px;background:#ddd;margin:20px 0}
.news-list ul li a .text p{font-size:14px;line-height:25px;max-height:75px;overflow:hidden}
.news-list ul li a .text .date{font-size:14px;color:#999;margin-top:15px}
.news-list ul li a .news-btn{position:absolute;top:-1px;right:0;width:40px;height:240px;font-size:24px;color:#ddd;text-align:center;line-height:240px;border-left:1px solid #ededed;overflow:hidden;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}

.news-list ul li a:hover img{max-height:220px;  -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);} 
.news-list ul li a:hover .title{color:#fdc405}
.news-list ul li a:hover .news-btn{color:#fff;background:#fdc405;border-color:#fdc405}

.tabulation{height:80px;line-height:80px;}
.pro-tab-list .tab-lsit-btn{float:left;}
.pro-tab-list ul{display:block; }
.pro-tab-list ul li{display:block;float:left;height:80px;margin:20px 20px 20px 0;}
.pro-tab-list ul li.on{border-bottom: 1px solid #fdc405;}
.pro-tab-list ul li a{display:inline-block; padding:0 30px; height: 70px;line-height: 70px; text-align: center; font-size: 18px; background-color: #EBEBEB; border-radius: 8px; color:#2c2c2c;}
.pro-tab-list ul li a:hover{color:#fff;background:#fdc405;}
.pro-tab-list ul li a.on{background-color: #fdc405;color: #FFF;}
.tab-select{display:none;width:100%;height:40px;line-height:40px;border:1px solid #ddd}
.table-sub{background:#f5f5f5;line-height:70px; margin-bottom: 20px;}
.table-sub ul li{float:left;font-size:14px;padding:0 20px;}
.table-sub ul li a{padding:10px;color:#fdc405}
.table-sub ul li:hover a{color:#fff;background:#fdc405;border-radius: 5px;}
.table-sub ul li a.on{color:#fff;background:#fdc405;border-radius: 5px;}

.application ul{font-size:0;overflow:hidden}
.application ul li{display:inline-block;width:31.33%;margin:0 1% 2%;vertical-align:top}
.application ul li .img{background:#fff;border:1px solid #ddd;padding:10px;overflow:hidden}
.application ul li .img img{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.application ul li .img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.application ul li p{text-align:center;font-size:16px;color:#2c2c2c;margin-top:10px}

.solution-list ul li{float:left;width:48%;text-align:center;margin:0 1% 3%}
.solution-list ul li img{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.solution-list ul li a:hover img{-moz-box-shadow:0 15px 30px rgba(0,0,0,0.3);-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.3);box-shadow:0 15px 30px rgba(0,0,0,0.3);-moz-transform:translate3d(0, -3px, 0);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);}

.container .hd{border-left:3px solid #ccc;padding-left:15px;margin-bottom:20px}
.container .hd h1{font-size:18px;color:#2c2c2c;margin-bottom:10px}
.container .hd span{font-size:14px;margin-right:60px;}
.container .bd p,.container .bd div,.container .bd span{font-size:14px;line-height:25px;}

.video { width: 100%; display: block; }
.video .list ul li{float:left;width:285px;min-height:265px; text-align:center; margin-right: 15px; margin-bottom:15px;}
.video .list ul li:last-child{ margin-right:0;}
.video .list ul li video{display:inline-block}
.video .list ul li .mask-text{width:100%;height:40px; line-height:40px; text-align:center;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);zoom:1;}
.video .list ul li .mask-text h1{font-size:16px;color:#fff;line-height:40px;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.video .list ul li .mask-text p{font-size:16px;color:#fff}
.video .list ul li p{font-size:14px;}


.pt{margin-top:50px}
.pt a.back{display:block;float:left;width:90px;height:40px;text-align:center;line-height:40px;font-size:16px;color:#fff;background:#fdc405;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.pt a.back:hover{-moz-opacity:0.7;-webkit-opacity:0.7;opacity:0.7;filter:Alpha(opacity=70);}
.pt .fan{float:right;}
.pt .fan a{display:block;float:left;width:90px;height:40px;text-align:center;line-height:38px;font-size:24px;color:#707070;border:1px solid #ddd;margin-left:-1px}
.pt .fan a:hover{color:#fdc405}

.sidebar{float:right;width:25%;background:#f5f5f5;padding:30px 15px;}
.sidebar .home-title h1{font-size:24px;}
.sidebar .home-title .line{width:80px;height:2px;}
.sidebar ul li{margin-top:20px}
.sidebar ul li .img{overflow:hidden}
.sidebar ul li .img img{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.sidebar ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.sidebar ul li p{font-size:14px;color:#2c2c2c;margin:10px 0;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.sidebar ul li .date{font-size:14px;color:#999}
.sidebar ul li a:hover p{color:#fdc405}

#certificate.owl-drag .owl-item{border:1px solid #ddd;padding:10px;}

.contain-hd{font-size: 30px;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 1%;margin-bottom: 3%;}
.inquiry-list ul li{position:relative;float:left;width:23%;text-align:center;margin:0 1% 2%}
.inquiry-list ul li .img{border:1px solid #ddd;padding-bottom:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.inquiry-list ul li p{margin-top:5px}
.inquiry-list ul li .close{position:absolute;display:block;right:10px;top:10px;font-size:24px;color:#999}
.message{padding-top:30px}
.message .mes-hd{font-size:16px;color:#333;font-weight:bold;border-bottom:1px dashed #ddd;padding-bottom:1%;margin-bottom:30px}
.message ul.mes-ul li{margin-bottom:2%}
.message ul.mes-ul li label{display:block;font-size:14px;color:#333;font-weight:bold;margin-bottom:10px}
.message ul.mes-ul li span{font-size:14px;color:red;margin-right:5px}
.message ul.mes-ul li .item-input{display:inline-block;width:360px;height:40px;line-height:40px;font-size:14px;color:#666;padding:0 10px;border:1px solid #ddd}
.message ul.mes-ul li textarea{width:480px;height:200px;font-size:14px;color:#666;border:1px solid #ddd;padding:10px;resize:none}
.message ul.mes-ul li .item-submit{display:block;width:150px;height:35px;font-size:14px;color:#fff;background:#41bfef;border:0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;cursor:pointer}
.message ul.mes-ul li .item-submit:hover{background:#45c9fb}

/* ///spark add 展会信息 ////*/
.c1_list {
    width: 100%;
}
.c1_list ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.c1_list ul li:nth-child(1), .c1_list ul li:nth-child(2), .c1_list ul li:nth-child(3) {
    margin-top: 0;
}
.c1_list ul li {
    width: 31.5%;
    float: left;
    margin-right: 2.7%;
    box-shadow: 0px 0px 10px 0px rgb(220 162 49 / 20%);
    margin-top: 40px;
}
.c1_list ul li:nth-child(3n) {
    margin-right: 0;

}
.c1_list ul li .c1_img1 {
    width: 100%;
    overflow: hidden;
}
.c1_list ul li .c1_img1 img {
    width: 100%;
    transition: all .4s;
}
.c1_list ul li .c1_tezt {
    width: 100%;
    padding: 20px 15px;
}
.c1_list ul li .c1_tezt h3 {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 6px;
    transition: all .4s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c1_list ul li .c1_time {
    width: 100%;
}
.c1_list ul li .c1_time span {
	width: 100%;
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-right: 10px;
    position: relative;
    padding-left: 20px;	
}
.c1_list ul li .c1_time span.time::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/icoN-13.png) no-repeat center center/100%;
}
.c1_list ul li .c1_time span:last-child {
    margin-right: 0;
}
.c1_list ul li .c1_time span.text::before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    width: 12px;
    height: 16px;
    background: url(../images/icon_12.png) no-repeat center center/100%;
}
.c1_list ul li:hover .c1_img1 img {
	transform: scale(1.1);
}

.c1_list ul li:hover .c1_tezt h3 {
	color: #fdc405;
}

/* ///spark add 联系我们 ////*/
.cont_list {
    width: 100%;
}
.cont_list ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cont_list ul li:nth-child(1),.cont_list ul li:nth-child(2), .cont_list ul li:nth-child(3) {
    margin-top: 0;
}

.cont_list ul li {
    width: calc(100% / 3);
    float: left;
    margin-top: 30px;
}
.cont_list ul li h3 {
    font-size: 16px;
	color: #333333;
    line-height: 36px;
}
.cont_list ul li p {
    color: #333;
    font-size: 16px;
    line-height: 32px;
    white-space: pre-wrap;
    word-break: break-all;
}

/*///企业库 */
.caseList_top {
	display: block;
}
.caseList_top .case_bg {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden;
}
.caseList_top .case_bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    *height: auto;
}
.caseList_top .case_bg .case_word {
    width: 36%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/black5.png) repeat;
    background: rgba(0,0,0,.5);
    padding: 0 5%;
}
.caseList_top .case_bg .case_word .big_word {
    font-size: 42px;
    color: #fff;
    font-weight: bold;
    line-height: 55px;
    margin-top: 23%;
}
.caseList_top .case_bg .case_word .info {
    color: #bfc0c0;
    font-size: 14px;
    margin: 15px 0 30px;
}
.caseList_top .case_bg .case_word ._detail {
    display: inline-block;
    width: 125px;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    color: #fff;
    border: 1px #fff solid;
    text-align: center;
}

/* 列表*/
.caseList{ margin-top:40px;display: block;}
.caseList li{ margin-bottom:40px;}
.caseList li .word_box{display: inline-table; height:100%; }
.caseList li .word_box .title{display: block;font-size: 16px;padding: 21% 11% 11%; color: #000;line-height: 30px;height: 60px; margin-bottom:10px; font-weight:600;}
.caseList li .word_box .data{display: block;font-size:14px; padding: 11% 11%;margin-top: 10px;line-height: 25px;height: 50px;}
.caseList li .word_box .word_con{ display: block; width:100%; height:100%;}
.caseList li:hover .word_box{ height:100%; background-color:#fdc405; }
.caseList li:hover .word_box .title,.caseList li:hover .word_con{ color:#fff;}
.caseList li:hover ._full{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}


/* pubu-list */
.pubu-list{background:#fff;height: auto; float:left; width:1200px; margin:0 auto;}
.pubu-list .item{ float: left; width:292.5px; height:auto; display: inline; margin-top: 10px; margin-right:10px; position: relative; background:#FFF;}
.pubu-list .item:nth-child(4n+0){ margin-right:0; }
.pubu-list .item .title{position:absolute;bottom:0;background:url("../pubu/grey.png") repeat;height:54px;width:100%;color:#ffffff;font-size:18px;line-height:54px;left:0px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; text-align:center;}
.pubu-list .item:hover .title{opacity: 1;}
.pubu-list .item img{border: none; opacity:1;}
.pubu-list .item:hover img{ opacity:.6;}


/*常见问题*/
.faq-list{}
.faq-list ul{ margin-bottom:3%; }
.faq-list ul li{ float:left; width:100%; padding-bottom:2%;  }
.faq-list ul li .question{float:left; width:100%;  font-size:16px; font-weight:600; color:#333;}
.faq-list ul li .question .icon{width:30px;height:30px; float:left}
.faq-list ul li .answer{ float:left; width:100%; font-size: 16px;color: #333; line-height:24px; }
.faq-list ul li .answer .icon{width:30px;height:30px; float:left}
.faq-list ul li .answer .content{ float:left; width:97%;display: inline-block;
    padding-top: 0;}

.download{ margin-bottom: 40px; display: inline-block;}

.sub-nav-box { max-width: 1200px; margin-left: auto; margin-right: auto;  background-color: #fff; margin-bottom: 88px; }
.sub-nav-box .g-in { width: 1600px; margin: 0 auto; border-left: 1px solid #e5e5e5;  }
.sub-nav-box .g-in h2{border-bottom: 1px solid #e5e5e5;}
.sub-nav-box li { position: relative; float: left; width: 25%; border-right: 1px solid #e5e5e5; font-size: 22px; line-height: 127px; }
.sub-nav-box li a { display: block; padding-left: 56px; transition: all .3s ease; }
.sub-nav-box li.current::after { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background-color: #d90011; content: ''; z-index: 1; }

.sub-nav-box .swiper-container .swiper-wrapper { padding-bottom: 1px; }
.sub-nav-box .swiper-slide {position: relative;float: left;width: 25%;border-right: 1px solid #e5e5e5;font-size: 16px;line-height: 127px;}
.sub-nav-box .swiper-slide a {display: block;padding-left: 30px;transition: all .3s ease;}
.sub-nav-box .swiper-slide.current::after { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background-color: #d90011; content: ''; z-index: 1; }


.banner_box {
	display: block;
	padding-top: 3rem!important;
	padding-bottom: 3rem!important;
    background: #0095da;
	min-height: 160px;
	font-size: 14px;
}
.banner_box .col { 
    float:left;   
	flex: 0 0 auto;
    width: 25%;
} 
.banner_box .py-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}
.banner_box img {
    max-width: 100%;
    height: auto;
}
.banner_box .text-white {
    --bs-text-opacity: 1;
    color: #fff !important;
}
.banner_box .ps-2 {
	line-height: 24px;
    padding-left: 0.5rem!important;
}
.banner_box .ms-1 {
    margin-left: 0.25rem!important;
}

.page_banner {
	margin-top: 150px;
	display: block;
	padding-top: 4rem!important;
	padding-bottom: 4rem!important;
	background-color: #0095da;
	min-height: 360px;
	text-align: center;
}
.page_banner h3 {
	font-size: 46px;
	line-height: 64px;
	font-weight: 700;
	color:#fff;
}
.page_banner p {
    line-height: 1.6;
    font-size: 16px;
	margin-bottom: 1rem;
	color:#fff;
}


.page_note { 
	display: flex!important;
	flex: 0 0 auto;
	width: 100%;
	background: #f0f8ff;
	border-radius: 20px !important;
	padding: 1.5rem!important;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
.page_note .p-3 {
	display: block;
	width: 100px;
    padding: 1rem!important;
}
.page_note .p-4 {
	padding: 1rem!important;
	display: block;
}
.page_note h2 {
    font-weight: 700;
	font-size: 30px;
	line-height: 48px;
}
.page_note .color-light-blue {
    color: #0095da;
}

.page-left {
	float: left;
	display: block;
	flex: 0 0 auto;
	width: 49%;
	background: #f0f8ff;
	border-radius: 0.375rem !important;
	padding: 1.5rem!important;
	height: 100%!important;
	min-height: 700px;
}
.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #222;
}
.px-3 h3 { margin-bottom: 2rem;}
.mt-3 {
    margin-top: 1rem!important;
}
.d-flex {
    display: flex!important;
}
.fs-26 {
    font-size: 26px;
}
.fs-30 {
    font-size: 30px;
}
.ps-1 {
    padding-left: 0.25rem!important;
}
.ms-2 {
    margin-left: 0.5rem!important;
}
.fs-18, .fs-18 p {
    font-size: 18px;
}
.mt-1 {
    margin-top: 0.25rem!important;
}
.align-items-center {
    align-items: center!important;
}

.position-relative {
	margin-top: 150px;
    position: relative!important;
}
.position-absolute {
	position: absolute!important;
	left: 0!important;
	top: 0!important;
}
.justify-content-center {
    justify-content: center!important;
}
.flex-column {
    flex-direction: column!important;
}
.text-center {
    text-align: center!important;
}
.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.h-100 {
    height: 100%!important;
}
.w-100 {
    width: 100%!important;
}
.max-width-750 {
    max-width: 750px;
    width: 100%;
	color: #fff;
}
.fs-40 {
    font-size: 40px;
    line-height: 44px;
}
.mt-40 {
    margin-top: 2.5rem!important;
}
.color-FF9871 {
    color: #ff9871;
}
.pro-contain p {
    line-height: 32px;
    font-size: 16px;
}
.pro-contain h2 { line-height: 48px;}
.pt-1 {
    padding-top: 0.25rem!important;
}
.mt-2 {
    margin-top: 0.5rem!important;
}
.col-lg-7 {
	float: left;
    flex: 0 0 auto;
    width: 58.33333333%;
	padding-right: 1.5rem;
}
.col-lg-5 {
	float: left;
    flex: 0 0 auto;
    width: 41.66666667%;
	padding-left: 1.5rem;
}
.bg-F1F9FF {
    background: #f1f9ff;
}
.rounded-2 {
    border-radius: 0.375rem !important;
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.pb-2 {
    padding-bottom: 0.5rem!important;
}
.p-4 {
    padding: 1.5rem!important;
}
.fw-700 {
    font-weight: 700;
}
.fs-20, .fs-20 p {
    font-size: 20px;
    line-height: 28px;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
}
.mt-4 {
    margin-top: 1.5rem!important;
}
.new-quotes-lines {
    border-left: 7px solid #ff591b;
}
.col-lg-3 {
	float: left;
    flex: 0 0 auto;
    width: 25%;
}
.col-lg-6 {
	float: left;
    flex: 0 0 auto;
    width: 50%;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.pt-5 {
    padding-top: 3rem!important;
}
.pt-4 {
    padding-top: 1.5rem!important;
}
.pt16 {
    padding-top: 16px!important;
}

.position-sticky {
    top: 0!important;
    position: sticky!important;
}
.pe-lg-4 {
    padding-right: 1.5rem!important;
}
.color-orange {
    color: #f15a22;
}

.fs-14, .fs-14 p {
    font-size: 14px;
    line-height: 24px;
}
.fs-12, .fs-12 p {
    font-size: 12px;
    line-height: 14px;
}
.pb-1 {
    padding-bottom: 0.25rem!important;
}
.px-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
.mb-2 {
    margin-bottom: 0.5rem!important;
}
.table-of-content a {
    font-weight: 500;
}
.rounded-0 {
    border-radius: 0!important;
}
.pe-0 {
    padding-right: 0!important;
}
.fw-500 {
    font-weight: 500;
}
.pt16 {
    padding-top: 16px!important;
}
.opacity-5 {
    opacity: .5;
}
.sidebar-spacer hr {
    border: 1px solid #222;
    opacity: .5;
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}
.hottitle {
    width: 63.9%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 3%;
    border-radius: 4px;
	line-height: 24px;
}
.hotimg {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 4px;
}
.content-area {
	padding-right: calc(1.5rem * .5);
	padding-left: calc(1.5rem * .5);
}

.content-area p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: .02em;
    color: #585858;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.content-area img {
    margin: 16px 0;
    max-width: 100%;
    margin-bottom: 10px;
}
.content-area h2, .content-area h2 span {
    font-style: normal;
    font-weight: 700;
    font-size: 30px!important;
    line-height: 41px;
    color: #222;
    margin: 24px 0 18px!important;
}
.content-area h3, .content-area h3 span {
    font-style: normal;
    font-weight: 700;
    font-size: 24px!important;
    line-height: 33px;
    color: #222;
    margin: 18px 0 12px!important;
}
.content-area h4, .content-area h4 span {
    font-style: normal;
    font-weight: 700;
    font-size: 20px!important;
    line-height: 28px;
    color: #222;
    margin: 24px 0 12px!important;
}
.content-area ul {
    display: block;
    list-style: disc;
}
.content-area ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .02em;
    color: #222;
    margin-bottom: 10px;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.container img { max-width:100%;}
.solution {
	display: flex !important;
	flex-wrap: wrap;
}



@media all and (max-width:1680px){
    .sub-nav-box .g-in { width: 100%; } 
    .sub-nav-box li { line-height: 87px; }
    .sub-nav-box .swiper-slide { line-height: 88px; }
}
@media all and (max-width:1280px){
    .sub-nav-box li { line-height: 77px; }
	#home-company {
	    float: right;
	    width: 42%;
	}
}
@media all and (max-width:992px){
    .sub-nav-box { margin-bottom: 5%; }
    .sub-nav-box .g-in { width: 100%; padding: 0 15px; }
    .sub-nav-box li { width: auto; min-width: 33.333%; border-bottom: 1px solid #ebedef; font-size: 14px; line-height: 40px; }
    .sub-nav-box li a { padding: 0 20px; }
    .sub-nav-box .swiper-slide {width: 25%;font-size: 16px;line-height: 66px;background-size: 15%!important;}
    .sub-nav-box .swiper-slide a {padding-left: 10px;}
}
@media all and (max-width:768px){
	.profile .left,.profile .right,.col-lg-6,.page-left,.feedback,.col-lg-7,.col-lg-5 { width: 100% !important;}
	.banner_box .col { width: 50% !important; padding-left: 10% !important; }
	.banner_box { min-height: 340px !important; }
	.d-flex { display: block !important; }
    .sub-nav-box .swiper-slide {background-size: 25%!important;}
	
}

.sub-nav-box + .product-col { margin-top: -5vh; }
@media all and (max-width:992px){
    .sub-nav-box + .product-col { margin-top: 0; margin-bottom: 3vh; }
    .product-col a { margin: 0 0 6px; padding: 0 4vw 0 2vw; border-radius: 15px; border: 1px solid #cecece; font-size: 14px; line-height: 30px; }
    .product-col a h2 { font-size: 14px; }
    .product-col a img {margin-top: 0;margin-right: 5px;}
}

@media (max-width:1680px) {

}
@media all and (max-width:992px){

}