/*index*/
.lite-youtube-fallback {
	aspect-ratio: 16 / 9; /* matches YouTube player */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1em;
	padding: 1em;
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

/* right-facing triangle "Play" icon */
.lite-youtube-fallback::before {
	display: block;
	content: '';
	border: solid transparent;
	border-width: 2em 0 2em 3em;
	border-left-color: red;
}

.lite-youtube-fallback:hover::before {
	border-left-color: #fff;
}

.lite-youtube-fallback:focus {
	outline: 2px solid red;
}
.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

.header{margin-top:10px;}
.header .top .logo img{width:140px;}
.header .top .sharelink{margin-top:13px;}
.header .top .sharelink a{display:inline-block; margin:0 5px;}
.header .top .sharelink i{font-size:22px;}
.nav{background:#1d2088; margin-top:10px;}
.nav ul{}
.nav ul li{float: left;}
.nav ul li{list-style-type: none;}
.nav ul>li{float: left; font-size: 18px; font-weight: 400; text-transform: capitalize;}
.nav ul>li a{display:block;color: #fff; padding: 15px 33px;}
.nav ul>li:hover a{background:#fff; color:#1d2088;}
.nav ul li.father{position: relative;}
.nav ul li.father ul{display: none;position: absolute;background: #eee; z-index: 99999; top: 54px;}
.nav ul li.father:hover ul{display: block; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 0;width: 190px;}
.nav ul li.father ul li{background: none; font-size: 15px; font-weight: normal; line-height: 1.5; margin:0; padding: 0; text-transform:capitalize; float:none;}
.nav ul li.father ul li a{background: none; color: #333; text-align: left; display: block; padding: 6px 15px; margin: 0;}
.nav ul li.father ul li:hover{background: #1d2088;}
.nav ul li.father ul li:hover a{color: #fff;}

.nav ul li.father dl{display:none;position: absolute;background: #eee; z-index: 99999; top: 54px;}
.nav ul li.father:hover dl{display: block; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 0;width: 240px;}
.nav ul li.father dl dd{background: none; font-size: 15px; font-weight: normal; line-height: 1.5; margin:0; padding: 0; text-transform:capitalize; float:none; position:relative;}
.nav ul li.father dl dd a{background: none; color: #333; text-align: left; display: block; padding: 6px 15px; margin: 0;}
.nav ul li.father dl dd:hover>a{background:#1d2088; color:#fff;}
.nav .nav_last{display:none; position: absolute; left: 240px; top:-10px; background:#f5f5f5;}
.nav ul li.father dl dd:hover .nav_last{display:block; width:240px; padding:10px 0;}
.nav ul li.father dl dd:hover .nav_last a:hover{background:#1d2088; color: #fff;}

.search{margin-top:10px; position:relative;}
.search{}
.search button{background:none; border:none;  position:absolute; right:20px; top:6px;}
.search button i{font-size:18px;}
.searchpages{margin-top:20px;}


.banner{}
.mbanner{display: none;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .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;}
.banner .swiper-pagination-bullet{background: #f00; width: 10px; height: 10px;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 15%;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 15%;}
.banner .swiper-button-next, .swiper-button-prev{width: 40px; height: 40px; background-size: cover;}
.banner .swiper-button-prev:after, .banner .swiper-container-rtl .swiper-button-next:after, .banner .swiper-button-next:after, .banner .swiper-container-rtl .swiper-button-prev:after{color: #fff;}
:root{--swiper-navigation-size:30px;}
.banner .swiper-slide{transform:translate3d(0,0,0);overflow:hidden;}
.banner .swiper-slide img{transform:translate3d(0,0,0); width:100%;aspect-ratio:auto 96 / 35;}
.service{margin-top: 10px;background: #f6f6f6; padding: 40px 0;}
.service h3, .index-products h3, .index-data h3, .index-news h3, .about-shili h3{font-size: 40px; font-weight: 700; color: #333;}
.service h3{text-align: center; }
.service .row{margin-top: 50px;}
.service .list{padding: 75px 50px;height: 333px; display: flex;justify-content: center;align-items: center; z-index: 1; width: 25%; margin: 0 4%;}
.service .list .icon-box{text-align: center;}
.service .icon-box:before,.icon-box:after{content:'';position:absolute;width:calc(100% - 35px);height:calc(100% - 35px);border:1px solid #1d2088;pointer-events:none;transition:.33s all ease}
.service .icon-box:before{top:0;left:0;border-width:1px 0 0 1px}
.service .icon-box:after{bottom:0;right:0;border-width:0 1px 1px 0}
.service .list:hover .icon-box:before, .service .list:hover .icon-box::after{width:calc(100% - 0.1px);height:calc(100% - 0.1px);border: 1px solid #1d2088;}
.service .box-top p{font-size: 18px;font-weight: bold; position: relative; margin-top: 20px;}
.service .box-top p:after{position: absolute; width: 50px; height: 2px; background: #1d2088; content: ""; left: 0; right: 0; margin: 0 auto; bottom: -10px;}
.service .box-body p{ color: rgba(0,0,0,0.5); margin-top: 30px; line-height: 1.7;}
.service .box-top i{font-size: 60px; color: #1d2088;}
.index-about {margin-top: 80px;}
.index-about h3{font-size: 30px; line-height: 1.6; margin-top: 10px; font-weight: bold;}
.index-about p{font-size: 16px;line-height: 1.7; color: #5f5f61; margin-top: 30px; text-align:justify;}
.index-about a{display: inline-block; border: 3px solid #1d2088; color: #1d2088; padding: 15px 40px; border-radius: 35px; font-size: 18px; font-weight: bold; margin-top: 40px; transition: .5s;}
.index-about a:hover{background: #1d2088; color: #fff;}
.index-about .pdl{padding-left:50px;}
.index-products{ padding: 50px 0 60px 0;}
.index-products h3{text-align: center;}
.index-products p.tips{text-align: center; margin-top: 20px; font-size: 16px; color: #555;}
.index-products ul{}
.index-products li{width: 24%; background: #f6f6f6; padding: 10px; padding-bottom: 25px; border-radius: 10px; margin-top: 40px; transition: .3s;}
.index-products li p{background: #fff; border-radius: 10px; padding: 30px 0; transition: .3s;}
.index-products li p img{max-width:100%;}
.index-products li h4{font-size: 18px; text-align: center; margin-top: 20px;}
.index-products li .box{padding: 0 20px; margin-top: 20px;}
.index-products li .box a{display: block; width: 45%; margin: 0 2.5%; float: left; text-align: center; padding: 8px 0; border-radius: 3px;}
.index-products li .box a:first-child{background: #fff; transition: .3s;}
.index-products li .box a:last-child{background: #1d2088; color: #fff;}
.index-products li:hover{background: #fff; box-shadow: 0 0 10px #eee;}
.index-products li:hover p{background: #f6f6f6;}
.index-products li:hover .box a:first-child{background: #f6f6f6;}
.index-data{ position: relative; z-index: -999; overflow: hidden}
.index-data .cover{background:rgba(5,20,49,0.6); width: 100%; height: 100%; padding: 100px 0; position: relative; z-index: 9999;}
.index-data h3{color: #fff; text-align: center;}
.index-data .row{margin-top: 60px;}
.index-data p{text-align: center; color: #fff;}
.index-data p i{font-size: 50px; color:#1d2088;}
.index-data p.number{font-size: 48px; font-weight: bold; margin-top: 20px;}
.index-data p.info{font-size: 18px; font-weight: bold; margin-top: 0px;}
.index-data video{position: absolute; width: 100%;}


.index-case{margin-top: 50px;}
.index-case h3, .index-news h3{font-size: 40px; font-weight: bold; color: #333;}
.index-case h3 a, .index-news h3 a{float: right; font-size: 16px; font-weight: normal; margin-top: 15px;}
.index-case ul{margin-top: 10px;}
.index-case li{width: 23%;border: 1px solid #e6e6e6; padding: 10px; padding-bottom: 25px; border-radius: 10px;transition: .3s; margin-top: 20px;}
.index-case li p{background: #fff; border-radius: 10px; transition: .3s;}
.index-case li p img{border-radius: 10px;}
.index-case li h4{font-size: 16px; margin-top: 20px; line-height: 1.5; padding: 0 5px;}
.index-case li .box{padding: 0 10px; margin-top: 20px;}
.index-case li .box a{display: block; width: 45%; margin: 0 2.5%; float: left; text-align: center; padding: 8px 0; border-radius: 3px;}
.index-case li .box a:first-child{background: #f1f1f1; transition: .3s;}
.index-case li .box a:last-child{background: #1d2088; color: #fff;}
.index-case li:hover{background: #fff; box-shadow: 0 0 10px #eee;}
.index-case li:hover p{background: #f6f6f6;}
.index-case li:hover .box a:first-child{background: #f6f6f6;}
.index-news{margin-top: 70px;}
.index-news .row{margin-top: 30px;}
.index-news ul li img{width: 100%;}
.index-news ul li .box{padding-top: 15px; transition: .5s;}
.index-news ul li .box p.tt{font-size: 16px; color: #333; font-weight: bold;}
.index-news ul li .box p.date{ color: #aaa; margin-top: 10px;}
.index-news ul li .box p.date i{display: inline-block; color: #1d2088!important; margin-left: 20px; font-weight: bold;}
.footer{background: rgba(0, 0, 0, 0.8); padding: 60px 0 30px 0; margin-top: 60px;}
.footer h3{font-weight: bold; color: #fff; font-size: 19px;margin-bottom: 30px;}
.footer p{color: #eee; font-size: 15px;}
.footer p a{color: #eee;}
.footer .contact p{margin-top: 10px;}
.footer .contact p img{margin-right: 15px;}
.footer .link p{margin-top: 10px;}
.footer .about p{line-height: 1.8;}
.footer .copyright{border-top: 1px solid #394654; padding-top: 20px; margin-top: 40px;}
.footer .copyright p{ font-size: 13px;}
#gotop{position: fixed; right: 10px; bottom: 50px; cursor: pointer;}
#gotop img{width: 50px; height: 50px;}
.list-products{margin-top: 40px;}
.list-products .pronav{display: flex; justify-content: center;}
.list-products .pronav li{background: #f5f5f5; padding: 10px 20px; margin: 0 5px;border-radius: 5px; font-size: 16px; font-weight: 400; transition: .5s;}
.list-products .pronav li a{color: #000; display: block;}
.list-products .pronav li:hover{background: #1d2088; color: #fff;}
.list-products .pronav li:hover a{color: #fff;}
.list-products .pronav li.active{background: #1d2088; color: #fff;}
.list-products .pronav li.active a{ color: #fff;}
.list-products .list ul{display: flex; justify-content: left;flex-wrap:wrap; margin-top: 10px; margin-left: -15px; margin-right: -15px;}
.list-products .list ul li{width: 23%; margin: 0 1%; background: #fafafa; padding: 20px 20px 30px 20px; margin-top: 25px;transition: .5s;}
.list-products .list ul li:hover{box-shadow: 0 0 15px #d9d9d9;}
.list-products .list ul li h3{font-size: 20px; line-height: 1.4; text-align: center;}
.list-products .list ul li h3 a{display: block; color: #555; transition: .5s;}
.list-products .list ul li:hover h3 a{color: #1d2088;}
.list-products .list ul li .box{background: #fff; margin-top: 15px;}
.list-products .list ul li .box .bimg{padding: 20px 30px; display: block;}
.list-products .list ul li .box .info{background: #fff; border-top: 3px solid #fafafa;}
.list-products .list ul li .box p:first-child{border-right: 3px solid #fafafa;}
.list-products .list ul li .box p{float: left; width: 48%; margin: 0 1%; text-align: center; padding: 10px 0;}
.list-products .list ul li .box p i{display: block; font-weight: 600; color: #1d2088;}
.list-products .list ul li .box p span{display: block; color: #555;}
.list-products .list ul li a.online{display: block; width: 165px; height: 40px; margin: 0 auto; margin-top: 30px; color: #1d2088; border: 1px solid #ddd; padding: 10px; text-align: center; transition: .5s;}
.list-products .list ul li:hover a.online{background: #1d2088; color: #fff; border: none;}
.list-products select{display: none;}

.list-peijian ul{display: flex; justify-content: left;flex-wrap:wrap; margin-top: 10px; margin-left: -15px; margin-right: -15px;}
.list-peijian ul li{width: 23%; margin: 0 1%; background: #f5f5f5; padding: 20px 20px 30px 20px; margin-top: 25px;transition: .5s;}
.list-peijian ul p{margin-top:10px; font-size:16px; text-align:center;}


.pao-art-top{background: #fff; padding: 40px 0;}
.pao-art-top .position{color: #ddd;text-transform:capitalize;}
.pao-art-top .position a{color: #000;text-transform:capitalize;}
.pao-art-top .left{margin-top: 20px;}
.pao-art-top .right{margin-top:80px;}
.pao-art-top .right h1{color: #000; line-height: 1.3; margin-bottom: 30px;}
.pao-art-top .right p.info{color: #333; font-size: 16px; margin-top: 10px;}
.pao-art-top .right p.info i{font-style: italic; font-weight: 600; color: #333;}
.pao-art-top .right p.email{color: #1d2088; font-size: 20px; font-weight: bold; margin-top: 30px;}
.pao-art-top .right p.tel{color: #1d2088; font-size: 20px; font-weight: bold; margin-top: 10px;}
.pao-art-top .right p.email a, .pao-art-top .right p.tel a{ margin-left: 5px; color: #1d2088;}
.pao-art-top .right p.online a{display: inline-block; background: #1d2088; color: #fff; padding: 10px 20px; font-size: 16px; font-weight: 400; margin-top: 30px;}
.pao-art-top .right p.online a:last-child{margin-left:15px;}
.pro-art-bg{width:100%;background: #f5f5f5; padding-top: 30px;}

.pro-art-bg .pronavfix{position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; background: #f5f5f5;z-index: 9999;}
.pro-art-bg .pro-art-nav .pronavp p{float: left; font-size: 20px; font-weight: bold;}
.pro-art-bg .pro-art-nav .pronavp p a{color: #333; padding: 15px 30px; display: block;}
.pro-art-bg .pro-art-nav .pronavp p a:hover{background: #e2e9ef; color: #1d2088; border-radius: 5px;}
.pro-art-bg .pro-art-nav p.fr{float: right; margin-top: 18px;}
.pro-art-bg .pro-art-nav p.fr a{padding:10px 20px; background: #1d2088; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px;}
.pro-art-bg .pro-art-nav p.fr i{margin-right: 10px; font-size: 22px;}
.pro-art-bg .pro-art-nav p.fr:hover a{background: #000;}
.pro-art-bg .pro-art_nr .section1{background: #fff; margin-top: 20px; padding: 60px;}
.pro-art-bg .pro-art_nr .section1 h2, .pro-art-bg .pro-art_nr .section2 h2, .pro-art-bg .pro-art_nr .section3 h2, .pro-art-bg .pro-art_nr .section4 h2, .pdown h2, .pro-art-bg .pro-art_nr .section10 h2{font-size: 36px; font-weight: bold;text-transform:capitalize;}
.pro-art-bg .pro-art_nr .section1 .content{margin-top: 15px; font-size: 16px; line-height: 1.6;}
.pro-art-bg .pro-art_nr .section1 .content .video{width:100%;}
.pro-art-bg .pro-art_nr .section1 .row{margin-bottom:10px;}
.pro-art-bg .pro-art_nr .section1 h3{margin-bottom:10px; font-size:36px; font-weight:bold;}
.pro-art-bg .pro-art_nr .section10{background: #fff; margin-top: 20px; padding: 60px;}
.pro-art-bg .pro-art_nr .section10 h2{margin-bottom:15px;}
.pro-art-bg .pro-art_nr .section10{line-height:1.7; font-size:16px;}
.pro-art-bg .pro-art_nr .section11{margin-top:20px; font-size:16px;}
.pro-art-bg .pro-art_nr .section11 ul{display: flex; justify-content: space-between; margin-bottom:10px; margin-left:-1%; margin-right:-1%;}
.pro-art-bg .pro-art_nr .section11 ul li{width:24.5%; background:#fff; display:flex; align-items:center; font-size:16px;}
.pro-art-bg .pro-art_nr .section11 ul li:nth-child(2), .pro-art-bg .pro-art_nr .section11 ul li:nth-child(4){padding:20px;}
.pro-art-bg .pro-art_nr .section11 ul li:nth-child(2n){background:#eee;}
.pro-art-bg .pro-art_nr .section11 ul li img{max-width:100%!important; height:auto!important;}


.pro-art-bg .pro-art_nr .section2{margin-top: 50px;}
.pro-art-bg .pro-art_nr .section2 .lb{background: #fff; margin-top: 30px; overflow: hidden;}
.pro-art-bg .pro-art_nr .section2 .swiper-slide{display: block; text-align: left; padding: 30px;}
.pro-art-bg .pro-art_nr .section2 .swiper-slide .img{width: 28%; margin-right: 4%;}
.pro-art-bg .pro-art_nr .section2 .swiper-slide .img img{max-width:100%;}
.pro-art-bg .pro-art_nr .section2 .swiper-slide .desc{width:68%;}
.pro-art-bg .pro-art_nr .section2 .swiper-slide h4{ font-weight: bold; color: #000; text-transform:uppercase; margin-bottom:15px;}
.pro-art-bg .pro-art_nr .section2 .swiper-slide p{font-weight: normal; line-height: 1.6; color: #333; font-size: 16px;text-transform:normal;}
.pro-art-bg .pro-art_nr .section2 .ifnone{display:flex;display: -webkit-flex;align-items:center;}
.pro-art-bg .pro-art_nr .section3{margin-top: 50px;}
.pro-art-bg .pro-art_nr .section3 table{width: 100%; text-align: center; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd;margin-top: 30px; font-size:16px; font-weight:400;}
.pro-art-bg .pro-art_nr .section3t tr:first-child{    background-image: linear-gradient(90deg,#2d68bf 3%,#0b296d 100%); background:#00479D; height:60px; line-height:60px;color: #fff;}
.pro-content tr:nth-child(2n+3){background:#f5f5f5;}
.pro-art-bg .pro-art_nr .section3 .bhead{background-image: linear-gradient(90deg,#2d68bf 3%,#0b296d 100%); background:#00479D; color: #fff}
.pro-art-bg .pro-art_nr .section3 tr.odd{background: #f5f5f5; color: #333;}
.pro-art-bg .pro-art_nr .section3 tr.even{background: none;}
.pro-art-bg .pro-art_nr .section3 td.even{background: #fff;}
.pro-art-bg .pro-art_nr .section3 table td{line-height:1.5!important; font-size:14px!important; padding:8px 0!important; border:1px solid #ccc!important;}
.pro-art-bg .pro-art_nr .section3 tr{ border:1px solid #ddd;}
.pro-art-bg .pro-art_nr .section4{margin-top: 20px; padding-bottom: 40px;}
.pro-art-bg .pro-art_nr .section4 .pcase{overflow: hidden; margin-top: 30px;}
.pro-art-bg .pro-art_nr .section4 .swiper-pagination2{bottom:0;}
.pro-art-bg .pro-art_nr .section4 .swiper-slide{padding-bottom: 30px;}
.pro-art-bg .pro-art_nr .section4 .swiper-slide a{display: block;}
.pro-art-bg .pro-art_nr .section4 .swiper-slide img{width: 100%;}
.pro-art-bg .pro-art_nr .section4 .swiper-slide span{display: block; background: #fff; padding: 8px 5px; font-size: 16px;}
.pro-art-bg .pro-art_nr .section4 .swiper-slide:hover span{background: #1d2088; color: #fff;}
.pdown{margin-top: 30px;}
.pdown .nr{background: #f5f5f5; width: 300px; padding:10px; margin-top: 20px;}
.pdown .nr .left{float: left; margin-right: 15px;}
.pdown .nr h3{font-size: 20px;}
.pdown .nr .right{width: 70%;}
.pdown .nr .right p{margin-top: 5px; color: #0058a5; text-decoration: underline;}
.pdown .nr .right p a{color: #0058a5}

.pro-art-content{}
.pro-art-content h3{font-size: 26px;margin-top: 40px;}
.pro-art-content .box{line-height: 1.7; margin-top: 10px; font-size: 16px; color: #555;text-align: justify;}
.pro-art-content .avantages ul{display: flex; justify-content: space-between;flex-wrap:wrap;}
.pro-art-content .avantages ul li{width: 48%; background: #f5f5f5; margin-top: 20px; margin-bottom: 20px;}
.pro-art-content .avantages ul li h4{text-align: center; font-size: 20px; color: #fff; background: #6c7588; background-size: cover; padding: 15px 0; margin-bottom:10px;}
.pro-art-content .avantages ul li p{padding: 5px 20px; font-size: 16px; line-height: 1.7; color: #555;text-align: justify;}
.pro-art-content .avantages ul li p:last-child{margin-bottom:15px;}
.pro-art-content .canshu table{width: 100%; margin-top: 30px;}
.pro-art-content .canshu table th{text-align: center; padding: 10px 0;}
.pro-art-content .recommandation ul li{margin-top: 20px;}
.pro-art-content .recommandation ul li span{display: block;text-align: center; margin-top: 10px;font-size: 15px; line-height: 1.5;}
.common-message{background: #fafafa; padding: 50px 0; margin-top: 50px;}
.common-message h2{text-align: center; font-size: 26px;	}
.common-message p.tips{text-align: center; margin-top: 15px; color: #555;}
.common-message .container{padding: 0 200px;}
.common-message form input{margin-top: 10px; height: 45px;}
.common-message form{margin-top: 20px;}
.common-message form textarea{margin-top: 10px; height: 100px;}
.common-message form button{font-size: 18px; background: #1d2088; color: #fff; border: none; margin-top: 20px;}
.common-message .contact{background: #fff; padding: 20px; margin-top: 30px;}
.common-message .contact p{font-size: 20px; color: #1d2088; text-align: center; font-weight: 600; margin-top: 20px; margin-bottom: 10px;}
.common-message .contact p a{color: #1d2088;}
.common-message .contact p span{font-weight: normal; color: #555; display: block; font-size: 15px; margin-top: 10px;}
.common-message .contact p.swt a{display: inline-block; color: #fff; background: #1d2088; font-size: 16px; padding: 10px 15px; border-radius: 5px;}


.message{margin-top: 60px;width: 100%;height: 750px;background-color: #f7f7f7}
.message-wrap{box-sizing: border-box;margin-top: 75px;padding: 40px 0;min-height: 598px;background-color: #fff}
.message-wrap p.tips{margin-top:20px;}
.message-wrap-lt{padding-left: 40px}
.message-title h2{color: #333;font-weight: 400;font-weight: 700;font-size: 36px}
.message-title p{color: #666;font-size: 14px; margin-top:10px;}
.message-wrap-lt ul{margin-top: 40px}
.email,.tel{padding-top: 5pc;width: 220px;height: 146px;border: 1px solid #eaeaea;border-radius: 4px;background: #fff;text-align: center}
.email{background: url("../images/mess-email.png") no-repeat center 20px;background-size: 50px 50px}
.email,.tel{margin-bottom: 15px}
.tel{background: url("../images/mess-tel.png") no-repeat center 20px;background-size: 50px 50px}
.sub-tit{color: #666;font-weight: 700;font-size: 18px}
.email a,.tel p{color: #666;font-weight: 400;font-size: 14px}
.message-rt-gp{padding-left: 0}
.message-rt-gp:nth-child(2),.message-rt-gp:nth-child(4){padding-left: 0px}
.message-rt-gp0{padding-left: 0!important;}
.message-rt-gp i{color: #e62129}
.mess-radio,.message-rt-gp label{color: #999;font-weight: 400;font-size: 14px}
.radio-inline input[type=radio]{width: 1pc;height: 1pc;border: none;background: url("radio-bg.png") no-repeat 0 0;-webkit-appearance: none}
.radio-inline input[type=radio]:checked{border: none;background: url("radio-bg.png") no-repeat 0 -1pc}
.radio-inline{margin-right: 40px}
.message-radio{padding-bottom: 20px;width: 97%;border-bottom: 1px solid #eaeaea}
.radio-inline span{padding-left: 10px}
.message-radio2{margin-top: 15px}
.radioTle span{display: block;color: #333333;font-size: 14px}
.radio-box label,.radioTle span{line-height: 2pc}
.radio-box .radio-inline input[type=radio]{margin-top: 8px}
.radio-box .radio-inline{margin-right: 20px}
.message-wrap-rt input,.message-wrap-rt textarea{background-color: #fafafa}
.message-wrap-rt textarea{width: 97%}
.message-wrap-rt input:focus,.message-wrap-rt textarea:focus{outline: 0;border: 1px solid #ff8400}
.form-control{border: 1px solid #dfdfdf;box-shadow: none}
.mess-sumit{width: 11pc;height: 46px;border: none;border-radius: 4px;background-color: #1d2088!important;color: #fff;font-size: 18px}
.mess-sumit:hover{background-color: #ff8400!important;}
.message p.tips{font-size:16px; margin-top:10px; color:#999;}


.case-position{margin-top: 30px;}
.list-case .flex{justify-content: left;flex-wrap:wrap; }
.list-case .flex li{width: 23%; margin: 0 1%; margin-top: 10px; }
.list-case .flex li a{display: block;}
.list-case .flex li .box{background: #fafafa; padding: 10px 15px;}
.list-case .flex li p.title{font-size: 16px; font-weight: 400; display: block; line-height: 1.6; margin-bottom: 10px;}
.list-case .flex li span{display: block; line-height: 1.7;}
.list-case ul.fanye{margin-top: 30px;}
ul.fanye li{float: left; margin-right: 5px; font-weight: 400;}
ul.fanye li a{font-size: 16px; display: inline-block; padding: 5px 12px; background: #fff; border: 1px solid #ddd; transition: .5s;}
ul.fanye li.active a{background: #e89612; color: #fff;}
ul.fanye li.thisclass a{background:#050521; color:#fff;}
ul.fanye li:hover a{background: #e89612; color: #fff;}
ul.fanye li span.pageinfo{margin-left: 10px; margin-top: 5px; display:block;}
.cases-detail-box1 h1 {font-size:26px;margin:50px auto 60px; text-align: center;}
.cases-detail-par {box-sizing:border-box;overflow:hidden;padding:30px;border:10px solid #fafafa}
.cases-detail-par-ul {width:425px}
.cases-detail-par-ul li {margin-bottom:40px}
.cases-detail-par-ul li:last-child {margin-bottom:0}
.cases-detail-par-ul li h2 {color:#1d2088;font-size:16px;margin-bottom:10px}
.cases-detail-par-ul li p {color:#666}
.cases-fankui{margin-top: 40px;}
.cases-fankui .row img{width: 100%;}
.cases-fankui .left{padding-right: 0}
.cases-fankui .right{padding-left: 0; background: #fafafa; padding: 40px; height: 437px; overflow: hidden;}
.cases-fankui .right h2{text-align: right;}
.cases-fankui i{font-size: 50px; color: #e6e6e6;}
.cases-fankui p{font-size: 16px; line-height: 1.7; margin: 20px 0; text-align:justify;}
.cases-fankui .fa-quote-right{text-align: right; float: right;}
.cases-detail h3{margin: 40px 0 20px 0; color: #333;}
.cases-detail .content{font-size: 16px; font-weight: 400; color: #555; line-height: 1.7; text-align:justify;}
.cases-detail .recommandation span{display: block; text-align: center; margin-top: 10px; line-height: 1.8; font-size: 16px;}
.news-list .top{background: #fafafa; margin-top: 20px;}
.news-list .top .right{padding: 30px;}
.news-list .top .right h4{font-size: 20px;}
.news-list .top .right p{font-size: 16px; line-height: 1.6; margin-top: 15px;}
.news-list .contentnr ul li{border-bottom: 1px solid #eee; padding-bottom: 20px; margin-top: 40px; transition: .5s;}
.news-list .contentnr ul li a{display: block;}
.news-list .contentnr ul li h4{font-weight: 400;}
.news-list .contentnr ul li .left p{font-size: 16px; margin-top: 10px; color: #555; line-height: 1.7;}
.news-list .contentnr ul li .right{margin-top: 20px; text-align: center; font-size: 16px; color: #aaa;}
.news-list .fanye{margin-top: 30px;}
.article-news h1{text-align: center; font-size: 30px; font-weight: 600; color: #333; margin-top: 20px; line-height: 1.5;}
.article-news .info{text-align: center; color: #555; margin-top: 10px; font-size: 16px;}
.article-news .content{margin-top: 30px; line-height: 1.8; font-size: 16px;}
.article-news .content img{margin: 10px 0;}
.article-news .content p{margin-top: 10px;}
.article-news .newsbody{text-align:justify;}
.article-news .flink{margin-top: 30px;}
.article-news .flink p{background: #eee; padding: 10px 20px;}
.article-news .recomm{margin-top: 30px;}
.article-news .recomm ul li{margin-top: 15px;}
.article-news .recomm ul li span{display: block; text-align: center; margin-top: 10px; font-size: 15px; line-height: 1.6;}
.solution-content{margin-top: 60px;}
.solution-content p.tips{line-height: 1.7; font-size: 16px; text-align: center; width: 75%; margin: 0 auto;margin-top: 15px; color: #555;}
.solution-content ul{justify-content: left;}
.solution-content ul li{width: 22%; margin: 0 1.5%; background: #f5f5f5; margin-top: 30px; overflow: hidden;}
.solution-content ul li a{display: block;}
.solution-content ul li span{display: block; text-align: center; padding: 30px 0; font-size: 15px;}
.solution-content ul li img{transition: .5s;}
.solution-content ul li:hover img{transform:scale(1.1);}

.bread-position{background:#f5f5f5; margin-top:20px;}
.bread-position .breadcrumb{margin-bottom:0; padding:10px 0;}
.app-detail-banner {overflow: hidden;padding-top: 40px;	min-height: 280px;background: url("../images/app-detail-banner.jpg") no-repeat center}
.app-detail-inner .row {margin-top: -5pc;	padding: 30px 0 40px;	background-color: #fff;box-shadow: 0 2px 6px 0 #ebebeb;	text-align: center}
.app-detail-title {	margin: 0 auto;	width: 75%}
.app-detail-title img {	margin: 0 auto}
.app-detail-title h2 {	font-weight: 700;	font-size: 24px; margin-top:15px; margin-bottom:15px;}
.app-detail-title p {	font-weight: 400;text-align: justify;}
.app-detail-title p span {	font-weight: 700}
.app-detail-title a {	float: left;	display: block;	margin-top: 22px;	padding: 10px 15px;	width: 220px;	color: #fff;	text-align: center;	font-size: 18px}
.app-detail-title .water-chat:hover{background-color: #FF6000;}
.app-detail-title .water-inquiry:hover{	box-shadow: 1px 1px 5px #dfdfdf;	color: #333;}
.app-detail-title .pro-btn-wrap {	position: relative;	left: 50%;	float: left;	transform: translateX(-50%)}
.water-chat {border-radius: 4px;	background: #1d2088}
.water-title .water-chat:hover{	background-color: #ff6000;}
.water-title .water-inquiry:hover{	box-shadow: 1px 1px 5px #dfdfdf;	background-color: #ff6000;}
.water-chat i {position: relative;	top: 2px;	left: 5px;	display: inline-block;	width: 20px;	height: 20px;	background: url("icon_tomore_say@2x.png") no-repeat center;	background-size: 100% 100%}
.water-inquiry {background: #1d2088;margin: 0 10px;	border: 1px solid #dfdfdf;	border-radius: 4px;}
.water-inquiry i{position: relative;	top: 3px;	left: 5px;	display: inline-block;	width: 20px;	height: 20px;	background: url("icon_tomore_def@2x.png") no-repeat center;	background-size: 100% 100%}
.solution-content i{display: block;width: 24px;height: 2px;background: url("Xline_blue.png") no-repeat left center;background-size: 100%}
.solution-content h2{margin:10px 0;}
.solution-content .desc{line-height:1.8;text-align: justify;}
.solution-content .desc p{text-align: justify;}
.solution-content p.swt a{display:inline-block; font-size:17px; background:#1d2088; padding:10px 15px; margin-top:15px; color:#fff; border-radius:5px;}
.solution-content p.swt a:hover{background:#ff6000;}
.app-detail-cont3{background:#f7f7f7; margin-top:70px; padding:40px 0;}
.app-detail-cont3 .pull-left{font-size:26px; color:#333; font-weight:600;}
.app-detail-cont3 .pull-right{}
.in-pro-box{margin-top:20px;}
.in-pro-box li {margin-bottom: 30px;padding-left: 0}
.in-pro-box a {position: relative;	display: block;height: 340px;background: #fff;box-shadow: 0 4px 10px 0 #ececec}
.in-pro-text {position: absolute;bottom: 0;z-index: 10;width: 100%;height: 60px;color: #666;font-weight: 700;line-height: 60px}
.in-pro-text p {margin: 0;color: #333}
.in-pro-text:before {position: absolute;top: 1px;right: 0;z-index: 0;width: 8px;height: 60px;background-color: #1d2088;content: " ";transition: all .3s ease}
.in-pro-box a:hover .in-pro-text:before {z-index: -1;width: 100%}
.in-pro-box a:hover .in-pro-text p {padding-left: 15px;background: url("icon_open_spe@2x.png") no-repeat 15pc center;background-size: 26px 26px;color: #fff;text-align: left}
.in-pro-box img {position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%); padding:40px;}
.solution-related{margin-top:40px;}
.solution-related .pull-left{font-size:26px; color:#333; font-weight:600;}
.solution-related ul li{margin-top:20px;}
.solution-related ul li span{display:block; padding:5px; line-height:1.7; text-align:center; margin-top:5px;}

.about-nav{margin-top: 50px;}
.about-nav .flex{justify-content: center;}
.about-nav .flex li{background: #f5f5f5; color: #000;margin: 0 10px; cursor: pointer; font-size: 16px;}
.about-nav .flex li.active{background: #1d2088; color: #fff;}
.about-nav .flex li.active a{color:#fff;}
.about-nav .flex li a{display:block; padding: 10px 20px; }
.about-info{background: #fafafa; margin-top: 40px; padding: 40px 0;}
.about-info h1{text-align: center; font-size: 36px;}
.about-info .info p{font-size: 16px; line-height: 1.7; margin-top: 20px; color: #555; text-align:justify;}
.about-info .number{margin-top: 40px; padding: 0 40px;}
.about-info .number ul li{text-align: center; background: #fff; height: 200px; padding: 40px 20px;}
.about-info .number ul li i{display: block;  font-size: 38px; font-weight: 600; text-align: center; color: #1d2088; background: url("about_line.png") no-repeat bottom center; padding-bottom: 10px;}
.about-info .number ul li span{display: block; font-size: 16px;  margin-top: 15px; line-height: 1.7;}
.about-nav .global h2{font-size: 36px; text-align: center; margin-top: 50px; margin-bottom: 20px;}
.about-img ul{display: flex; justify-content: left; flex-wrap:wrap; margin-top: 10px;}
.about-img ul li{width: 25%; padding: 0 12px; margin-top: 20px;}
.about-img ul li span{display: block; font-size: 16px; line-height: 1.7; margin-top: 5px; text-align: center;}
.about-img ul li:hover span{color: #1d2088;}
.about-img h3{font-size:36px; margin-top:40px; margin-left:10px; text-align:center;}
.about-certificat li{padding:0 30px;}
.about-certificat li img{border:1px solid #ddd; padding:15px;}
.about-certificat li p{background:#f5f5f5; text-align:center; padding:10px 5px; color:#000;}
.about-atelier li p{background:#f5f5f5; text-align:center; padding:10px 5px; color:#000;}

.service-content h1{font-size: 36px; text-align: center; margin-top: 40px;}
.service-content p.tips{font-size: 16px; text-align: center; color: #555; line-height: 1.7; margin-top: 10px;}
.service-content .nuo{margin-top: 40px;}
.service-content .nuo li i{display: block; font-size: 48px; color: #1d2088; font-weight: 600; text-align: center;}
.service-content .nuo li span{display: block; text-align: center; margin-top: 10px; font-size: 16px; line-height: 1.7; height: 54px;}
.service-content .nuo li .box{background: #f5f5f5; padding: 20px 30px;}
.service-content h2{text-align: center; font-size: 36px; margin-top: 40px;}
.service-content .zone {margin-top: 20px;}
.service-content .zone ul li{margin-top: 20px; padding: 0 25px;}
.service-content .zone ul li .box{ text-align: center;}
.service-content .zone ul li .box h4{font-size: 22px; margin-top: 25px;}
.service-content .zone ul li .box p{line-height: 1.7; color: #777; margin-top: 10px; font-size: 15px; min-height:50px;}
.service-content .zone ul li .box a{display: inline-block; background: #1d2088; color: #fff; padding: 7px 20px; font-size: 16px; font-weight: 400; border-radius: 5px; margin-top: 20px; transition: .5s;}
.service-content .zone ul li:hover a{background: #1d2088;}
.service-content .zone ul li img{width: 100%;}
.contact-content {margin-top: 30px;}
.contact-content h1{text-align: center;}
.contact-content p.tips{font-size: 16px; text-align: center; margin: 10px 0; color: #555;}
.contact-content li{text-align: center; background: #f5f5f5; padding: 30px; margin-top: 20px; width:24%; margin:0 0.5%}
.contact-content li i{font-size: 30px; color: #1d2088;}
.contact-content li p{font-size: 16px; font-weight: 400; margin: 15px 0;}
.contact-content li span{ color: #555;}
.contact-content li:hover span{color: #1d2088;}
.contact-content li:hover span a{color: #1d2088;}
.cebian{width:60px;position:fixed;top:28%;right:0;z-index:999;background-color:#f5f5f5}.cebian ul{width:100%;height:100%}.cebian ul li{width:100%;height:60px;position:relative;cursor:pointer;z-index:998;border-bottom:1px solid #fff}.cebian ul li.cebian-list5,.cebian ul li:last-child{border:none}.cebian ul li a{width:280px;display:block;float:left;height:60px;position:absolute;line-height:60px;color:#333;font-size:16px;z-index:9999}.cebian ul li i{text-align:center;width:60px;height:60px;color:#333;line-height:60px;font-size:28px;display:block;float:left}.cebian ul li a i{color:#333;position:relative;top:3px}.cebian ul li a img{display:none;position:absolute;right:210px;top:30px;border:2px solid #f5f5f5}.cebian ul li:hover{background: #1d2088;}.cebian ul li:hover a{color:#fff;background:#1d2088}.cebian ul li:hover i{color:#fff}
.msider{display: none;}

.company{background: #eee; overflow: hidden;}
.company .content{background: #eee; padding-top: 63px; padding-bottom: 80px;}
.company .content .left{width: 40%; float: left; margin-top: 40px;}
.company .content h4{font-size: 44px; font-weight: 800; margin-left: 20px; margin-bottom: 25px; line-height: 1.4;}
.company .content p{font-size: 16px; color: #484545; line-height: 1.9; margin-left: 50px; margin-top: -5px;}
.company .content .right{width: 54.7%; float: right; color: #484545;}
.company .content .top p{float: left; width: 43%; line-height: 1.9;}
.company .content .bt{margin-top: 20px;}
.ask{background:#1d2088; overflow: hidden; padding-top: 50px;}
.ask h4{text-align: center; color: #fff; font-size: 44px; font-weight: 800;}
.ask .content{position: relative;}
.ask ul {padding: 24px 134px 20px;}
.ask ul li {margin-top: 10px;}
.ask ul li .title {background: #ffffff;border-radius: 10px;font-size: 18px;color: #484545;line-height: 74px;cursor: pointer;position: relative; padding-left: 124px;}
.ask ul li .title::after {content: "";width: 62px; height: 74px; background: url(p15_03.png) center no-repeat;position: absolute;right: 0;top: 0;transition: all ease 0.5s;}
.ask ul li .title::before {content: ""; width: 97%; height: 30px; background:rgba(255,255,255,0.3); position: absolute; left:0; right: 0; margin: 0 auto; bottom: -7px; border-radius: 10px;}
.ask ul li .title i{background: #1d2088; width: 10px; height: 10px; display: inline-block; border-radius: 3px; margin-right: 15px; position: relative; top: -3px;}
.ask ul li .text{ font-size: 17px; color: #fff; line-height:2; padding: 30px 130px; display: none; background: rgba(64,130,57,0.1); width: 97%; margin: 0 auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.ask ul li .text img{margin-top: 20px;}
.case_tuijian ul li{width:25%; float:left; padding:0 10px;}
.case_tuijian ul li span{display:block; line-height:1.9; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_nav ul{display:flex; justify-content:center;}
.news_nav ul li a{background:#f5f5f5; padding:10px 20px; font-size:16px; border-radius:5px; margin:0 5px; font-weight:400;}
.news_nav ul li a:hover{background:#1d2088; color:#fff;}
.news_nav ul li.active a{background:#1d2088; color:#fff;}
.productlist{margin-top: 60px; margin-bottom: 20px;}
.productlist .left .content{padding: 0 0 10px; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); border-radius: 6px; margin-bottom: 20px; background: #fff;}
.productlist .left .content h2{font-size: 18px; padding: 14px 20px; border-bottom: 1px solid rgba(144,144,144,.1); font-weight: bold;}
.productlist .left .content h2 i{display: none;}
.productlist .left .content .mh2{display: none;}
.productlist .left .content ul{padding-top: 8px; position: relative;}
.productlist .left .content ul li{position: relative; padding: 0 40px 0 20px;}
.productlist .left .content ul li a{padding: 10px 0; display: block; font-weight:400;}
.productlist .left .content ul li i{position: absolute; color: #777; right: 20px; top: 33%; font-size: 16px;}
.productlist .left .content ul li:hover{background: #1d2088; }
.productlist .left .content ul li:hover a{color: #fff;}
.productlist .left .content ul li:hover i{color: #fff;}
.productlist .left .content ul li.active{background:#1d2088; color:#fff;}
.productlist .left .content ul li.active a{color:#fff;}
.productlist .left .content ul li dl{display: none;}
.productlist .left .content ul li:hover dl{display:block; position:absolute; right:-220px; top:0; z-index:9999; background:#fff; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); border-radius: 6px; padding:20px 0;}

.productlist .left .content ul li:hover dl a{color:#000; padding:8px 20px;}
.productlist .left .content ul li:hover dl dd:hover a{background:#1d2088; color:#fff;}
.productlist .right .content{display: flex; flex-wrap: wrap;}
.productlist .right .content .list{width: 48%; margin: 0 1%; text-align: center; overflow: hidden; margin-bottom: 20px;}
.productlist .right .content .list .img{border: 1px solid #eee; overflow: hidden; margin-bottom:10px; }
.productlist .right .content .list .img img{transition: .5s;}
.productlist .right .content .list p{margin-top: 5px; line-height: 1.7; font-size: 15px; font-weight:400;}
.productlist .right .content .list:hover img{transform: scale(1.1);}
.qc_content{margin-top:30px; font-size:16px; line-height:1.7; font-weight:400;}
.qc_content table{width:100%!important;}
.productlist .right .content iframe{width:100%;}
.about-atelier .plist{margin-top:20px;}
.about-atelier .plist h4{font-size:30px;}
.about-atelier .plist4 ul li{width:100%;}
.n_protop {margin-top: 30px;}
.n_protop h1{border-bottom: 4px solid #1d2088; padding-bottom: 15px; font-size: 26px; font-weight: bold;}
.n_pro_page_top .scrollimg{margin-top: 40px;}
.n_pro_page_top .swiper-slide {background-size: cover;background-position: center; max-height:517px;}
.n_pro_page_top .swiper-button-next, .n_pro_page_top .swiper-button-prev{color:#1d2088}
.n_pro_page_top .mySwiper2 {height: 80%;width: 100%;}
.n_pro_page_top .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.n_pro_page_top .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.n_pro_page_top .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.n_pro_page_top .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.n_pro_page_top_n .row{display:flex; align-items:center;}
.n_pro_page_top_n .right_tab{margin-top: 0px;}
.right_tab .js_tab{border-bottom: 2px solid #ddd;}
.right_tab .js_tab li{float: left; background: #d7d7d7; padding: 8px 15px; margin-right:3px; cursor: pointer; font-weight:bold; font-size:16px;}
.right_tab .js_tab li.active{background: #f5f5f5; border-top:3px solid #e60021;}
.right_tab .js_tab_detail table{width: 100%;}
.right_tab .js_tab_detail table td{border: 1px solid #ddd!important; padding: 3px 5px;font-size: 14px;}
.right_tab .js_tab_detail table th{border: 1px solid #ddd!important;font-weight: normal; padding: 3px 5px;font-size: 14px;}
.right_tab .js_tab_detail h5{border-bottom: 1px solid #ddd; padding-bottom: 10px; cursor: pointer; font-size:16px;}
.right_tab .js_tab_detail .list .row{display: none;}
.right_tab .js_tab_detail{margin-top: 20px; line-height: 1.7; font-weight: 400; font-size:14px;}
.right_tab .js_tab_detail p{font-size:14px;}
.n_pro_page_section1{background: #f5f5f5; padding: 40px 0; margin-top: 30px;}
.n_pro_page_section1 img{max-width: 100%;}
.n_pro_page_section1 p{font-weight: 400; font-size: 16px; color: #333; line-height: 1.7;}
.n_pro_page_section1 h3, .n_pro_page_section2 h3, .n_pro_page_section3 h3, .n_pro_page_section4 h3, .n_pro_page_section6 h3{text-align: center;font-size: 34px; font-weight: bold;position: relative; margin-bottom: 50px;}
.n_pro_page_section1 h3:after, .n_pro_page_section2 h3:after, .n_pro_page_section3 h3:after, .n_pro_page_section4 h3:after, .n_pro_page_section6 h3:after{position: absolute; content: ""; width: 70px; height: 6px; background: #1d2088; left: 0; right: 0; margin: 0 auto; bottom: -20px;}
.n_pro_page_section1 .row{margin: 20px 0; margin-left: -15px;}
.n_pro_page_section1 ul{list-style-type: disc;}
.n_pro_page_section1 ul li{margin-bottom: 10px;list-style-type: disc; list-style:none;}
.n_pro_page_section1 .chat{display: flex; justify-content: center; margin-top: 20px;}
.n_pro_page_section1 .chat a{ display: inline-block; background: #1d2088; color: #fff; border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; padding: 10px 30px; font-size: 16px; font-weight: 400; margin: 0 auto;}
.n_pro_page_section_video{margin-top: 30px;}
.n_pro_page_section_video .video{}
.n_pro_page_section2{margin-top: 40px; overflow: hidden;}
.n_pro_page_section2 p.tips{text-align: center; font-weight: 400; font-size: 16px; line-height: 1.7; color: #333;padding-top: 10px; margin-bottom: 30px;}
.n_pro_page_section2 .list{margin-top: 20px;}
.n_pro_page_section2 .list p{font-weight: 400;line-height: 1.7; font-size: 16px; color: #333;}
.n_pro_page_section2 .list p.tt{font-size: 20px; color: #000; margin-bottom: 10px;}
.n_pro_page_section3{margin-top: 60px;}
.n_pro_page_section3 p{font-size: 16px; color: #333; line-height: 1.7; font-weight: 400;}
.n_pro_page_section3 p:first-child{display: inline-block;}
.n_pro_page_section3 .rows{display:flex;flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.n_pro_page_section3 ul{width:50%;}
.n_pro_page_section3 ul li{ clear:both;}
.n_pro_page_section3 ul li em{font-size: 34px; color: #1d2088;}
.n_pro_page_section3 ul li .text{width: 93%; float: right; margin-bottom:15px;}
.n_pro_page_section3 ul li .text h4{font-size: 20px; margin-bottom: 10px;}
.n_pro_page_section3 ul li .text p{color: #555;}

.n_pro_page_section3 lite-youtube{width:48%;padding-bottom:calc(100% / (16 / 4))!important; }
.n_pro_page_section3 lite-youtube:host{padding-bottom:calc(100% / (16 / 4));}

.n_pro_page_section3 iframe{width:100%;}

.noneiframewidth iframe{width:100%;}
.n_pro_page_section4{background: #f5f5f5; padding: 60px 0; margin-top: 30px;}
.n_pro_page_section4 p{font-weight: 400; color: #333; line-height: 1.7; font-size: 16px;}
.n_pro_page_section4 ul{display: flex; flex-wrap: wrap; margin-top: 20px;}
.n_pro_page_section4 ul li{width: calc(50% - 30px); margin: 5px 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.n_pro_page_section4 ul li h5{font-size: 18px; cursor: pointer; position: relative;}
.n_pro_page_section4 ul li h5:after{position: absolute; content: ""; background: url("up.png") no-repeat; right: 0; top: 0; width: 25px; height: 25px; background-size: 25px;}
.n_pro_page_section4 ul li h5.rotate:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.n_pro_page_section4 ul li p{display: none; margin: 5px 0;}
.n_pro_page_section5{margin-top: 50px;}
.n_pro_page_section5 .js_tab2{background: #1d2088; color: #fff; padding: 0px; display: flex; justify-content: space-between;flex-wrap: wrap;justify-content:flex-start;}
.n_pro_page_section5 .js_tab2 li{cursor: pointer; padding:15px 0; width:25%; text-align:center; font-size: 20px; font-weight: bold;}
.n_pro_page_section5 .js_tab2 li.active{background: #e60021;}
.n_pro_page_section5 .js_tab_detail2{display: flex; flex-wrap: wrap; margin-top: 20px;}
.n_pro_page_section5 .js_tab_detail2 p{width: calc(25% - 20px); margin: 10px;}
.n_pro_page_section6{margin-top: 60px;}
.n_pro_page_section6 p.tips{font-size: 16px; font-weight: 400; color: #333; line-height: 1.7;}
.n_pro_page_section6 .content{ border: 2px solid #ddd; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; margin-top: 20px; padding: 30px; }
.n_pro_page_section6 .content h4{font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.n_pro_page_section6 .content a{font-size: 16px; font-weight: 400; display: block; line-height: 1.7; margin-top: 5px; color: #1b98e0;}
.n_pro_page_content{margin-top: 60px;}
.n_pro_page_content h2{font-size: 80px; background: #004e7a; text-align: center; padding: 25px 0 50px 0; color: #497ea4; font-weight: 900; font-style: italic;}
.n_pro_page_content .content{margin-top: -30px; background: #fff; padding: 50px 30px;border: 2px solid #ddd; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;}
.n_pro_page_content .content{font-size: 16px; font-weight: 400; color: #333; line-height: 1.7;}
.n_pro_page_content h3{font-size: 34px; font-weight: bold; text-align: center; margin-bottom: 30px;}
.n_pro_page_content ul{list-style-type: disc;}
.n_pro_page_content ul li{list-style-type: disc; margin-left:20px;}
.n_pro_page_content img{max-width: 100%;}
.n_pro_page_content table{width: 100%;}
.n_pro_page_content table td{border: 1px solid #333; padding: 5px;}
.blog_list ul{display:flex; flex-wrap: wrap;}
.blog_list ul li{margin-top: 30px;}
.blog_list ul li a{ display: block; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.blog_list ul li h4{padding: 20px; line-height: 1.4; text-align:center;}
.blog_list ul li p{padding: 0px 20px; font-size: 16px; font-weight: 400; color: #333; line-height: 1.6;}
.blog_list ul li span{display: block; padding: 20px 20px; font-weight: 400; color: #333;}
.fanye .page-num-current{background: #e89612; color: #fff;}
.blog_page{margin-top: 60px;}
.blog_page .left h1{text-align: center; font-size: 36px; font-weight: bold;}
.blog_page .left .date{text-align: center; font-size: 16px; font-weight: 400; margin-top: 20px;}
.blog_page .dhtop{font-size:16px; font-weight:400; line-height:1.7; color:#333; margin-top:20px;}
.blog_page .table_content{ border: 1px solid #ddd; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;  padding: 20px; margin-top: 30px;}
.blog_page .table_content h4{font-size: 20px; color: #333; margin-bottom: 10px;}
.blog_page .table_content a{display: block; font-size: 16px; line-height: 1.7; color: #1b98e0; font-weight: 400;}
.blog_page .contentdetail{margin-top: 30px; line-height: 1.8; font-weight: 400; font-size: 16px; color: #333;}
.blog_page .contentdetail h3{margin: 20px 0;}
.blog_page .contentdetail ul{list-style-type: disc; margin:10px 0 10px 20px;}
.blog_page .contentdetail ul li{margin-bottom: 10px;list-style-type: disc;}

.blog_page .right{margin-top: 110px; background: #f8f8f8; padding: 20px;}
.blog_page .right h3{font-size: 20px;}
.blog_page .right ul li{font-size: 16px; font-weight: 400; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 15px;}
.blog_page .right ul li a{display: block; color: #333;}
.blog_page .right ul li span{display: block; font-size: 14px; margin-top: 10px;}
.blog_page .right ul li:hover a{color: #1b98e0;}
.nfaq_page .top{text-align:center; margin-top:40px;}
.nfaq_page .top h2{font-size:30px; font-weight:bold; color: #333;}
.nfaq_page .top i{display:block; width:70px; height:5px; background:#1d2088; margin:20px auto;}
.nfaq_page .top p{font-size:16px; color:#333; line-height:1.6; font-weight:400;}
.nfaq_page .list{margin-top:50px;}
.nfaq_page ul{margin-top:20px;}
.nfaq_page ul li{margin-top:10px;}
.nfaq_page ul li h5{font-size:18px; color:#333; line-height:1.5;border-top:1px solid #ddd; padding-top:15px; font-weight:normal; cursor:pointer; position:relative;}
.nfaq_page ul li h5:after{position:absolute; background:url("up.png") no-repeat; right:0; top:14px; width:25px; height:25px; background-size:25px; content:"";}
.nfaq_page ul li p{font-size:15px; font-weight:400; color:#333; line-height:1.7; display:none; margin:15px 0;}
.n_pro_a_pro{margin-top:30px; margin-bottom:50px;}
.n_pro_a_pro ul{display:flex; flex-wrap:wrap; width:100%;}
.n_pro_a_pro ul li{width:calc(25% - 30px); margin:0 15px; border:1px solid #eee; padding:10px; margin-top:30px;}
.n_pro_a_pro ul li h4{font-size:18px; text-align:center; margin-top:15px;}
.n_pro_a_pro ul li p{font-weight:400; font-size:15px; line-height:1.7; margin-top:10px; text-align:center;}
.subscribe{background:#1d2088; color:#fff; margin-top:50px; margin-bottom:-60px; }
.subscribe .container{ display:flex; align-items:center;}
.subscribe a{display:block; color:#fff; padding:20px 30px; background:#e60021; font-size:18px; font-weight:400;}
.subscribe a i{margin-right:15px;}
.subscribe .text{margin-left:50px; font-size:18px; font-weight:400;}
.nfpro{margin-top:40px;}
.nfpro h3{font-size:26px; font-weight:bold; margin-bottom:20px;}
.nfpro ul{display:flex; flex-wrap:wrap;}
.nfpro ul li{margin-bottom:20px;}
.nfpro ul li a{display:block; background:#f5f5f5; padding:15px;}
.nfpro ul li p{font-size:16px; font-weight:400; text-align:center; margin-top:15px;}
.index_why{background:#f2f2f2; padding:60px 0; margin-top:60px;}
.index_why .title span{display:block; font-size:18px; font-weight:400; }
.index_why .title h3{font-size:36px; font-weight:bold; line-height:1.3; margin-top:10px;}
.index_why .title i{display:block; width:60px; height:6px; background:#1d2088; margin-top:20px;}
.index_why .left ul{padding-top:30px;}
.index_why .left ul li{margin-top:25px; background:url("bg-right-copy.png") no-repeat; background-size:30px; background-position:0 0; padding-left:50px;}
.index_why .left ul li h4{font-weight:bold; font-size:20px;}
.index_why .left ul li p{line-height:1.7; font-size:16px; font-weight:400; color:#333; margin-top:10px;}
.index_why .right .content{margin-top:40px; padding:50px 60px 0 60px; background:url("information_B_1px.png") no-repeat; background-size:50px; background-position:0 0;}
.index_why .right p{font-size:16px; font-weight:400; line-height:1.8; color:#333;}
.index_why .right span{display:block; font-weight:bold; font-size:18px; margin-top:20px;}
.index_why .right i{display:block; font-size: 16px; font-weight:400; margin-top:10px;}
.toplanguage{margin-left:15px; margin-top:-3px;}
.toplanguage select{width:150px; font-weight:400; padding:3px 0;}
#translate{font-weight:400; font-weight:bold; color:#1d2088; font-size: 16px;}
#cookie-message{display: none;position:fixed;width:100%; bottom:0; background:#1d2088; padding:5px 0;z-index:9999;}
#cookie-message p{font-size:16px; color:#fff;}
#cookie-message button{background:#00a99d; color:#fff; font-size:16px; padding:5px 10px; margin-left:10px;}
#cookie-message .content{display:flex; justify-content:center; align-items:center;}

.pro_news_section2{background:#f5f5f5; padding:50px 0;}
.pro_news_section2 .lb{background: #fff; margin-top: 30px; overflow: hidden;}
.pro_news_section2 .swiper-slide{display: block; text-align: left; padding: 30px;}
.pro_news_section2 .swiper-slide .img{width: 28%; margin-right: 4%;}
.pro_news_section2 .swiper-slide .img img{max-width:100%; aspect-ratio:auto 264 / 205;}
.pro_news_section2 .swiper-slide .desc{width:68%;}
.pro_news_section2 .swiper-slide h4{ font-weight: bold; color: #000; text-transform:uppercase; margin-bottom:15px;}
.pro_news_section2 .swiper-slide p{font-weight: normal; line-height: 1.6; color: #333; font-size: 16px;text-transform:normal;}
.pro_news_section2 .ifnone{display:flex;display: -webkit-flex;align-items:center;}
.pro_news_section2 h3, .pro_news_section3 h3, .pro_news_picture h3{text-align:center; font-size:36px; font-weight:bold;}
.pro_news_section3{margin-top:40px;} 
.pro_news_section3 .content table{width:100%; margin-top:30px;}
.pro_news_section3 .content table td{padding:10px; text-align:center; border:1px solid #ddd; font-weight:normal; font-size:16px; color:#333;}
.pro_news_topimg .img{padding:0 30px 30px 30px;}
.pro_news_topimg .img img{width:100%; aspect-ratio:auto 5 / 4;}
.pro_news_picture{margin-top:50px;}
.pro_news_picture ul{display:flex; margin-top:50px;}
.pro_news_picture ul li{width:calc(33.33% - 20px); margin:0 10px;}
.pro_news_picture ul li img{width:100%;}
.pro_news_section2 .swiper-button-next, .pro_news_section2 .swiper-button-prev{font-weight:bold; border:3px solid #007aff; width:40px; height:40px;}
.cookie-banner {
    position: fixed;
	width:90%;
	margin:0 auto;
    bottom: 10px;
    left: 0;
    right: 0;
	z-index:9999999;
	font-size:16px;
    background:rgba(255,255,255,0.95);
    padding: 20px;
    text-align: center;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	border-radius:20px;
	color:#000;
	font-weight: 400;
}

.cookie-button {
    margin: 15px 10px 0 10px;
    padding: 5px 25px;
    border: none;
	background:#3571cf;
	color:#fff;
    cursor: pointer;
}




@media (max-width: 1024px){
	.header .bg ul>li{font-size: 16px;}
	.header .bg ul>li a{padding: 10px 8px; border-radius: 5px;}
	.header .bg .left ul>li{margin-right: 10px;}
	.header .bg .right ul>li{margin-left: 12px;}
}
@media (max-width: 768px){
    .n_pro_page_section5 .js_tab2 li{width:50%;}
    .n_pro_page_section5 .js_tab_detail2 p{width: calc(50% - 20px); margin: 10px;}
    .right_tab .js_tab_detail{overflow;scroll;}
}
@media (max-width: 414px){
	body{overflow-x: hidden;}
	
	.container{width: 100%; padding: 0 10px;}
	.none414{display: none;}
	.banner .swiper-container{min-height: auto;}
	.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0%;}
	.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0%;}
	.service h3, .index-products h3, .index-data h3, .index-news h3{font-size: 26px;}
	.service{margin-top: 10px; padding: 20px 0;}
	.service .row{padding: 0 10px; margin-top: 30px;}
	.service .list{width: 90%; margin: 0 5%; height: 300px; margin-bottom: 20px;}
	.service .box-top p{font-size: 16px;}
	.service .box-top img{width: 40px;}
	.index-about{margin-top: 0px;}
	.index-about .pdl{padding-left:0;}
	.index-about h3{font-size: 20px; padding: 0 10px; text-align: center; margin-top: 20px;}
	.index-about p{margin-top: 10px; padding: 0 10px;}
	.index-about a{ margin-top: 20px; text-align: center; padding: 5px 15px; width: 100%;}
	.index-about .col-xs-offset-1{margin-left: 0; margin-top: 20px;}
	.index-about .col-xs-offset-1 img{width: 100%;}
	.index-products{margin-top: 10px;}
	.index-products{padding: 20px 0;}
	.index-products ul li{margin-top: 30px; width: 100%;}
	.index-data .cover{padding: 50px 0 20px 0;}
	.index-data p.number{font-size: 34px;}
	.index-data p.info{font-size: 16px;}
	.index-data ul li{margin-bottom: 30px;}
	.index-case h3{font-size: 26px;}
	.index-case h3 a{font-size: 14px; margin-top: 10px;}
	.index-case li{width: 100%;}
	.index-news{margin-top: 30px;}
	.index-news .box{margin-bottom: 30px;}
	.index-news .row{margin-top: 30px; padding: 0 10px;}
	.index-data{margin-top: 30px;}
	.footer{margin-top: 20px; padding: 30px 0 45px 0;}
	.footer .row{padding: 0 10px;}
	.footer .link {margin-top: 20px;}
	.footer .link a{color: #fff; font-size: 20px; margin-right: 10px;}
	.footer .copyright{padding: 10px;}
	#gotop img{width: 35px;height: 35px;}
	.list-products{margin-top: 20px;}
	.list-products select{display: block; width: 95%; margin: 0 auto; height: 30px; padding-left: 5px;}
	.list-products .list ul{margin: 0;}
	.list-products .list ul li{width: 48%; padding: 10px;}
	.list-products .list ul li h3{font-size: 16px;}
	.list-products .list ul li .box p span{font-size: 13px;}
	.list-products .list ul li a.online{margin-top: 10px; font-size: 12px; width: 100%; height: auto; font-weight: 600;}
	.list-peijian ul{margin-left:0; margin-right:0;}
	.list-peijian ul li{width:48%;}
	.pao-art-top .right{margin-top: 20px;}
	.pao-art-top .right h1{font-size: 24px; margin-bottom: 15px;}
	.pao-art-top .right p.online a{width: 100%; text-align: center;}
	.pao-art-top .right p.online a:last-child{margin-left:0; margin-top:15px;}
	.pro-art-content h3{font-size: 22px;}
	.pro-art-content .avantages ul li{width: 100%; margin-bottom: 0px;}
	.pro-art-content .avantages ul li h4{font-size: 18px;}
	.pro-art-content .canshu{margin-top: 20px;}
	.pro-art-content .canshu table{margin-top: 0;}
	.pro-art-content .recommandation ul li{width: 100%;}
	.common-message{margin-top: 20px; padding-top: 20px;}
	.common-message .container{padding: 0 10px;}
	.common-message form button{width: 100%;}
	.message{height:auto;}
	.message-wrap{margin-top:20px; min-height:auto; padding-bottom:10px;}
	.message-wrap-lt{padding-left: 15px;}
	.email, .tel{width:45%; float:left; margin:0 2.5%;}
	.radio-inline{margin-right:5px;}
	.radio-inline span{padding-left:5px;}
	.message-wrap form{margin-top:20px;}
	.mess-sumit{width:100%;}
	
	.message-title h2{font-size:22px;}
	.list-case .flex li{width: 100%; margin: 10px 0;}
	.cases-detail-box1 h1{font-size: 22px; margin: 20px auto 20px; line-height: 1.5;}
	.cases-detail-par-ul li{margin-bottom: 20px;}
	.cases-detail-par-ul li:last-child{ margin-bottom: 20px;}
	.cases-detail-par{padding-bottom: 0;}
	.cases-fankui .left{padding-right: 15px;}
	.cases-fankui .right{height: auto; }
	.cases-fankui p{font-size: 15px;}
	.cases-fankui .right h2{font-size: 26px; text-align: center;}
	.cases-fankui i{font-size: 34px;}
	.news-list .top .right{padding: 20px;}
	.news-list .top .right h4{font-size: 18px; line-height: 1.5; font-weight: 400;}
	.news-list .top .right p{font-size: 15px;}
	.news-list .contentnr ul li{margin-top: 20px;}
	.news-list .contentnr ul li h4{line-height: 1.5;}
	.news-list .contentnr ul li .right{text-align: left;}
	.news-list .contentnr ul li .left p{font-size: 15px;}
	.article-news h1{font-size: 20px;}
	.article-news .content{margin-top: 20px;}
	.article-news .content{font-size: 15px;}
	.solution-content h1{font-size: 28px;}
	.solution-content p.tips{width: 100%; font-size: 14px;}
	.solution-content ul li{width: 47%; margin-top: 15px;}
	.solution-content ul li span{padding: 20px 5px;}
	.about-nav{margin-top: 20px;}
	.about-nav .flex li{width: 49%; margin: 2px 0.5%; text-align: center;}
	.about-info{margin-top: 20px;}
	.about-info h1, .about-nav .global h2{font-size: 26px;}
	.about-info p.info{font-size: 15px; color: #191919;}
	.about-info .number ul li{height: auto; padding: 20px;}
	.about-info .number ul li i{font-size: 32px;}
	.about-info .number ul li span{font-size: 14px;}
	.about-nav .global h2{margin-top: 30px;}
	.about-img ul li{width: 50%;}
	.about-img ul li span{font-size: 14px;}
	.service-content h1{font-size: 26px;}
	.service-content h2{font-size: 26px; margin-top: 20px;}
	.service-content .nuo li{margin-bottom: 20px;}
	.service-content .nuo li .box{padding: 10px 15 20px 15px;}
	.service-content .nuo li i{font-size: 40px;}
	.service-content .nuo li span{font-size: 14px; height: 60px;}
	.service-content .zone ul li .box p{height:auto;}
	.contact-content h1{font-size: 26px;}
	.contact-content p.tips{font-size: 14px;}
	.contact-content li{width: 48%; padding: 15px;}
	.msider{display: block; position: fixed; bottom: 0;width: 100%;}
	.msider ul{justify-content: space-between;}
	.msider li{width: 50%; text-align: center; color: #fff; padding: 10px 0;}
	.msider li a{color: #fff; margin-left: 5px;}
	.msider li i{font-size: 18px;}
	.msider li:first-child{background: #1d2088;}
	.msider li:last-child{background: #333;}
	.index-data video{display: none;}
	.bread-position{margin-top:0;}
	.bread-position .breadcrumb{padding:8px 15px;}
	.app-detail-title{width:90%;}
	.app-detail-title a{width:100%;}
	.pro-btn-wrap a:last-child{margin-left:0;}
	.pro-list-title{padding:0 15px;}
	.solution-related .pro-list-title{padding:0px;}
	.app-detail-cont3{padding:20px 0; margin-top:40px;}
	.app-detail-cont3 .pull-left{font-size:18px;}
	.in-pro-box li{padding-left:15px;}
	.solution-related .pull-left{font-size:18px;}
	.solution-related .pull-right{display:none;}
	
	
	
}
@media (max-width: 375px){
	.service h3, .index-products h3, .index-data h3, .index-news h3{font-size: 24px;}
	.index-products p.tips{font-size: 14px;}
	.index-about p{font-size: 14px;}
	.index-data p i{font-size: 40px;}
	.index-case li h4{font-size: 15px; margin-top: 10px;}
	.index-data p.number{font-size: 30px;}
	.footer p{font-size: 14px;}
	.list-products .list ul li h3{font-size: 14px;}
	.pao-art-top .right h1{font-size: 22px;}
	.pro-art-content .box{font-size: 14px; font-weight: 400;}
	.pro-art-content .avantages ul li p{font-size: 14px; font-weight: 400;}
	.cases-detail-box1 h1{font-size: 20px;}
	.cases-detail .content{font-size: 15px; line-height: 1.8;}
	.service-content .nuo li .box{padding: 10px;}
	.service-content .nuo li i{font-size: 30px;}
	.service-content .nuo li span{margin-top: 0; height: 70px;}

}
@media (max-width: 350px){
}
@media (max-width: 338px){
}
		
@media (max-width: 320px){
	.list-products .list ul li .box p{width: 100%; margin: 0; padding: 5px;}


}