/*

 * @Author: dy

 * @Email: sales@juntong.net

 * @Company: Copyright (c) 版权所有 无锡君通

 * @Date: 2021-03-29 10:29:33

 * @LastEditors: dy

 * @LastEditTime: 2021-04-02 11:11:12

 * @FilePath: \2021扒模板\css\c.css

 * @Descripttion: 

 */

@charset "utf-8";

*, blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {

	margin: 0;

	padding: 0;

	font-family: "Microsoft YaHei", sans-serif;

}

html {

	margin: 0;

	padding: 0;

	overflow-x: hidden;

}

body {

	font-size: 14px;

	line-height: 170%;

	color: #333;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 400;

}

h1, h2, h3 {

	font-size: 18px;

}

address, caption, cite, code, dfn, em, th, var {

	font-style: normal;

	font-weight: 400;

}

a {

	color: #333;

	text-decoration: none;

}

a:focus, a:hover {

	text-decoration: none;

	color: red;

}

em, i {

	font-style: normal;

}

img {

	border: 0;

	vertical-align: middle;

}

li, ol, ul {

	list-style: none;

}

button, input, select, textarea {

	outline: 0;

}

button {

	cursor: pointer;

}

table {

	border-collapse: collapse;

}

.jc-sb {

	justify-content: space-between;

}

.flex {

	display: flex;

}

.ai-c {

	align-items: center;

}

html {

	font-size: 16px;

}



/*滚动条*/

::-webkit-scrollbar{ width:6px; height:12px}

::-webkit-scrollbar-button:vertical{ display:none;}

::-webkit-scrollbar-track:vertical{ background-color:black}

::-webkit-scrollbar-track-piece{ background:#FFF}

::-webkit-scrollbar-thumb:vertical{ background-color:#005ebd; border-radius:5px}

::-webkit-scrollbar-thumb:vertical:hover{ background-color:#005ebd}

::-webkit-scrollbar-corner:vertical{ background-color:#005ebd}

::-webkit-scrollbar-resizer:vertical{ background-color:#005ebd}





@media only screen and (max-width: 1440px) {

html {

	font-size: 14px;

}

}



@media only screen and (max-width: 1024px) {

html {

	font-size: 12px;

}

}



@media only screen and (max-width: 768px) {

html {

	font-size: 10px;

}

}

/* 全局 */

a {

	text-decoration: none;

	color: #333;

}

a:hover {

	text-decoration: underline;

}

/* 清理浮动 */

.clearfix {

	clear: both;

	zoom: 1;

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

/* 全局浮动 */

.fl {

	float: left;

}

.fr {

	float: right;

}

/*全局样式*/

.container {

	width:95%;

	max-width: 1400px;

	margin: 0 auto;

}

.icon {

	vertical-align: middle;

}

img {

	border: 0;

	vertical-align: middle;

}

.top-row1 {

	background: #003c79;

	color: #fff;

	padding: 0.625rem 0;

	font-size: 16px;

}

.top-row1 .fr{ letter-spacing:1px;}

.top-row1 .language{ margin-left:10px;}

/* 语言下拉 */
.top-row1 .language .lang-switch{ position:relative; letter-spacing:0; font-size:14px;}

.top-row1 .language .lang-current{ display:flex; align-items:center; color:#fff; text-decoration:none; line-height:1; padding:4px 0; cursor:pointer;}

.top-row1 .language .lang-current:hover{ color:#fff; text-decoration:none;}

.top-row1 .language .lang-current img{ width:20px; height:13px; display:block; margin-right:6px;}

.top-row1 .language .lang-current .lang-name{ margin-right:6px;}

.top-row1 .language .lang-current .fa{ font-size:12px; transition:transform .2s ease;}

.top-row1 .language .lang-switch.open .lang-current .fa{ transform:rotate(180deg);}

.top-row1 .language .lang-menu{ display:none; position:absolute; top:100%; right:0; min-width:130px; margin:8px 0 0; padding:5px 0; list-style:none; background:#fff; border-radius:4px; box-shadow:0 8px 24px rgba(0,0,0,.18); z-index:320;}

.top-row1 .language .lang-switch.open .lang-menu{ display:block;}

.top-row1 .language .lang-menu a{ display:flex; align-items:center; padding:9px 14px; color:#333; font-size:14px; line-height:1; text-decoration:none; white-space:nowrap;}

.top-row1 .language .lang-menu a:hover,.top-row1 .language .lang-menu a.active{ background:#f2f6fb; color:#003c79; text-decoration:none;}

.top-row1 .language .lang-menu img{ width:20px; height:13px; display:block; margin-right:8px;}

.top-row2 .container {

	display: flex;

}

/*logo*/

.header-logo {

	padding: 1.4063rem 0;

}

.header-logo img {

	width: 100%;

	height: 100%;

	object-fit: contain;

}

/*导航栏*/

.header-nav {

	margin-left: auto;

	display: flex;

	align-items: center;

}

.header-nav li {

	position: relative;

	height: 100%;

}

.header-nav li:hover ul {

	display: block;

}

.header-nav li:hover ul li:hover {

	background: #f7f7f7;

}

.header-nav a {

	color: #000;

	font-weight: 600;

	white-space: nowrap;

	margin: 0 1rem;

	display: block;

	position: relative;

	height: 100%;

	display: flex;

	align-items: center;

	text-decoration: none;

	text-transform: uppercase;

}

.header-nav a::after {

	position: absolute;

	top: 50%;

	margin-top: 1rem;

	left: 0;

	width: 0;

	content: "";

	display: block;

	height: 2px;

	background: #ffaa00;

	transition: all 0.3s;

}

.header-nav a:hover {

	color: #ffaa00;

}

.header-nav a:hover::after {

	width: 100%;

}

.header-nav ul {

	display: none;

	position: absolute;

	background: #fff;

	z-index: 10;

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);

}

.header-nav ul a {

	padding: 0.625rem 1rem;

	font-size: 0.825rem;

}

.header-nav a {

	font-size: 1rem;

}

/*手机导航*/

.header-menu-bars {

	display: none;

}

/*搜索*/

.header-search {

	display: flex;

	align-items: center;

	margin-left: 50px;

}

.header-search button {

	background: 0 0;

	border: 0;

	font-size: 18px;

	width: 25px;

	height: 25px;

}



.header-search input {

	width: 0;

	border: 0;

	background: 0 0;

	height: 25px;

	line-height: 25px;

	border-bottom: 1px solid #333;

	transition: all 0.3s;

	box-sizing: border-box;

}

.header-search:hover input {

	width: 150px;

	padding: 0 10px;

}

/*banner*/

.bannerslide {

 height: calc(700 / 1920 * 100vw);

	width: 100%;

	position: relative;

	-webkit-transition: all 0.2s;

	transition: all 0.2s;

	overflow:hidden;

}

.bannerslide .swiper-slide {

	background-position: center !important;

	background-size: cover !important;

	display:flex;

	justify-content:center;

	align-items:center;

	text-align:center;

}

.bannerslide .swiper-slide .txt{

	transition:0.5s 1s;

	opacity:0;

	transform:translateY(50px);

}

.bannerslide .swiper-slide.swiper-slide-active .txt{

	opacity:1;

	transform:translateY(0);

}

.bannerslide .swiper-slide .txt .p1{

	color:#fff;

	font-size:40px;

	font-weight:bold;

	text-transform:uppercase;

	line-height:1.8;

	text-shadow: 0 0 5px #111;

}

.bannerslide .swiper-slide .txt .p2{

	color:#fff;

	line-height:1.8;

	font-size: 24px;

	margin:40px 0 0;

	text-shadow: 0 0 5px #111;

}

.bannerslide .swiper-slide .txt a{

	display:inline-block;

	padding:15px 40px;

	color:#fff;

	border:1px solid #fff;

	transition:0.2s ease;

	font-size:20px;

	margin-top:60px;

	text-shadow: 0 0 2px #111;

}

.bannerslide .swiper-slide .txt a:hover{

	background:#fff;

	color:#003c79;

	text-shadow: none;

}



.swiper-pagination{

	bottom: 30px !important;

}

.swiper-pagination-bullet {

	background: #fff;

	border-radius: 0;

	width: 70px;

	height: 5px;

	outline:none;

}

.bannerslide .btns {

	border-radius: 50%;

	position: absolute;

	color: #fff;

	width: 68px;

	height: 68px;

	top: 50%;

	margin-top: -34px;

	cursor: pointer;

	background: rgba(0, 0, 0, 0.3);

	z-index: 100;

	user-select: none;

	transition: all 0.3s;

	font-size: 45px;

	display: flex;

	align-items: center;

	justify-content: center;

	outline:none;

}

.bannerslide .btns:after{ font-size:30px;}

.bannerslide .btns:hover {

	background-color: rgba(0, 0, 0, 0.45);

}

.bannerslide .swiper-button-next {

	right: -50px;

}

.bannerslide .swiper-button-prev {

	left: -50px;

}

.bannerslide:hover .swiper-button-next {

	right: 30px;

}

.bannerslide:hover .swiper-button-prev {

	left: 30px;

}

/*首页大标题*/

.index-title {

	padding: 4.0625rem 0;

	position: relative;

	text-align: center;

}

.index-title span::after, .index-title::before {

	content: "";

	display: block;

	position: absolute;

}

.index-title::before {

	width: 100%;

	height: 1px;

	z-index: 5;

	background: #cfcfcf;

	top: 50%;

}

.index-title span {

	display: inline-block;

	background: #fff;

	position: relative;

	z-index: 10;

	padding: 0 1.9375rem;

	font-size: 2.25rem;

	color: #232323;

	text-transform: uppercase;

}

.index-title span::after {

	width: 1.875rem;

	height: 3px;

	z-index: 5;

	background: #ffaa00;

	bottom: -0.9375rem;

	left: 50%;

	margin-left: -0.9375rem;

}

/*首页模块一*/

.homebox1{ width:90%; max-width:1400px; margin:0 auto;}

.cate-list{ display:flex; flex-wrap:wrap; column-gap:2%;}

.cate-list li {

	position: relative;

	overflow: hidden;

	width:calc(96% / 3);

	margin-bottom:2%;

}

.cate-list li:nth-last-child(-n+2){ margin-bottom:0;}

.cate-list li:nth-child(4),.cate-list li:nth-child(5){ width:49%;}

.cate-list li a {

	text-decoration:none;

}

.cate-list li img {

	width: 100%;

	height: 300px;

	object-fit: cover;

	transition: all 0.5s;

}

.cate-list li a::after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 60, 121, 0);

	z-index: 5;

	transition:0.5s;

}

.cate-list li a:hover::after {

	background: rgba(0, 60, 121, 0.3);

}

.cate-list li:hover img {

	transform: scale(1.05);

}

.cate-list p {

	position:relative;

	z-index: 10;

	box-sizing: border-box;

	background: #eee;

	color: #003c79;

	font-size: 1.2rem;

	font-weight:bold;

	left: 0;

	display: flex;

	align-items: center;

	padding: 1rem 2rem;

	justify-content: space-between;

	text-transform:capitalize;

}

.cate-list p span{

	max-width:80%;

	/*white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis;

}

.cate-list p:hover {

	

}

.cate-list i {

	height: 1.875rem;

	width: 1.875rem;

	border: 2px solid #fff;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-left: 2.625rem;

	flex: 0 0 auto;

}

/*首页模块二*/

.profiles-list {

	display: flex;

	width: 100%;

	flex-wrap:wrap;

}

.profiles-list li {

	width: 25%;

	position: relative;

}

.profiles-list .profiles-item-back {

	width: 100%;

}

.profiles-list .profiles-item-text {

	position: absolute;

	color: #fff;

	height: 100%;

	width: 100%;

	background: rgba(0, 60, 121, 0.3);

	box-sizing: border-box;

	top: 0;

	left: 0;

	transition: all 0.3s;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

}

.profiles-list li .profiles-item-text:hover {

	background: rgba(0, 60, 121, 0.8);

}

.profiles-list .profiles-item-text img {

	width: 7rem;

	height: 0rem;

	margin-bottom: 0rem;

	transition: all 0.5s cubic-bezier(0.66, -0.76, 0.35, 1.53);

}

.profiles-list .profiles-item-text:hover img {

	width: 7rem;

	margin-bottom: 3.75rem;

	height: 7rem;

}

.profiles-list .why {

	text-transform:capitalize;

	font-size: 3vw;

	line-height: 1.3;

}

.profiles-list .more-link {

	color: #fff;

	font-size: 1.125rem;

	margin-top: 3.75rem;

}

.profiles-list .more-link i {

	margin-left: 5px;

}

.profiles-list .text {

	text-transform:capitalize;

	font-size: 2vw;

	margin-top: 2rem;

	line-height: 1.3;

	text-align: center;

}

.profiles-list .num {

	font-size: 1.875rem;

}

/*首页新闻模块*/

.homebox3{

	width:90%;

	padding-bottom:4.0625rem;

	max-width:1400px;

	margin:0 auto;

}

.index-news-list {

	display: flex;

	justify-content: space-between;

	column-gap:2%;

}

.index-news-list li {

	width: 32%;

	position: relative;

	transition:0.5s;

}

.index-news-list li a{

	text-decoration:none;

}

.index-news-list .news-pic {

	width: 100%;

	transition: all 0.5s;

}

.index-news-list .news-pic:hover {

	transform: scale(1.058);

}

.index-news-list .index-news-img{

	overflow:hidden;

}

.index-news-list .index-news-txt{

	padding:1.25rem;

	background:#f5f5f5;

}

.index-news-list li:hover{

	box-shadow:0 0 10px #999;

}

.index-news-list .index-news-date {

	color: #1a1a1a;

	font-size: 1rem;

	margin-bottom:1rem;
  display:none;

}

.index-news-list .index-news-tit {

	line-height: 1.5;

	min-height:4.95rem;

	box-sizing: border-box;

	font-size: 1.1rem;

	color: #003c79;

}

.index-news-list .index-news-intro {

	line-height: 1.5;

	box-sizing: border-box;

	font-size: 1rem;

	color: #1a1a1a;

	margin:1rem 0 1.5rem;

}

.index-news-list .index-news-readmore {

	font-size: 1.1rem;

	color: #003c79;

	text-transform:uppercase;

}



.index-news-list .index-news-readmore span{

	margin-left:10px;

}

/*首页产品模块*/

.index-products-box {

	padding-top: 89px;

	padding-bottom: 36px;

	width: 100%;

}

.index-products-list-box {

	width: 100%;

	overflow: hidden;

	position: relative;

	padding-bottom: 111px;

}

.index-products-list-box button {

	position: absolute;

	z-index: 10;

	left: 0;

	top: 50%;

	background: #ffaa00;

	border: 0;

	outline: 0;

	color: #fff;

	width: 40px;

	height: 40px;

	font-family: cursive;

	font-weight: 600;

	text-align: center;

	line-height: 40px;

	margin-top: -75px;

}

.index-products-list-box button.nextIpn {

	right: 0;

	left: unset;

}

.index-products-list {

	display: flex;

	width: 300%;

	transition: all 0.3s;

}

.index-products-list li {

	width: 6.666666%;

	position: relative;

	height: 0;

	padding-bottom: 6.666666%;

}

.index-products-list img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.index-products-list a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	transition: all 0.3s;

	background: rgba(98, 98, 98, 0.5);

	height: 100%;

}

.index-products-list a::before {

	position: absolute;

	content: "";

	display: block;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.3);

	transition: all 0.5s;

}

.index-products-list a:hover::before {

	background: 0 0;

}

.index-products-list a::after {

	bottom: 0;

	left: 50%;

	content: "";

	display: block;

	border: 0.8125rem solid transparent;

	border-bottom-color: #ffaa00;

	margin-left: -0.8125rem;

	position: absolute;

	z-index: 10;

	transition: all 0.3s;

	opacity: 0;

}

.index-products-list a:hover {

	background: 0 0;

}

.index-products-list p {

	white-space: nowrap;

	overflow: hidden;

	color: #fff;

	background: #ffaa00;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 1.25rem;

	text-align: center;

	font-size: 1.3125rem;

	opacity: 0;

	transition: all 0.3s;

	text-overflow: ellipsis;

}

.index-products-list a:hover p {

	opacity: 1;

}

.index-products-list a:hover::after {

	opacity: 1;

}

.index-products-nav {

	display: flex;

	justify-content: center;

}

.index-products-nav li {

	padding: 9px;

	cursor: pointer;

}

.index-products-nav li:nth-child(n + 4) {

	display: none;

}

.index-products-nav li i {

	height: 11px;

	width: 11px;

	background: #a7a7a7;

	border-radius: 50%;

	display: block;

}

.index-products-nav li.active i {

	background: #ffaa00;

}

/*首页底部*/

.footer-main {

	background: #003c79;

	padding: 2rem 0 1rem 0;

}

.footer-main .container {

	display: flex;

	justify-content: space-between;

}

.footer-title {

	text-transform: uppercase;

	font-size: 1.125rem;

	color: #fff;

	position: relative;

	padding-left: 1.25rem;

	line-height: 1.25rem;

	margin-bottom: 1rem;

	font-weight: 600;

	border-bottom: 1px solid #ccc;

	padding-bottom: 1rem;

}

.footer-title::after {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 0.4375rem;

	height: 1.25rem;

	background: #ffaa00;

}

.footer-main-item {

	width: 30%;

	max-width: 314px;

}

.footer-main-item:nth-child(2){

	width:30%;

	max-width:none;

}

.footer-share-links {

	display: flex;

	margin: 40px 0;

}

.footer-share-links a {

	color: #cfcfcf;

	height: 2.5rem;

	width: 2.5rem;

	border-radius: 50%;

	border: 2px solid #cfcfcf;

	box-sizing: border-box;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 1.5625rem;

	text-decoration: none;

}

.footer-share-links a:hover {

	color: #fff;

	border-color: #fff;

}

.footer-share-links li {

	margin-right: 0.6875rem;

}

.footer-contact li {

	display: flex;

	align-items: flex-start;

}

.footer-contact a, .footer-contact p {

	color: #fff;

	font-size: 0.9375rem;

	line-height: 2;

	text-decoration: none;

}

.footer-contact i {

	width: 25px;

	color: #ffaa00;

	line-height: 2;

}

.footer-nav a {

	color: #fff;

	line-height: 2;

	position: relative;

	padding-left: 18px;

	text-decoration: none;

}

.footer-nav a::before {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	content: "";

	display: block;

	height: 1px;

	background: #ffaa00;

	transition: all 0.3s;

}

.footer-nav a:hover::before {

	width: 100%;

}

.footer-nav a::after {

	position: absolute;

	left: 0;

	top: 50%;

	content: "";

	display: block;

	background: #c1c1c1;

	height: 3px;

	width: 3px;

	border-radius: 50%;

}

.footer-contact a:hover, .footer-nav a:hover {

	color: #ffaa00;

}

.footerlogo img {

	max-width: 100%;

}

/*底部版权*/

.copyright-box {

	background: #fff;

}

.copyright-box .container {

	position: relative;

}

.copyright {

	color: #5d5d5d;

	font-size: 0.875rem;

	padding: 1rem 0;

}

.scrtop {

	position: absolute;

	right: 0;

	top: 0;

	height: 40px;

	width: 40px;

	font-size: 25px;

	color: #fff;

	background: #ffaa00;

	outline: 0;

	margin-top: -20px;

	border: 0;

}



@media only screen and (max-width: 1200px) {

.bannerslide {

	height: 500px;

}

.swiper-container-horizontal > .swiper-pagination-bullets {

	bottom: 20px;

}

}



@media only screen and (max-width: 1024px) {

.container {

	width: 95%;

	box-sizing: border-box;

}

.bannerslide {

	height: 380px;

}

}



@media only screen and (max-width: 768px) {

header {

	position: fixed;

	top: 0;

	background: #fff;

	z-index: 250;

	width: 100%;

}

.top-row1 .container {

	white-space: nowrap;

}

.top-row2 {

	position: relative;

}

.top-row2 .container {

	align-items: center;

}

body {

	padding-top: 119.75px;

}

.header-search {

	display: none;

}

.index-products-box {

	padding-top: 2vw;

	padding-bottom: 2vw;

}

/*手机导航*/

.header-menu-bars {

	display: block;

	border: 1px solid #e5e5e5;

	border-radius: 3px;

	margin-left: auto;

	background: 0 0;

	color: #999;

	font-size: 2.5rem;

	width: 40px;

	height: 40px;

}

.header-nav {

	display: block;

	position: absolute;

	right: 0;

	top: 100%;

	z-index: 250;

	background: #fff;

	height: 100vh;

	border-top: 1px solid #e5e5e5;

	transition: all 0.3s;

	overflow: hidden;

	width: 0;

}

.header-nav.active {

	width: 45vw;

}

.header-nav li:hover ul {

	display: none;

}

.header-nav li {

	border-bottom: 1px solid #e5e5e5;

	height: auto;

}

.header-nav a {

	padding: 1rem 2rem;

}

.footer-share-links,  .profiles-list {

	flex-wrap: wrap;

}

.profiles-list li {

	width: 50%;

}

.footer-share-links li {

	margin-bottom: 0.6875rem;

}

.index-products-list {

	width: 500%;

}

.index-products-nav li:nth-child(n + 4) {

	display: block;

}

.index-products-list-box button {

	margin-top: 0

}

.index-products-list-box {

	padding-bottom: 0

}

}



@media only screen and (max-width: 425px) {

.bannerslide {

	height: 300px;

	background-size:cover !important;

}

}