.w1200 {
	width: 1220px;
	margin: 0 auto;
}

.w1900 {
	width: 1900px;
	margin: 0 auto;
	position: relative;
}

.head {
	background: url(../image/head-bg.png) center no-repeat;
	height: 180px;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
}

.head .head-top {
	display: flex;
	height: 118px;
}

.head .head-top .left {
	flex: 0 0 71%;
	display: flex;
	align-items: center;
}

.head .head-top .left .logoimg {
	max-width: 136px;
}

.head .head-top .left h2 {
	color: white;
	font-weight: bold;
	font-size: 32px;
	margin: 0;
	padding: 30px 0 0 30px;
}

.head .head-top .right {
	flex: 1;
	padding-left: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: white;
	background: url(../image/head-tel.png) left 70% no-repeat;
}

.head .head-top .right a {
	color: white;
}

.head .head-top .right p {
	padding: 1px 0;
}

.head .head-top .right h3 {
	font-weight: bold;
	font-size: 34px;
	font-style: italic;
}

.head .head-bottom {
	height: 62px;
	display: flex;
}

.head-nav {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	flex: 0 0 70%;
}

.nav-li {
	width: 135px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.navA {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: rgb(169, 169, 169);
	border-bottom: 2px solid transparent;
}

.navA span {
	position: relative;
	line-height: 18px;
	transition: 0.3s;
}

.navA span:first-child {
	top: 0;
}

.navA span:last-child {
	top: 0;
	opacity: 0;
	text-transform: capitalize;
}

.navA.active span:last-child {
	opacity: 1;
}

.navA:hover {
	color: #fff;
}

.navA:hover span:first-child {
	top: 17px;
}

.navA:hover span:last-child {
	top: -23px;
	opacity: 1;
}

.navA.active span {
	color: white;
}

.head .search {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.head .search form {
	display: flex;
}

.head .search input {
	width: 240px;
	height: 40px;
	border: none;
}

.head .search button {
	width: 80px;
	height: 40px;
	border: none;
	background-color: #a9a9a9;
	color: white;
}

.banner {
	margin-top: 180px;
	overflow: hidden;
}

.about .about-box {
	background: url(../image/about-bg.jpg) no-repeat;
	background-size: cover;
	margin: 80px 0;
	padding: 80px 160px;
	color: white;
	text-align: center;
}

.about .about-box .content {
	color: white;
	line-height: 40px;
	margin-bottom: 25px;
}

.about .about-box .box {
	padding: 40px 25px;
	background-color: rgba(21, 63, 99, 0.7);
}

.about .about-box .box h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}

.about .about-box .box h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 400;
}

.about .about-box a {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: rgba(31, 135, 232, 1);
	background-color: #fff;
	border-radius: 25px;
}

.product {
	padding-bottom: 60px;
}

.title {
	display: flex;
	padding-bottom: 40px;
	align-items: center;
	flex-wrap: wrap;
}

.title h2 {
	color: rgb(30, 80, 174);
	font-size: 18px;
	margin: 0;
	text-transform: capitalize;
}

.title h3 {
	padding-left: 15px;
	color: rgb(153, 153, 153);
	font-size: 14px;
	margin: 0;
}

.title p {
	margin-top: 5px;
	color: rgb(136, 136, 136);
	flex: 0 0 100%;
}

.product-ul {
	display: flex;
	justify-content: space-around;
	margin-bottom: 45px;
}

.product-ul li {
	padding: 0 15px;
	line-height: 36px;
	height: 36px;
	text-align: center;
	
	transition: .3s;
	border-radius: 25px;
}

.product-ul li.active a {
	color: white;
}

.product-ul li.active {
	background-color: #1e50ae;
	color: white;
}
.product .showimg{
	position: relative;
	height: 200px;
}

.product .product-box{
	padding: 0 60px;
}

.product .home-goods p {
	padding-top: 20px;
	text-align: center;
}

.product .swiper-button-prev {
	background: url(../image/goods-left.png) center no-repeat;
}

.product .swiper-button-next {
	background: url(../image/goods-right.png) center no-repeat;
}

.home-banner {
	height: 300px;
	background: url(../image/home-banner.jpg) center no-repeat;
}

.home-banner .box {
	position: absolute;
	left: 46%;
	top: 60px;
}

.home-banner .box h2 {
	font-weight: bold;
	font-size: 36px;
	color: rgb(30, 80, 174);
}

.home-banner .box p {
	font-size: 20px;
	font-weight: 500;
}

.home-banner .box a {
	display: inline-block;
	width: 162px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 18px;
	border-radius: 5px;
	margin-top: 10px;
	background-color: rgb(30, 80, 174);
}

.news {
	padding: 40px 0;
}

.news .news-box {
	display: flex;
	padding: 0 60px;
}

.news .news-box .news-left {
	flex: 0 0 70%;
}

.news .news-box .news-right {
	flex: 1;
	padding-left: 25px;
}

.news .news-box .news-right img {
	width: 100%;
	margin-bottom: 25px;
}

.news .box {
	margin-bottom: 25px;
	min-height: 80px;
	display: flex;
}

.news .news-left .left {
	flex: 0 0 85px;
}

.news .news-left .left h3 {
	font-size: 30px;
	margin: 0;
}

.news .news-left .left h2 {
	font-size: 14px;
	color: #666666;
	margin: 0;
}

.news .news-left .right {
	flex: 1;
	padding-left: 25px;
}

.news .news-left .right h2 {
	margin-bottom: 10px;
	line-height: 25px;
}

.news .news-left .right h2 a {
	font-size: 14px;
	color: gray;
}

.news .news-left .right p {
	font-size: 14px;
	color: gray;
}

.home-banner2 {
	padding: 40px 0 60px;
}

.home-banner2 .w1200 {
	display: flex;
	justify-content: space-between;
	padding: 0 60px;
}

.home-banner2 .box {
	padding: 25px;
	position: relative;
}

.home-banner2 .box:nth-child(1) {
	background: url(../image/banner-img1.jpg) no-repeat;
	background-size: cover;
	width: 320px;
	height: 320px;
}

.home-banner2 .box:nth-child(1):before {
	content: "";
	position: absolute;
	width: 138px;
	height: 200px;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	background: url(../image/box1.png) no-repeat;
}
.home-banner2 .box:nth-child(1) h2{
	color: white;
	font-weight: bold;
	font-size: 20px;
}
.home-banner2 .box:nth-child(2) h2 {
	color: white;
	font-weight: bold;
	font-size: 26px;
}

.home-banner2 .box:nth-child(2) {
	background: url(../image/banner-img2.jpg) no-repeat;
	background-size: cover;
	width: 320px;
	height: 320px;
}

.home-banner2 .box:nth-child(2):before {
	content: "";
	position: absolute;
	width: 160px;
	height: 160px;
	right: 0;
	bottom: 10px;
	background: url(../image/box2.png) no-repeat;
	background-size: 90%;
}

.home-banner2 .box:nth-child(2) ul {
	padding-top: 10px;
}

.home-banner2 .box:nth-child(2) ul li {
	font-size: 16px;
	color: #a9a9a9;
	padding-bottom: 5px;
}

.home-banner2 .box:nth-child(2) ul li:first-child {
	color: white;
}

.home-banner2 .box:nth-child(3) {
	background: url(../image/banner-img3.jpg) no-repeat;
	background-size: cover;
	width: 320px;
	height: 320px;
}

.home-banner2 .box:nth-child(3):before {
	content: "";
	position: absolute;
	width: 210px;
	height: 250px;
	right: 5px;
	bottom: 5px;
	background: url(../image/box3.png) center no-repeat;
	background-size: cover;
}

.home-banner2 .box:nth-child(3) h2 {
	font-weight: bold;
	font-size: 20px;
}

.home-banner2 .box:nth-child(3) ul li {
	font-size: 14px;
	padding: 5px 0;
	color: white;
}

.footer {
	padding-top: 50px;
	background-color: #1b2f47;
}

.footer h2,
.footer h2 a {
	color: rgb(169, 169, 169);
}

.footer p,
.footer ul li {
	color: rgb(89, 116, 149);
}

.footer .footer-box {
	display: flex;
}

.footer .footer-box .box:first-child {
	flex: 0 0 40%;
	padding-right: 35px;
}

.footer .footer-box .box h2 {
	padding-bottom: 12px;
	font-size: 18px;
}

.footer .footer-box .box p {
	line-height: 40px;
}

.footer .footer-box ul {
	padding-top: 5px;
}

.footer .footer-box ul li {
	padding-bottom: 20px;
}

.copys {
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0;
	color: rgb(169, 169, 169);
}

.copys a {
	color: rgb(169, 169, 169);
	display: inline-block;
	padding: 0 3px;
}

.list-li.active .category-ul {
	display: block;
}

.list-li.active span {
	transform: rotate(-180deg);
}

.category-ul {
	display: none;
}

.category-ul li {
	padding: 10px 20px 0 20px;
}

.category-ul li:last-child {
	border: none;
}

.list-li.ul span {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 15px;
	cursor: pointer;
	background: url(/template/en/images/goods-icon.png) center no-repeat;
}

.details-content {
	padding-top: 60px;
}

.details-content img {
	max-width: 100%;
}

.gypages-detail {
	min-height: 400px;
	padding: 0 0 25px;
}

.gypages-detail .about-text {
	padding-top: 25px;
}

.gypages-detail h2 {
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	position: relative;
}

.gypages-detail span {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
}

.gypages-detail p {
	font-size: 14px;
	color: rgb(169, 169, 169);
	line-height: 40px;
}

.gypages-detail img {
	float: right;
	width: 271px;
	margin-left: 35px;
}

.page-title {
	padding: 0;
}


.page-link {
	border: none;
	color: #666;
}

.page-num-current {
	background-color: transparent;
	border: none;
	color: #1e50ae;
}

.contact {
	display: flex;
	padding: 0 60px;
}

.contact .left {
	flex: 0 0 62%;
}

.contact .right {
	padding-left: 30px;
	flex: 1;
}

.contact .right .contact-tel {
	margin: 20px 0;
	background-color: #1d50af;
	color: white;
	padding: 13px 0 13px 90px;
	border-radius: 10px;
	position: relative;
}

.contact .right .contact-tel::before {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	background: url(../image/head-tel.png);
	left: 30px;
	top: 50%;
	transform: translate(0,-50%);
}

.contact .right .contact-tel h2 {
	font-weight: bold;
	margin: 0;
	font-size: 34px;
	font-style: italic;
}

.contact .right .contact-title {
	padding: 0;
}

.contact .right .contact-title h2 {
	font-size: 24px;
	font-weight: bold;
}
.contact .right ul li{
	margin-bottom: 30px;
}
.contact .right ul li span{
	display: inline-block;
	min-width: 75px;
}