@charset "utf-8";
/* CSS Document */
* {
	outline: none;
}
/*引用主题设置*/
:root {
 --head_height:6.5rem;
 --colour1:#01458e;
 --colour2:#1e7add;
 --colour3:#fff;
 --dark:#031e4b;
 --text:#666;
 --small_text:#999999;
 --grey_bg:#f0f2f5;
}
.colour1 {
	color: var(--colour1)
}
.colour2 {
	color: var(--colour2)
}
.colour3 {
	color: var(--colour1)!important;
}
.colour-bg1 {
	background-color: var(--colour1)
}
.colour-bg2 {
	background-color: var(--colour2)
}
body {
	margin: 0px;
	padding:0 ;
	position: relative;
	color: var(--text);
}
body.modal-open {
	width: 100vw;
	height: 100vh;
	overflow: hidden!important;
}
body.menu-open {
	width: 100vw;
	height: 100vh;
	overflow-y: hidden!important;
}
body, html {
	font-family: Arial, "微软雅黑", Microsoft YaHei;
	font-weight: normal;
	font-size: 1rem;
	color: var(--text);
}

/*页面内容宽度*/

@media(min-width:1600px){
.container {
	max-width:1360px;
}
}
@media(max-width:1599.8px){
.container {
	max-width:100%;
}
}

.font-en {
	font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
	font-weight: 900;
}
@font-face {
	font-family: 'en';
	src: local('☺'), url(../font/HelveticaNeueLTPro-HvCn.otf);
	font-weight: 900;
	font-style: normal;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {
	color: inherit;
}/*未访问样式*/
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:hover, a:focus, input:hover, input:focus, button:focus, button:hover {
	outline: none;
}
a.text-link {
	text-decoration: underline;
}
a.text-link:hover {
	color: var(--colour1);
}
h1, .h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
	margin-bottom: 0.5em;
	line-height: 1.25em;
	color: #333;
}
h1, .h1 {
	font-size: 2rem;
}
h2, .h2 {
	font-size: 1.75rem;
}
h3, .h3 {
	font-size: 1.5rem;
}
h4, .h4 {
	font-size: 1.25rem;
}
h5, .h5 {
	font-size: 1.125rem;
}
h6, .h6 {
	font-size: 1rem;
}
i {
	font-weight: normal;
}
hr {
	border: none;
	border-top: 1px solid #ebebeb;
	margin: 1.5rem 0px;
}
img {
	max-width: 100%;
}
pre {
	display: block;
	border: none;
	background: none;
	padding: 0px;
	white-space: pre-wrap;
	font-family: Arial, "微软雅黑", Microsoft YaHei;
}
section {
	max-width: 100%;
}

::-webkit-scrollbar {
 width: 10px;
 height: 10px;
}
::-webkit-scrollbar-track {
background:#ebebeb;
}
/*滚动条背景*/
::-webkit-scrollbar-thumb {
background:var(--colour1);
}
/*滚动条设置*/

.f_pr{position:relative;}
.f_pa{position:absolute;}
/*表单*/
form>div {
	margin-bottom: 0;
}
form div.row {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
form div.row>div {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
form p {
	margin-bottom: 0.375rem;
	font-size: 85%;
	opacity: 0.8;
}
form input, form select {
	padding: 0 1rem;
	width: 100%;
	line-height: 2.5em;
	height: 2.5em;
	font-size: 1rem;
	color: var(--text);
	border: 1px solid #e0e0e0;
	border-radius: 0.5rem;
}
form select {
	color: var(--text);
	padding-right: 2.5rem;
	appearance: none!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 0.75rem) center;
	background-size: 1rem 1rem;
}
form textarea {
	padding: 0.25rem 1rem;
	width: 100%;
	line-height: 2.5em;
	height: 10em;
	font-size: 1rem;
	color: var(--text);
	border: 1px solid #e0e0e0;
	border-radius: 0.5rem;
}
form button.btn {
	padding: 0 3rem;
	font-size: 1rem;
	line-height: 2.75rem;
	border: none;
	border-radius: 0.5rem;
	color: #fff;
	background: var(--colour1);
	cursor: pointer;
	transition: all 0.4s;
}
form button.btn:hover {
	color: #fff;
	background: var(--colour2);
}
/*表格边框样式*/
table, tbody, tr, td {
	border: none;
}
table tr {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
table td {
	line-height: 1.5em;
	padding: 0.5rem 1.125rem;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
table td p {
	margin: 0px;
}
/*boostrap遮罩层导致页面抖动*/
.modal-open {
	overflow: scroll !important;
}
.sticky {
	position: sticky;
	top: 0;
}
/*图片包含*/
.obj-contain {
	-o-object-fit: contain;
	object-fit: contain;
}
/*图片裁切*/
.obj-cover,.obj-cover img {
	-o-object-fit: cover;
	object-fit: cover;
}
/*图片放大*/
.zoom-img {
	overflow: hidden;
}
.zoom-img img {
	width: 100%;
	transform: scale(1);
	transition: all ease 0.6s;
}
.zoom-img:hover img {
	transform: scale(1.1);
}
/*背景裁切*/
.bg-cover {
	background-position: center;
	background-size: cover;
}
.bg-fixed {
	background-attachment: fixed;
}
/*视频裁切*/
.video-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.video-cover70 {
	-o-object-position: 75% top;
	object-position: 75% top;
}
/*点状背景*/
.point-bg {
	background-image: url(../images/point.png);
	background-repeat: repeat;
}
/*边距盒子*/
.padding-box {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
.padding-top {
	padding-top: 3.5rem;
}
.padding-bottom {
	padding-bottom: 3.5rem;
}

.main {
	position: relative;
	z-index: 2;
	background: var(--grey_bg);
}
.gray-box {
	background: #f8f9fd;
}
.white-box {
	background: #fff;
}
.clear-box:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
}
/*横线*/
.line {
	margin: 0;
	display: inline-block;
	width: 2rem;
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	background: var(--text);
	opacity: 0.2;
}


/*头部*/	
#head {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	box-shadow:0 0 1rem rgba(29,37,48,0.07);
	color: var(--text);
	border-bottom: hidden;
	background: rgba(255,255,255,0.95);
	backdrop-filter: blur(0.7rem);
	-webkit-backdrop-filter: blur(0.7rem);
	transition: all 0.6s;
}


/*头部标志*/
.head-conent {
	height: var(--head_height);
}
.navbar-brand {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	white-space: normal;
	padding: 0px;
	margin: 0px;
}
.navbar-brand img {
	height: 2.55rem;margin-top: .2rem;
}
.navbar-brand>div {
	display: flex;
	white-space: normal;
}
.navbar-brand>div .logo-name{
	display: flex;
	align-items: flex-end;
	margin-left: 1rem;
}
.navbar-brand>div .logo-name .cn-name{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.25em;
	letter-spacing: 2px;
	color: var(--colour1);
}
.navbar-brand>div .logo-name .en-name{
	font-size: 0.8rem; 
	line-height: 1.25em;
	color: var(--small_text);
	text-transform: uppercase;
}
/*头部导航*/
.navbar-expand-lg .navbar-collapse {
	display: flex;
	justify-content: center;
	height: inherit;
	-ms-flex-preferred-size: auto;
    flex-basis: auto;
}
#head .navbar-nav {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	height: inherit;
	padding: 0 1%;
	
}
#head .navbar-nav li {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
	height: inherit;
}
#head .navbar-nav li>a {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0 1.5em;
	font-size: 0.935rem;
	line-height: 38px;
	color: inherit;
	font-weight: bold;
	text-align: center;
	border-radius: 0.25rem;
	white-space:nowrap!important;
}
#head .navbar-nav li:hover>a {
	color: var(--colour1);
}
#head .navbar-nav li.on>a {
	text-transform: Uppercase;
	color: #fff;
}
#head .navbar-nav li.on>a:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: var(--colour1);
}
#head .navbar-nav .dropdown-menu {
	border: none;
	box-shadow: 0 0.5rem 1rem rgba(1,69,143,0.1);
}
#head .navbar-nav .dropdown-menu a {
	display: block;
	padding: 0 1.125rem;
	font-size: 0.9375rem;
	line-height: 2.75em;
	color: var(--text);
	border-bottom: 1px solid rgba(0,0,0,0.02);
	transition: all 0.4s;
}
#head .navbar-nav .dropdown-menu a:last-child {
	border-bottom: none;
}
#head .navbar-nav .dropdown-menu a:hover {
	color: #fff;
	background: var(--colour1);
}
@media(max-width:1599.8px){
#head .navbar-nav li>a {
	padding: 0 1em;
	font-size: 0.9375rem;
}
}
.language a{
	display: inline-block;
	padding: 0 1.25rem;
	font-size: 0.875rem;
	line-height: 2.5em;
	font-weight: bold;
	color: #fff;
	background-color: var(--colour1);
	border-radius: 1.5em;
}
.language a .icon{
	display: inline-block;
	margin-right: 0.5rem;
	font-weight: normal;
	font-size: 1.125rem;
	vertical-align: middle;
}


/**/
.title{
	display: flex;
	justify-content: space-between;
}
.title .left{
	max-width: 26rem;
}
.title .right{
	display: flex;
	align-items: center;
}
.more{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 1.5em;
	font-size: 0.875rem;
	line-height: 2.5em;
	font-weight: bold;
	border-radius: 1.5em;
	color: var(--text);
	border: 2px solid var(--text);
	transition: all 0.4s;
	overflow: hidden;
}
.more:hover{
	color:#fff;
	border: 2px solid var(--colour1);
}
.more:before{ content:""; position: absolute;  z-index:-1;bottom: -5%;left: -5%;width: 110%;height: 0%;background-color:var(--colour1);transition:all .4s;}
.more:hover:before{ content:""; height: 110%;}
/* .banner */
#banner {
	position: relative;
	width: 100%;
	height: calc(100vh - var(--head_height));
	overflow: hidden;
}
#banner .owl-stage-outer, #banner .owl-stage, #banner .owl-item, #banner .item {
	height: 100%;
}
#banner .item {
	position: relative;
}
#banner .item .banner-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 4rem;
	bottom: 4rem;
	z-index: 2;
	color: #fff;
	display: flex;
	align-items: center;
}
#banner .item .banner-text>div>div{
	width: 26rem;
}
.banner-text .banner-title {
	margin-bottom: 2rem;
	font-size: 2.25rem;
	line-height: 1.125em;
	font-weight: bold;
}
.banner-text .banner-subtitle {
	margin-bottom: 1rem;
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: bold;
}
.banner-text pre {
	font-size: 1rem;
	line-height: 1.75rem;
	color: #fff;
}
#banner .item .banner-web {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

#banner.owl-progress:hover .owl-dot.active svg circle.dotsvg1 {
	animation-play-state: running;
}

#banner .owl-dots{
	position: absolute;
	z-index: 1;
	left: 50%;
	right: 0;
	bottom: 4rem;
	text-align: left;
	width: 1140px;
	transform:translate(-50%,0%);
}
#banner .owl-dots span{
	display: none;
}
@media(min-width:1600px){
#banner .owl-dots{
	width: 1400px;
}
}
/* banner背景 */


/*s首页产品*/
.index-p{
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
	margin-left: -1rem;
	margin-right: -1rem;
}
.index-p li{
	width: 25%;
	padding: 1rem;
}
.index-p li a{
	position: relative;
	display: block;
	border-radius: 1rem;
	background-color: var(--grey_bg);
	overflow: hidden;
	transition: all 0.4s;
}
.index-p li a:hover{
	transform:translate(0%,-0.5rem);
	background-color:#fff;
	box-shadow: 0 1rem 2rem rgba(1,69,143,0.2);
}
.index-p li .info{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 90%;
	padding: 2rem;
}
.index-p li .h5{
	margin-bottom: 1em;
	font-weight: bold;
	transition: all 0.4s;
}
.index-p li a:hover .h5{
	color: var(--colour1);
}
.index-p li img{
	width: 100%;
}


/*首页服务*/
.index-s{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 43.5rem;
	color: #fff;
	background: var(--dark);
}
#index-s-list{
	counter-reset: compteListe;
	display: flex;
	flex-wrap: nowrap;
	min-height: 100%;
}
#index-s-list li{
	position: relative;
	z-index: 2;
	width: 100%;
	border-right: 1px solid rgba(255,255,255,0.1)
}
#index-s-list li:first-of-type{
	border-left: 1px solid rgba(255,255,255,0.1)
}
#index-s-list li:before {
    counter-increment: compteListe 1;
    content: "0" counter(compteListe) "/";
    position: absolute;
    left: 0;
    bottom: 0;
	font-family: "en";
    font-size: 9rem;
	line-height: 0.8em;
    color: #fff;
	opacity: 0.15;
}
#index-s-list li a{
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	padding: 2rem 2rem 8rem;
	transition: all 0.6;
}
#index-s-list li a.active{
	background-color: rgba(3,30,75,0.2);
}




#index-s-list li a .icon{
	display: inline-block;
	margin-bottom: 1rem;
	font-size: 3rem;
}
#index-s-list li a .h4{
	margin-bottom: 1.5rem;
	color: #fff;
}
#index-s-list li a pre{
	font-size: 1rem;
	line-height: 1.5em;
	color: #fff;
	max-height: 0em;
	display: block; display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
	opacity: 0.8;
	transition: all 0.8s;
}
#index-s-list li a:hover pre,#index-s-list li a.active pre{
	max-height: 15em;
}

.tab-content{
	position:absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.tab-content>div,.tab-content>div img{
	width: 100%;
	height: 100%;
	border:none;
}

/*首页关于*/
.index-a{
	display: flex;
	flex-wrap: wrap;
}
.index-a .img{
	width: 50%;
	height:35rem;
	border-radius: 0 2rem 2rem 0;
	overflow: hidden;
}
.index-a .img img{
	width: 100%;
	height: 100%;
}
.index-a .info{
	display: flex;
	align-items: center;
	width: 50%;
}
.index-a .info>div{
	margin-left: 6rem;
	width: 35rem;
}
@media(max-width:1599.8px){
.index-a .info>div{
	width: 28rem;
}
}




.index-data{
	width: 100%;
}
.index-data .container{
	margin-top: 6rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.index-data .container div{
	font-weight: bold;
	color: var(--colour1);
}
.index-data .container font{
	font-size: 3.25rem;
}

/*质量*/
.index-q{
	display: flex;
	flex-wrap: wrap;
	padding: 4rem 0;
}
.index-q .img{
	width: 50%;
	height:35rem;
	border-radius:  2rem 0 0 2rem ;
	overflow: hidden;
}
.index-q .img img{
	width: 100%;
	height: 100%;
}
.index-q .info{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 50%;
}
.index-q .info>div{
	margin-right: 6rem;
	width: 35rem;
}
@media(max-width:1599.8px){
.index-q .info>div{
	margin-right: 6rem;
	width: 28rem;
}
}

/*新闻*/
@media(max-width:1599.8px){
	#news{
		width: 85%;
		margin: auto;
	}
}

#news .owl-stage{
	display: flex;
}
#news .owl-item,#news .item{
	height: 100%;
}
#news .item{
	padding: 1.5rem;
}
#news .item a{
	display:block;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	background-color: var(--grey_bg);
	overflow: hidden;
	transition: all 0.4s;
}
#news .item a:hover{
	background-color: #fff;
	box-shadow:0 0.5rem 1.5rem rgba(1,69,143,0.1);
	transform:translate(0%,-0.25rem);
}
#news .item .img{
	position: relative;
	z-index: 1;
	width: 100%;
	padding-bottom: 60%;
	height: 0;
	overflow: hidden;
}
#news .item .img img{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform:scale(1.1);
	transition: all 0.4s;
}
#news .item a:hover .img img{
	transform:scale(1);
}
#news .item .info{
	display: inline-block;
	padding: 1.5rem;
}
#news .item .info small{
	font-size: 0.875rem;
	color: #ccc;
}
#news .item .info .title{
	margin: 0.25rem 0 1.5rem;
	height: 3em;
	display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
	font-size: 1rem;
	line-height: 1.5em;
	color: var(--text);
	transition: all 0.4s;
}
#news .item .info .title:hover{
	color: var(--colour1);
}
#news .item a .icon{
	font-size: 1.25rem;
}
#news .item a:hover .icon{
	color: var(--colour1);
}

#news .owl-nav{
	margin: 0;
}
#news .owl-nav [class*=owl-]{
	position: absolute;
	top: 50%;
	transform:translate(0%,-50%);
	display: inline-block;
	margin: 0;
}
#news .owl-nav [class*=owl-].owl-prev{
	margin-left: -6rem;
	left: 0;
}
#news .owl-nav [class*=owl-].owl-next{
	margin-right: -6rem;
	right: 0;
}
#news .owl-nav [class*=owl-] i{
	display: inline-block;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 2rem;
	text-align: center;
	color: #666;
	border-radius: 50%;
	border: 2px solid #666;transition: all 0.4s;
}
#news .owl-nav [class*=owl-]:hover i{
	color: #fff;
	border: 2px solid var(--colour1);
	background:var(--colour1);
}
#news .owl-nav [class*=owl-].disabled i{
	color: #666;
	border: 2px solid #666;
}

/*首页联系*/
.index-c{
	width: 90%;
	max-width: 70rem;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 6rem;
}
.index-c .item{
	display: flex;
	justify-content: space-between;
	width: 48%;
	padding: 2rem;
	border-radius: 1rem;
	background-color: var(--grey_bg);
	transition: all 0.4s;
}
.index-c .item:hover{
	background-color:#fff;
	box-shadow:0 0.5rem 1.5rem rgba(1,69,143,0.1);
}
.index-c .item .h3{
	margin-bottom: 0.375rem;
}
.index-c .item a{
	font-size: 0.9375rem;
	font-weight: bold;
	color: var(--colour1);
	transition: all 0.4s;
}
.index-c .item:hover a{
	padding-left: 0.75rem;
}
.index-c .item .icon{
	font-size: 3.5rem;
	line-height: 1em;
	color: var(--colour1);
}

/*页脚*/
#foot {
	position: relative;
	z-index: 1;
	font-size: 0.875rem;
	line-height: 1.5rem;
	background: #fff;
}
.foot-contact{
	color:rgba(255,255,255,0.8);
	background: linear-gradient(to right, #031e4b 0%, #053c96 100%);
}
.foot-contact a{
	transition: all 0.4s;
}
.foot-contact a:hover{
	color:rgba(255,255,255,1);
}
.foot-contact .container{
	padding: 2rem 0;
	display: flex;
	justify-content: space-between;
}
.foot-contact p{
	display: inline-block;
	margin: 0;
}
.foot-contact .left .icon{
	display: inline-block;
	margin:0 2rem 0 1rem;
}



.foot-contact .right{
	display: flex;
}
.foot-contact .foot-social{
	display: flex;
	margin-left: 1rem;
}
.foot-contact .foot-social .dropdown{
	margin-left: 1rem;
}
.foot-contact .foot-social .icon{
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1em;
	height: 1em;
}
.foot-contact .foot-social .dropdown-menu {
	left: 50%;
	transform:translate(-50%,0%);
	padding: 0.25rem;
    min-width: 5rem;
}
.foot-contact .foot-social img{
	max-width: 7.5rem;
}

.foot-body{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.foot-nav{
	margin-bottom: 1rem;
}
.foot-nav a{
	display: inline-block;
	margin-right: 1.5rem;
	font-size: 1.125rem;
	font-weight: bold;
	color: #333;
	transition: all 0.4s;
}
.foot-nav a:hover{
	color: var(--colour1);
}
.foot-copyright p{
	font-size: 0.875rem;
	margin: 0px;
	color: #999;
}

/*============ 首页end ============*/




/*内页开始*/

.inside-banner{
	position: relative;
	z-index: 2;
}
.inside-banner .info{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
.inside-banner .info .h1{
	line-height: 1.5em;
	color: #fff;
}
.inside-banner .info p{
	margin: 0.75rem 0 0;
	max-width: 40rem;
	font-size: 1.125rem;
}


.breadcrumb {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0px;
	margin:0;
	background: none;
}
.breadcrumb>div {
	font-size: 0px;
}
.breadcrumb a {
	display: inline-block;
	font-size: 0.875rem;
	line-height: 3.5rem;
	color: #fff;
	transition: all .4s;
}
.breadcrumb a:hover {
	color: var(--colour1);
}
.breadcrumb a:not([href]):not([tabindex]) {
	color: rgba(255,255,255,0.5);
}
.breadcrumb a:after {
	content: ">";
	margin: 0 5px;
	color: rgba(255,255,255,0.5);
}
.breadcrumb a:not([href]):not([tabindex]):after {
	content: "";
}


/*内页导航*/
.inside-nav{
	position: relative;
	z-index: 4;
	margin-bottom: 3.5%;
	box-shadow:0 0 2rem rgba(40, 43, 109, 0.08);
}
.inside-nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.inside-nav ul li{
	position: relative;
	display: inline-block;
	margin: 0 2.25rem;
}
.inside-nav ul li.active:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 100%;height:0.125rem;background-color:var(--colour1);transition:all .4s;}

.inside-nav ul li a{
	display: inline-block;
	padding: 1em 0;
	font-size: 1.05rem;
	line-height: 2em;
	color: var(--text);
}
.inside-nav ul li.active a,.inside-nav ul li:hover a{
	color: var(--colour1);
}



.inside-title{
	color: var(--text);
	
}
.inside-title .h3 {
	margin-bottom: 1rem;
	line-height: 1.5em; text-align: center; font-size: 1.32rem;
}
.inside-title .h6,.inside-title p{
	display: inline-block;
	max-width: 100%;
	line-height: 1.75rem;  font-size:.935rem;
}


.proudct-nav{
	padding-top: 2.5rem;
}
.proudct-nav li{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2.5%;
	border-radius: 1rem;
	background: var(--grey_bg);
}
.proudct-nav li:last-child{
	margin-bottom: 0;
}

.proudct-nav li .img{
	border-radius: 1rem 0 0 1rem;
	width: 50%;
	transition:  all 0.4s;
	overflow: hidden;
}
.proudct-nav li .img img{
	min-height: 100%;
}
.proudct-nav li .info{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	padding:2% 5%;
}
.proudct-nav li .info>div{
	width: 100%;
	transition: all 0.6s;
}

.proudct-nav li .info .title{
	line-height: 1.5em;
	color: #333;
	transition: all 0.6s;
}
.proudct-nav li .info .title:hover{
	color: var(--colour1);
}
.proudct-nav li .info pre{
	color: var(--text);
	font-size: .935rem;
	line-height: 2em;
	height: 10em;
	display: block; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
.proudct-nav li .info .more{
	display: inline-block;
	padding: 0 1.65rem;
	margin-top: 2rem;
	font-weight: bold;
	font-size: 0.875rem;
	line-height: 2.75em;
	border:1px solid #bababa;
	border-radius: 2em;
	color: var(--text);
	transition: all 0.4s;

}

.proudct-nav li:hover .info .more{
	color: var(--colour1);
	border:1px solid var(--colour1);
}
.proudct-nav li .info .more:hover{
	padding: 0 2em;
	background: var(--colour1);
	border:1px solid var(--colour1);
	color: #fff;
}

.proudct-nav li:nth-of-type(2n) .img{
	order: 1;
	border-radius:0 1rem 1rem 0;
}
.proudct-nav li:hover .info>div{
	transform:translate(0%,-1rem);
}



/*产品列表*/
.product-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1%;
	margin-right: -1%;
	margin-top: -1%;
}
.product-list li {
	width: 23%;
	margin: 1%;box-shadow: 0 0 .55rem rgba(0,0,0,0.25);
	transition: all .4s;
	box-sizing: border-box;
}
.product-list li a {
	position: relative;
	display: block;
	min-height: 100%;
	background: #fff;
	border-radius: 0.5rem;
	overflow: hidden;
	transition: all 0.4s;
}
.product-list li a:hover {
	box-shadow: 0 0 1.5rem rgba(1,69,143,0.35);
}
.product-list-img {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.product-list-img img{
	max-width: 90%; margin: .75rem auto;
}
.product-list-text{
	padding: .75rem;
	text-align: center;
}
.product-list-name {
	margin-bottom: 0.25rem;
	font-size: 1rem;
	color: #333;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;

}
.product-list pre {
	width: 100%;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5em;
	color: #999;
	max-height: 4.5em;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


/*关于*/
.about-info{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}
.about-info .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.about-info-text {
	width: 50%;
	font-size: 0.9375rem;
	line-height: 1.85rem;
	color: #666;
}
.about-info-img {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 580px;
}
.about-info .numeric {padding:1.5rem 0; width: 100%; text-align: center; overflow: hidden;}
.about-info .numeric ul{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-right: -1rem;
}
.about-info .numeric ul li{
	padding: 0.25rem 1rem; width: 25%;
}
.about-info .numeric ul li .h2{
	font-size: 3.25rem;
	color: var(--colour1);
}
.gc-factory{
	padding: 3rem 0;
}
.about-factory{
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	margin-top: 2rem;
}
.about-factory .item {width: 25%; padding: 0.75rem;}
.about-factory .item .img{
	width: 100%;
	overflow: hidden;
}
.about-factory .item .img img{
	transition: all 0.4s;
}
.about-factory .owl-stage-outer:hover .item .img img{
	opacity: 0.5;
}
.about-factory .owl-stage-outer:hover .item:hover .img img{
	opacity: 1;
}
.about-factory .item p{
	margin:1rem 0 0 ;
	color: #333;
	text-align: center;
	transition: all 0.4s;
}
.about-factory .item:hover p{
	color: var(--colour1);
}

.zhengshu-honor{
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	margin-top: 2rem;
}
.zhengshu-honor .item {width: 33.333%; padding: 0.75rem;}
.zhengshu-honor .item .img{
	width: 100%;
	border: 1px solid #ccc;
	overflow: hidden;
}
.zhengshu-honor .item .img img{
	transition: all 0.4s;
}
.zhengshu-honor .owl-stage-outer:hover .item .img img{
	opacity: 0.5;
}
.zhengshu-honor .owl-stage-outer:hover .item:hover .img img{
	opacity: 1;
}
.zhengshu-honor .item p{
	margin:1rem 0 0 ;
	color: #333;
	text-align: center;
	transition: all 0.4s;
}
.zhengshu-honor .item:hover p{
	color: var(--colour1);
}



.gc-wh{padding:0 0 3rem 0;}

.laydqsm{width: 100%;background: url(../images/laydq2.jpg) center center no-repeat; background-size: cover;  overflow: hidden; }
.laydqsm-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5%;}
.laydqsm-list li{width: 27.333%;color: #fff; text-align: center; padding: 2% 3%;}
.laydqsm-list li .icon{display: block;height: 50px;line-height: 50px;}
.laydqsm-list li .icon img{max-height: 100%;}
.laydqsm-list li .name{font-size: 1.45rem;font-weight: 700;margin: 12px 0;}
.laydqsm-list li .desc{font-size: 1rem; line-height: 1.75rem; color: #eee;}



/*服务*/

/*服务*/
.service-info{
	margin-top: 2rem;
	padding: 3.5%;
	font-size: 0.9375rem;
	background: #f7f7f7; border-radius: 1rem;
}
.service-info .bdt_fw{width: 100%; overflow: hidden;}
.service-list{
	margin-top: 2rem;
	overflow: hidden;
}
.service-list li{
	text-align: center;
	width: 32%;
	display: inline-block;
	background: #fff;
	margin: .5%;
}
.service-list li img{max-width: 100%;}
.service-list li span{
	display: inline-block;
	margin-bottom: 0.25rem;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #af1937;
}

.service-solution{
	margin-top: 2rem;
	font-size: 1rem;
	line-height: 2;
	overflow: hidden;
}



.about-honor .cp_mores{width:10rem;height:3rem;line-height:3rem;text-align:center;background:#777;font-size:1rem;color:#fff;display:block; margin:2rem auto;}
.about-honor .cp_mores a{color:#fff;}
.about-honor .cp_mores:hover{background:#01458e;}



.partner{
	width:100% ;
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	margin-bottom: 2rem;
}
.partner li{
	width: 20%;
	padding: 0.5rem;
}
.partner li div{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: .75rem;
	border:1px solid #ebebeb;
	border-radius: 0.5rem;
	transition: all 0.4s;
}
.partner li div img{max-width: 100%;}

.partner li div:hover{
	border:1px solid var(--colour1);
	box-shadow: 0 0 2rem rgba(40, 43, 109, 0.08);
}
.partner li p{
	margin:1rem 0 0 ;
	color: #333;
	text-align: center;
	transition: all 0.4s;
}


.service_support ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-right: -1rem;
}
.service_support  li{
	width: 50%;
	padding: 1rem;
}
.service_support  li a{
	display: block;
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	transition:  all 0.4s;
}
.service_support  li a .info{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
}
.service_support  li a .info .icon{
	display: inline-block;
	margin-bottom: 1rem;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 2rem;
	text-align: center;
	color:var(--colour1);
	border-radius: 50%;
	background: #fff;
}
.service_support  li a .info p{
	margin-bottom: 0
}
.service_support  li a .img{
	overflow: hidden;
}


.service_support  li:nth-of-type(2) a .info .icon,.service_support  li:nth-of-type(4n+2) a .info .icon{
	color:var(--colour2);
}
.service_support  li:nth-of-type(3) a .info .icon,.service_support  li:nth-of-type(4n+3) a .info .icon{
	color:var(--colour2);
}
.service_support  li:nth-of-type(4n) a .info .icon{
	color:var(--colour2);
}



.about-honor{
	width: 100%; overflow: hidden;
}
.honor{
	margin-top:2rem;
}

.honor .item{
	margin: 1rem 0 0;
	padding: .5rem;
	text-align: center;
	transition: all 0.4s;
}
.honor .item:hover{
	color: #fff;
	background:var(--colour1);
	transform:translate(0%,-1rem);
	box-shadow: 0 0 2rem rgba(40, 43, 109, 0.08);
}
.honor .item .img{
	display: flex;
	align-items: center;
	overflow: hidden;
}

.honor .item p{
	margin: 1rem 0;font-size: .9375rem;
}

.honor .owl-nav [class*=owl-]{
	position: absolute;
	top: 50%;
	z-index: 2;
	transform:translate(0%,0%);
}

.honor .owl-nav [class*=owl-].owl-prev{
	left: -2.75rem;
	
}
.honor .owl-nav [class*=owl-].owl-next{
	right: -2.75rem;
}


.about-honor .cp_mores{width:10rem;height:3rem;line-height:3rem;text-align:center;background:#777;font-size:1rem;color:#fff;display:block; margin:2rem auto;}
.about-honor .cp_mores a{color:#fff;}
.about-honor .cp_mores:hover{background:#01458e;}



/*产品详情*/
.details>div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:0 5% ;
}
.details .img{
	width: 50%;
}
.product-d .item{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin-bottom: 1rem;

}
.product-d .item img{
	
}

.product-d .owl-nav{
	position: relative;
}
.product-d .owl-nav button.owl-next, .product-d .owl-nav button.owl-prev{
	position: absolute;
	top: 0.5rem;
	z-index: 1;
}
.product-d .owl-nav button.owl-next{
	right: 0;
}
.product-d .owl-nav button.owl-prev{
	left: 0;
}
.product-d .owl-nav button.owl-next i, .product-d .owl-nav button.owl-prev i{
	z-index: 1;
	font-size: 1.5rem;
	line-height: 1em;
	color: var(--text);
}
.product-d .owl-nav button.owl-next:hover i, .product-d .owl-nav button.owl-prev:hover i{
	color: var(--colour1);
}
.product-d .owl-dots{
	position: 0 3rem;
	margin-top:  0;
	text-align: center;
}
.product-d .owl-dots .owl-dot{
	display: inline-block;
	margin: 0 0.25rem;
	border: 1px solid var(--small_text);
	background: #fff;
}
.product-d .owl-dots .owl-dot.active{
	margin: 0 0.125rem;
	border: 1px solid var(--colour1);
	background: #fff;
}
.product-d .owl-dots img{
	margin: 0.125rem;
	width: 2rem;
}

.delivery>div{
	margin-top: 3rem;
	padding: 1rem 0;
	border-top: 1px solid var(--small_text);
	border-bottom: 1px solid var(--small_text);
	font-size: 0.875rem;
}
.delivery font{
	display: inline-block;
	width: 30%;
	line-height: 2rem;
}
.delivery span{
	display: inline-block;
	margin-right: 0.25rem;
	font-size: 125%;
	line-height: 1em;
	vertical-align: text-top;
}
.contactus{
	margin-top: 1rem;
}
.contactus a{
	font-size: 0.875rem;
	line-height: 1.125em;
	color: var(--colour1);
	transition: all 0.4s;
}
.contactus a:hover{
	color: var(--colour2);
}
.contactus span{
	display: inline-block;
	margin-right: 0.25rem;
	font-size: 125%;
	line-height: 1em;
	vertical-align: text-top;
}
.details .info{
	width: 40%;
}
.details .info .h3{
	margin-top: 10vh;
	margin-bottom: 3rem;
}
.details .info .articles{
	margin-bottom: 2rem;
}
.details .info pre{
	margin-bottom: 2rem;
	padding: 1rem;
	color: var(--text);
	border-radius: 0.5rem;
	background: #fff;
}


#faq-modal .modal-dialog{
	width: 90%;
	max-width: 50rem;
	margin: auto;
}
#faq-modal .modal-body{
	padding:3rem;
}
.shop-btn{
	display: inline-block;
}
.shop-btn>a{
	margin-top: 3rem;
	display: inline-block;
	padding: 0 2.5rem;
	font-size: 1.125rem;
	line-height: 3.25rem;
	font-weight: bold;
	color: #fff!important;
	border-radius: 2em;
	background: var(--colour2);
	transition: all 0.4s;
}
.shop-btn:hover>a{
	background: var(--colour1);
	transition: all 0.4s;
}
.shop-btn>a .icon{
	display: inline-block;
	font-size: 150%;
	line-height: 1rem;
	font-weight: normal;
	vertical-align: text-top;
}

.shop-btn .dropdown-menu{
	border:none;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03);
}
.shop-btn .dropdown-menu a{
	line-height: 2em;
	color: var(--text);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.shop-btn .dropdown-menu a:last-of-type{
	
	border-bottom:none;
}
.shop-btn .dropdown-menu a:nth-of-type(1):hover,.shop-btn .dropdown-menu a:nth-of-type(4n+1):hover,.product-subnav  .shop-btn .dropdown-menu a:nth-of-type(1) span,.shop-btn .dropdown-menu a:nth-of-type(4n+1) span{
	color: var(--colour1);
}
.shop-btn .dropdown-menu a:nth-of-type(2):hover,.shop-btn .dropdown-menu a:nth-of-type(4n+2):hover,.shop-btn .dropdown-menu a:nth-of-type(2) span,.shop-btn .dropdown-menu a:nth-of-type(4n+2) span{
	color: var(--colour2);
}
.shop-btn .dropdown-menu a:nth-of-type(3):hover,.shop-btn .dropdown-menu a:nth-of-type(4n+3):hover,.shop-btn .dropdown-menu a:nth-of-type(3) span,.shop-btn .dropdown-menu a:nth-of-type(4n+3) span{
	color: var(--colour3);
}
.shop-btn .dropdown-menu a:nth-of-type(4n):hover,.shop-btn .dropdown-menu a:nth-of-type(4n) span{
	color: var(--colour4);
}


.images-block img{
	width: 100%;
}



/*文件下载*/
.down-title{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.download-box{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.down-nav{
	padding:  4rem 0 2rem;
	width: 100%;
}
.down-nav div{
	display: inline-block;
	border-bottom: 0.125rem solid var(--small_text);
}
.down-nav a{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin-left: 1rem;
	font-size: 1.125rem;
	line-height: 2.5em;
	color: var(--small_text);
	font-weight: bold;
	transition: all 0.4s;
}
.down-nav a:first-of-type{
	margin-left: 0rem;
}

.down-nav a.active,.down-nav a:hover{
	color: var(--text);
}
.down-nav a:after{ content:""; position: absolute;  z-index:-1;bottom: -0.125rem;left: 0%;width: 100%;height: 0.125rem;background-color:var(--text);opacity: 0; transition:all .4s;}
.down-nav a.active:after,.down-nav a:hover:after{ content:"";opacity: 1;}

.down-subnav{
	width: 22rem;
	height: auto;
	padding:1.25rem;
	background: #fff;
	border-radius: 0.5rem;
}
.down-subnav ol{
	padding:1rem 0 0.5rem;
	margin: 0;
}
.down-subnav ol a{
	padding: 0 1rem;
	font-weight: bold;
}
.down-subnav li a{
	padding:0 1rem;
}

.down-subnav a{
	width: 100%;
	display: inline-block;
	font-size: 1rem;
	line-height: 3em;
	color: var(--text);
	border-radius: 0.25rem;
}
.down-subnav a:hover{
	color: var(--colour1);
}
.down-subnav .active a{
	background: var(--grey_bg);
}



.down-list{
	width: calc(100% - 24rem)
}
.down-list li{
	display: flex;
	padding: 3rem;
	margin-bottom: 1rem;
	background: #fff;
	border-radius: 1rem;
}
.down-list li .img{
	padding-right: 1rem;
	width: 8rem;
}
.down-list li .info{
	position: relative;
	flex-grow:0;
	width: 100%;
	padding-left:2rem;
}
.down-list li .info pre{
	font-size: 1rem;
	color: var(--text);
}
.down-list li div.file{
	position: relative;
}

.down-list li .info .btn{
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 0;
	margin: 0;
	padding: 0 1.5rem;
	font-size: 0.875rem;
	line-height: 2.75em;
	font-weight: bold;
	color: #fff;
	background: var(--colour2);
	border-radius: 2em;
	transform:translate(0%,-50%);
	transition: all 0.4s;
}
.down-list li .info .btn span{
	display: inline-block;
	font-size: 150%;
	line-height: 1em;
	font-weight: normal;
	vertical-align: middle;
}


/*news*/
.page-head{
	font-size: 0;
	margin-bottom: 2rem;
}
.page-head .h3{
	margin: 0 0 0.75rem;
}
.page-head p{
	margin: 0.75rem 0;
	font-size: 1rem;
}
.news-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}
.news-list li{
	width: 33.33%;
	padding: 0.75rem;
}
.news-list li a>div{
	min-height: 100%;
	background: #fff;
	border-radius: 0.5rem;
	box-shadow: 0px 13px 36.86px 1.14px rgb(40 43 109 / 8%);
	transition: all 0.4s;
	overflow: hidden;
}
.news-list li a>div:hover{
	transform:translate(0%,-0.5rem);
	box-shadow:  0 0.5rem 1rem rgba(0,0,0,0.03);
}
.news-list li .news-img{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 0;
	padding-bottom: 61.8%;
	overflow: hidden;
}
.news-list li .news-img img{
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform:scale(1.07); 
	transform-origin:50% 50%;
	transition:all ease-out .3s;  
}
.news-list li a>div:hover .news-img img{
	transform:scale(1); 
}
.news-list li .news-info{
	padding: 1.5rem;
}
.news-list .news-info .news-time{
	font-size: 0.75rem;
	line-height: 1em;
	font-weight: bold;
	color: var(--small_text);
	transition: all 0.4s;
}
.news-list .news-info .news-title{
	display: block; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
	max-height: 2.75rem;
	margin: 0.75rem 0 1.75rem;
	font-size: 1rem;
	line-height: 1.375em;
	font-weight: bold;
	color: var(--text);
	transition: all 0.4s;
}
.news-list a>div:hover .news-info .news-title{
	color: var(--colour1);
}

.news-list .news-info pre{
	margin-bottom: 1.75rem;
	display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
	max-height: 6rem;
	font-size: 0.875rem;
	line-height: 1.75rem;
	color: var(--text);
	transition: all 0.4s;
}
.news-list .news-info font{
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5em;
	color: var(--small_text);
	transition: all 0.4s;
}
.news-list a>div:hover .news-info font{
	color: var(--colour1);
}
.news-list .news-info font span{
	transition: all 0.4s;
}

.news-list a>div:hover .news-info font span{
	margin-left: 0.25rem;
}

/*新闻详情*/
.newsxq{width: 100%; margin-bottom: 4rem; overflow: hidden; }
.newsxq .container{display: flex;flex-wrap: wrap;justify-content: space-between;}
.newsxq-mix{width: calc(100% - 38.5%);background: #f5f5f5;padding: 44px 44px 54px; border-radius: 1rem;}
.newsxq-mix .name{font-size: 20px;color: #333;font-weight: 700;line-height: 1.32;}
.newsxq-mix .time{font-size: 13px;margin-top: 16px;color: #888;padding-left: 26px;background: url('../images/newsxqicon.png') no-repeat left center;height: 15px;line-height: 15px;}
.newsxq-mix .cont{width: 100%;margin-top: 26px;}
.newsxq-mix .cont p{font-size: 14px;color: #666;line-height: 26px;}
.newsxq-mix .cont img{display: block;max-width: 100%;margin: 0 auto;height: auto !important;}
.newsxq-col{width: 35%;  overflow: hidden;}
.newsxq-col-btn{background: #f5f5f5;padding: 28px;width: 100%;border-radius: 1rem;}
.newsxq-col-next{margin-top: 1rem;}
.newsxq-col-btn a{display: block;width: 100%;}
.newsxq-col-btn .hint{font-size: 18px;color: #333;font-weight: 700;}
.newsxq-col-btn .name{font-size: 15px;color: #555;line-height: 24px;margin: 8px 0 10px;transition: all .4s ease;}
.newsxq-col-btn .time{font-size: 14px;color: #888;font-weight: 700;}
.newsxq-col-btn a:hover .name{color: #c7000b;}
.newsxq-col-back{width: 100%;background: #f5f5f5;padding: 26px 30px;margin-top: 1rem;border-radius: 1rem;}
.newsxq-col-back a{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;font-size: 16px;color: #fff;background:var(--colour1);transition: all .4s ease;}
.newsxq-col-back a:hover{box-shadow: 0 5px 12px rgba(196,18,24,.6)}


/*联系方式*/
.contact-box {
	padding-bottom: 4.5rem;
}
.contact{
	display: flex;
	justify-content: space-between;
}
.contact>div {
	width: 46%;
}

.contact>div {
	font-size: 1rem;
	line-height: 1.95rem;
	color: #444;
}
.contact>div p.title-en-hv {
	margin-bottom: 2rem;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
}
.contact>div p {
	margin-bottom: 1.125rem;
}
.contact>div span.icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.25rem;
	line-height: inherit;
	color: #084a91;
}
.contact .contact-info {
	padding-top: 20px;
}
.contact-info>div{
	margin-bottom: 8vh;
}
.contact .contact-info a {
	line-height: 1.8em;
	color: #333;
	text-decoration: underline;
}
.contact .contact-info a:hover {
	color: #084a91;
}


.contact-feedback {
	padding-top: 0;
}
.contact-feedback>div{
	position: sticky;
	top: 10rem;
}
.feedback input {
	outline: none;
	margin-bottom: 0.75rem;
	width: 100%;
	padding: 0px 1.125rem;
	font-size: 0.9375rem;
	height: 3rem;
	line-height: 3rem;
	color: #666;
	border: none;
	background: #f7f8fa;
	transition: all .4s;
}
.form-control {
	border: 1px solid #ebebeb;
	font-size: 0.9375rem;
	line-height: 2em;
	height: 2em;
	width: 100%;
	padding: 0px 1.125rem;
	margin: 10px 0px;
	border-radius: none;
	box-shadow: 0;
}
.feedback textarea {
	border: none;
	font-size: 0.9375rem;
	line-height: 1.5em;
	width: 100%;
	height: 160px;
	padding: 1.125rem;
	margin: 10px 0px;
	outline: none;
	box-shadow: none;
	overflow-x: hidden;
	background: #f7f8fa;
}
.feedback input:focus, .feedback textarea:focus {
}
.feedback .submit {
	display: inline-block;
	padding: 0px 3rem;
	background-color: var(--colour1);
	font-size: 1.02rem;
	line-height: 2.5rem;
	color: #fff;
	margin: .75rem 0px 0;
	transition: all .4s;
	border-radius: 1.25rem;
}
.feedback .submit:hover {
	background: #003873;
}
.feedback .submit span {
	display: inline-block;
	font-size: 20px;
	line-height: inherit;
	color: #fff!important;
	vertical-align: bottom;
}

.map-canvas{width: 100%; margin-top: 2.5rem; font-size: .9rem;}
.map-canvas #map_container{height: 52vh;}




/* PCBA方案开始 */
.g_paba{padding-bottom: 20px; overflow: hidden;}

.g_plan{background:#f5f5f5; padding: 35px 0; overflow: hidden;}
.g_plan .swiper-father{position: relative;}
.g_plan .tj_product{padding:0;}
.g_plan .tj_product .swiper-slide{background: #FFF;}
.g_plan .tj_product .swiper-slide img{width: 100%;}
.g_plan .tj_product .swiper-slide p{font-size: 15px;text-align: center;line-height: 30px;padding:10px 0; color: #222;}
.g_plan .swiper-father .swiper-button-next,.g_plan .swiper-father .swiper-button-prev{width: 50px;height: 50px;border-radius: 5px;line-height: 50px;text-align: center;box-sizing: border-box;}
.g_plan .swiper-father .swiper-button-next i,.g_plan .swiper-father .swiper-button-prev i{font-size: 35px;color: #aaa; font-weight: lighter;}
.g_plan .swiper-father .left{right: 0;outline: medium;background: none;}
.g_plan .swiper-father .right{left: 0;outline: medium;background: none;}
.g_plan .swiper-father .left:hover i,.g_plan .swiper-father .right:hover i{color: #0092db;}
.g_plan .swiper-pagination-bi{position: absolute;bottom:-15px;z-index: 11;text-align: center; width: 100%;}
.g_plan .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.g_plan .swiper-pagination-bullet{width: 12px;height:12px;background: #bbb;border-radius: 10px}
.g_plan .swiper-pagination-bullet-active{background: #0092db;opacity: 1;}


.g_plan .cp_mores{width:155px;height:45px;line-height:45px;text-align:center;background:#333;font-size:15px;color:#fff;display:block; margin:35px auto 10px auto;}
.g_plan .cp_mores a{color:#fff;}

.g_kpj_bg{background:#f8f8f8; overflow: hidden; display: none;}
.g_kpj{display: flex; justify-content: space-between; justify-items: center; padding: 3.5rem 0 0;}
.g_kpj .m_kpj2{width: 33.333%; padding: 2rem;}
.g_kpj .m_kpj2 dl{height: 117px; cursor: pointer;}
.g_kpj .m_kpj2 dt{float: left;width: 78px;height: 78px;overflow: hidden;margin-right: 14px;}
.g_kpj .m_kpj2 dt img{width: 78px;height: 156px;display: block; margin-top: 0;}
.g_kpj .m_kpj2:hover dt img{margin-top:-78px;}
.g_kpj .m_kpj2 dd{float:left;width: calc(100% - 100px);}
.g_kpj .m_kpj2 dd h3{height: 2.25rem;line-height: 2.25rem;font-size: 1.45rem; overflow: hidden;font-weight: 600;color: #333;}
.g_kpj .m_kpj2 dd p{font-size: 14px;color: #555555;line-height: 24px;}
.g_kpj .m_kpj2:hover{background: #fff;}


/* 优势 */
.g_papbys_bg{background:#f8f8f8; overflow: hidden;}
.g_papbys{height: 1120px; position: relative; margin-top: 2.5rem; padding-bottom: 1.5rem;}
.pcbays1{top:0;  left:0;width: 43%}
.pcbays2{top:17rem; right:0;width: 43%}
.pcbays3{top:34rem; left:0;width: 43%}
.pcbays4{top:51.5rem; right:0;width: 43%}
.pacaysline{top:43%; left:50%; transform: translate(-50%,-50%);}
.pcbays1 img,.pcbays2 img,.pcbays3 img,.pcbays4 img{width: 100%;}


.m_pays1{top:5rem;right:0;width: 43%}
.m_pays2{top:23rem;left:0;width: 43%}
.m_pays3{top:40rem;right:0;width: 43%}
.m_pays4{top:57rem;left:0;width: 43%}
.g_papbys .m_gy{position: absolute;}
.g_papbys .m_gy h3{line-height: 3rem; font-size: 1.5rem; color: #353535; font-weight: 600;}
.g_papbys .m_gy p{font-size: 1rem; color: #555555;line-height: 1.85rem; }
.g_papbys .m_pays2,.g_papbys .m_pays4{text-align: right;}


.g_pcab{overflow: hidden;}
.g_pcab dl{background:url(../images/pcbaab.jpg) left top no-repeat; background-size: cover; height:400px;}
.g_pcab dt{float: left;width: 700px;}
.g_pcab dt img{width: 100%;display: block;}
.g_pcab dd{float:right;width: calc(100% - 700px);padding: 2.45rem;height: 100%;background:rgba(2,68,141,.85);}
.g_pcab dd p{font-size: .9875rem;color: #fff;line-height: 2.15rem; overflow: hidden;}
.g_pcab span a{display: block;width: 112px;height: 36px;line-height: 36px;border: 1px solid #fff; text-align: center;font-size: 14px;color: #fff;border-radius: 3px;}


.g_xpl{overflow: hidden;}
.g_xpl dl{background:url(../images/xpl.jpg) left top no-repeat; background-size: cover; height:400px;}
.g_xpl dt{float: left;width: 700px;}
.g_xpl dt img{width: 100%;display: block;}
.g_xpl dd{float:right;width: calc(100% - 700px);padding: 2.45rem;height: 100%;background:rgba(2,68,141,.85);}
.g_xpl dd p{font-size: .9875rem;color: #fff;line-height: 2.15rem; overflow: hidden;}
.g_xpl span a{display: block;width: 112px;height: 36px;line-height: 36px;border: 1px solid #fff; text-align: center;font-size: 14px;color: #fff;border-radius: 3px;}




/* PCBA方案结束 */



/* SMT加工开始 */
.m_gzxj_bg{background:#f8f8f8; overflow: hidden;}
.m_gzxj{ margin-top: 2.5rem; overflow: hidden;}
.m_gzxj .gzxj{float: left;width: 32%;height: 445px;  border: 1px solid #e2e2e2; margin: 0 2% 38px 0;padding: 15px; box-sizing: border-box;background: #fff;}
.m_gzxj .lastxj{margin-right: 0;}
.m_gzxj .gzxj dt,.m_gzxj .gzxj dt img{width: 100%;display: block;}
.m_gzxj .gzxj dd{padding-top: 20px;}
.m_gzxj .gzxj dd h3{height: 2.2rem;line-height: 2.2rem;overflow: hidden;font-weight: normal;font-size: 1.25rem;color: #333; text-align: center;}
.m_gzxj .gzxj dd p{padding: 0 15px;text-align: center;font-size: .935rem;line-height: 1.85rem;}
.m_gzxj .gzxj:hover{box-shadow: 2px 3px 8px #ccc;}
.m_gzxj .gzxj:hover dd h3{font-weight: bold;color: #02448d;}

/* smt加工流程 */
.g_smtlc{background: url(../images/smtlcbg.jpg) no-repeat center top;height: 300px; position: relative; }

.g_smtlc .lc07{top:100px;right: 30px;width: 25px;font-size: 16px;color: #333;position: absolute;}
.g_smtlc .lc07 b{font-weight: normal;}
.g_smtlc ul{ position: absolute; left:112px; top: 2.25rem;}
.g_smtlc li{float: left;width: 175px;height: 178px;text-align: center;font-size: 16px;color: #333;}
.g_smtlc li b{display: block;height: 36px;line-height: 36px;border-left: 2px solid #ddd;border-right: 2px solid #ddd; font-weight: normal;}
.g_smtlc li:hover{color: #02448d;font-weight: bold;margin-left: -2px;}
.g_smtlc li:hover b{border-left: 4px solid #02448d;border-right: 4px solid #02448d;border-top: 4px solid #02448d;font-weight: bold;}
.g_smtlc .lcd:hover b{border-bottom: 4px solid #02448d;border-top: none;}
.g_smtlc .smtlc01 b{border-left: 4px solid #ddd;}
.g_smtlc .smtlc06 b{border-right: 4px solid #ddd;}
.m_smtlctel{position: absolute;  left:50%;top:50%; transform: translate(-50%,-50%);}
.m_smtlctel b{display: block;float: left;background: url(../images/smtlctel.jpg) no-repeat 0 3px;padding-left: 50px;font-size: 1.75rem;color: #c30101;font-weight: normal;margin-right: 20px;}
.m_smtlctel span{display: block;float: left;width: 116px;height: 38px;line-height: 38px;text-align: center;font-size: 1rem;color: #fff;background: #02448d;border-radius: 3px;}
.m_smtlctel span a{color: #fff;}
.g_smtjg .wz{padding-top: 112px;}

/* SMT加工结束 */