@font-face {
  font-family:Courier, "思源黑体";
  src:url('../fonts/Courier-BOLDITALIC.ttf') format('ttf');
}

body{
	overflow:-Scroll;
	overflow-x:hidden; 
}
body, p{
  margin: 0;
  padding: 0;
  font-family: Courier, "思源黑体"  !important;
  -webkit-font-smoothing:antialiased.
}
ul {
  list-style: none;
}
a {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #000 !important;
  text-decoration: none !important;
}

a:hover{
	 text-decoration: underline !important;
}
input{
	outline: none;
}

@media (min-width: 1400px){
  .container {
      max-width: 1450px !important;
  }
}

.container {
  margin: 0 auto;
  position: relative;
}

.warp-body{
  min-height: 350px;
}

.font-courier {
  font-family: Courier, "思源黑体" !important;
}

.text-gray {
  color: #666 !important;
}

.text-disabled {
  color: #ccc !important;
}

.bg-gray {
	background: #eeeeee;
}

.bg-custom-dark {
  background: #666;
}
.btn-custom-dark {
  background: #666 !important;
  color: #fff !important;
}

.btn-gray {
  background: #e9e9e9 !important;
}

.fs-percent-110 {
  font-size: 110% !important;
}

.fs-7 {
	font-size: 0.85rem!important;
}

.nav-item .nav-link:hover span {
  display: inline-block;
  line-height: 90%;
  border-bottom: 1px solid #666;
} 

.dropdown-menu {
  padding: 0 20px;
  line-height: 150%;
  border: none !important;
}

.dropdown-menu .dropdown-item{
  width: auto;
  padding: 5px 10px;
  color: #666 !important;
  letter-spacing: 2px;
}

.dropdown-menu .dropdown-item:active {
  background: none !important;
}

.dropdown-link:hover{
  text-decoration: underline !important;
}

.page-item {
  margin: 0 5px;
  display: inline-block !important;
}

.page-item .item-link {
  padding: 2px;
  line-height: 180%;
  min-width: 34px;
  text-align: center;
  display: inline-block !important;
	border-radius: 50% !important; 
  border: 1px solid #ccc;
  text-decoration: none !important;
}

/*
.page-item .item-link:hover, 
.page-item .item-link:active {
  background-color: #e9e9e9;
}
*/
.page-item .item-jump {
  width: 60px;
  padding: 0 5px;
  border-radius: 5px;
  line-height: 150%;
  border: none;
  font-size: 80%;
}

.page-item.active{

}

.active .item-link {
	background-color: #e9e9e9 !important;	
}

/*
.carousel-indicators [data-bs-target]{
  width: 55px !important;
	height: 55px !important;
	border: 1px solid #ccc !important;
	background: #fff;
	border-radius: 5px;
}
*/

.carousel-item {
	text-align: center;
}

.carousel-item img {
	width: 100%;
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

.fix-logo {
  margin:0;
  text-align: left;
  position: absolute;
  left: -15px;
  top: 5px;
  z-index: 99999;
}
.fix-logo img {
	width:60px;
	height:auto;
	border:none;
}
.first-box {
  background-color: rgb(255, 255, 255);
  /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);*/
  border-radius:0;
  padding-bottom:40px;
}

.first-box .fl img {
  margin-left: 0;
  padding-top: 27px;
}

/* .first-box .nav {
  height: 80px;
  border-bottom: 1px solid #eee
} */

.first-box .search {
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 50px;
  width: 1020px;
  height: 50px;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 15px;
  color:#999
}
.search-text p{
    margin-top:11px;
}
.search-text a{
  color:#999;
  font-size: 15px;
}
.search-text a:hover{
  color:#000
}
.first-box .fr ul {
  padding-top: 26px;
  padding-right: 0;
}

.first-box .fr ul li a {
  font-size: 16px;
  color:#212121;
}
.active{
  text-decoration: underline;
}
.first-box .fr ul li:nth-child(1) a{
  padding-left:100px;
  padding-right: 0;
}
.first-box .fr ul li:nth-child(2) a{
	padding-left:100px;
  padding-right: 0;
}
.first-box .fr ul li:nth-child(3) a{
	padding-left:100px;
  padding-right: 0;
}
.first-box .fr ul li:nth-child(4) a{
	padding-left:100px;
  padding-right: 0;
}
.first-box .fr ul li:nth-child(5) a{
	padding-left:100px;
  padding-right: 0;
}

.first-box  .banner{
  width:100%;
}
.first-box  .banner img{
    border-radius:0px;
    width:1450px;
    height:1025px;
}
.first-box  .banner2 img{
  height:90px!important;
}
.first-box .button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 20px;
  top: 16px;
}

.first-box .seach-box {
  position: relative;
  left: 50%;
  margin-left:-510px;
  margin-top:25px;
  width:1020px;
}

.first-box button img {
  width: 100%
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-container  img{
  width:100%
}

.banner img{
	width:100%;
}
.swiper {
	 --swiper-theme-color: #111;
    --swiper-pagination-color: #111;
}


.t1 {
  margin: 0 auto;
  text-align: center;
}

.t1 img {
  width: 100%;
  margin: 20px auto;
}

.product-box1 {

}

/*
.product-same .swiper-wrapper {
  margin: 0 60px;
  width: calc(100% - 220px);
}
*/

.product-same .swiper {
  margin: 0 20px;
  padding: 0 60px;
}

.product-same .swiper-button-next{
   right: -0px !important;
}
.product-same .swiper-button-prev{
  left: -0px !important;
}
.product-same .swiper-button-next:after, 
.product-same .swiper-button-prev:after {
  color: #fff;
  z-index: 99;
}

.product-box1 .name {
	font-size:24px;
	line-height:24px;
	text-align: left;
	
}
.product-box1 .title {
	line-height:18px;
	text-align: left;
}
.product-box1 .brief {
	margin-top:45px;
	line-height:24px;
	text-align: justify;
}
.product-box1 .item {
  display: inline-block;
	width: 60px !important;
	height: 60px !important;
	overflow: hidden;
	margin: 0 3px;
	border: 1px solid #ccc;
	padding: 2px;
	border-radius: 5px;
}

.product-box1 .option {
  display: inline-block;
  line-height: 200%;
  overflow: hidden;
  margin: 0 1px;
  border: 1px solid #ccc;
  padding: 3px 10px 0 10px;
  margin-bottom: 5px;
  border-radius: 5px;
}


.product-box1 .item.active,
.product-box1 .option.active
{
	border: 1px solid #999 !important;
  text-decoration: none !important;
  background-color: #e9ecef;
}

.product-box1 img {
	border-radius: 5px;
}

.product-box li{
	position: relative;
	margin-bottom: 40px;
}
.product-box li:nth-child(4n){
  /*margin:5px 0 5px 0!important;*/
}
.product-box li .img_link{
	display: block;
	position: relative;
}

.product-box li .img_box{
	text-align: left;
	width: 100%;
	position: absolute;
	left: 75px;
	bottom: -40px;
}
.product-box li .img_title{
	width:80%;
	font-size:24px;
	line-height:24px;
	position: relative;
	bottom: 12px;
	height:24px;
}
.product-box li .img_name{
	width:80%;
	position: relative;
	bottom: 12px;
	height:14px;
}
.product-box li img{
  width: 75%;
  border-radius: 0px;
  
}
.product-box li img:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.container3{
  width:1450px;
  margin:0 auto;
}

footer{
	width:100%;
}
footer .container{

}
footer .container input{
  background: #fff;
  border:1px solid #d2d2d2;
  width:300px;
  height:40px;
  padding:0;
  margin:0;
  padding-left:20px;
}
footer .container button{
  padding:0;
  margin:0;
  background:#000;
  color:#fff;
  border:none;
  width:77px;
  height:40px;
  margin-left: -4px;
cursor: pointer;
}
footer .container  ul{
  margin-right:95px;
}
footer .container  ul a{
  padding:0 12px;
  color:#6f6f6f;
  font-size: 14px;
}
footer .container  .back{
  background:url(../images/icon-top.png) right top no-repeat;
  background-size:22px 22px;
  padding-right:24px;
  color:#6f6f6f;
  font-size:14px;
}
footer .container .bottom{
  margin-top:9px;
}

footer .container .guide {
	text-align:center;
	line-height:32px;
	font-size:14px;
}