/**
 * 站点公共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{ line-height:170%;font-size:1em;font-weight:500;min-height: 500px}
.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;
}

/* 管理员回复评论信息 */
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{
	display: flex;
	align-items: center;
}
.nav-tel span{
	margin-left: 10px;
	font-size: 20px;
	color: #282828;
}
.nav-tel img{
	width: 20px;
	height: 20px;
}
.nav-warp2{
	background: #ffffff;
}
.nav{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 123px;
}

.justify-content-end{
	display: flex;
}
.nav img{
	width: 164px;
	height: 115px;
}
.banner img{
	width: 100%;
}
.product-box{
	background: url('../images/g_bg.png');
	padding:90px 0;
	min-height: 100px;
}
.product{
	width: 1200px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.product-title{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 451px;
	height: 59px;
	background: url('../images/product_txt.png')no-repeat;
	background-size: 100% 100%;
}
.product-title h1{
	font-size: 36px;
	color: #282828;
}
.tab-nav{
	display: flex;
	padding:0;
	margin: 60px 0 0 0;
	width: inherit!important;
	justify-content: inherit;
	height: inherit;
	border-bottom: none;
}
.nav-tabs{
	border-bottom: 0!important;
	height: inherit;
}
.tab-nav li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 162px;
	height: 51px;
	background: #ffffff;
	border-radius: 10px;
	color: #777676;
	font-size: 14px;
	margin:0 5px;
}
.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{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.product-box1 span{
	margin-top: 30px;
	font-size: 18px;
	color:#888888;
}
.content{
	margin:0;
	padding:0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.content li{
	margin:0 35px 55px 0;
	padding:0;
	list-style: none;
	width: 376px;
	height: 409px;
	box-sizing: border-box;
	background: #ffffff;
}
.content li img{
	width: 376px;
	height: 307px;
}
.content li:nth-child(3),.content li:nth-child(6){
	margin-right: 0;
}
.content-box{
	margin-top: 70px;
}
.content-box li a:hover{
	text-decoration: none;
}
.content li:nth-last-child(1),.content li:nth-last-child(2),.content li:nth-last-child(3){
	margin-bottom: 0;
}
.product-bottom-box{
	padding:0 20px;
	box-sizing: border-box;
	height: 102px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.product-bottom-box span{
	font-size: 16px;
	color: #2B2B2B;
}
.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{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.about-box{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:70px 0 60px 0;
	flex-direction: column;
}
.about-title{
	display: flex;
	align-items: center;
	font-size: 36px;
	color: #252525;
	font-weight: 600;
}
.about-title span:nth-child(1){
	color: #CE1521;
}
.about-title span:last-child{
	margin-left: 10px;
}
.about-t2{
	margin-top: 30px;
	font-size: 16px;
	color: #868686;
}
.about-box2{
	display: flex;
	background: #005AD2;
	height: 634px;
}
.about-lbox{
	width: 50%;
	height: 100%;
	overflow: hidden;
	background: url("../images/qt_001.png");
}
.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: 90px;
	height: 90px;
}
.about-rbox{
	margin-left: -45px;
	display: flex;
	align-items: center;
	width: 50%;
}
.about-li-rbox{
	margin-left: 24px;
}
.about-li-rbox h1{
	margin: initial;
	font-size: 24px;
	color: #FFFEFE;
}
.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: 1200px;
	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{
	margin-top:50px;
	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{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F8F8F8;
	min-height: 727px;
}
.news-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	margin:0 auto
}
.news-left{
	padding:50px 30px;
	box-sizing: border-box;
	width: 400px;
	height: 564px;
	position: relative;
	background: url("../images/blue_bg.png") #ffffff no-repeat top center;
	background-size: 100% 270px;
}
.news-title{
	color: #ffffff;
}
.news-title h1{
	margin: 0;
	font-size: 18px;
}
.news-title span{
	font-size: 14px;
}
.news-cont img {
	margin-top: 30px;
	width: 340px;
	height: 228px;
	border:1px solid #ffffff
}
.news-cont{
	display: flex;
	flex-direction: column;
}
.news-cont h1{
	margin-top:20px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}
.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;
	flex:0 0 100px;
}
.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{
	margin-left: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.link-list li{
	margin-right: 10px;
}
.link-list li a{
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.link-flx{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	height: 80px;
}

footer{
	padding:50px 0;
	background: #1B1B1B;
	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{
	background: url("../images/map_bg.png") no-repeat top right;
}
.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: 17px;
	color: #282828;
}
.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{
	display: flex;
	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 a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	text-align: center!important;
	padding:15px 15px 0 15px
}
.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){
	.nav-warp2{
		width: 100%;
		padding:0 20px;
	}
	.nav-warp{
		display: none;
	}
	.nav{
		width: inherit;
		height: 50%;
	}
	.nav img{
		width: 50%;
		height: auto;
	}
	.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;
	}
	.content li:nth-child(3), .content li:nth-child(6){
		margin:0 0 20px 0
	}
	.content-box{
		margin-top:30px
	}
	.content li{
		margin:0 0 20px 0
	}
	.about-warp{
		display: none;
	}
	.company{
		display: none;
	}
	.link-box{
		display: none;
	}
	.news-bbox{
		display: none;
	}
	.news-box{
		width: inherit;
		justify-content: inherit;
		flex-direction: column;
	}
	.news-tbox{
		display: none;
	}
	.news-right{
		display: none;
	}
	.mob{
		display: flex;
		flex-direction: column;
		padding:30px 18px!important;
		width: initial;
	}
	.pc{
		display: none;
	}
	.product-title h1{
		font-size: 24px;
		color: #282828;
	}
	.product-box{
		background: url('../images/g_bg.png');
		padding:20px 0;
		min-height: 50px;
	}
	.product-title{
		display: flex;
		justify-content: center;
		align-items: center;
		width: initial;
		height: 59px;
		background: initial;
		background-size: initial;
	}
	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;
	}
}

.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;
}