/**
 * 站点公共CSS
 * @作者 苏相锟 <admin@phpok.com>
 * @主页 https://www.phpok.com
 * @版本 5.x
 * @授权 GNU Lesser General Public License  https://www.phpok.com/lgpl.html
 * @时间 2021年1月8日
**/

:root {
  --blue: #1D5595;
  --darkblue:#093361;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #E77717;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1D5595;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #E77717;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

a{
	color:var(--blue);
}

.logo{
	max-width:300px;
	width:100%;
}
.btn-primary{
	background-color:var(--blue);
	border:0;
}
.btn-primary:hover{
	background-color:var(--darkblue);
}

.bg-nav{
	background-color:var(--blue) !important;
	height:10px;
}

.border-primary{
	border-color:var(--blue) !important;
}

.border-dotted{
	border-style:dashed;
}

.text-warning{
	color:var(--warning) !important;
}

.list-group-item.active{
	background-color:var(--orange);
	border-color:var(--orange);
	color:var(--light);
}

.list-group-item.active a{
	color:var(--light);
}

/* 单行省略号 */
.crop-text-1 {
  -webkit-line-clamp: 1;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* 两行省略号 */
.crop-text-2 {
  -webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hand{
	cursor:pointer;
}

.bg-light-50{
	background-color:rgba(255,255,255,0.5);
}
.border-light-50{
	border-color:rgba(255,255,255,0.5);
}

.page-link{
	color:var(--blue);
}
.page-item.active .page-link{
	background-color:var(--darkblue);
	border-color:var(--darkblue);
}

footer{
	border-top:2px solid #ccc;
}

footer ul,footer ol{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

footer ul li,footer ol li{
	line-height:200%;
}

select + select{
	margin-top:0.5em;
}

select + input{
	margin-top:0.5em;
}

/* 独立页面样式 */
.l-height{
	line-height:170%;
}


/* 任意页返回头部 */
.toTop{background:url('../images/to-top.png') center center no-repeat;width:48px;height:48px;border:0;}



.content{font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}

.swiper-wrapper{
	/*padding-bottom: 50px;*/
}

/* 管理员回复评论信息 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 0.5em;
	font-size:1em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}


/* 产品属性 */
div.attr{border:1px solid #ccc;margin-bottom:5px;line-height:26px;padding:3px 10px;cursor:pointer;}
div.attr.selected{border:1px solid var(--orange);background-color:var(--orange);color:var(--white);}

ul.radio li label{
	padding:0.25em 1em;
}

ul.radio li label input[type=radio]{
	margin-left:-1em;
	margin-top:0.1em;
}

header .topnav{
	line-height: 44px;
	border-bottom:1px solid #eee;
    background:#EDEDED;
    color:var(--dark);
}
header .topnav a{
    color:var(--dark);
}

header .menu a{
	font-size:1.2rem;
	color:var(--dark);
}

.headnav{
	background:#fff;
	background:relative;
	width:100%;
	margin:0 auto;
}

.index-search{
	background:var(--primary);
	padding:1em 0;
	color:var(--white);
}

.index-search a{
	color:var(--white);
}

.index-search .bg-orange{
	background-color:var(--orange);
	border-color:var(--orange);
}

.index-search .bg-orange:hover,.index-search .bg-orange:active{
	background-color:var(--orange);
	border-color:var(--orange);
}


.nav-warp{
	background: #EDEDED;
}
.nav-top{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
	line-height: 44px;
}
.nav-left-title{
	font-size: 14px;
	color: #797979;
}
.nav-tel{
	padding-left: 80px;
	display: flex;
	flex-direction: column;
}
.nav-tel span{
	margin-top:5px;
	font-size: 18px;
	color: #227BF4;
	line-height: normal;
}
.nav-tel h1{
	font-weight: normal;
	font-size: 14px;
	color: #828282;
	margin: inherit;
}
.nav-warp2{
	background: #ffffff;
}
.nav{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
}

.justify-content-end{
	display: flex;
}
.nav img{

}
.swiper{
	position: relative;
}
.swiper-slide{
	position: relative;
}
.inner{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom:0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: 4%;
}
.inner h1{
	font-size: 4.5em;
	color: #ffffff;
	font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
}
.inner h1:nth-child(2){
	margin-top:20px;
}
.inner img{
	height: 80% !important;
}
.banner>.swiper{
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.product-box{
	padding: 0 0 0 0;
}
.product{
	width: 1200px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.product-title{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.product-title h2{
	font-size: 16px;
	font-weight: normal;
	color: #217BF4;
}
.product-title h1{
	font-size: 45px;
	color: #0A093D;
}
.tab-nav{
	display: flex;
	padding:0;
	margin: 60px 0 0 0;
	width: max-content;
	justify-content: inherit;
	height: inherit;
	border-bottom: none;
	background: #F2F7FE;
}
.nav-tabs{
	border-bottom: 0!important;
	height: inherit;
	margin: 35px auto 0 auto;
}
.tab-nav li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 162px;
	height: 51px;
	border-radius: 10px;
	color: #777676;
	font-size: 14px;
}
.tab-content>.active{
	display: flex;
}
.tab-nav .active{
	background: #005AD2!important;
	color: #ffffff!important;
	width: 162px;
	height: 51px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	text-decoration: none;
}
.tab-nav a{
	color: #999696;
}
.product-box1{
	padding-top:10px;
	text-align: center;
}
.product-box1 span{
	font-size: 16px;
	color:#5C6272;
	line-height: 30px;
}
.content{
	margin:0;
	padding:0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.content li{
	margin:0 35px 55px 0;
	padding:8px;
	box-sizing: border-box;
	list-style: none;
	width: 376px;
	background: #ffffff;
	box-shadow: 0px 20px 20px 0 rgba(37,45,61,0.0600);
	border-radius: 12px;
}
.content li img{
	border-radius: 10px 10px 0 0;
	height: 307px;
}

.content-box{
	width: 100%;
	margin-top: 30px;
	min-height:450px;
}
.content-box li a:hover{
	text-decoration: none;
}
.mySwiper6{
	position: relative;
}
.mySwiper6 .swiper-button-next, .swiper-button-prev{
	top:150px!important;
}

.product-bottom-box{
	padding:20px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-bottom-box span{
	font-size: 24px;
	color: #292929;
}
.product-bottom-box a{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	text-align: center;
}
.product-add{
	margin-top: 15px;
	width: 22px;
	height: 22px;
	background: #CA161F;
	border-radius: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-add span{
	height: inherit;
	line-height: normal;
	color: #ffffff;
}
.about-warp{
	width: 1200px;
	margin:0 auto;
}
.about-w{
	height: 780px;
	background: url("../images/base.png") no-repeat bottom center;
	background-size: 100% 100%;
}
.about-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:70px 0 60px 0;
}
.about-title h1{
	font-size: 45px;
	color: #0A093D;
}
.about-title span{
	margin-top: 30px;
	display: block;
	width: 543px;
	font-size: 16px;
	color: #656464;
	line-height: 28px;
}
.about-box2{
	display: flex;
	height: 634px;
}
.about-lbox{
	padding:40px 33px 34px 44px;
	box-sizing: border-box;
	width: 734px;
	height: 461px;
	background: url("../images/bg_001.png");
	background-size: 100% 100%;
}
.about-lbox img{
	width: 100%;
}
.about-rbox li{
	display: flex;
	align-items: center;
	margin-bottom: 76px;
}
.about-rbox li:last-child{
	margin-bottom: 0;
}
.about-rbox li img{
	width: 95px;
	height: 95px;
}
.about-rbox{
	display: flex;
	width: 50%;
}
.about-li-rbox{
	margin-left: 24px;
}
.about-li-rbox h1{
	margin: initial;
	font-size: 30px;
	color: #171648;
}
.about-li-rbox span{
	display: block;
	margin-top: 14px;
	font-size: 16px;
	color: #FFFEFE;
	line-height: 24px;
}
.about-box3{
	width: 1200px;
	margin: 0 auto;
}
.about-flx{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about-t3{
	font-size: 48px;
	color: #242425;
	font-weight: 600;
}
.about-t3 span:nth-child(1){
	color: #CE1521;
}
.about-t3 span:nth-child(2){
	margin-left: 5px;
}
.about-zx{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 123px;
	height: 44px;
	background: #CE1521;
	border-radius: 22px;
	color: #ffffff;
}
.about-box3{
	padding:98px 0 50px 0
}
.about-ftitle{
	margin-top: 20px;
	font-size: 36px;
	color: #B4B4B4;
	font-family: 'STXihei';
}
.about-box4 li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 260px;
	background: #005AD2;
	border-radius: 10px;
}
.about-box4 li img{
	width: auto;
	height: 40px;
}
.a-box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #ffffff;
}
.a-box h1{
	font-size: 18px;
}
.a-box .f14{
	display: block;
	margin-top:-10px;
	font-size: 14px;
}
.a-box .f12{
	font-size: 12px;
}
.a-box .line{
	margin:10px 0;
	height: 20px;
	border-right: 1px solid #ffffff;
}
.about-box4{
	margin-top:35px
}
.about-box4 ul{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.about-box5{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 247px;
	background: #005AD2;
}
.a-bg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 418px;
	height: 59px;
	background: url("../images/a_bg001.png") no-repeat;
	background-size: 418px 59px;
}
.a-bg h1{
	font-size: 36px;
	color: #ffffff;
}
.a-ftitle{
	margin-top: 30px;
	font-size: 18px;
	color: #ffffff;
}
.shadow-box{
	margin-top:-25px;
	overflow: hidden;
	background: url("../images/shadow.png") no-repeat center;
	background-size: cover;
	height: 350px;
	position: relative;
}
.ly-warp{
	display: flex;
	background: #ffffff;
	height: 517px;
}
.ly-lbox{
	width: 50%;
	min-height: 517px;
	overflow: hidden;
	background: url("../images/ly_bg.png") no-repeat;
	background-size: 100% 517px;

}
.ly-rbox{
	padding: 0 78px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
}
.shadow-box ul{
	display: flex;
	justify-content: space-around;
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
	height: 190px;
}
.shadow-box li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shadow-box li h1{
	margin: 0;
	font-size: 60px;
	position: relative;
}
.shadow-box li h1>span{
	position: absolute;
	top:0;
	right: -20px;
	font-size: 16px;
	color: #4B4B4B;
}
.shadow-box li span{
	font-size: 16px;
	color: #787878;
}
.shadow-box li:nth-child(2) h1>span{
	right:-35px;
}
.ly-rbox h1{
	font-size: 30px;
	color: #232323;
}
.ly-rbox span{
	display: block;
	margin-top:30px;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
}
.more{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:30px;
	width: 135px;
	height: 51px;
	background: #C80001;
	border-radius: 10px;
}
.more a{
	font-size: 16px;
	color: #ffffff!important;
	text-decoration: none;
}
ul,li{
	margin: 0;
	padding:0;
	list-style: none;
}
.company-wary{
	width: 1280px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.company-box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.company-box li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 195px;
	height: 49px;
	line-height: 49px;
	background: #005AD2;
	font-size: 16px;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.company-box li:hover{
	background: #CA161F;
}
.company-box li a{
	color: #ffffff;
}
.company-box li a:hover{
	text-decoration: none;
}
.company-box li:last-child{
	border-right: none;
}
.company-box li a.active{
	background: #CA161F!important;
	width: 195px;
	height: 49px;
	line-height: 49px;
	display: flex;
	justify-content: center;
	align-content: center;
	color: #ffffff;
}
.company-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: inherit;
	min-height: initial;
}
.company-list li{
	display: flex;
	flex-direction: column;
	width: 382px;
	background: #EEEEEE;
	border:1px solid #EEEEEE;
	height: min-content;
}
.company-list li img{
	width: 382px;
	height: 290px;
}
.company-list li div{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	box-sizing: border-box;
	margin: initial;
	line-height: initial;
	font-size: 16px;
	color: #303030;
}
.news-warp{
	height: 420px;
	background: url("../images/news_bg.png") no-repeat bottom;
	background-size: auto 100%;
}
.news-box{
	width: 1200px;
	margin:0 auto
}
.news-left{
	display: flex;
	justify-content: space-evenly;
	box-sizing: border-box;
	position: relative;
	flex-wrap: wrap;
}
.news-title{
	color: #ffffff;
}
.news-title h1{
	margin: 0;
	font-size: 18px;
}
.news-title span{
	font-size: 14px;
}
.news-cont{
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50%;
}

.news-cont:nth-child(odd){
	margin-right: 90px;
	width:calc(50% - 90px);
}
.news-cont:nth-child(even){
}
.news-cont h1{
	text-indent: 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 28px;
	color: #333333;
	margin: inherit;
	position: relative;
}
.news-cont h1:before{
	content: '';
	position: absolute;
	top:12px;
	left: -44px;
	width: 40px;
	border-top:2px solid #FFAF2E;
}
.news-cont time{
	font-size: 12px;
	color: #666666;
}
.news-cont span{
	display: block;
	margin-top:50px;
	font-size: 12px;
	color: #999999;
	line-height: 28px;
}
.news-right{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 760px;
	height: 564px;
}
.news-tbox{
	padding:20px;
	box-sizing: border-box;
	background: #ffffff;
}
.zx-title h1{
	margin: 0;
	font-size: 18px;
}
.zx-title span{
	font-size: 14px;
	color: #666666;
}
.news-zx-box{
	margin-top:20px;
	display: flex;
	justify-content: space-between;
}
.news-img{
	margin-left: 10px;
	width: 168px;
	height: 135px;
}
.news-img img{
	width: 168px;
	height: 135px;
}
.news-zx-title{
	display: flex;
	align-items: center;
}
.news-zx-title time{
	padding-left: 10px;
	margin-top:-8px;
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
}
.news-zx-title h1{
	font-size: 18px;
	font-weight: 400;
	color: #2B2B2B;
}
.news-zx-title a:hover{
	color:#333333!important;
}
.news-zx-cont{
	display: flex;
	align-items: center;
}
.news-zx-cont span{
	font-size: 14px;
	color: #888888;
	line-height: 24px;
}
.news-zx-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex:0 0 100px
}
.news-zx-img{
	width: 11px;
	height: 7px;
}
.news-bbox{
	padding: 20px;
	box-sizing: border-box;
	background: #ffffff;
}

.q-a li{
	position: relative;
	display: flex;
	margin-bottom: 10px;
}
.q-a li:nth-of-type(odd){
	font-size: 15px;
	color: #333333;
}
.q-a li:nth-of-type(odd):before{
	margin-right: 10px;
	content: 'Q';
	min-width: 26px;
	height: 26px;
	background: #1E88E5;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
}
.q-a li:nth-of-type(even){
	font-size: 14px;
	color: #888888;
	line-height: 24px;
}
.q-a li:nth-of-type(even):before{
	margin-right: 10px;
	content: 'A';
	min-width: 26px;
	height: 26px;
	background: #1E88E5;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
}
.q-a-warp{
	margin-top:30px;
}
.link-title{
	display: flex;
	align-items: center;
}
.link-title h1{
	margin-bottom: inherit!important;
	font-size: 16px;
	color: #333333;
}
.link-title span{
	display: block;
	margin-left: 5px;
	font-size: 14px;
	color: #A59999;
}
.link-list{
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.link-list li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	margin-bottom: 30px;
}
.link-list li a{
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.link-flx{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	flex-direction: column;
}

footer{
	padding:174px 0 50px 0;
	background: #2B2B39;
	display: flex;
	flex-direction: column;
}
.footer{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.foot-list li:nth-child(2){
	margin-top:20px;
}
.foot-list li h1{
	font-size: 17px;
	font-weight: 300;
	margin: 0;
	color: #ffffff;
}
.foot-list li a{
	font-size: 14px;
	color: #999696;
	text-decoration: none;
	line-height: 24px;
}
.ewm{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ewm img{
	width: 149px;
	height: 149px;
}
.ewm span{
	margin-top:18px;
	font-size: 14px;
	color: #999696;
}
.service-top{
	display: flex;
	flex-direction: column;
	color: #ffffff;
	padding-bottom:15px;
	border-bottom: 1px solid #444444;
}
.service-top .hot{
	font-size: 16px;
	color: #ffffff;
}
.service-top .tel{
	margin-top:15px;
	font-size: 24px;
	font-weight: bold;
}
.service-list{
	margin-top:15px;
}
.service-list li{
	display: flex;
	align-items: center;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 14px;
}
.flex{
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
}
.foot-box{
	background: #000000;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
	color: #8F8E8E;
}
.foot-box p{
	margin-bottom: inherit!important;
}
.foot-box a{
	color: #8F8E8E;
}
.justify-content-end li.current{
	/*background: #CA161F;*/
	/*border-radius: 10px;*/
}
.justify-content-end li.current>a{
	/*color: #ffffff!important;*/
}
.justify-content-end li a{
	font-size: 14px;
	color: #000000;
}
.justify-content-end li{
	margin-left: 10px;
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width:1200px
	}
}
.nav-list{
	display: flex;
	justify-content: center;
	border:1px solid #dee2e6;
}
.nav-list li{
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 160px!important;
}
.nav-list li:last-child{
	border-bottom: none;
}
.container{
	padding-left: inherit;
	padding-right: inherit;
}
.pd{
	padding:50px 0
}
.list-group-item.active{
	background: #005AD2!important;
}
.list-group-item{
	border:none;
	border-radius: 10px!important;

}
.list-group-item a{
	color: #999696;
}
.row-list{
	margin-left: inherit;
	margin-right: inherit;
}
.row-list .col{
	margin-bottom: 30px;
}
.card{
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.card:hover{
	background: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	-moz-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
}
.mt-2{
	padding-bottom:50px;
}
.border-bottom{
	padding:15px;
	box-sizing: border-box;
	min-height: 130px!important;
	border:1px solid #dee2e6!important;
	display: flex;
	align-items: center;
}
.news-list ul{
	flex-direction: column;
}
.news-list ul li.active{
	background: #CA161F!important;
	border-radius: inherit!important;
}
.news-list ul li{
	border-bottom: 1px solid #eaeaea;
	border-radius: inherit!important;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.news-list ul li:hover{
	background: #eaeaea;
}
.news-content{
	margin-bottom: 50px;
	padding:50px 30px;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	min-height: 600px;
}
.news-txt{
	font-size: 12px;
	color: #999;
}
.list-xw li.active{
	border-radius: 0!important;
}
.list-unstyled{
	min-height: 600px;
}
.list-unstyled h5{
	color: #333!important;
}
.list-unstyled li{
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.list-unstyled li:hover{
	background: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	-moz-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
}
.list-unstyled a:hover{
	color: #333!important;
}
.banner-h{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 240px;
	color: #ffffff;
	position: relative;
}
.nav-mob{
	display: none;
}
.banner-h h1{
	z-index: 9999;
}
.bg-gray{
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom: 0;
	background: rgba(0,0,0,.78);
}
.nav-box{
	background-color: #e9ecef;
}
.nav-box nav{
	width: 1200px;
	margin:0 auto;
}
.breadcrumb{
	padding:.75rem 1rem .75rem 0
}
.row-list .card>a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	text-align: center!important;
	overflow: hidden;
	width: 250px;
	height: 263px;
	border-radius: 12px;
}
.row-list .card-body>a{
	display: flex;
	justify-content: center;
}
.card-body a{
	padding-top:0
}
.card{
	width: 95%;
}
.case ul{
	display: none;
}
.cl-border ul{
	border:none
}
.contact-info-left{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}
.contact-info .fa {
	font-size: 40px;
	color: #FEBC35;
	margin-bottom: 10px;
}
.contact-info {
	width: 32%;
	border: 1px solid #ebedf2;
	padding: 30px 20px;
	border-radius: 4px;
	transition: .3s ease-in-out;
	min-height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.contact-info:hover {
	transform: translateY(-5px);
	transition: .3s ease-in-out;
	box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.1);
}
.contact-info p {
	font-size: 16px;
	color: #585858;
	line-height: 24px;
}
.contact-info p a {
	font-size: 16px;
	color: #585858;
	line-height: 24px;
}
.news-t{
	padding-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
}
.news-t h1{
	font-size: 24px;
	margin-bottom: 20px;
}
.card-img, .card-img-bottom, .card-img-top{
	/*min-height: 286px;*/
	/*max-height: 286px;*/
}

.mob{
	display: none;
}
.about-zx a{
	color: #ffffff;
}

@media (max-width: 1024px){
	.banner img{
		height: 200px;
	}
	.news-cont h1:before{
		left: 0;
		width: 4px;
	}
	.content-box{
		min-height: inherit;
	}
	.about-w{
		display: none;
	}
	.nav-warp2{
		width: 100%;
		padding:0 20px;
	}
	.nav-warp{
		display: none;
	}
	.gy-warp{
		display: none;
	}
	.lx-warp{
		display: none;
	}
	.nav{
		width: inherit;
	}
	.lxwm{
		display: none;
	}
	.jslx-warp{
		display: none;
	}
	.nav img{
		width: 50%;
		height: auto;
	}
	.map-box{
		display: none;
	}
	.justify-content-end{
		display: none;
	}
	.navbar-toggler{
		display: flex;
		border:1px solid red
	}
	.product{
		width: inherit;
	}
	.product-box1 span{
		display: none;
	}
	.tab-nav li{
		margin-bottom: 10px;
	}
	.content{
		justify-content: center;
		width: inherit!important;
	}
	.content li:nth-child(3), .content li:nth-child(6){
		margin:0 0 20px 0
	}
	.content li{
		margin:0 0 20px 0;
		width: initial !important;
	}
	.mySwiper6 ul{
		padding: initial!important;
		justify-content: center;
	}
	.product-box{
		padding:30px 0!important;
	}
	.product-flx{
		justify-content: center;
		align-items: center;
	}
	.product-title{
		flex: inherit!important;
	}
	.product-box1{
		display: none;
	}
	.content-box{
		margin-top: inherit;
	}
	.about-warp{
		display: none;
	}
	.company{
		display: none;
	}
	.news-bbox{
		display: none;
	}
	.news-box{
		width: inherit;
		justify-content: inherit;
		flex-direction: column;
	}
	.link-flx{
		width: inherit;
	}
	.com-box{
		padding:20px 0!important;
	}
	.com-box h1{
		font-size: 30px!important;
	}
	.link-list li a{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.link-list li{
		width: 33.3%;
	}
	.link-list li img{
		width: 50%;
	}
	.n-box{
		padding:initial!important;
	}
	.n-box h1{
		font-size: 30px!important;
	}
	.swiper-button-next, .swiper-button-prev{
		display: none!important;
	}
	.news-warp{
		height: inherit;
	}
	.news-left{
		padding:0 20px!important;
		box-sizing: border-box;
		flex-direction: column;
	}
	.news-cont time{
		display: none;
	}
	.news-tbox{
		display: none;
	}
	.news-right{
		display: none;
	}
	.news-cont:nth-child(odd){
		margin-right: inherit;
		width:inherit;
	}
	.news-cont h1{
		font-size: 14px;
	}
	.news-cont{
		margin-bottom: inherit;
		padding:8px 0!important;
		width: 100%;
		border-bottom: 1px solid #eaeaea;
	}
	.mob{
		display: flex;
		flex-direction: column;
		padding:30px 18px!important;
		width: initial;
	}
	.product-title h1{
		font-size: 30px;
		color: #282828;
	}
	.product-title{
		display: flex;
		justify-content: center;
		align-items: center;
		width: initial;
		background: initial;
		background-size: initial;
	}
	.inner{
		/*padding-top:50%;*/
		left:20%;
		right: 20%;
	}
	.inner div:nth-child(2){
		margin-top:10px!important;
	}
	.subbtn{
		display: none!important;
	}
	footer{
		padding:25px 0
	}
	.footer{
		width: inherit;
		flex-wrap: wrap;
		padding:0 25px;
	}
	.foot-list li:nth-child(2){
		margin-top:10px
	}
	.footer .foot-list{
		margin-bottom: 20px;
	}
	.ewm{
		align-items: inherit;
		margin-bottom: 20px;
	}
	.toTop{
		display: none!important;
	}
	.foot-box p{
		padding:0 20px;
		font-size: 12px;
	}
	.news-warp{
		min-height: initial;
	}


	.nav-tel{
		display: none;
	}
}

.navbar-light .navbar-toggler {
	display: none;
	border: none;
	position: fixed;
	top: 1.5%;
	right: -16%;
}

.open-navbar {
	transition: all .5s ease!important;
	transform: translateX(0)!important
}

.open-btn {
	right: -20%!important;
}

.open-icon {
	background: url('open.svg') no-repeat center!important;
	background-size: 100%;
}

.shadow::before {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(6, 12, 34, 0.7)!important;
	transition: all .3s ease-in;
}

@media screen and (max-width: 1024px){
	.nav__box {
		position: fixed;
		z-index: 100;
		opacity: 0;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		opacity: 0;
	}
	.nav__list li{
		width: 50%;
		line-height: 30px;
		text-align: center;
	}
	.nav__list li a{
		color: #ffffff!important;
	}
	.nav--active .nav__box {
		opacity: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-color: rgba(0,0,0,.9);
	}
	.nav__list {
		margin: 0;
		padding: 10px;
	}
	.nav__item {
		list-style-type: none;
		text-align: left;
	}
	.nav__link {
		font-size: 1.3em;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFFFFF;
		opacity: 1;
		-webkit-transition: opacity 300ms ease-in-out;
		transition: opacity 300ms ease-in-out;
	}
	/* Default navigation icon */
	.nav__trigger {
		display: block;
		position: absolute;
		width: 30px;
		height: 25px;
		right: 10px;
		top: 13px;
		z-index: 200;
	}
	.nav--active .nav__trigger {
		opacity: 0.5;
	}
	.nav__icon {
		display: inline-block;
		position: relative;
		width: 30px;
		height: 5px;
		background-color: #666;
		-webkit-transition-property: background-color, -webkit-transform;
		transition-property: background-color, -webkit-transform;
		transition-property: background-color, transform;
		transition-property: background-color, transform, -webkit-transform;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
	.nav__icon:before,
	.nav__icon:after {
		content: '';
		display: block;
		width: 30px;
		height: 5px;
		position: absolute;
		background: #666;
		-webkit-transition-property: margin, -webkit-transform;
		transition-property: margin, -webkit-transform;
		transition-property: margin, transform;
		transition-property: margin, transform, -webkit-transform;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
	.nav__icon:before {
		margin-top: -10px;
	}
	.nav__icon:after {
		margin-top: 10px;
	}
	/* Don't nest if you don't have to. */
	/**
    * Style #1
    */
	.style-1 .nav__box {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		width: 100%;
		height: 100%;
	}
	.style-1 .nav__link {
		opacity: 0;
		-webkit-transition-delay: 500ms;
		transition-delay: 500ms;
	}
	.style-1 .nav--active .nav__link {
		opacity: 1;
	}
	.style-1 .nav--active .nav__box {
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.style-1 .nav--active .nav__icon {
		background: rgba(0, 0, 0, 0);
	}
	.style-1 .nav--active .nav__icon:before {
		margin-top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.style-1 .nav--active .nav__icon:after {
		margin-top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.nav-mob{
		display: inherit;
	}
	.nav-box{
		display: none;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
		padding: inherit;
	}
	.container{

	}
	.news-t{
		padding:30px 0
	}
	.news-t h1{
		margin-bottom: 0;
	}
	.nav-list{
		flex-wrap: wrap;
		padding:20px;
		box-sizing: border-box;
	}
	.row{
		margin: inherit;
	}
	.card{
		width: 100%;
	}
	.contact-info-left{
		flex-direction: column;
	}
	.contact-info{
		width: 100%;
		margin-bottom: 20px;
	}
	.banner-h h1{
		font-size: 24px;
		z-index: 88;
	}
	.tab-nav{
		margin:15px 0 0 0
	}
	.news-content img{
		width: 100%;
		height: inherit;
	}
	.list-group-item{
		width: 100%;
	}
	.row-list .col{
		padding: inherit;
	}
	.pd20{
		padding:0 20px;
	}
	.right_fixed{
		display: none;
	}
	.foot-mob{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 60px;
		display: flex!important;
		justify-content: center;
		align-items: center;
		background: #CA161F;
		z-index: 9999;
	}
	.foot-mob ul{
		display: flex;
		width: 100%;
	}
	.foot-mob li{
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.foot-mob li img{
		height: 24px;
	}
	.foot-mob li:nth-child(1) img{
		height: 20px!important;
	}
	.foot-mob li:nth-child(1) a{
		margin-top:4px;
	}
	.foot-mob li a{
		font-size: 14px;
		color: #ffffff;
		line-height: normal;
	}
	.foot-box{
		margin-bottom: 60px;
	}
}
.foot-mob{
	display: none;
}

/*右侧浮动条*/
.right_fixed {position: fixed;bottom: 0;right: 0;transform: translateY(-50%);z-index: 2222;}
.right_fixed li {width: 52px;height: 52px;transition: all 0.36s;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;position: relative;z-index: 10;background: #CA161F;}
.right_fixed li.fixed04 {opacity: 0;}
.right_fixed li .img_box {width: 100%;color:#fff;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 10;}
.right_fixed li:hover .img_box {background: rgba(0,0,0,.75);}
/*.right_fixed li .img_box img{height: auto;width: 24px;display: block;position: relative;z-index: 2;}*/
.right_fixed li.active .img_box {opacity: 0;}
.mf-popCode,.mf-popTel {width: 158px;background-color: rgba(0, 0, 0, 0.6);padding: 10px;position: absolute;right: 100%;bottom: 0;margin-right: 20px;text-align: center;color: #fff;display: none;font-size: 14px;}
.mf-popTel {padding: 10px 10px 10px; font-size:18px;}
.mf-popCode p,.mf-popTel p {color: #fff;}
.mf-popCode .img{padding:5px;background:#fff;}
.mf-popCode img {width: 100%; display:block;}
.fixed03:hover .mf-popCode {display: block;}
.fixed01:hover .mf-popTel {display: block; }
.right_fixed li img{
	display: block;position: relative;z-index: 2;
	width: 50%;
}
/*右侧浮动条*/

.card-w{
	width: 100% !important;
}
.row-cl .card{
	width: inherit;
}

.row-cl .nav{
	justify-content: inherit;
}
.row-cl .tab-content>.active{
	display: inherit;
}
.content-cl{
	display: inherit;!important;
	width: inherit!important;
}

.jslx-nav{
	display: flex;
	align-items: center;
}
.row-w{
	width: 1200px;
	margin:0 auto;
}
.gy-box{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.gy-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.gy-list li{
	display: flex;
	margin-bottom: 40px;
	width: 522px;
	height: 182px;
	background: #FFFFFF;
	border-radius: 10px;
	padding:40px 40px 40px 20px;
	box-sizing: border-box;
}

.gy-list li img{
	margin-top: -10px;
	width: 106px;
	height: 106px;
}

/*.swiper-wrapper li:hover .product-box2{*/
/*	opacity: 1;*/
/*	display: block;*/
/*}*/
/*.swiper-wrapper li .product-box2{*/
/*	display: none;*/
/*	opacity: 0;*/
/*	transition:all 0.3s ease*/
/*}*/
.gy-box{
	padding:40px 0 90px 0
}
.gy-box h2{
	font-weight: normal;
	font-size: 18px;
	color: #217BF4;
}
.gy-box h1{
	font-weight: bold;
	font-size: 45px;
	color: #0A093D;
	font-family: Inter-Bold, Inter;
}
.gy-box span{
	margin-top: 10px;
	font-size: 16px;
	color: #656464;
}
.gy-warp{
	background: url("../images/base.png") no-repeat;
	background-size: 100% 100%;
	min-height: 980px;
}
.gy-right h1{
	font-size: 24px;
	color: #2F2C4A;
}
.gy-list span{
	font-size: 16px;
	color: #656464;;
}
.product-flx{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.about-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 225px;
	height: 67px;
	background: #FF7F5C;
	border-radius: 10px;
	font-size: 18px;
	color: #ffffff;
}
.lx-btn{
	margin-top:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 192px;
	height: 58px;
	background: #217BF4;
	box-shadow: 0px 10px 22px -6px rgba(33,123,244,0.2600);
	border-radius: 10px;
	font-size: 18px;
	color: #ffffff;
}
.lx-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	margin:0 auto;
}
.lx-warp{
	margin-top:50px;
	background: #E5F0FD;
}
.lx-box2 span{
	font-size: 18px;
	color: #217BF4;
}
.lx-box2 h1{
	margin-top:10px;
	font-size: 36px;
	color: #0A093D;
}
.lx-box2 p{
	font-size: 16px;
	color: #656464;
	line-height: 28px;
}
.com-box{
	padding:90px 0 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.com-box span{
	font-size: 18px;
	color: #217BF4;
}
.com-box h1{
	font-size: 45px;
	color: #0A093D;
}
.com-box p{
	font-size: 16px;
	color: #5C6272;
	text-align: center;
}
.n-box{
	padding:0px 0 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.n-box span{
	font-size: 18px;
	color: #217BF4;
}
.n-box h1{
	font-size: 45px;
	color: #0A093D;
}

.hz-box{

}

.map-box{
	margin-top:80px;
	height: 480px;
	background: url("../images/map_bg_1.png") center;
	background-size: auto 480px;
}
.map-warp{
	display: flex;
	justify-content: space-between;
	padding:38px 0 0 0;
	box-sizing: border-box;
	width: 1200px;
	margin:0 auto;
}
.map-rbox{
	margin-left: 60px;
	flex:1
}
.map-rbox span{
	font-size: 18px;
	color: #217BF4;
}
.map-rbox h1{
	margin-top:10px;
	font-size: 45px;
	color: #0A093D;
}
.map-rbox div{
	margin-top:30px;
	font-size: 14px;
	color: #171648;
	line-height: 46px;
}
.lxwm{
	margin-top:60px;
	height: 341px;
	background: url("../images/lx_bg.png")#E5F0FD no-repeat center;
	background-size: auto 341px;
}
.lxwm-m{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1200px;
	height: 341px;
	margin:0 auto
}
.lxwm-box{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}
.lxwm-box h1{
	font-size: 50px;
	color: #000000;
}
.lxwm-box a{
	margin-top:20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 38px;
	color: #171648;
}
.lxwm-btn{
	margin: 30px auto 0 auto!important;
	width: 144px;
	height: 50px;
	background: #217BF4;
	border-radius: 10px;
	font-size: 16px!important;
	color: #ffffff!important;
}
.jslx-warp{
	margin-top:60px;
}
.jslx-box{
	padding-right: 50px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 1200px;
	margin:0 auto -124px auto;
	height: 248px;
	background: url("../images/ly_bg_n.png") no-repeat;
	background-size: 100% 248px;
	position: relative;
}
#book_post{
	display: flex;
}
.code-box{
	display: flex;
	align-items: center;
	position: relative;
}
.code-box2{
	position: absolute;
	right: 10px;
}
.form-box{
	padding:10px;
	border-radius: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background: #ffffff;
}
.form-box input{
	border: none;
	border-radius: 0;
}
.form-control{
	outline: 4px solid #ffffff!important;
}

.home-btn{
	margin-left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 55px;
	background: #217BF4;
	box-shadow: 0px 12px 20px -5px rgba(23,23,126,0.1000);
	border-radius: 10px;
}
.home-btn input{
	color: #ffffff;
}
.img-box{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 290px;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}
.img-box img{
	border-radius: 12px 12px 0 0;
}
.subbtn{
	margin-top:2%;
	display: flex;
	align-items: center;
}
.subbtn a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 10px;
	width: 162px;
	height: 62px;
	background: #217BF4;
	box-shadow: 0px 7px 22px -6px rgba(33,123,244,0.3400);
	border-radius: 10px;
	color: #ffffff;
	font-size: 14px;
}
.subbtn a:last-child{
	color: #217BF4;
	background: rgba(255,255,255,.8);
}
.inner div:nth-child(2){
	margin-top:1%;
}
.mySwiper3 .swiper-slide a{
	width: 100% !important;
}
.mySwiper3 .swiper-button-next, .swiper-button-prev{
	top:45%!important
}
.input-w100{
	width: 200px;
}

.content{
	width: 1280px;
	margin: 0 auto;
}
.mySwiper6 ul{
	padding:20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.case-title{
	margin-top:10px;
	font-size: 24px;
	color:#1E2A39

}
.mySwiper6 li:nth-child(3),.mySwiper6 li:nth-child(6){
	margin-right: 0;
}

.mySwiper3>div{
	padding-bottom: 80px;
}
.mySwiper3{
	position: relative;
}
.mySwiper3 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content:''
}
.mySwiper3 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content:''
}
.mySwiper3 .swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:50%;
	z-index: 0;
	margin-left:460px
}
.mySwiper3 .swiper-button-next, .swiper-rtl .swiper-button-prev{
	right: 50px;
	z-index: 0;
}
.mySwiper3 .swiper-slide{
	padding: 8px;
	box-sizing: border-box;
	box-shadow: 0px 20px 20px 0 rgb(37 45 61 / 6%);
	border-radius: 12px;
}
.mySwiper3 .swiper-slide img{
	height: 358px;
	width: inherit;
	border-radius: 12px;
}
.mySwiper3{
	padding:20px 20px 50px 20px!important;
	box-sizing: border-box;
}
.mySwiper3 .img-box{
	border-radius: 12px;
}
.row-list .card img{
	width: 150%;
	border-radius: 12px;
}
.row-list .card{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 8px;
}